@charset "utf-8";

/* ---------------------------------------

	Browser Base CSS
	Last Up Date 10/12/1


 /*=======================================
 
      index
	  
  ========================================
  
      1.Basic css structure
	  
	  2.header structure
	  
	  3.globalnavi structure
	  
	  4.main page structure
	    4-1.2column basic structure
		4-2.3column basic structure

	  5.topicpath structure

	  6.footer structure
	    6-1.footer navigation
		6-2.copyright
	  
  	  7.General purpose and other structures
	    7-1.block
		7-2.inline
		7-3.font size
		7-4.color
		7-5.text align
		7-6.float
		

------------------------------------------ */


/* 1.Basic css structure 
__________________________________________ */

body {
	text-align:center;
	color:#333;
}

p,li {
	line-height:1.6;
	text-align: left;
	font-size: x-small;
}

#container {
	width:100%;
	margin:0;
	padding:0;
	background:url("../img/shared/bk.jpg") repeat-x top;
	float:left;
}

#wrapper {
	width:960px;
	margin:0 auto;
	padding:0;
}

#contents {
	float:left;
	width:960px;
	margin:0;
	padding:0;
	background:# url("");
}


/* 2.header structure 
__________________________________________ */

#header {
	float:left;
	width:960px;
	height:91px;
	margin:0;
}

#header h1 {
	float:left;
	width:280px;
	margin:23px 0 0 6px;
}

#head-r {
	float:right;
	margin:57px 12px 0 0;
	text-align:right;
	font-size:90%;
}

*:first-child+html #head-r {
	width:250px;
	float:right;
	margin:57px 12px 0 0;
	text-align:right;
	font-size:90%;
}

#head-r li {display:inline; line-height:19px;}

#head-r .head-line {
	float:left;
	margin-top:4px;
	margin-right:6px;
	padding-right:8px;
	background:url("../img/shared/line1.gif") no-repeat right;
}

#head-r a {color:#142606; text-decoration:none;}

#head-r a.head-arr {padding-left:7px; background:url("../img/shared/arr1.gif") no-repeat left;}

#head-r a.head-arr:hover {color:#404e35; background:url("../img/shared/arr2.gif") no-repeat left;}

#head-r li.line-no {
	margin:0;
	padding:0;
	background:none;
}

#head-inq {
	float:right;
	width:65px;
	background:url("../img/shared/inq-ov.jpg") no-repeat;
}

#head-inq a {
	display:block;
	height:19px;
}

#head-inq a:hover {
	background-color:transparent;
}

#head-inq a:hover img {
	visibility:hidden;
}


/* 3.globalnavi structure 
__________________________________________ */

ul#globalnavi {
	clear:both;
	float:left;
	width:960px;
	margin:0;
	padding:0;
	background:url("../img/shared/navi.jpg") no-repeat;
}

ul#globalnavi li {
	float:left;
}

ul#globalnavi li.navi01 {width:192px;}
ul#globalnavi li.navi02 {width:192px;}
ul#globalnavi li.navi03 {width:192px;}

ul#globalnavi li a {
	display:block;
	height:40px;
	line-height:40px;
}

#website1 {
	width:177px;
	margin-bottom:8px;
}

#problem {
	width:177px;
}

#website1 a {
	display:block;
	height:53px;
}

#problem a {
	display:block;
	height:52px;
}

#left-bnr2 {
	width:164px;
}

#left-bnr2 a {
	display:block;
	height:45px;
}

ul#globalnavi li a:hover, 
#website1 a:hover, 
#problem a:hover, 
#left-bnr2 a:hover {
	background-color:transparent;
}

ul#globalnavi li a:hover img, 
#website1 a:hover img, 
#problem a:hover img, 
#left-bnr2 a:hover img {
	visibility:hidden;
}


/* 4.main page structure 
__________________________________________ */

