@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:35px 0 0 0; }
/* navigation */
div#left dl { margin:10px 0 20px 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; }
/* ------------------------------ */
/*  テーブル */
/* ------------------------------ */
.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 */
/* ------------------------------ */

/* toppage */
div#main .contents { margin:0 5px; }
div#main .contents2 { margin:0 10px; }
div#main p { margin-bottom:18px; padding:0 15px; }
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 { 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; }
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 dl { margin:0 10px 20px 10px; }
div#main dl dt { font-weight:bold; }
div#main dl dd { margin-bottom:18px; }
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:12px; color:#333; }
.ad_bottom dd a { font-weight: bold; }
.ad_bottom:after { content: "."; display: block; clear: both; height: 0px; visibility: hidden; }
.ad_bottom { display: inline-block; }
/* ------------------------------ */
/* 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 10px 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 20px; line-height:1.3em; }
.kutikomi_m20a { background:url(img/illust/20a.gif) no-repeat 10px 0; width:80px; height:80px; }
.kutikomi_m20b { background:url(img/illust/20b.gif) no-repeat 10px 0; width:80px; height:80px; }
.kutikomi_m20a_2 { background:url(img/illust/20a_2.gif) no-repeat 10px 0; width:80px; height:80px; }
.kutikomi_m20b_2 { background:url(img/illust/20b_2.gif) no-repeat 10px 0; width:80px; height:80px; }
.kutikomi_m30a { background:url(img/illust/30a.gif) no-repeat 10px 0; width:80px; height:80px; }
.kutikomi_m30b { background:url(img/illust/30b.gif) no-repeat 10px 0; width:80px; height:80px; }
.kutikomi_m30a_2 { background:url(img/illust/30a_2.gif) no-repeat 10px 0; width:80px; height:80px; }
.kutikomi_m30b_2 { background:url(img/illust/30b_2.gif) no-repeat 10px 0; width:80px; height:80px; }
.kutikomi_m40a { background:url(img/illust/40a.gif) no-repeat 10px 0; width:80px; height:80px; }
.kutikomi_m40b { background:url(img/illust/40b.gif) no-repeat 10px 0; width:80px; height:80px; }
.kutikomi_m40a_2 { background:url(img/illust/40a_2.gif) no-repeat 10px 0; width:80px; height:80px; }
.kutikomi_m40b_2 { background:url(img/illust/40b_2.gif) no-repeat 10px 0; width:80px; height:80px; }
.kutikomi_m50a { background:url(img/illust/50a.gif) no-repeat 10px 0; width:80px; height:80px; }
.kutikomi_m50b { background:url(img/illust/50b.gif) no-repeat 10px 0; width:80px; height:80px; }
.kutikomi_m50a_2 { background:url(img/illust/50a_2.gif) no-repeat 10px 0; width:80px; height:80px; }
.kutikomi_m50b_2 { background:url(img/illust/50b_2.gif) no-repeat 10px 0; width:80px; height:80px; }
.kutikomi_m60a { background:url(img/illust/60a.gif) no-repeat 10px 0; width:80px; height:80px; }
.kutikomi_m60b { background:url(img/illust/60b.gif) no-repeat 10px 0; width:80px; height:80px; }
.kutikomi_m60a_2 { background:url(img/illust/60a_2.gif) no-repeat 10px 0; width:80px; height:80px; }
.kutikomi_m60b_2 { background:url(img/illust/60b_2.gif) no-repeat 10px 0; width:80px; height:80px; }
.kutikomi_w10a { background:url(img/illust/w10a.gif) no-repeat 10px 0; width:80px; height:80px; }
.kutikomi_w10b { background:url(img/illust/w10b.gif) no-repeat 10px 0; width:80px; height:80px; }
.kutikomi_w10a_2 { background:url(img/illust/w10a_2.gif) no-repeat 10px 0; width:80px; height:80px; }
.kutikomi_w10b_2 { background:url(img/illust/w10b_2.gif) no-repeat 10px 0; width:80px; height:80px; }
.kutikomi_w10a_3 { background:url(img/illust/w10a_3.gif) no-repeat 10px 0; width:80px; height:80px; }
.kutikomi_w10b_3 { background:url(img/illust/w10b_3.gif) no-repeat 10px 0; width:80px; height:80px; }
.kutikomi_w20a { background:url(img/illust/w20a.gif) no-repeat 10px 0; width:80px; height:80px; }
.kutikomi_w20b { background:url(img/illust/w20b.gif) no-repeat 10px 0; width:80px; height:80px; }
.kutikomi_w20a_2 { background:url(img/illust/w20a_2.gif) no-repeat 10px 0; width:80px; height:80px; }
.kutikomi_w20b_2 { background:url(img/illust/w20b_2.gif) no-repeat 10px 0; width:80px; height:80px; }
.kutikomi_w20a_3 { background:url(img/illust/w20a_3.gif) no-repeat 10px 0; width:80px; height:80px; }
.kutikomi_w20b_3 { background:url(img/illust/w20b_3.gif) no-repeat 10px 0; width:80px; height:80px; }
.kutikomi_w30a { background:url(img/illust/w30a.gif) no-repeat 10px 0; width:80px; height:80px; }
.kutikomi_w30b { background:url(img/illust/w30b.gif) no-repeat 10px 0; width:80px; height:80px; }
.kutikomi_w30a_2 { background:url(img/illust/w30a_2.gif) no-repeat 10px 0; width:80px; height:80px; }
.kutikomi_w30b_2 { background:url(img/illust/w30b_2.gif) no-repeat 10px 0; width:80px; height:80px; }
.kutikomi_w30a_3 { background:url(img/illust/w30a_3.gif) no-repeat 10px 0; width:80px; height:80px; }
.kutikomi_w30b_3 { background:url(img/illust/w30b_3.gif) no-repeat 10px 0; width:80px; height:80px; }
.kutikomi_w40a { background:url(img/illust/w40a.gif) no-repeat 10px 0; width:80px; height:80px; }
.kutikomi_w40b { background:url(img/illust/w40b.gif) no-repeat 10px 0; width:80px; height:80px; }
.kutikomi_w40a_2 { background:url(img/illust/w40a_2.gif) no-repeat 10px 0; width:80px; height:80px; }
.kutikomi_w40b_2 { background:url(img/illust/w40b_2.gif) no-repeat 10px 0; width:80px; height:80px; }
.kutikomi_w40a_3 { background:url(img/illust/w40a_3.gif) no-repeat 10px 0; width:80px; height:80px; }
.kutikomi_w40b_3 { background:url(img/illust/w40b_3.gif) no-repeat 10px 0; width:80px; height:80px; }
.kutikomi_w50a { background:url(img/illust/w50a.gif) no-repeat 10px 0; width:80px; height:80px; }
.kutikomi_w50b { background:url(img/illust/w50b.gif) no-repeat 10px 0; width:80px; height:80px; }
.kutikomi_w50a_2 { background:url(img/illust/w50a_2.gif) no-repeat 10px 0; width:80px; height:80px; }
.kutikomi_w50b_2 { background:url(img/illust/w50b_2.gif) no-repeat 10px 0; width:80px; height:80px; }
.kutikomi_w50a_3 { background:url(img/illust/w50a_3.gif) no-repeat 10px 0; width:80px; height:80px; }
.kutikomi_w50b_3 { background:url(img/illust/w50b_3.gif) no-repeat 10px 0; width:80px; height:80px; }
.kutikomi_w60a { background:url(img/illust/w60a.gif) no-repeat 10px 0; width:80px; height:80px; }
.kutikomi_w60b { background:url(img/illust/w60b.gif) no-repeat 10px 0; width:80px; height:80px; }
/*--------------------------------------------------------
■class
--------------------------------------------------------*/
.afi { font-weight:bold; font-size:18px; }
.afi2 { font-weight:bold; font-size:14px; }
.red { color:#D81851; font-weight:bold; }
.b { font-weight:bold; font-size:14px; }
.b0 { font-weight:bold; }
.yellow { background-color:#FFFF33; font-weight:bold; }
.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-left:15px; margin: 10 0 0 15px; padding-right:7px; }
.img_l { margin-right:15px; border:1px solid #c2c2c2; padding:5px; margin-bottom:15px; }
.img_l2 { margin-right:15px; margin-bottom:15px; }
.line { background:url(img/line/line.gif) no-repeat center; margin:0 0 15px 0; }
.note { background-color: #f4f4f4; padding:13px 8px 0px 8px; border:1px solid #C2C2C2; font-size:14px; margin:10px 0px 20px 0px; clear:both; }
.notep { background-color: #f4f4f4; padding:15px 15px 2px 15px; border:1px solid #C2C2C2; font-size:12px; margin:10px 0px 20px 0px; line-height:150%; }
.note ol { padding:0 7px 5px 7px; }
.note ol li { font-size:0.9em; }
.note ul { padding:0 10px 5px 20px; }
.note ul li { font-size:12px; padding-bottom:10px; }