body { margin: 0px; font-family:'MS Pゴシック','MS PGothic',sans-serif; }
font.a7 { font-size: 7px; word-break: break-all; }
font.a8 { font-size: 8px; word-break: break-all; }
font.a9 { font-size: 9px; word-break: break-all; }
font.a10 { font-size: 10px; word-break: break-all; }
font.a11 { font-size: 11px; word-break: break-all; }
.b11 { font-size: 11px; word-break: break-all; color: #7b4200; }
font.d11 { font-size: 11px; word-break: break-all; color: #ff2b2b; }
font.e11 { font-size: 11px; word-break: break-all; color: #9e6f42; }
.a12 { font-size: 12px; word-break: break-all; }
font.b12 { font-size: 12px; word-break: break-all; line-height: 14px; letter-spacing: 1px; }
font.c12 { font-size: 12px; word-break: break-all; color: #808080; }
font.d12 { font-size: 12px; word-break: break-all; color: #ff2b2b; }
font.e12 { font-size: 12px; word-break: break-all; color: #ff1493; }
font.m12 { font-size: 12px; word-break: break-all; color: #d257aa; }
font.blue12 { font-size: 12px; word-break: break-all; color: #0953a5; }
font.a13 { font-size: 13px; word-break: break-all; }
font.b13 { font-size: 13px; word-break: break-all; color: #7b4200; }
font.d13 { font-size: 13px; word-break: break-all; color: #ff2b2b; }
font.a14 { font-size: 14px; word-break: break-all; }
font.b14 { font-size: 14px; word-break: break-all; color: #7b4200; }
font.c14 { font-size: 14px; word-break: break-all; color: #181276; }
font.d14 { font-size: 14px; word-break: break-all; color: #ff2b2b; }
font.a15 { font-size: 15px; word-break: break-all; }
font.b15 { font-size: 15px; word-break: break-all; color: #7b4200; }
font.a16 { font-size: 16px; word-break: break-all; }
font.b16 { font-size: 16px; word-break: break-all; color: #ff2b2b; }
font.a18 { font-size: 18px; word-break: break-all; }
font.b18 { font-size: 18px; word-break: break-all; color: #ff2b2b; }
font.a21 { font-size: 21px; word-break: break-all; }
font.d21 { font-size: 21px; word-break: break-all; color: #ff2b2b; }
font.a26 { font-size: 26px; word-break: break-all; }
font.a30 { font-size: 30px; word-break: break-all; }
a { text-decoration: none; }
a:link { color: #ff1493; }
a:visited { color: #ff69b4; }
a:active { color: #8b008b; }
a:hover { text-decoration : underline; }
a:hover.a1 { text-decoration : underline; }
a.C12Bold { text-decoration: none; }
a:link.b1 { color: #7b4200; }
a:visited.b1 { color: #734200; }
a:active.b1 { color: #ff8900; }
.menu_title { font-size: 12px; font-weight:600; color: #ffffff; }
.new_title { background-color:#cfcf9e; margin-bottom:5px; margin-top:10px; padding-left:5px }

a.subtitle { text-decoration: none; }
a:link.subtitle { color: #000000; }
a:visited.subtitle { color: #000000; }
a:active.subtitle { color: #000000; }
a:hover.subtitle { text-decoration : underline; }

/*   help_007_fix.phpで使用   */
.help007_txt {padding-left: 10px;}


/*   help_007_fix.phpで使用   */
.help1_link a:link{ color:#333333; text-decoration:none;}
.help1_link a:visited{ color:#333333; text-decoration:none;}
.help1_link a:active{ color:#333333; text-decoration:none;}
.help1_link a:hover{ color:#333333; text-decoration:underline;}

/* オススメ動画のバック画像設定 */
.osusume div:link{height:170px; width:162; background-color:#000000;}
.osusume div:visited{height:170px; width:162; background:url(back_osusume.gif) no-repeat;}
.osusume div:active{height:170px; width:162; background:url(back_osusume.gif) no-repeat;}
.osusume div:hover{height:170px; width:162; background:url(back_osusume.gif) no-repeat; }


/* 比較詳細ページ用テーブル設定*/
.comparing{font-size:12px;}

table.default{margin-bottom:20px; border-top:1px solid #aaa; border-left:1px solid #aaa;}
.default th,
.default td{padding:15px 10px; border-right:1px solid #aaa; border-bottom:1px solid #aaa; font-size:13px;}
.default th{ background:#FFEFD9;}
.default caption{margin-bottom:5px; padding-left:8px; padding-top:0; padding-bottom:0; border-left:4px solid #f67716; text-align:left; font-size:1.1em; font-weight:bold;}

/* 行の色 偶数で色違い */
tr.even{background:#F2F1EE;}

/* default の子テーブル */
.default table{margin-bottom:0; border-top:none; border-left:none;}
.default table th,
.default table td{padding:5px; border-right:none; border-bottom:none;}

/* 子テーブル */
.default table.child{border-top:1px solid #ccc;}
.default table.child th,
.default table.child td{ border-bottom:1px solid #ccc; width:auto;}

.default .child .borderLeft{border-left:1px solid #ccc;}

/* 項目 */
table.categtitle th{width:75px;}
table.categtitle td{white-space:nowrap;}

/* 数値 セル右寄せ　*/
table.numeric td,
.fee{text-align:right;}

/* セルx8 */
table.cel8 th,
table.cel8 td{width:68px;}

/* セルx6 */
table.cel6 th,
table.cel6 td{width:98px;}

.base th{width:20%; text-align:left;}
.base td{width:30%;}

.one-th th{width:123px; vertical-align:top;}
.one-th td{width:510px; vertical-align:top;}
.one-th ul.li_po{margin:0;}

/* th センタリング */
.th_center th,
.centering,
.base .centering,
.centering th,
.centering td{text-align:center;}


.orderway th,
.orderway td{width:4.2em; text-align:center;}

.spread td{text-align:center;}


/* header */
.categorytitle{margin-bottom:15px; padding-left:8px; border-left:4px solid #f67716; font-size:1.1em; font-weight:bold;}
.categoryhead,
.categoryhead th{background:#f9c667;}

.ico{float:left; width:50px;}
.with_ico{margin-bottom:10px; font-size:1.1em; font-weight:bold; line-height:45px;}

.pair{margin:0; padding:0;}
.pair td{padding:0 10px 0 0; width:auto; border-right:none; border-bottom:none; vertical-align:top;}
.pair td img,
.spread th img{margin-bottom:3px;}

.dvd th{width:20%;}

/* シネコン */
.default.cine_spec th,
.default.cine_spec td{padding-top:8px; padding-bottom:5px;}
.cine_spec td{text-align:center; font-size:14px;}
.cine_fee .fee{font-size:14px; font-weight:bold;}
.cine_fee .sv{vertical-align:top;}

/* フォントstyles */
.em{color:#c00; font-weight:bold;}
.em_pk{color:#f06; font-size:1.1em; font-weight:bold;}
.u{font-weight:bold; border-bottom:1px solid #444; }
.f11{font-size:11px;}
.f16{font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold;}
.right{text-align:right;}
.t_center{text-align:center;}
.t_left{text-align:left;}
.t_right{text-align:right;}
.smaller{font-size:.8em;}


/* li style */
.default ul,
.default ol{margin-left:15px; padding-left:0;}

.li_po{margin-left:0; padding-left:0; list-style:none;}
.li_po li{margin-bottom:0.4em; padding-left:23px; background:url(img/ico_check.gif) left top no-repeat;}

.default_ul,
.default_ol{margin:0 0 0 15px; padding-left:0; list-style:disc;}

/* li arrow */
.li_arw{margin-left:0; padding-left:0; list-style:none;}
.li_arw li{margin-bottom:0.4em; padding-left:23px; background:url(img/ico_arrow_pk.gif) left top no-repeat;}

/* li inline */
.inline{list-style:none;}
.inline li{display:inline; margin-right:0.3em;}

/* fl_categ */
.flwcateg{list-style:none;}
.flwcateg li{float:left; width:68px; margin-right:10px; font-size:11px;}

/* dl */
dl.dl_a{margin-bottom:30px; margin-top:0; width:720px;}
dl.dl_a dt{margin:8px 0; color:#f06; font-size:14px; font-weight:bold; border-bottom:2px dotted #FF6666; line-height:1.8;}
dl.dl_a dd{margin:0 0 15px;}

.arw dt{padding-left:23px; background:url(img/ico_arrow_pk.gif) left center no-repeat;}

dl.flt_b dt{clear:left; float:left; width:100px;}
dl.flt_b dt img{width:100px;}
dl.flt_b dd{margin-left:120px;}
dl.flt_b .title{background:url(img/titlebar_bg_or.gif) left center repeat-x; margin:0 0 0.7em; padding:3px; font-size:16px; font-weight:bold; border-left:3px solid #66CC33;}

dl.dl_b dt{background:url(img/titlebar_bg_or.gif) left center repeat-x; margin:0 0 0.7em; padding:3px; font-size:16px; font-weight:bold; border-left:3px solid #66CC33;}
dl.dl_b dd{margin-left:0; margin-bottom:10px;}

.title_yw{margin:0 0 0.7em; padding:6px 3px; width:720px; background:#FFC500 url(img/titlebar_bg_or.gif) left bottom repeat-x; font-size:16px; font-weight:bold; border-left:8px solid #CC6633;}


/* sp */
.sp_table{margin:0 auto; margin-bottom:40px; width:630px; text-align:center;}
.sp_table th{padding:8px 3px; background:#444; color:#fff; font-size:13px;}
.sp_table td{padding:10px 3px; font-family:Arial, Helvetica, sans-serif;}

.best{background:#DEF5FA; color:#c00; font-weight:bold;}

.rank{width:40px;}
.w200{width:200px;}
.w180{width:180px;}
.w160{width:160px;}
.w150{width:150px;}

.clear{clear:both;}

.border{border:1px solid #666;}
.arrowLeftBl{padding-left:26px; background:url(img/arrow_blue_left.gif) left top no-repeat; line-height:20px;}
.arrowLeftRd{padding-left:26px; background:url(img/arrow_red_left.gif) left top no-repeat; line-height:20px;}

/* 自動車保険 */
#car_ins td{vertical-align:top; text-align:left;}
#car_ins .link{text-align:center;}
#car_ins td.t_center{text-align:center;}


.sectionWrap{margin-bottom:30px; width:722px; background:url(img/content_repeat.gif) left top repeat-y;}
.sectionWrap .title{margin:0; padding:8px 0 20px 20px; font-size:16px; font-weight:bold; background:url(img/content_header.gif) left top no-repeat;}
.sectionWrap .content{padding:0 20px 30px; background:url(img/content_bottom.gif) left bottom no-repeat;}
.sectionWrap .bottom{}

dl.basicInfo dt{float:left; clear:left; width:8em; line-height:18px; }
dl.basicInfo dd{margin-left:8.5em; margin-bottom:0.8em;}

.itemName{color:#003399; font-weight:bold; font-size:18px;}
.hdr{color:#FF0099; font-weight:bold;}

.section{position:relative; margin-bottom:20px;}

.title{text-align:left;}
.categTitle{margin-bottom:2px; padding-left:40px; background:url(img/sp_game_ico.gif) left center no-repeat; line-height:33px;}

.itemLink{position:absolute; top:4px; right:0; width:300px; height:2em; line-height:1.8; text-align:right; font-weight:bold; font-size:0.9em;}
.itemLink a{padding-left:10px; background:url(img/arrow_green.gif) left center no-repeat;}

/* ミネラルウォーター */
#mineralw .title{ padding-top:34px; padding-left:10px; font-size:20px; font-weight:bold; background:url(sp/img/mineralwater_headerbg.gif) left top no-repeat; line-height:36px;}
#mineralw h3{padding-left:5px; color:#3366CC; font-size:18px; font-weight:bold; border-left:4px solid #FFCC00; }

#mineralw .column{float:left; display:inline; margin-left:5px; margin-bottom:30px; width:198px; height:337px; background:url(sp/img/sp_wtr_column.gif) left top no-repeat;}
#mineralw .column h4{margin:0 0 20px; padding:0 15px; font-size:15px; font-weight:bold; line-height:60px; text-align:center;}
#mineralw .column div{margin: 0 20px; padding:0; font-size:12px;}

#mineralw .columnlarge{float:left; display:inline; margin-left:5px; margin-bottom:10px; width:308px; height:287px; background:url(sp/img/sp_wtr_column_large.gif) left top no-repeat;}
#mineralw .columnlarge h4{margin:0 0 20px; padding:0 15px; font-size:15px; font-weight:bold; line-height:60px; text-align:center;}
#mineralw .columnlarge div{margin: 0 20px; padding:0; font-size:12px;}

.clearleft{clear:left;}

#mineralw tr.first th,
#mineralw tr.first td{background:#EBF6FA;}
#mineralw tr.second th,
#mineralw tr.second td{background:#DBEFF9;}

#mineralw .best{color:#f00; font-weight:bold;}
#mineralw dl.dllist dt{margin-bottom:8px; padding:4px 3px; color:#3399CC; font-weight:bold; }
#mineralw dl.dllist dd{margin-left:2em; margin-bottom:.8em;}
#mineralw em{color:#f00; font-weight:bold; font-style:normal;}


/* トップページ下特集ナビゲーション */
.spListingWrap{margin:0; padding-bottom:20px; border:2px solid #b4b4b4; overflow:hidden; min-height:86px;}
.spListing{margin:0 0 30px 30px; padding:0; width:580px; list-style:none;}
.spListing li{float:left; display:inline; margin-right:1em; width:16em; height:1.6em; list-style:none; font-size:12px;}
.spListing li a{display:block;  padding-left:12px; background:url(img/arrow_green.gif) left center no-repeat; font-weight:bold;}

.spListing li.primary,
.spListing li.last{width:16em;}
.spListing li.middle{width:12em;}


.sp-thumbs{float:right; display:inline; margin:10px 20px 20px; padding:10px; border:1px solid #ccc; text-align:center;}


.row{
	*zoom:1;
	&:before,
	&:after{
		content:"";
		display: table;
	}
	&:after{
		clear:both;
	}
}
.siteheader{
	font-size:12px;
	margin:4px 0;
}
.sitetitle{
	float: left;

}
.sitetitle h1{
	margin:0;
	font-size:12px;
	line-height: 1.1;
}
.ad{
	float: right;
	max-width:66%;
	text-align: right;
	line-height: 1.1;
}

/* rank.php */
h2.categtitle{
 margin:0 0 20px;

 font-size:14px;
 border-bottom:1px solid #ddd;
}
h2.categtitle span{padding:3px 10px; background:#ccc; border:1px solid #bbb; border-bottom:none; border-top-right-radius:4px; border-top-left-radius:4px;
}

h2.itemtitle{margin:0; font-size:20px; color:#fff;}

.hidden{display: none;}