@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:852px;}
#topheader{width:852px;height:90px;}
#topheader h1{
width:219px;height:90px;float:left;
background:url(http://www.tohan.jp/images/logomark.gif);
}
#topheader h1 a{width:219px;height:90px;display:block;text-indent:-500px;}
.swfsp{float:right;width:633px;}

#topadsp{width:850px;height:248px;
background:url(http://www.tohan.jp/images/maingrap2.jpg);
}

#topadsp h2{text-indent:-1000px;}

#topmenubox{
width:852px;clear:both;
background:url(http://www.tohan.jp/images/topmenuarea_bg.gif) left bottom no-repeat;
}

#topmenubox ul{
margin:0 0 24px 0;padding:0;list-style-type:none;}

#topmenubox ul li{
margin:8px 0 6px 4px;padding:0 0 2px 20px;
background:url(http://www.tohan.jp/images/marrow.gif) no-repeat;
}

#topmenubox ul ul{
margin:6px 0 6px 0px;_margin:6px 0 6px 0px;}

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

.topm04, .topm03, .topm02, .topm01{float:left;width:190px;margin:0 0 20px 10px;}
.topm01{margin:0 0 0 20px;_margin:0 0 0 10px;}
.topm02{margin:0 0 0 24px;}
.topm04{margin:0 0 0 34px;}
#topmenubox h3{margin:16px 0 12px 0;text-indent:-2000px;height:20px;}
.topm01 h3{background:url(http://www.tohan.jp/images/topm01bg.gif);}
.topm02 h3{background:url(http://www.tohan.jp/images/topm02bg.gif);}
.topm03 h3{background:url(http://www.tohan.jp/images/topm03bg.gif);}
.topm04 h3{background:url(http://www.tohan.jp/images/topm04bg.gif);}


/*************/
#topfirstmenu{font-size:0.90em;width:850px;margin:0 0 8px; 0;padding:8px 0 0 0;height:32px;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;
}


/*************/
.topsubmenu{width:620px;margin:10px 0 10px 12px;}
.topsubmenu ul{
list-style-type:none;float:left;width:300px;padding:4px 0 5px 0;margin:5px 0 0 0;
}
.topsubmenu ul strong{
padding:3px 0 2px 10px;_padding:3px 0 2px 5px;
border-bottom:1px #DDD solid;display:block;width:270px;margin:10px 0 0 0;
border-left:2px #DDD solid;
}
.topsubmenu ul ul li{
float:left;font-size:0.9em;margin:5px 0 0 10px;
padding:0 0 0 10px;width:250px;background:url(http://www.tohan.jp/images/marrow2.gif) no-repeat;
}

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

#topaddspace{clear:both;margin:6px 0 16px 0;}
#topaddspace img{margin:0 0 0 6px;}

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

#topfootsection{
background:url(http://www.tohan.jp/images/topicarea_bg.gif) left bottom no-repeat;
}
#topic-bestsection{width:650px;float:left;margin:0;}
#topic-othersection{width:170px;float:left;margin:0 0 0 10px;}

.toptopic{clear:both;width:310px;float:left;margin:0 0 0px 20px;_margin:0 0 0px 10px;padding-bottom:0px;
}
.toptopic h3{
width:204px;float:left;text-indent:-2000px;margin:16px 0 5px 0;
background:url(http://www.tohan.jp/images/topic_bg.gif);height:20px;
}

.topbests{width:320px;float:left;margin:0 0 0px 0;padding-bottom:0px;}
.topbests h3{width:193px;float:left;text-indent:-2000px;margin:16px 0 5px 0;
background:url(http://www.tohan.jp/images/bestsbg.gif);height:20px;
}

#topic-bestsection span{width:100px;float:left;padding:4px 0 0 0;margin:16px 0 20px 0;}
#topic-bestsection dl{padding-top:6px;_padding-top:0px;margin-bottom:10px;}
#topic-bestsection dt{width:90px;float:left;line-height:150%;}
#topic-bestsection dd{width:200px;float:left;line-height:150%;}
.toptopic dl{font-size:0.9em;clear:both;}
.topbests dl{font-size:0.9em;clear:both;}
#topic-bestsection .topbests dt{width:90px;}
#topic-bestsection .topbests dd{width:200px;}



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



#topic-othersection ul li{
margin:10px 0 0 6px;line-height:150%;
padding:0 0 0 16px;width:130px;
}



#topic-othersection ul li a{
font-size:0.9em;
}



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

#gfooter{
clear:left;margin:20px 0 20px 0;
}



#gfooter p{
margin:0 0 0 20px;font-size:85%;
}





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



input{
margin:10px 0 10px 0;width:150px;
padding:4px;border:1px #CCC solid;
}



.submit{

margin:0 0 10px 0;width:80px;

}



/*****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 */


.sbmbt{
width:100px;
}