@charset "utf-8";
body { color:#000; background:#FFF; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td { margin:0; padding:0; }
fieldset, img { border:0; }
address, caption, cite, code, dfn, em, th, var { font-style:normal; font-weight:normal; }
li { list-style:none; }
caption, th { text-align:left; }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; }
body { font:13px/1.22 arial, helvetica, clean, sans-serif; *font-size:small;
*font:x-small;
}
/* ------------------------------ */
/* 5. link elements */
/* ------------------------------ */
a:link, a:visited { color: #0000FF; text-decoration: underline; }
a:active, a:hover { color: #FF0000; text-decoration: underline; }
h1 a:link, h1 a:visited, h1 a:active, h1 a:hover { color:#999999; text-decoration:none; }
div.order a:link, div.order a:visited { color: #0000A2; text-decoration: underline; }
div.order a:active, div.order a:hover { color: #CC0000; text-decoration: underline; }
div#bottom a:link, div#bottom a:visited { color: #333333; text-decoration: none; }
div#bottom a:active, div#bottom a:hover { color: #333333; text-decoration: none; }
/* basement */

body { color: #333333; line-height: 160%; font-weight: normal; text-align: left; background: url(img/back.jpg) repeat-y 50% 0 #F4F3EF; font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; }
div#wrapper { width: 820px; margin: 0 auto; }
div#header_area { width:100%; margin:0 auto; padding:0 10px 0 10px; height:211px; }
div#header { height:63px; background:url(img/bg/head_bottom.gif) repeat-x 0 100%; margin-bottom:5px; }
div#container { width: 100%; margin: 5px auto 0 auto; clear:both; background:url(img/side/bg.gif) repeat-y 0 0; }
div#left { width: 210px; padding:5px; float: left; }
div#main { width: 590px; float: right; padding:0 0 20px 10px; font-size:14px; }
div#bottom { clear: both; height: 30px; color: #333; text-align:center; background:url(img/bg/contents_bottom.gif) repeat-x 0 0 #FFFFFF; padding-top:20px; line-height:200%; font-size:12px; }
h1 { font-size:12px; font-weight:normal; color:#999999; }
/* header */
div#logo { float:left; padding-top:10px; }
div#logo_r { text-align:right; float:right; padding:65px 0 0 0; }
/* navigation */
div#left dl { margin:10px 0 10px 0; }
div#left dt img { vertical-align:bottom; }
div#left dt { background:url(img/side/title.jpg) no-repeat 0 0; height:26px; padding:8px 20px 0 8px; font-weight:bold; }
div#left dt a { text-decoration:none; }
div#left dd, div#left div#link { margin-bottom:5px; background:#FFFFFF; border:1px solid #DBE4F7; border-top:none; }
div#left ul { margin:0 0 0 3px; padding:7px 0 7px 5px; }
div#left ul li { background:url(img/line/dot.gif) repeat-x 0 100%; font-size:12px; line-height:135%; padding: 5px 0 5px 0; }
div#left ul li a { list-style:none; background:url(img/icon/maru.gif) no-repeat 0 5px; text-decoration:none; padding: 5px 0 5px 18px; color:#000099; }
div#left ul li a:hover { color: #FFCC66; background:url(img/icon/maru.gif) no-repeat 0 5px; text-decoration:none; color:#FF3300; }
div.bookmark { padding:0 10px; margin-bottom:20px; }
div#addFavorite { margin-bottom:5px; text-align:center; }
div#adFavorite imput { width:150px; }
#pankuzu { margin:0; padding:0; }
#pankuzu li { float: left; display: inline; margin:0 6px 0 0; padding-left:8px; background:url(img/icon/pankuzu.gif) no-repeat 0 4px; font-size:11px; color:#999999; }
#pankuzu a { color:#0000FF; text-decoration:underline; }
#pankuzu li#home0 { background:none; padding-left:0px; }
#pankuzu li#home { background:none; padding-left:0px; margin-bottom:18px; }
/*----goods----*/
.goods { width:100%; margin:3px 0px 20px 0px; }
.goods td { padding:10px; vertical-align:top; line-height:1.5em; font-size:12px; border:1px solid #ccc; }
.goods th { padding:10px; vertical-align:top; line-height:1.5em; font-size:12px; border:1px solid #ccc; background-color:#f5f5f5; font-weight:bold; text-align:left; }
/*----pr----*/
#pr { margin:10px 0 30px 0; }
#pr div { padding:10px; border:1px solid #cacaca; margin:5px 0 0 0; height:80px; _height:100px; background:#fff; }
body #pr p { padding:0; margin:0; font-size:0.9em; }
#pr .leftimg { float:left; margin:0 10px 0 0; }
body .pr .prurl { color:red; }
#pr a { font-size:1.2em; text-decoration:underline; margin-bottom:10px; }
#pr .prurl { color:#7cc563; }
#pr img { border:1px solid #e0e0e0; }
.sllver { color:#666; }
/*--------------------------------------------------------
■table1（ランキング1）
--------------------------------------------------------*/
.ranking { margin:3px 0 25px 0; width:100%; background-color:#333; display:block; }
.cl { margin:20px 0 0 0; text-align:right }
.cktitle { padding:10px; font-size:14px; font-weight:bold; }
.cktitle a { font-size:16px; }
.cktitle a:hover { color: #0066cc; }
.ckbn { width:150px; }
.ckbn img { margin:5px 0; }
.comment_area { padding: 10px; color:#222222; font-size:15px; font-weight: 500; line-height:130%; }
.ckm1 { width:70px; text-align:center; padding: 7px 0px 5px 0px; }
.ckm2 { width:70px; text-align:center; padding: 7px 0px 5px 0px; }
.ckm3 { width:70px; text-align:center; padding: 7px 0px 5px 0px; }
.ckm4 { width:70px; text-align:center; padding: 7px 0px 5px 0px; }
.ckm5 { width:120px; text-align:center; padding: 7px 0px 5px 0px; }
.ckm6 { width:90px; text-align:center; padding: 7px 0px 5px 0px; }
/* ------------------------------ */
/*  テーブル */
/* ------------------------------ */
.mokuji { background-color:#ccc; width:100%; }
.mokuji th { background-color:#f5f5f5; padding:5px; }
.mokuji td { background-color:#fff; padding:5px; }
.folder { background:url(img/icon/folder.gif) no-repeat 10px 0px; padding-left:35px; padding-top:1px; }
/* ------------------------------ */
/* 5. contents layout */
/* ------------------------------ */
div#main .contents2 { clear: both; overflow: auto; margin: 0; padding: 0px 10px 1.4em 10px; }
div#main p { margin-bottom:18px; padding:0 5px; }
div#main .end { margin-bottom:0; }
h2 { clear: both; margin: 0px 0 10px 0; padding: 6px 0 0 25px; background:url(img/bg/h2.gif) no-repeat 0 0; font-size: 14px; font-weight: bold; line-height: 15pt; color: #454545; height:35px; }
h3 { clear: both; margin: 12px 0 10px 0px; padding: 6px 0 0 25px; background:url(img/bg/h2.gif) no-repeat 0 0; font-size: 14px; font-weight: bold; line-height: 15pt; color: #454545; height:35px; width:580px; }
h4 { font-size: small; color: #000000; font-weight:bold; margin: 30px 10px 20px 10px; padding: 2px 0px 3px 20px; background: url(img/bg/h4.gif) no-repeat 0em 0.4em; border-bottom: 1px solid #CC0000; clear: both; }
div#main ul { margin:0 10px 0px 0px; }
div#main ul li { list-style-type:disc; }
div#main ol { margin:10px 10px 10px 25px; }
div#main ol li { list-style:decimal; margin-bottom:10px; }
.ad_bottom {
background:; margin: 3px 0 3px 7px; }
.ad_bottom dt { clear: both; float: left; margin: 0 10px 0 0px; }
.ad_bottom dt a { display: block; border: 1px solid #CCC; }
.ad_bottom dt a img { padding: 2px; }
.ad_bottom dd { float: left; }
.ad_bottom dd span { font-size: .8em; color:#666; }
.ad_bottom dd a { font-weight: bold; }
.ad_bottom:after { content: "."; display: block; clear: both; height: 0px; visibility: hidden; }
.ad_bottom { display: inline-block; }
#m-1 { text-align:center; font-size:12px; margin-top:20px; }
/* ------------------------------ */
/* 4. clear fix */
/* ------------------------------ */
.clearfix { zoom: 1; /* for IE5.5 - IE7 */ overflow:hidden; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */
.clear { clear: both; height: 0; line-height: 0%; font-size: 0px; }
/*------------------------------------------------------------
   口コミ
-------------------------------------------------------------*/
.kutikomi { margin:0 0 0px 0; }
.kutikomi2 { margin:10px 0 10px 0; }
.kutikomi_top { background:url(img/bg/kutikomi_top.gif) no-repeat top; }
.kutikomi_bottom { background:url(img/bg/kutikomi_bottom.gif) no-repeat top; height:7px; }
.kutikomi_top p { margin:10px 20px 0 30px; line-height:1.3em; }
.kutikomi_m10a { background:url(img/illust/10a.gif) no-repeat 8px 0; width:80px; height:80px; }
.kutikomi_m10b { background:url(img/illust/10b.gif) no-repeat 8px 0; width:80px; height:80px; }
.kutikomi_m10a_2 { background:url(img/illust/10a_2.gif) no-repeat 8px 0; width:80px; height:80px; }
.kutikomi_m10b_2 { background:url(img/illust/10b_2.gif) no-repeat 8px 0; width:80px; height:80px; }
.kutikomi_m20a { background:url(img/illust/20a.gif) no-repeat 8px 0; width:80px; height:80px; }
.kutikomi_m20b { background:url(img/illust/20b.gif) no-repeat 8px 0; width:80px; height:80px; }
.kutikomi_m20a_2 { background:url(img/illust/20a_2.gif) no-repeat 8px 0; width:80px; height:80px; }
.kutikomi_m20b_2 { background:url(img/illust/20b_2.gif) no-repeat 8px 0; width:80px; height:80px; }
.kutikomi_m20a_3 { background:url(img/illust/20a_3.gif) no-repeat 8px 0; width:80px; height:80px; }
.kutikomi_m20b_3 { background:url(img/illust/20b_3.gif) no-repeat 8px 0; width:80px; height:80px; }
.kutikomi_m20a_4 { background:url(img/illust/20a_4.gif) no-repeat 8px 0; width:80px; height:80px; }
.kutikomi_m20b_4 { background:url(img/illust/20b_4.gif) no-repeat 8px 0; width:80px; height:80px; }
.kutikomi_m30a { background:url(img/illust/30a.gif) no-repeat 8px 0; width:80px; height:80px; }
.kutikomi_m30b { background:url(img/illust/30b.gif) no-repeat 8px 0; width:80px; height:80px; }
.kutikomi_m30a_2 { background:url(img/illust/30a_2.gif) no-repeat 8px 0; width:80px; height:80px; }
.kutikomi_m30b_2 { background:url(img/illust/30b_2.gif) no-repeat 8px 0; width:80px; height:80px; }
.kutikomi_m30a_3 { background:url(img/illust/30a_3.gif) no-repeat 8px 0; width:80px; height:80px; }
.kutikomi_m30b_3 { background:url(img/illust/30b_3.gif) no-repeat 8px 0; width:80px; height:80px; }
.kutikomi_m30a_4 { background:url(img/illust/30a_4.gif) no-repeat 8px 0; width:80px; height:80px; }
.kutikomi_m30b_4 { background:url(img/illust/30b_4.gif) no-repeat 8px 0; width:80px; height:80px; }
.kutikomi_m40a { background:url(img/illust/40a.gif) no-repeat 8px 0; width:80px; height:80px; }
.kutikomi_m40b { background:url(img/illust/40b.gif) no-repeat 8px 0; width:80px; height:80px; }
.kutikomi_m40a_2 { background:url(img/illust/40a_2.gif) no-repeat 8px 0; width:80px; height:80px; }
.kutikomi_m40b_2 { background:url(img/illust/40b_2.gif) no-repeat 8px 0; width:80px; height:80px; }
.kutikomi_m40a_3 { background:url(img/illust/40a_3.gif) no-repeat 8px 0; width:80px; height:80px; }
.kutikomi_m40b_3 { background:url(img/illust/40b_3.gif) no-repeat 8px 0; width:80px; height:80px; }
.kutikomi_m40a_4 { background:url(img/illust/40a_4.gif) no-repeat 8px 0; width:80px; height:80px; }
.kutikomi_m40b_4 { background:url(img/illust/40b_4.gif) no-repeat 8px 0; width:80px; height:80px; }
.kutikomi_m50a { background:url(img/illust/50a.gif) no-repeat 8px 0; width:80px; height:80px; }
.kutikomi_m50b { background:url(img/illust/50b.gif) no-repeat 8px 0; width:80px; height:80px; }
.kutikomi_m50a_2 { background:url(img/illust/50a_2.gif) no-repeat 8px 0; width:80px; height:80px; }
.kutikomi_m50b_2 { background:url(img/illust/50b_2.gif) no-repeat 8px 0; width:80px; height:80px; }
.kutikomi_m50a_3 { background:url(img/illust/50a_3.gif) no-repeat 8px 0; width:80px; height:80px; }
.kutikomi_m50b_3 { background:url(img/illust/50b_3.gif) no-repeat 8px 0; width:80px; height:80px; }
.kutikomi_m50a_4 { background:url(img/illust/50a_4.gif) no-repeat 8px 0; width:80px; height:80px; }
.kutikomi_m50b_4 { background:url(img/illust/50b_4.gif) no-repeat 8px 0; width:80px; height:80px; }
.kutikomi_m60a { background:url(img/illust/60a.gif) no-repeat 8px 0; width:80px; height:80px; }
.kutikomi_m60b { background:url(img/illust/60b.gif) no-repeat 8px 0; width:80px; height:80px; }
.kutikomi_m60a_2 { background:url(img/illust/60a_2.gif) no-repeat 8px 0; width:80px; height:80px; }
.kutikomi_m60b_2 { background:url(img/illust/60b_2.gif) no-repeat 8px 0; width:80px; height:80px; }
.kutikomi_m60a_3 { background:url(img/illust/60a_3.gif) no-repeat 8px 0; width:80px; height:80px; }
.kutikomi_m60b_3 { background:url(img/illust/60b_3.gif) no-repeat 8px 0; width:80px; height:80px; }
.kutikomi_m60a_4 { background:url(img/illust/60a_4.gif) no-repeat 8px 0; width:80px; height:80px; }
.kutikomi_m60b_4 { background:url(img/illust/60b_4.gif) no-repeat 8px 0; width:80px; height:80px; }
.kutikomi_m70a { background:url(img/illust/70a.gif) no-repeat 8px 0; width:80px; height:80px; }
.kutikomi_m70b { background:url(img/illust/70b.gif) no-repeat 8px 0; width:80px; height:80px; }
.kutikomi_m70a_2 { background:url(img/illust/70a_2.gif) no-repeat 8px 0; width:80px; height:80px; }
.kutikomi_m70b_2 { background:url(img/illust/70b_2.gif) no-repeat 8px 0; width:80px; height:80px; }
.kutikomi_w10a { background:url(img/illust/w10a.gif) no-repeat 8px 0; width:80px; height:80px; }
.kutikomi_w10b { background:url(img/illust/w10b.gif) no-repeat 8px 0; width:80px; height:80px; }
.kutikomi_w10a_2 { background:url(img/illust/w10a_2.gif) no-repeat 8px 0; width:80px; height:80px; }
.kutikomi_w10b_2 { background:url(img/illust/w10b_2.gif) no-repeat 8px 0; width:80px; height:80px; }
.kutikomi_w10a_3 { background:url(img/illust/w10a_3.gif) no-repeat 8px 0; width:80px; height:80px; }
.kutikomi_w10b_3 { background:url(img/illust/w10b_3.gif) no-repeat 8px 0; width:80px; height:80px; }
.kutikomi_w20a { background:url(img/illust/w20a.gif) no-repeat 8px 0; width:80px; height:80px; }
.kutikomi_w20b { background:url(img/illust/w20b.gif) no-repeat 8px 0; width:80px; height:80px; }
.kutikomi_w20a_2 { background:url(img/illust/w20a_2.gif) no-repeat 8px 0; width:80px; height:80px; }
.kutikomi_w20b_2 { background:url(img/illust/w20b_2.gif) no-repeat 8px 0; width:80px; height:80px; }
.kutikomi_w20a_3 { background:url(img/illust/w20a_3.gif) no-repeat 8px 0; width:80px; height:80px; }
.kutikomi_w20b_3 { background:url(img/illust/w20b_3.gif) no-repeat 8px 0; width:80px; height:80px; }
.kutikomi_w30a { background:url(img/illust/w30a.gif) no-repeat 8px 0; width:80px; height:80px; }
.kutikomi_w30b { background:url(img/illust/w30b.gif) no-repeat 8px 0; width:80px; height:80px; }
.kutikomi_w30a_2 { background:url(img/illust/w30a_2.gif) no-repeat 8px 0; width:80px; height:80px; }
.kutikomi_w30b_2 { background:url(img/illust/w30b_2.gif) no-repeat 8px 0; width:80px; height:80px; }
.kutikomi_w30a_3 { background:url(img/illust/w30a_3.gif) no-repeat 8px 0; width:80px; height:80px; }
.kutikomi_w30b_3 { background:url(img/illust/w30b_3.gif) no-repeat 8px 0; width:80px; height:80px; }
.kutikomi_w40a { background:url(img/illust/w40a.gif) no-repeat 8px 0; width:80px; height:80px; }
.kutikomi_w40b { background:url(img/illust/w40b.gif) no-repeat 8px 0; width:80px; height:80px; }
.kutikomi_w40a_2 { background:url(img/illust/w40a_2.gif) no-repeat 8px 0; width:80px; height:80px; }
.kutikomi_w40b_2 { background:url(img/illust/w40b_2.gif) no-repeat 8px 0; width:80px; height:80px; }
.kutikomi_w40a_3 { background:url(img/illust/w40a_3.gif) no-repeat 8px 0; width:80px; height:80px; }
.kutikomi_w40b_3 { background:url(img/illust/w40b_3.gif) no-repeat 8px 0; width:80px; height:80px; }
.kutikomi_w50a { background:url(img/illust/w50a.gif) no-repeat 8px 0; width:80px; height:80px; }
.kutikomi_w50b { background:url(img/illust/w50b.gif) no-repeat 8px 0; width:80px; height:80px; }
.kutikomi_w50a_2 { background:url(img/illust/w50a_2.gif) no-repeat 8px 0; width:80px; height:80px; }
.kutikomi_w50b_2 { background:url(img/illust/w50b_2.gif) no-repeat 8px 0; width:80px; height:80px; }
.kutikomi_w50a_3 { background:url(img/illust/w50a_3.gif) no-repeat 8px 0; width:80px; height:80px; }
.kutikomi_w50b_3 { background:url(img/illust/w50b_3.gif) no-repeat 8px 0; width:80px; height:80px; }
.kutikomi_w60a { background:url(img/illust/w60a.gif) no-repeat 8px 0; width:80px; height:80px; }
.kutikomi_w60b { background:url(img/illust/w60b.gif) no-repeat 8px 0; width:80px; height:80px; }
.kutikomi_w60a_2 { background:url(img/illust/w60a_2.gif) no-repeat 8px 0; width:80px; height:80px; }
.kutikomi_w60b_2 { background:url(img/illust/w60b_2.gif) no-repeat 8px 0; width:80px; height:80px; }
.kutikomi_w60a_3 { background:url(img/illust/w60a_3.gif) no-repeat 8px 0; width:80px; height:80px; }
.kutikomi_w60b_3 { background:url(img/illust/w60b_3.gif) no-repeat 8px 0; width:80px; height:80px; }
/*----調整----*/
/*--------------------------------------------------------
■class
--------------------------------------------------------*/
.afi { font-weight:bold; font-size:18px; }
.afi2 { font-weight:bold; font-size:14px; }
.b { font-weight: bold!important; }
.bbb /* 最大・太字 */ { color: #000; font-size: 1.5em; font-family: "HGP創英角ｺﾞｼｯｸUB"; font-weight: normal; padding: 0; }
.bb /* 大・太字 */ { color: #000; font-size: 1.2em; font-family: "HGP創英角ｺﾞｼｯｸUB"; font-weight: normal; }
.bbbr /* 最大・太字・赤 */ { color: #dc0000; font-size: 1.4em; font-family: "HGP創英角ｺﾞｼｯｸUB"; font-weight: normal; }
.bbr /* 大・太字・赤 */ { color: #dc0000; font-size: 1.2em; font-family: "HGP創英角ｺﾞｼｯｸUB"; font-weight: normal; }
.bbl /*太字・青 */ { color: #007fc0; font-weight: bold; }
.red { color: #cc0000; font-weight:bold; } /* 赤 */
.blue { color: #003399; } /* 青 */
.green { color: #339900; } /* 緑 */
.orange { color: #ff9900; } /* オレンジ */
.yellow { background-color:#fefe8e; color:#333; font-weight:bold; }
.adsense { margin-left:20px; }
.gray { color:#999; }
.arrow { background:url(img/list/arrow.gif) no-repeat 0px 0px; padding-left:16px; }
.img_r { margin-left:15px; border:1px solid #c2c2c2; padding:5px; margin: 10 0 0 15px; }
.img_r2 { margin: 0px 0px 0px 15px; padding-right:7px; padding-top:10px; }
.img_l { margin-right:15px; border:1px solid #c2c2c2; padding:5px; margin-bottom:15px; }
.img_l2 { margin-right:15px; margin-bottom:15px; }
.imgl { margin: 0 10px 10px; float: left; }
.imgr { margin: 0 10px 10px; float: right; }
.line { background:url(img/line/line.gif) no-repeat center; margin:0 0 15px 0; }
.note { background-color: #f4f4f4; padding:0px 8px 0px 8px; border:1px solid #C2C2C2; font-size:14px; margin:10px 0px 20px 0px; clear:both; }
.notep { background-color: #f4f4f4; padding:20px 15px 2px 15px; border:1px solid #C2C2C2; font-size:12px; margin:10px 0px 20px 0px; line-height:150%; }
.note ol { padding:0 7px 3px 7px; }
.note ol li { padding-top:8px; font-size:0.9em; }
.note ul { padding:10px 10px 0px 20px; }
.note ul li { font-size:12px; padding-bottom:10px; }