@charset "UTF-8";

*{
margin:0;padding:0;font-family: Helvetica,Arial , sans-serif ,ＭＳ ゴシック;font-size:0.99em;_font-size:0.98em;
}

body{
background-color:#fdd13c;
}

html{
font-size:100.01%;
}

img{
border:0;
}

hr{
display:none;
}

a{
text-decoration:none;color:#333;
}

a:hover{
color:#39F;
}

/***block****/

#container{
width:858px;
}

#topheader{
width:852px;height:185px;
}

#topheader h1{
width:215px;height:90px;float:left;background:url(http://www.tohan.jp/images/logomark.gif);
}

#topheader h1 a{
width:215px;height:90px;display:block;text-indent:-500px;
}


.headleft{
float:left;width:511px;
}

.swfsp{
float:right;width:296px;height:90px;
background:url(http://www.tohan.jp/images/fla_bg.jpg);
}

.searchbox{
float:left;width:215px;height:94px;
background:url(http://www.tohan.jp/images/searchbg.gif);
}

.searchbox h4{
height:20px;margin:10px 0 0 12px;
}

.mainec{
float:right;width:295px;height:94px;
background:url(http://www.tohan.jp/images/c_title.gif);color:#FFF;
}

.mainec h2{
width:250px;margin:35px 0 0 25px;font-size:1.3em;
}


.headmenu{
float:left;width:341px;height:185px;
background:url(http://www.tohan.jp/images/headmenubg.gif);
}

/***********/

.chmenu{
float:left;width:165px;
}

.chmenu h4{
width:150px;margin:16px 0 12px 10px;
}

.chmenu ul{
list-style-type:none;margin:0 0 10px 0;
}

.chmenu li{
list-style-type:none;margin:0 0 5px 10px;font-size:0.80em;
padding:0 0 0 10px;width:150px;line-height:130%;
background:url(http://www.tohan.jp/images/marrow2.gif) no-repeat;
}




/***********/
#contentbox{
width:855px;
}

#leftcolmn{
width:215px;float:left;
background:url(http://www.tohan.jp/images/cont_left_bg.gif) left bottom;
}

#leftcolmn ul{
margin:0;padding:0;list-style-type:none;
}

#leftcolmn ul li{
margin:2px 0 8px 20px;line-height:140%;
width:160px;padding:0 0 0 18px;
background:url(http://www.tohan.jp/images/marrow.gif) no-repeat;
}

#leftcolmn ul ul{
margin:8px 0 12px 12px;_margin:8px 0 12px 0;
}

#leftcolmn  ul ul li{width:150px;
margin:6px 0 5px 20px;_margin:6px 0 5px 0;font-size:0.85em;padding:0 0 0 12px;
background:url(http://www.tohan.jp/images/marrow2.gif) no-repeat;
}

#leftcolmn h3{
height:20px;margin:16px 0 0 10px;
}

#leftcolmn .lastm{
padding:0 0 20px 0;
}

#right{
width:637px;float:left;
}

#rightcolmn{
width:637px;float:right;
background:url(http://www.tohan.jp/images/cont_bg.gif) left bottom;
}

#right-left{
width:477px;float:left;
}

#right-left h3{
width:450px;padding:12px 0 10px 20px;color:#FFF;
background:url(http://www.tohan.jp/images/ec_bg.gif) left bottom;
}


#right-right{
width:160px;float:right;
}

#right-right h4{
margin:16px 0 20px 14px;
}

#right-right strong{
margin:10px 0 0px 10px;
}


#right-right ul{
margin:14px 0 0 0;padding:0;list-style-type:none;width:110px;_width:130px;
}

#right-right ul li{
margin:2px 0 8px 10px;line-height:140%;
width:110px;_width:130px;padding:0 0 0 14px;font-size:0.9em;
background:url(http://www.tohan.jp/images/marrow2.gif) no-repeat;
}

#bottomarea{
margin:20px 0 20px 0;
}


/*************/


#topfirstmenu{
font-size:0.9em;
width:850px;margin:0 0 5px 0;
padding:8px 0 0 0;
height:32px;background-color:#FFF;
background-color:#FFF;
}

#topfirstmenu strong{
margin:-7px 0 0 30px;float:left;font-size:0.90em;
}

#topfirstmenu ul{
list-style-type:none;font-size:0.90em;
}

#topfirstmenu ul li{
float:left;font-size:0.99em;margin:6px 0 0 10px;padding:0 0 0 10px;
background:url(http://www.tohan.jp/images/marrow2.gif) no-repeat;
}



/******コンテンツ本体********/

.topicpath{
margin:10px 10px 0 20px;font-size:0.8em;line-height:1.3em;
}

.topicpath2{
margin:10px 10px 0 20px;font-size:0.8em;line-height:1.3em;
padding:5px;border:1px #CCC solid;background-color:#EEE;
}


.entrysp{
width:440px;margin:20px 0 20px 20px;line-height:1.5em;
}

.entrysp p{
margin:10px 0 10px 10px;clear:both;
}

