.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden; line-height:0; font-size:0;}
.clearfix {display:inline-block;}
/* except Mac IE5 \*/
* html.clearfix { height:1%;}
.clearfix {display:block;}
/* end of Holly Hack */
html, body {height:100%;}
html>/**/body{overflow:-moz-scrollbars-vertical;}
html:first-child body{min-height:100%;}

a { color:#484848;}
a:hover { text-decoration:none;}

body { text-align:center; 
	   background:#fff; 
	   font-size:12px; 
	   font-family:"ＭＳ ゴシック", "MS Gothic", sans-serif;
	    overflow: visible !important;

	   }
#wrapper {
	 background:url(../../common/img/share/bg.jpg) repeat-x;
	 width:650px;
	 margin:0 auto;
}
#header {
}
#header #logo{
	text-align:left;
	border:none;
}
#header #logo a{
	border:none;
}
#header #s_navi{
	display:none;
}

#yahoo { display:none;}


#main {}
#main  #contents{text-align:left;}
 
#main #menu {display:none;}

#footer { display:none;}

/*第二階層・第三階層*/
#pankuzu {
	color:#793415;
	margin:20px 0 0 0;
}
#pankuzu a,#pankuzu a:hover{
	color:#793415;
}
.danraku {
	margin-top:10px;
}
	
.vol02 h1{background:url(../../common/img/vol02/second_title.jpg) no-repeat #fff;}

.pt20{padding-top:20px;}
#first_img { background:url(../../common/img/top/main_img.jpg) no-repeat #fff top left; text-align:left; height:232px; padding:118px 5px 0px 325px;}
#first_img h1{font-size:14px; font-weight:bold; background:url(../../common/img/top/main_comment.png); padding:22px 0 21px 26px;}
#first_img h1 .cach{ color:#804125; font-size:14px;}
#first_img h1 .cach2{font-size:18px; color:#9d6a53;}
#first_img h1 .cach3{font-size:14px; font-weight:bold; line-height:180%; padding:14px 0 3px 0; display:block; margin:0;}


#weather {background:url(../../common/img/top/rank_bg.gif); width:275px; padding:20px; margin:20px 20px 0 0; float:left;}
#weather h2,#ranking h2 { width:255px; text-align:left; font-weight:normal; padding:12px 10px 3px 10px;font-size:14px; background: url(../../common/img/top/weather_line.gif) no-repeat 10px bottom #fff; margin:0;}
#weather h2 img,#ranking h2 img{ padding:0 6px 0 10px ;}
#weather dl,#ranking dl { width:255px; padding:16px 10px 10px 10px; background:#fff; text-align:left; margin:0;}
#weather dl dt{ width:125px; float:left; clear:both;}
#weather dl dt img{padding:0 11px 0 9px ; vertical-align:middle;} 
#weather dl dd{ background: url(../../common/img/top/listbg.gif) repeat-x bottom left; padding:0 0 1px 126px; margin:0 0 13px 0;}
#weather dl dd span{ background:url(../../common/img/top/dot.gif) repeat-x  left 6px; display:block; }
#weather dl dd img { margin-left:75px; _margin-left:70px; padding:0 10px 0 20px; background:#fff;}


#ranking h2 span{ font-size:12px;}
#ranking {background:url(../../common/img/top/rank_bg.gif); width:275px; padding:20px; margin:20px 0 0 0; float:left;}
#ranking dl dd{ background: url(../../common/img/top/listbg.gif) repeat-x bottom left; padding:7px 8px 0 115px; margin:0 0 13px 0; _padding:9px 0 0 115px; text-align:right;}
#ranking dl dt img{padding:0 12px 2px 9px ; vertical-align:middle;} 
#ranking dl dt{ width:140px; float:left; clear:both;}

#consultation { 
	margin:20px 0; 
	width:612px; 
	border: solid 1px #a48b00; 
	background: url(../../common/img/top/consultation_bg.jpg) no-repeat right bottom #fff; 
	float:left; 
	padding:13px 19px; 
	text-align:left;
}
#consultation h3{ color:#470505; font:14px; background:url(../../common/img/top/consultation_arrow.gif) no-repeat left top; padding:3px 0 5px 26px;}
#consultation p{ margin:7px 0 24px 0; width:465px; line-height:18px;}
#consultation .button { background:url(../../common/img/top/button_bg.jpg) repeat-x #e3dcb7; border: solid 1px #e2dbb5; width:434px; padding:8px 15px;}
#consultation .button a{ background: url(../../common/img/top/button_arrow.gif) no-repeat left center; padding:0 0 0 12px; text-decoration:none; color:#351b1b; display:block;}
#consultation .button a:hover{ text-decoration:underline;}