#main {
	clear:both;
	float:left;
	width:960px;
	margin:0;
	padding:0;
	background-color : white;
}

	/* 4-1.2column
	_______________________________________ */
	
	#left {
		float:left;
		width:730px;
	}
	
	#right {
		float:right;
		width:200px;
	}
	
	#right-list {
	float:left;
	width:219px;
	border:solid 0px #d2e3ce;
	font-size:small;
	}
	
	#right-list-tt {
		margin-bottom:8px;
	}
	
	#right-list li.right-link {
		margin:0 7px 7px 7px;
	}
	
	#right-list a {
		padding-left:9px;
		background:url("../img/shared/arr4.gif") no-repeat left;
	}
	
	#right-list-all {
		padding:7px;
		background:#eef6ec;
		text-align:right;
	}
	
	#right-list li.no-right-link {
		margin:0 7px 7px 7px;
		padding-left:9px;
		background:url("../img/shared/arr5.gif") no-repeat left;
	}
	

	/* 4-2.3column
	_______________________________________ */
	
	#left-inner {
		float:left;
		width:177px;
	}
	
	#left-bnr1 {
		float:left;
		width:177px;
		height:113px;
		margin-bottom:9px;
		background:url("../img/shared/left-bnr1.jpg") no-repeat;
	}
	
	#left-news {
		clear:both;
		float:left;
		width:174px;
		margin-bottom:10px;
		border:solid 0px #d2e3ce;
		font-size:90%;
	}
	
	#left-news-tt {
		margin-bottom:8px;
	}
	
	#left-news li.news-tx1 {
		margin:0 7px 7px 7px;
		padding-bottom:7px;
		border-bottom:solid 0px #c7dcc4;
	}
	
	#left-news li.news-tx2 {
		margin:0 7px 7px 7px;
	}
	
	#left-news li.news-tx1 a, #left-news li.news-tx2 a {
		display:inline-block;
		padding-left:9px;
		background:url("../img/shared/arr3.gif") no-repeat left top;
	}
	
	#left-bnr2 {
		clear:both;
		float:left;
		width:164px;
		margin-bottom:18px;
		padding:7px 6px 7px 7px;
		background:#e8f4e6;
		border-bottom:solid 0px #f5f5f5;
	}
	
	#left-bnr2 ul {
		float:left;
		width:164px;
		height:200px;
		background:url("../img/shared/left-bnr2.jpg") no-repeat;
	}
	
	.left-link {
	margin-bottom:14px;
	padding-bottom:14px;
	border-bottom:solid 0px #f5f5f5;
	font-size: small;
	}
	
	#time {
		padding-left:14px;
		color:#40653e;
	}
	
	#total {
		padding-left:14px;
		color:#40653e;
		font-size:100%;
	}
	
	#center {
	float:right;
	width:571px;
	margin-right:1px;
	text-align: left;
	font-size: small;
	}


/* 5.topicpath structure 
__________________________________________ */

ol#topicpath {
	clear:both;
	float:left;
	width:935px;
	margin:0;
	padding:0 10px;
	text-align:left;
	border-left:solid 0px #f5f5f5;
	border-right:solid 0px #f5f5f5;
}

ol#topicpath li {
	display:inline;
	line-height:31px;
}

ol#topicpath li a {
	margin-right:5px;
	padding-right:10px;
	background:url("../img/shared/glue.gif") no-repeat right center;
}


/* 6.footer structure 
__________________________________________ */

#footer {
	clear:both;
	float:left;
	width:100%;
	height:143px;
	margin:0;
	padding:0;
	background:url("../img/shared/footer.jpg") repeat-x;
}

#footer-wrap {
	width:960px;
	margin:0 auto;
	padding:0;
}

#footer-inner {
	float:left;
	width:960px;
	margin:0;
	padding:0;
	background:# url("");
}

#pagetop {
	text-align:right;
	margin:6px 10px 20px 0;
}

*:first-child+html #pagetop img {
	vertical-align:top;
}


	/* 6-1.footer navigation
	_______________________________________ */
	
	ul#f-navi {
		float:left;
		margin:0;
		padding:0;
		text-align:left;
	}

	ul#f-navi li {
		display:inline;
	}
	
	ul#f-navi li.f-br {
		display:inline;
		line-height:;
		margin-right:3px;
		padding-right:5px;
		border-right:solid 0px #fff;
	}
	
	* html ul#f-navi li.f-br {
		display:inline;
		line-height:;
		margin-right:7px;
		padding-right:2px;
		border-right:solid 1px #fff;
	}

	*:first-child+html ul#f-navi li.f-br {
		display:inline;
		line-height:;
		margin-right:7px;
		padding-right:2px;
		border-right:solid 1px #fff;
	}

	ul#f-navi li a {
		color:#fff;
	}

	/* 6-1.copyright
	_______________________________________ */
	
	p#copy {
		float:right;
		margin:0;
		padding:0;
		color:#fff;
	}


/* 7.General purpose and other structures 
__________________________________________ */

	/* 7-1.block
	_______________________________________ */
	
	.block {display:block;}

	/* 7-2.block
	_______________________________________ */
	
	.inline {display:inline;}

	/* 7-3.font-size
	_______________________________________ */
	
	.tx-min {font-size:80%;}
	.tx-middle {font-size:90%;}
	.tx-big {font-size:120%;}
	.tx-big2 {font-size:160%;}
	.tx-str {font-weight:bold;}
	.tx-lighter {font-weight:lighter;}

	/* 7-4.font-color
	--------------------------------------- */
	
	.tx-color01 {color:#ff0000;}
	.tx-color02 {color:;}
	.tx-color03 {color:;}

	/* 7-5.text align
	--------------------------------------- */
	
	.tx-left {
	text-align:left;
	color: #000;
	font-size: small;
}
	.tx-right {text-align:right;}
	.tx-center {
	text-align:center;
	font-size: 160%;
}
	
	/* 7-6.float
	--------------------------------------- */
	
	.float-l {float:left;}
	.float-r {float:right;}