#right-left h4{
margin:14px 0 8px 0;clear:both;
width:440px;padding:10px 0 8px 8px;border-top:1px #EEE solid;
border-left:2px #F60 solid;
}

#right-left h5{
margin:10px 0 6px 0;clear:both;
width:440px;padding:8px 0 6px 8px;
border-left:2px #7abfe6 solid;
}

#right-left h6{
margin:10px 0 6px 0;clear:both;
width:440px;padding:8px 0 6px 8px;
border-left:2px #CCC solid;
}


#right-left a{
text-decoration:underline;
}

#right-left a:hover{
text-decoration:underline;color:F60;
}




/***********/
#bottomarea{
float:left;
}

#gfooter{
margin: 0 0 0 10px;
}

#gfooter p{
margin:30px 0 20px 0;
font-size:0.85em;
}

/*****form******/

.headsearchbox{
margin:0 0 0 10px;
}

.headsearchbox input{
margin:0 0 6px 0;width:170px;
padding:2px;border:1px #CCC solid;
}

.headsearchbox .submit{
margin:0 0 10px 0;width:70px;paddig:0;font-size:0.8em
}

/********weekly********/

.ranking{
padding:0 0 0 0;border:1px #CCC solid;
}
.weeklyrank0{
}
.weeklyrank0 dt{
float:left;width:25px;text-align:center;font-size:0.9em;line-height:1.35em;weight:bold;
}
.weeklyrank0 dd{
font-size:0.9em;line-height:1.35em;weight:bold;
}

.weeklyrank0 .dd1{
float:left;width:170px;text-align:center;padding:7px 0 5px 0;
}

.weeklyrank0 .dd2{
float:left;width:100px;text-align:center;padding:7px 0 5px 0;
}

.weeklyrank0 .dd3{
float:left;width:70px;text-align:center;padding:7px 0 5px 0;
}

.weeklyrank0 .dd4{
float:left;width:70px;text-align:right;padding:7px 0 5px 0;
}

.weeklyrank{
margin:5px 0 0 0;clear:both;
}

.weeklyrank dt{
float:left;width:20px;_width:25px;
text-align:right;padding:3px;border-top:1px #CCC solid;
font-size:0.9em;line-height:1.35em;padding-right:5px;weight:bold;
}

.weeklyrank dd{
padding:3px;border-top:1px #CCC solid;font-size:0.85em;line-height:1.35em
}

.weeklyrank .dd1{
float:left;width:160px;_width:170px;font-size:0.9em;
}

.weeklyrank .dd2{
float:left;width:75px;_width:80px;font-size:0.9em;
}

.weeklyrank .dd3{
float:left;width:100px;_width:80px;font-size:0.9em;
}

.weeklyrank .dd4{
float:left;width:45px;text-align:right;font-size:0.9em;
}

/*****add******/


.addleft{
float:left;width:164px;
}

.addleft img{
margin-bottom:10px;
}

/*****footlist******/

.footlist{
clear:both;
}

.footlist ul{
list-style-type:none;margin:0;padding:0;
}

.footlist ul li{
float:left;margin:0 14px 0 0;padding:0 0 0 10px;
background:url(../images/marrow2.gif) no-repeat;
}


/********content***********/

.entrysp table{
width:430px;
}

.entrysp table tr td{
vertical-align:top;padding:4px;
border-top:1px #CCC solid;
}

.entrysp table tr .tdt{
vertical-align:top;padding:4px;
font-color:#000;border-top:2px #9dcce2 solid;
}


/*****clearfix******/

/*clearFix hack*/
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both;
visibility: hidden;
}

.clearfix {display: inline-table;}
/* Hides from IE-mac ¥*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */



/* 定義型リスト */
#privacypolicy dl{padding:10px 0 10px 0;clear:both;}
#privacypolicy dt{width:35px;float:left;text-align:right;font-weight:bold;}
#privacypolicy dd{width:370px;float:right;line-height:150%;padding:0 0 0 10px;border-left:1px #DDD solid;}

/* 定義型リスト(頭おとし) */
#works dl{padding:10px 0 10px 0;clear:both;}
#works dt{width:15px;float:left;text-align:right;font-weight:bold;}
#works dd{width:410px;float:right;line-height:150%;padding:0 0 0 10px;}


/****必死*****/

.textright{
text-align:right;
}

blockquote{
display:block;width:400px;margin:10px 0 10px 0;
border:1px #a4d4f0 solid;padding:10px;
background-color:#e9f3f9;
}




.cimgleft{
padding:3px;border:1px #EEE solid;float:left;
margin:0 12px 10px 0;
}

.intbox{
display:block;width:400px;margin:10px 0 10px 0;
border:1px #CCC solid;padding:10px;
background-color:#EEE;
}

#right-left ul{
list-style:none;
}

#right-left ul li{
float:left;margin:5px 0 0 10px;
}

.intbox li{
width:110px;
}

#right-left ul li{
float:left;margin:5px 0 0 10px;
}

.intbox ul li a{
font-size:0.90em;
}




