@charset   "UTF-8";
BODY {
 margin : 0;
 padding : 0;
 font-size : 62.5%;
 text-align : center;
 font-family : ＭＳ Ｐゴシック;
 background : #fed;
}

IMG {
 border : none;
}

H1 {
 width : 100%;
 margin : 0;
 padding : 0;
 font-size : 1.2em;
 font-weight: normal;
 text-align : right;
 color : #333;
}

H2 {
 margin : 0 auto;
 padding: 0 5px;
 font-size : 1.3em;
 font-weight: normal;
 line-height : 130%;
 background-color : #e6e6e6;
 border-left : 1px solid #999;
 border-right : 1px solid #999;
 text-align: left;
}

H3 {
 width : 850px;
 height: 50px;
 margin : 25px auto 0;
 border-bottom : 2px solid #f60;
 text-align : right;
 font-size : 1.5em;
 color : #f60;
}

H4 {
 margin : 0;
 padding : 8px;
 font-size : 1.8em;
 text-align: left;
}

P {
 text-align : left;
}

BR.all {
 clear : both;
}

#header {
 width : 900px;
 margin : 0 auto;
 padding : 3px 0 0;
 font-color : #333;
 border-left : 1px solid #f60;
 border-right : 1px solid #f60;
 background : #fff;
}

#navi {
 clear : both;
 width : 100%;
 margin : 0;
 padding : 2px 0;
 list-style : none outside;
}

#navi LI {
 display : inline;
}

#navi_list {
 clear : both;
 width : 100%;
 margin : 0;
 padding : 2px 0;
 list-style : none outside;
}

#navi_list LI {
 display : inline;
}

#navi_list LI IMG{
 margin: 1px;
 border: 1px solid #e6e6e6;
}

#navi IMG {
 vertical-align : bottom;
}

#contents_box {
 width : 900px;
 margin : 0 auto;
 padding : 0;
 border-left : 1px solid #f60;
 border-right : 1px solid #f60;
 background : #fff;
}

#head-text {
 width : 750px;
 margin : 15px auto;
 padding : 0;
}

.pankuzu {
 width : 850px;
 margin : 0 auto;
 padding : 2px 0;
 text-align : right;
 font-size : 1.1em;
}

.colum{
 margin : 30px auto;
 font-size : 14px;
 line-height : 130%;
}

.colum H3{
 width : 660px;
 height : auto;
 margin : 0 auto;
}

#hyou {
 width : 850px;
 margin : 0 auto;
 padding : 0;
}

#hyou UL {
 margin : 0;
 padding : 0;
 list-style : none outside;
}

#hyou UL LI {
 clear: both;
 margin : 8px 0;
 padding : 3px;
 border-width : 1px;
 border-style : solid;
}

#hyou UL LI UL.gallery {
 width: 350px;
 margin : 5em auto 0;
 padding : 0;
}

#hyou UL LI UL.gallery LI {
 width: 100px;
 margin: 0;
 padding: 0;
 border: none;
 display : inline;
 text-align: center;
}

#hyou UL LI UL.gallery LI DIV {
 margin: 0.2em;
 padding: 0.2em 0.2em 0.1em;
 border: 1px solid #ccc;
 display: inline-block;
}

#hyou UL LI UL.gallery LI DIV IMG {
 margin-bottom: 2px;
}

.rank {
 border-color : #f60;
}

.other {
 border-color : #aaa;
}

.dleft {
 width : 400px;
 height: 120px;
 margin : 0;
 padding : 0;
 float : left;
 text-align : left;
}

.top_list {
 width: 430px;
 height: 200px;
 margin: 0.5em 0 1em 405px;
 padding: 0;
 background: url("img/top_list_back.gif") no-repeat;
 font-size: 1.2em;
}

#hyou DL {
 width : 416px;
 margin : 0;
 padding : 2.3em 0.7em 0;
}

#hyou DT {
 width : 80px;
 padding: 0.4em 0 0;
 float : left;
 text-align : right;
}

