@charset "utf-8";

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

	CSS information
	file name  :  layout.css
	infomation :  レイアウト
	
 ---------------------------------------------- */




body{background:url(../images/bg_body.jpg) repeat center top;}
		
#wrapper{
	width:100%;
	height:100%;
	}

#container{
	background:url(../images/bg_image.png) no-repeat center top;
	min-width:970px;
	width: auto;
	}
/*
#container
   {width:expression(document.body.clientWidth < 972? "970px" : document.body.clientWidth >  "auto");}
*/

/* ヘッダ */
#header{
	width:920px;
	margin:0 auto;
	text-align:left;
	}
	
#header_top{
	width:920px;
	height:53px;
	padding:8px 0 19px;
	overflow:hidden;
	}
	* html #header_top{height:1%;}
	
	#header_top #logo{
		float:left;
		padding-top:10px;
		height:35px
		}
	#header_top #banArea{
		width:360px;
		float:right;
		}
		#header #banArea img{margin-right:0px; float:left;}




/* 中面ナビ大 */
#header-nav{
	width:920px;
	height:100px;
	}
	#header-nav #navL{
		overflow:hidden;
		padding-top:8px;
		height:35px;
		}
		#navL a{
			float:left;
			margin-right:10px;
			text-indent:-9999px;
			overflow:hidden;
			display:block;
			}

		#navL a.nav01{width:93px;height:35px;background:url(../images/navi_01.png) no-repeat;}
		#navL a.nav02{width:152px;height:35px;background:url(../images/navi_02.png) no-repeat;}
		#navL a.nav03{width:93px;height:35px;background:url(../images/navi_03.png) no-repeat;}
		#navL a.nav04{width:116px;height:35px;background:url(../images/navi_04.png) no-repeat;}
		#navL a.nav05{width:93px;height:35px;background:url(../images/navi_05.png) no-repeat;}
		#navL a.nav06{width:116px;height:35px;background:url(../images/navi_06.png) no-repeat;}
		#navL a.nav07{width:187px;height:35px;background:url(../images/navi_07.png) no-repeat;}
		#navL a.nav08{width:47px;height:35px;background:url(../images/navi_08.png) no-repeat;}
		
		#navL a.nav01:hover{background:url(../images/navi_01_over.png) no-repeat;}
		#navL a.nav02:hover{background:url(../images/navi_02_over.png) no-repeat;}
		#navL a.nav03:hover{background:url(../images/navi_03_over.png) no-repeat;}
		#navL a.nav10:hover{background:url(../images/navi_10_over.png) no-repeat;}
		#navL a.nav04:hover{background:url(../images/navi_04_over.png) no-repeat;}
		#navL a.nav05:hover{background:url(../images/navi_05_over.png) no-repeat;}
		#navL a.nav06:hover{background:url(../images/navi_06_over.png) no-repeat;}
		#navL a.nav07:hover{background:url(../images/navi_07_over.png) no-repeat;}
		#navL a.nav08:hover{background:url(../images/navi_08_over.png) no-repeat;}


/* 中面ナビ小 */
#header-nav #navS{
	overflow:hidden;
	padding-top:6px;
	height:24px;
	}
		#navS a{
			float:left;
			text-indent:-9999px;
			overflow:hidden;
			display:block;
			}

		#navS a.nav01{width:76px;height:24px;background:url(../images/navi_s01.png) no-repeat;}
		#navS a.nav02{width:83px;height:24px;background:url(../images/navi_s02.png) no-repeat;}
		#navS a.nav03{width:84px;height:24px;background:url(../images/navi_s03.png) no-repeat;}
		#navS a.nav10{width:75px;height:35px;background:url(../images/navi_s10.png) no-repeat;}
		#navS a.nav04{width:63px;height:24px;background:url(../images/navi_s04.png) no-repeat;}
		#navS a.nav05{width:90px;height:24px;background:url(../images/navi_s05.png) no-repeat;}
		#navS a.nav06{width:91px;height:24px;background:url(../images/navi_s06.png) no-repeat;}
		#navS a.nav07{width:87px;height:24px;background:url(../images/navi_s07.png) no-repeat;}
		#navS a.nav08{width:116px;height:24px;background:url(../images/navi_s08.png) no-repeat;}
		#navS a.nav09{width:152px;height:24px;background:url(../images/navi_s09.png) no-repeat;}
		
		#navS a.nav01:hover{background:url(../images/navi_s01_over.png) no-repeat;}
		#navS a.nav02:hover{background:url(../images/navi_s02_over.png) no-repeat;}
		#navS a.nav03:hover{background:url(../images/navi_s03_over.png) no-repeat;}
		#navS a.nav10:hover{background:url(../images/navi_s10_over.png) no-repeat;}
		#navS a.nav04:hover{background:url(../images/navi_s04_over.png) no-repeat;}
		#navS a.nav05:hover{background:url(../images/navi_s05_over.png) no-repeat;}
		#navS a.nav06:hover{background:url(../images/navi_s06_over.png) no-repeat;}
		#navS a.nav07:hover{background:url(../images/navi_s07_over.png) no-repeat;}
		#navS a.nav08:hover{background:url(../images/navi_s08_over.png) no-repeat;}
		#navS a.nav09:hover{background:url(../images/navi_s09_over.png) no-repeat;}
		
		
		






#contents{
	width:970px;
	margin:0 auto;
	background:url(../images/bg_contents.gif) repeat-y center top;
	min-height:500px;
	/*height:auto !important;
	height:500px;*/
	position:relative;
	text-align:left;
	}

	#contents #title{
		width:880px;
		height:64px;
		margin:0 auto;
		background:url(../images/bg_h2.gif) repeat-x left bottom;
		padding:0 25px; 
		}
	
	
	#contents h2{
		float:left;
		margin-top:15px;
		}
	
	#bookmark{
		float:right;
		width:76px;
		height:16px;
		overflow:hidden;
		margin-top:30px;
		}
	
		#bookmark li{
			float:left;
			display:inline;
			margin-right:3px;
			}
		

#main{
	width:880px;
	margin:0 auto;
	padding:25px 25px; 40px;
	}


#footer{
	clear:both;
	width:970px;
	height:130px;
	margin:0 auto;
	}


	#footer .ptop a{
		width:970px;
		height:30px;
		display:block;
		overflow:hidden;
		text-indent:-9999px;
		}
	#footer .ptop a:link,
	#footer .ptop a:visited{
		background:url(../images/pagetop_out.png) no-repeat center top;}
	#footer .ptop a:hover,
	#footer .ptop a:active{
		background:url(../images/pagetop_over.png) no-repeat center top;}


	#footer .btnArea{
		width:880px;
		height:38px;
		margin:0 auto;
		text-align:left;
		}
		#footer .btnArea img{margin-right:10px;}


.copyright{
	width:376px;
	height:10px;
	margin-top:32px;
	background: url(../images/copy.png) no-repeat left top;
	text-indent:-9999px;
	overflow:hidden;
	}