@charset "EUC-JP";

@import url("basic.css");

/* ===================== 色指定 =====================  
全ページ用

green color:#638d14; または　#86bf1c
brown 	color:#5b2e00; orange  ff9700;  または　#ea4c00;

*/

body{
	background-color:#fafaf7;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color:#333;
	font-weight:normal;
	font-size:75%p;
}

/* --- 全体枠　--- */
div.wrapper{
	margin-left:auto;
	margin-right:auto;
	width:898px;
	border:1px solid #cdcdcd;
	background-color:#fff;
}

/*ヘッダー*/

div.header{
	width: 898px;
	height:84px;
	background-image:url(../img/shared/bk_header.jpg);
	background-repeat:repeat-x;
}

div.header:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}
	div.header div.logo{
		/*padding-top:15px;*/
		padding-left:15px;
	}
	
	div.header div.logo p{
		padding-top:15px;
		float:left;
	}
	
	div.header div.logo h1{
		padding-top:35px;
		padding-left:10px;
		float:left;
		font-size:12px;
	}
	
	div.header div.header_navi{
		padding-top:6px;
		margin-left:560px;
	}

ul.mainNavi {
	height: 29px;
	background-image:url(../img/shared/bk_header.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	padding-left: 29px;
}

ul.mainNavi:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

ul.mainNavi li{
	display: inline;
}

ul.mainSubNavi{
	padding-top: 4px;
	height:30px;
	background-image:url(../img/shared/bk_subMain1.jpg);
	padding-left:30px;
}

ul.mainSubNavi li{
	display: inline;
}

ul.mainSubNavi2{
	height:34px;
	background-image:url(../img/shared/bk_subMain11.jpg);
	padding-left:30px;
}

ul.mainSubNavi2 li{
	float:left;
	padding-top:3px;
	padding-bottom:3px;
}



/*右バナーエリア*/
div.bannerArea{
	width:184px;
	float:left;
	padding-left:10px;
}

	
	div.bannerArea div.mainBanner ul.order li{
		height:78px;
	}

	div.bannerArea div.mainBanner ul.register li{
		height:60px;
	}
	
	div.bannerArea div.pickup{
		padding-bottom:5px;
		background-image:url(../img/shared/bk_pickup.jpg);
		background-repeat:no-repeat;
		height:175px;
	}

	div.bannerArea div.pickup ul{
		width:170px;
		padding-top:26px;
		padding-left:5px;
	}
	
	div.bannerArea div.pickup ul li{
		background-image:url(../img/shared/dot_pickup.jpg);
		background-position:bottom;
		background-repeat:no-repeat;
		padding-top:2px;
		padding-bottom:2px;
	}
	
	div.bannerArea div.pickup ul li.btm{
		background-image:none;
	}
	
	
	
div.bannerArea div.mainBanner ul.order li.last{
	height:54px;
	margin-bottom:4px;
	padding-bottom:0;
	display:inline;
}

div.bannerArea div.cont{
	margin-top:0;
	margin-bottom:3px;
	background-image:url(../img/top/bk_spt_top.jpg);
	background-repeat:no-repeat;
}


div.bannerArea div.cont ul.eigyo{
	padding-top:50px;
	padding-bottom:9px;
	/*padding-left:8px;*/
	width:184px;
	color:#4C4C4C;
	background-image:url(../img/top/bk_spt_bottom.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	
	
}


div.bannerArea div.cont ul.eigyo li{
	padding-top:4px;
	padding-left:14px;
	padding-bottom:0;
	font-weight:bold;
	background-image:url(../img/top/bk_spt_middle.jpg);
	background-repeat:repeat-y;
}

div.bannerArea div.cont ul.eigyo li.except{
	padding-left:12px;
	padding-bottom:0;
	font-size:10px;
	font-weight:normal;
	color:#666;
}

div.bannerArea div.cont ul.eigyo li.atten{
	padding-bottom:0;
	padding-left:10px;
	font-size:10px;
	font-weight:normal;
	color:#ff3300;
	line-height:130%;
}

div.bannerArea div.cont ul.eigyo li.ban{
	padding-top:0;
	padding-left:12px;
	margin:0;
}

div.bannerArea div.cont ul.eigyo li.ban img{
	padding-top:8px;
	padding-left:0;
	margin-top:4px;
	background-image:url(../img/top/bk_spt_dot.jpg);
	background-repeat:repeat-x;
}	


/*フッター*/	
	
div.footer{
	background-image:url(../img/shared/bk_footer.jpg);
	background-repeat:no-repeat;
	clear:left;
	height:21px;
	margin-top:16px;
	}
	
	div.footer ul{
		margin-right:0;
		margin-left:auto;
		/*width:380px;*/
		width:500px;
	}
	
	div.footer ul li{
		float:left;
		background-image:url(../img/shared/footer_arrow.jpg);
		background-repeat:no-repeat;
		padding-top:1px;
		padding-left:15px;
		margin-top:5px;
		margin-left:15px;
		font-size:12px;
		color:#fff;
	}
	
	div.footer a:link{
		color:#fff;
		text-decoration:none;
	}		
		
	div.footer a:hover{
		color:#fff;
	}
	
	div.footer a:active{
		color:#fff;
	}
	
	div.footer a:visited{
		color:#fff;
	}

/*トップ以外でコンテンツエリア共有設定*/

/*コンテンツ*/

table th,
table td{
	padding-top:2px;
	padding-bottom;2px;
	font-size:12px;
}

div.mainArea{
	width:678px;
	float:left;
	padding-left:18px;
}

div.mainArea div.bread{
	width:660px;
	height:15px;
	padding-top:3px;
	padding-left:8px;
	font-size:12px;
	
	}
	
div.mainArea div.titleBar h2, div.mainArea div.titlePlus h2 {
	width:668px;
	padding-bottom:16px;
}

div.contents2nd{
	padding-bottom:18px;
}

div.mainArea div.contents2nd h3.cat{
	width:650px;
	background-image:url(../img/shared/bk_midashi3.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	padding-top:6px;
	padding-bottom:6px;
	padding-left:8px;
	margin-bottom:8px;
	border-left:4px solid #ff9700;
	font-size:14px;
	color:#5b2e00;
	font-weight:bold;
	clear:left;
}

	
div.bannerArea div.submenuArea{
	padding-top:5px;
	padding-bottom:5px;
	font-size:12px;
	}
	
div.mainArea div.contents2nd p{
	font-size:12px;
	line-height:140%;
}

strong{
	font-weight:bold;
}

.clear{
	clear:both;
}

p.center{
	text-align:center;
}

div.center{
	margin-right:auto;
	margin-left:auto;
	text-align:center;
}

.cap{
	font-size:10px;
	color:#FF0000;
}

.orange{
	color:#ea4c00;
}

div.mainArea div.contents2nd a:link,
div.mainArea div.contents2nd a:link,
div.mainArea div.contents2nd a:visited,{
	font-size:100%;
	text-decoration:underline;
	color:#5b2e00;
}

div.mainArea div.contents2nd a:hover{
		text-decoration:none;
	}

a:link, a:hover, a:active, a:visited{
	font-size:100%;
	text-decoration:underline;
	color:#5b2e00;
}


h2, h3, h4, p, dl, ul, ol{
	font-size:12px;
}