#hyou DD {
 margin-left : 82px;
 padding: 0.4em 0 0;
 text-align : left;
}

.rank DT {
 border-bottom : 1px dashed #f60;
}

.rank DD {
 border-bottom : 1px dashed #f60;
}

.rank DD A {
 text-decoration: none;
 color: #f60;
}

.other DT {
 border-bottom : 1px dashed #aaa;
}

.other DD {
 border-bottom : 1px dashed #aaa;
}

.other DD A {
 text-decoration: none;
 color: #aaa;
}

.dleft P {
 width : 330px;
 margin : 8px auto;
 padding : 2px 3px;
 font-size: 1.4em;
}

.rank P {
 border : 1px dotted #f60;
}

.other P {
 border : 1px dotted #aaa;
}

P.kanso {
 width : 430px;
 margin : 0 0 1em 405px;
 padding : 2px;
 line-height : 120%;
 font-size: 1.4em;
}

.price {
 width : 430px;
 margin : 0 0 3px 405px;
 border-collapse : collapse;
 font-size : 1.2em;
}

.rank TH {
 padding : 3px;
 border : 1px dotted #f60;
}

.rank TD {
 padding : 3px;
 border: 1px dotted #f60;
 border-top: none;
}

.other TH {
 padding : 3px;
 border : 1px dotted #aaa;
}

.other TD {
 padding : 3px;
 border: 1px dotted #aaa;
 border-top: none;
}

.price TH {
 font-weight : normal;
}

.price TD.jitsubai {
 width : 70px;
 text-align : right;
}

.price TD.irisu {
 width : 50px;
 text-align : right;
}

.price TD.isshoku {
 width : 50px;
 text-align : right;
 font-weight : bolder;
 color : #e00;
}

.price TD.kigou {
 font-size : 1.6em;
}

.p_info {
 width: 330px;
 margin: 8px auto;
 border : none;
 text-align : center;
 font-size: 1.4em;
}

.review{
 margin : 0 auto;
 border-collapse : collapse;
 font-size : 1.2em;
}

.review TD {
 padding : 2px;
 border-width : 1px;
 border-style: solid;
 text-align : center;
}

.rank .review TD {
 border-color : #f60;
}

.other .review TD {
 border-color : #aaa;
}

#hyou UL LI UL.rev_icon {
 width: 430px;
 margin: 0 0 8px 405px;
 padding: 0;
 text-align: left;
 list-style: none;
}

#hyou UL LI UL.rev_icon LI {
 margin: 0;
 padding: 0 5px 0 0;
 border: none;
 display: inline;
}

.seibun {
 margin : 0 0 4px 405px;
 text-align : left;
}

.seibun TABLE {
 text-align : center;
 border-collapse : collapse;
 font-size : 1.2em;
}

.seibun CAPTION{
 padding : 2px 0 0;
 font-size : 1.2em;
 text-align : left;
}

.seibun TD {
 width : 60px;
 padding : 1px;
 border : 1px solid; 
}

.rank .seibun TD {
 border-color : #f60;
 background-color : #fed;
}

.other .seibun TD {
 border-color : #aaa;
 background-color : #ddd;
}

.seibun TD.text{
 background-color : #fff;
}

.seibun TD.noborder{
 width: 16px;
 border: none;
}

.seibun TD.w100{
 width: 70px;
}

.seibun TD.tyushaku{
 width: 185px;
 border-style: dotted;
 background: #fff;
}

#hyou UL LI DL.aji {
 width: 400px;
 margin: 8px 0;
 padding: 0;
 text-align: center;
}

#hyou UL LI DL.aji DT {
 width: 100%;
 margin: 0;
 padding: 0;
 float: none;
 border: none;
 text-align: center;
}

#hyou UL LI DL.aji DD {
 width: 97px;
 margin: 0;
 padding: 0;
 display: inline;
 border: none;
 text-align: center;
}

#hyou UL LI DL.aji DD DIV {
 width: 97px;
 margin: 0;
 padding: 0;
 display: inline-block;
}

