@charset "utf-8";

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

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


body{background:url(../images/bg_body.jpg) repeat center top;}

	
#wrapper{
	width:320px;
	margin:0 auto;
	background:#ffffff;
	}

#container{
	width:320px;
	margin:0 auto;
	background:url(../images/bg_top.jpg) no-repeat center top;
	}


/* ヘッダ */
#header{
	width:320px;
	margin:0 auto;
	text-align:left;
	}


#header #logo{
	margin:0 auto;
	text-align:center;
	padding:9px 0 24px;
	}




/* 中面ナビ大 */

#header-nav{
	width:320px;
	height:95px;
	}
	#header-nav #navL {
		padding-left:11px;
		}
		#navL a{
			float:left;
			margin-right:8px;
			}
/*
		#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.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;}

*/

/* 中面ナビ小 */

#header-nav #navS{
	clear:both;
	width:320px;
	padding-top:6px;
	}
	#navS .ban{
		margin-right:10px;
		float:right;
		}



ul#navETC{
	width:90px;
	float:right;
	}

ul#navETC a {
	color: #FFFFFF;
	text-decoration: none;
	}

	ul#navETC a:link,
	ul#navETC a:visited {
        background: #324a4a;
		}
	ul#navETC a:hover,
	ul#navETC a:active {
        background: #e8345e;
		}

ul#navETC li {
	float: left;
	position: relative;
	width: 90px;
	line-height:23px;
	}

ul#navETC li a {
        display: block;
        width: 90px;
        height: 23px;
        text-align: center;
		}

/* 下層のメニューを不可視に */
ul#navETC li ul {
        display: none;
}

/* 疑似要素 :hover で下層のメニューを可視に */
ul#navETC li:hover ul {
        display: block;
        position: absolute;
        /*z-index: 100;*/
}

ul#navETC li ul li {
        float: none;
        margin: 0;
        font-weight: normal;
		border-bottom:1px sold #ffffff;
		}






/*
		#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{
	clear:both;
	width:300px;
	margin:0 auto;
	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{
		font-size:200%;
		color:#e8345e;
		line-height:1.2;
		font-weight:normal;
		}
		#contents h2 span{ 
			font-size:40%;
			font-weight:normal;
			color:#404040;
			margin-left:5px;
			}
		
	#contents h3 {
		margin:0 0 10px 0;	
		line-height:1;
		font-weight:normal;
		font-size:200%;
		}
		h3 em { font-size:40%; }
		
	
	#bookmark{
		float:left;
		width:165px;
		height:36px;
		}
	
		#bookmark li{
			float:left;
			display:inline;
			margin-right:3px;
			}
		

#main{
	width:300px;
	margin:0 auto;
	line-height:1.4;
	padding-top:20px;
	}


#main .block{
	margin-bottom:15px;
	}



#footer{
	clear:both;
	width:300px;
	margin:0 auto;
	padding:5px 10px;
	background:#f3efe7;
	}

	#footer .ptop{
		float:right;
		width:73px;
		height:19px;
		}

	#footer .btnArea{
		clear:both;
		width:300px;
		margin:0 auto;
		padding:5px 0 0;
		text-align:left;
		}
		#footer .btnArea img{margin:0 8px 3px 0;}


.copyright{
	font-size:82%;
	width:320px;
	color:#ffffff;
	margin:0 auto;
	padding:10px 0;
	line-height:1.0;

	}




.pink{color:#e8345e;}
.Green {color:#3ca1af;}