P.ranking, P.ranking2 {
 width : 430px;
 margin : 0 0 3px 405px;
}

P.ranking {
 font-size: 1.4em;
}

.rank P.ranking2 {
 background: #fed;
}

.other P.ranking2 {
 background: #eee;
}

P.l_single {
 padding : 16px 3px;
}

P.l_double {
 padding : 10px 3px;
}

P.l_other {
 padding : 4px 3px;
}

P.ranking_img {
 clear : both;
 width : 800px;
 margin : 0 auto;
 padding: 20px 0;
}

P.midashi_comm {
 width : 450px;
 margin : 5px auto 0;
 padding : 2px 5px;
 font-size: 1.1em;
 text-align : left;
 line-height : 110%;
 border: 1px dotted #f66;
}

.top_rank_right DIV {
 width: 200px;
 padding: 2px;
 border-width: 1px;
 border-style: dotted;
 line-height: 120%;
}

.kanso_half {
 width: 210px;
 margin: 0 0 4px;
 float: left;
 text-align: left;
 font-size: 1.2em;
}

.haramochi {
 margin: 0 0 4px 212px;
 width: 228px;
}

.rank .kanso_half, .rank .haramochi{
 border-color: #f60;
}

.other .kanso_half, .other .haramochi{
 border-color: #aaa;
}

#hyou DIV.top_rank_right {
 width : 430px;
 margin : 0 0 3px 405px;
 padding : 0;
}

#hyou UL LI .top_rank_right .haramochi DL{
 width: 100%;
 margin: 0;
 padding: 6px 0 0;
 font-size: 1.3em;
}

#hyou UL LI DIV.top_rank_right DIV.haramochi DL DT {
 width: 100%;
 margin: 6px 0 3px;
 padding: 0;
 border: none;
 float: none;
 text-align: left;
}

#hyou UL LI DIV.top_rank_right DIV.haramochi DL DD {
 margin: 3px 0 6px;
 padding: 0;
 border: none;
 text-align: right;
 font-weight: bold;
}

.maked {
 width : 400px;
 height: 120px;
 margin : 0;
 padding : 0;
 text-align : left;
}

.ranking_area {
 text-align: left;
}

.ranking_rank {
 width: 70px;
 height: 35px;
 font-size: 2.2em;
 text-align: center;
 display: inline-block;
 vertical-align: middle;
}

.ranking_image {
 width: 130px;
 height: 128px;
 float: right;
}

.g_area {
 width : 421px;
 margin : 8px 0 10px 410px;
}

.graph {
 width : 300px;
 height : 30px;
 margin : 3px auto;
 padding : 0;
 text-align : left;
 color : #fff;
 font-weight : bold;
 border : 1px solid #666;
}

.about DL {
 width : 600px;
 margin : 8px auto;
 padding : 3px 0;
 font-size: 1.3em;
}

.about DT {
 width : 95px;
 margin : 0 0 5px 0;
 padding : 3px 0;
 text-align: right;
 float : left;
}

.about DD {
 margin : 0 0 5px 97px;
 padding : 3px 0;
 border-bottom : 1px dashed #f60;
 text-align : left;
}

.about P {
 clear : both;
 width : 600px;
 margin : 8px auto;
 padding : 3px;
 border : 1px dotted #f60;
 text-align : left;
 font-size: 1.3em;
}

#footer { 
 clear : both;
 width : 900px;
 margin : 0 auto;
 padding : 3px 0;
 background : #fff;
 border-left : 1px solid #f60;
 border-right : 1px solid #f60;
 border-top : 1px solid #f60;
}

#cpy {
 margin : 3px;
 width : 350px;
 float : left;
 text-align : left;
 color : #333;
}

#top_cpy {
 width : 880px;
 margin : 8px 0 3px;
 text-align : right;
 color : #333;
}

.fleft {
 float : left;
}

.fright {
 float : right;
}

.fred {
 color : #e00;
}

.fgrn {
 color : #0a0;
}

.fblu {
 color : #00e;
}