@charset "utf-8";
/* 1. init
--------------------------------------------------*/
/* reset styleSheet */
/*img*/
img, 	/*box*/ p, blockquote, h1, h2, h3, h4, h5, h6, div, 	/*form*/ form, fieldset, textarea, 	/*list*/ ul, ol, dl { border: 0; margin: 0; padding: 0; font-size: 100%; font-weight: normal; font-style: normal; text-decoration: none; }
li { margin: 0; padding: 0; list-style-image: none; }
dt, dd { margin: 0; padding: 0; }
body { margin: 0; padding: 0; border-style: none; }
th { text-align: left; font-weight: normal; }
/* 2. globalClass
--------------------------------------------------*/

/* font-size */
	.font10-15 { font-size: 10px; line-height: 15px; }
.font12-18 { font-size: 12px; line-height: 18px; }
.font14-20 { font-size: 14px; line-height: 20px; }
.font20-24 { font-size: 20px; line-height: 24px; }
/* layout */
	.fleft { float: left; }
.fright { float: right; }
.clear { clear: both; }
.txt-right { width: 100%; text-align: right; }
.txt-center { width: 100%; text-align: center; }
/* margin-top */
	.mt00 { margin-top: 0px; }
.mt05 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }
.mt25 { margin-top: 25px; }
.mt30 { margin-top: 30px; }
.mt35 { margin-top: 35px; }
.mt40 { margin-top: 40px; }
.mt45 { margin-top: 45px; }
.mt50 { margin-top: 50px; }
.mt55 { margin-top: 55px; }
.mt60 { margin-top: 60px; }
/* margin-right */
	.mr00 { margin-right: 0px; }
.mr05 { margin-right: 5px; }
.mr10 { margin-right: 10px; }
.mr15 { margin-right: 15px; }
.mr20 { margin-right: 20px; }
.mr25 { margin-right: 25px; }
.mr30 { margin-right: 30px; }
.mr35 { margin-right: 35px; }
.mr40 { margin-right: 40px; }
.mr45 { margin-right: 45px; }
.mr50 { margin-right: 50px; }
.mr55 { margin-right: 55px; }
.mr60 { margin-right: 60px; }
/* margin-bottom */
	.mb00 { margin-bottom: 0px; }
.mb05 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb25 { margin-bottom: 25px; }
.mb30 { margin-bottom: 30px; }
.mb35 { margin-bottom: 35px; }
.mb40 { margin-bottom: 40px; }
.mb45 { margin-bottom: 45px; }
.mb50 { margin-bottom: 50px; }
.mb55 { margin-bottom: 55px; }
.mb60 { margin-bottom: 60px; }
/* margin-left */
	.ml00 { margin-left: 0px; }
.ml05 { margin-left: 5px; }
.ml10 { margin-left: 10px; }
.ml15 { margin-left: 15px; }
.ml20 { margin-left: 20px; }
.ml25 { margin-left: 25px; }
.ml30 { margin-left: 30px; }
.ml35 { margin-left: 35px; }
.ml40 { margin-left: 40px; }
.ml45 { margin-left: 45px; }
.ml50 { margin-left: 50px; }
.ml55 { margin-left: 55px; }
.ml60 { margin-left: 60px; }
/* clearfix */
	.cf { display:inline-block; min-height:1%;  /* for IE 7*/ }
.cf:after { height: 0; visibility: hidden; content: "."; display: block; clear: both; }
/* for javascript */
	.ahover { }
.win { font-family: 'ＭＳ Ｐゴシック', sans-serif; }
.ie7 { font-family: 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif; }
.mac, .safari { font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif; }
/* local css*/


/* 3. html, body
--------------------------------------------------*/
/* basic [body] */
	body { background: #fff; color: #333333; }
/* base [body] */
	body.base { background: #eaf6fd url(../../img/bg.gif) repeat-y center top; }
/* 4. layout
--------------------------------------------------*/

	body #container { margin-right: auto; margin-left: auto; text-align: left; }
/* base [layout] */
	body.base #container { width: 825px; background: transparent url(../../img/space.gif) repeat-y center top; }
/* 5. siteCommonStyle
--------------------------------------------------*/
/* font-size */
	body, td, th { font-size: 12px; line-height: 18px; }
/* A */
	a { background: none; color: #00abe4; text-decoration: underline; }
a:hover { background: none; color: #00abe4; text-decoration: none; }
/* cap */
	.caption, .cap { padding-top: 5px; background: none; color: #666666; font-size: 10px; line-height: 15px; }
.caption { padding-top: 0px; }
.red { color: #f08e8a; }
.b0 { font-weight: bold; }
/* heading */
	h1 { color: #ffffff; font-size: 10px; line-height: 15px; width: 815px; text-align: right; padding: 2px 10px 0 0; background: #0068b7; }
#maincontent h2, #maincontent h3 { clear:both; font-size: 18px; line-height: 24px; font-weight: bold; width: 560px; margin-bottom: 15px; padding: 9px 0 6px 30px; background: url(../../img/bg-h.gif) no-repeat left top; }
body#top #maincontent h2 { font-size: 12px; line-height: 18px; width: 590px; padding: 0; background: none; }
#maincontent h4 { font-size: 13px; width: 570px; margin-bottom: 10px; padding: 5px 10px 2px; border-bottom: #54c3f1 solid 3px; background: #d3edfb; }
/* header */
	#header { width: 825px; margin-bottom: 20px; }
#pan { font-size: 10px; line-height: 15px; width: 815px; padding: 2px 0 0 10px; background: #8cd2f5; }
#pan a, #pan a:hover { color: #ffffff; }
/* content */
	#content { width: 825px; margin-bottom: 30px; }
#sidebar { width: 210px; float: right; }
.navi { width: 210px; padding: 5px 0; border-bottom: #54c3f1 solid 5px; }
.navi li { width: 210px; margin-bottom: 2px; list-style-type:none; }
.navi li a { color: #333333; text-decoration: none; width: 195px; padding: 7px 0 5px 15px; background: #d3edfb; display: block; }
.navi li a:hover { color: #333333; background: #54c3f1; }
#bt-sidebar { margin: 10px 0 0 15px; }
#bt-favorite { margin-bottom: 10px; }
#bt-sidebar li { list-style-type:none; }
#bt-sidebar li a, #bt-sidebar li a:hover { color: #333333; text-decoration: none; padding: 1px 18px 0; background: url(../../img/ar-sidebar.gif) no-repeat left center; }
#bt-sidebar li a:hover { text-decoration: underline; }
#maincontent { width: 590px; margin-left: 25px; float: right; }
#maincontent p { margin-bottom: 15px; }
#maincontent #img_top p, #maincontent .ranking_top p { margin-bottom: 0; }
#maincontent p#top-txt { margin: 5px 0; }
/* footer */
	#footer { font-size: 10px; line-height: 15px; width: 825px; text-align: center; padding: 20px 0; border-top: #0068b7 solid 10px; }
/* 6. eachPageStyle
--------------------------------------------------*/
/* top */
	#img_top { position: relative; }
#illust { width: 185px; height: 264px; position: absolute; top: -100px; right: 0; z-index: 2; }
.ranking_top { width: 590px; }
.ranking-title { color: #ffffff; font-size: 13px; line-height: 18px; width: 550px; margin-bottom: 0; padding: 12px 20px 9px; background: url(../../img/bg-ranking.gif) no-repeat left top; }
.ranking-title a, .ranking-title a:hover { color: #ffffff; font-size: 15px; font-weight: bold; }
.ranking_top table { border-right: #00abe4 solid 1px; border-bottom: #00abe4 solid 1px; border-left: #00abe4 solid 1px; }
.ranking_top table td { vertical-align: top; padding: 15px 15px 0; }
.ranking_top table td.bdr-b { border-bottom: #00abe4 solid 1px; }
.ranking_top table td.bdr-r { border-right: #00abe4 solid 1px; }
.ranking_top table td.ranking_imgbox { border-bottom: none; }
.ranking_top table tr.ranking_btbox td { text-align: center; padding-bottom: 15px; border-top: none; }
/*--------------------------------------------------------
■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 20px 25px; }
.note ol li { padding-top:8px; font-size:0.9em; }
.note ul { padding:0 10px 5px 20px; }
.note ul li { font-size:12px; padding-bottom:10px; }
.table_blue { width:100%; margin: 0 0 20px 0; background-color:#c2c2c2; }
.table_blue th { background-color:#e8edfa; padding:7px; font-size:12px; }
.table_blue td { background-color:#fff; padding:7px; font-size:12px; }

/*------------------------------------------------------------
   口コミ
-------------------------------------------------------------*/
.kutikomi { margin:0 0 20px 0; }
.kutikomi2 { margin:10px 0 10px 0; }
.kutikomi_top { background:url(../../img/bg/kutikomi_top.gif) no-repeat 12px 0; width:500px; }
.kutikomi_bottom { background:url(../../img/bg/kutikomi_bottom.gif) no-repeat 12px 0; height:7px; }
.kutikomi_top p { margin:10px 17px 10px 40px; line-height:1.5em; }
.kutikomi_m10a { background:url(../../img/illust/10a.gif) no-repeat 0 0; width:85px; height:80px; }
.kutikomi_m10b { background:url(../../img/illust/10b.gif) no-repeat 0 0; width:85px; height:80px; }
.kutikomi_m10a_2 { background:url(../../img/illust/10a_2.gif) no-repeat 0 0; width:85px; height:80px; }
.kutikomi_m10b_2 { background:url(../../img/illust/10b_2.gif) no-repeat 0 0; width:85px; height:80px; }
.kutikomi_m20a { background:url(../../img/illust/20a.gif) no-repeat 0 0; width:85px; height:80px; }
.kutikomi_m20b { background:url(../../img/illust/20b.gif) no-repeat 0 0; width:85px; height:80px; }
.kutikomi_m20a_2 { background:url(../../img/illust/20a_2.gif) no-repeat 0 0; width:85px; height:80px; }
.kutikomi_m20b_2 { background:url(../../img/illust/20b_2.gif) no-repeat 0 0; width:85px; height:80px; }
.kutikomi_m20a_3 { background:url(../../img/illust/20a_3.gif) no-repeat 0 0; width:85px; height:80px; }
.kutikomi_m20b_3 { background:url(../../img/illust/20b_3.gif) no-repeat 0 0; width:85px; height:80px; }
.kutikomi_m20a_4 { background:url(../../img/illust/20a_4.gif) no-repeat 0 0; width:85px; height:80px; }
.kutikomi_m20b_4 { background:url(../../img/illust/20b_4.gif) no-repeat 0 0; width:85px; height:80px; }
.kutikomi_m30a { background:url(../../img/illust/30a.gif) no-repeat 0 0; width:85px; height:80px; }
.kutikomi_m30b { background:url(../../img/illust/30b.gif) no-repeat 0 0; width:85px; height:80px; }
.kutikomi_m30a_2 { background:url(../../img/illust/30a_2.gif) no-repeat 0 0; width:85px; height:80px; }
.kutikomi_m30b_2 { background:url(../../img/illust/30b_2.gif) no-repeat 0 0; width:85px; height:80px; }
.kutikomi_m30a_3 { background:url(../../img/illust/30a_3.gif) no-repeat 0 0; width:85px; height:80px; }
.kutikomi_m30b_3 { background:url(../../img/illust/30b_3.gif) no-repeat 0 0; width:85px; height:80px; }
.kutikomi_m30a_4 { background:url(../../img/illust/30a_4.gif) no-repeat 0 0; width:85px; height:80px; }
.kutikomi_m30b_4 { background:url(../../img/illust/30b_4.gif) no-repeat 0 0; width:85px; height:80px; }
.kutikomi_m40a { background:url(../../img/illust/40a.gif) no-repeat 0 0; width:85px; height:80px; }
.kutikomi_m40b { background:url(../../img/illust/40b.gif) no-repeat 0 0; width:85px; height:80px; }
.kutikomi_m40a_2 { background:url(../../img/illust/40a_2.gif) no-repeat 0 0; width:85px; height:80px; }
.kutikomi_m40b_2 { background:url(../../img/illust/40b_2.gif) no-repeat 0 0; width:85px; height:80px; }
.kutikomi_m40a_3 { background:url(../../img/illust/40a_3.gif) no-repeat 0 0; width:85px; height:80px; }
.kutikomi_m40b_3 { background:url(../../img/illust/40b_3.gif) no-repeat 0 0; width:85px; height:80px; }
.kutikomi_m40a_4 { background:url(../../img/illust/40a_4.gif) no-repeat 0 0; width:85px; height:80px; }
.kutikomi_m40b_4 { background:url(../../img/illust/40b_4.gif) no-repeat 0 0; width:85px; height:80px; }
.kutikomi_m50a { background:url(../../img/illust/50a.gif) no-repeat 0 0; width:85px; height:80px; }
.kutikomi_m50b { background:url(../../img/illust/50b.gif) no-repeat 0 0; width:85px; height:80px; }
.kutikomi_m50a_2 { background:url(../../img/illust/50a_2.gif) no-repeat 0 0; width:85px; height:80px; }
.kutikomi_m50b_2 { background:url(../../img/illust/50b_2.gif) no-repeat 0 0; width:85px; height:80px; }
.kutikomi_m50a_3 { background:url(../../img/illust/50a_3.gif) no-repeat 0 0; width:85px; height:80px; }
.kutikomi_m50b_3 { background:url(../../img/illust/50b_3.gif) no-repeat 0 0; width:85px; height:80px; }
.kutikomi_m50a_4 { background:url(../../img/illust/50a_4.gif) no-repeat 0 0; width:85px; height:80px; }
.kutikomi_m50b_4 { background:url(../../img/illust/50b_4.gif) no-repeat 0 0; width:85px; height:80px; }
.kutikomi_m60a { background:url(../../img/illust/60a.gif) no-repeat 0 0; width:85px; height:80px; }
.kutikomi_m60b { background:url(../../img/illust/60b.gif) no-repeat 0 0; width:85px; height:80px; }
.kutikomi_m60a_2 { background:url(../../img/illust/60a_2.gif) no-repeat 0 0; width:85px; height:80px; }
.kutikomi_m60b_2 { background:url(../../img/illust/60b_2.gif) no-repeat 0 0; width:85px; height:80px; }
.kutikomi_m60a_3 { background:url(../../img/illust/60a_3.gif) no-repeat 0 0; width:85px; height:80px; }
.kutikomi_m60b_3 { background:url(../../img/illust/60b_3.gif) no-repeat 0 0; width:85px; height:80px; }
.kutikomi_m60a_4 { background:url(../../img/illust/60a_4.gif) no-repeat 0 0; width:85px; height:80px; }
.kutikomi_m60b_4 { background:url(../../img/illust/60b_4.gif) no-repeat 0 0; width:85px; height:80px; }
.kutikomi_m70a { background:url(../../img/illust/70a.gif) no-repeat 0 0; width:85px; height:80px; }
.kutikomi_m70b { background:url(../../img/illust/70b.gif) no-repeat 0 0; width:85px; height:80px; }
.kutikomi_m70a_2 { background:url(../../img/illust/70a_2.gif) no-repeat 0 0; width:85px; height:80px; }
.kutikomi_m70b_2 { background:url(../../img/illust/70b_2.gif) no-repeat 0 0; width:85px; height:80px; }
.kutikomi_w10a { background:url(../../img/illust/w10a.gif) no-repeat 0 0; width:85px; height:80px; }
.kutikomi_w10b { background:url(../../img/illust/w10b.gif) no-repeat 0 0; width:85px; height:80px; }
.kutikomi_w10a_2 { background:url(../../img/illust/w10a_2.gif) no-repeat 0 0; width:85px; height:80px; }
.kutikomi_w10b_2 { background:url(../../img/illust/w10b_2.gif) no-repeat 0 0; width:85px; height:80px; }
.kutikomi_w10a_3 { background:url(../../img/illust/w10a_3.gif) no-repeat 0 0; width:85px; height:80px; }
.kutikomi_w10b_3 { background:url(../../img/illust/w10b_3.gif) no-repeat 0 0; width:85px; height:80px; }
.kutikomi_w20a { background:url(../../img/illust/w20a.gif) no-repeat 0 0; width:85px; height:80px; }
.kutikomi_w20b { background:url(../../img/illust/w20b.gif) no-repeat 0 0; width:85px; height:80px; }
.kutikomi_w20a_2 { background:url(../../img/illust/w20a_2.gif) no-repeat 0 0; width:85px; height:80px; }
.kutikomi_w20b_2 { background:url(../../img/illust/w20b_2.gif) no-repeat 0 0; width:85px; height:80px; }
.kutikomi_w20a_3 { background:url(../../img/illust/w20a_3.gif) no-repeat 0 0; width:85px; height:80px; }
.kutikomi_w20b_3 { background:url(../../img/illust/w20b_3.gif) no-repeat 0 0; width:85px; height:80px; }
.kutikomi_w30a { background:url(../../img/illust/w30a.gif) no-repeat 0 0; width:85px; height:80px; }
.kutikomi_w30b { background:url(../../img/illust/w30b.gif) no-repeat 0 0; width:85px; height:80px; }
.kutikomi_w30a_2 { background:url(../../img/illust/w30a_2.gif) no-repeat 0 0; width:85px; height:80px; }
.kutikomi_w30b_2 { background:url(../../img/illust/w30b_2.gif) no-repeat 0 0; width:85px; height:80px; }
.kutikomi_w30a_3 { background:url(../../img/illust/w30a_3.gif) no-repeat 0 0; width:85px; height:80px; }
.kutikomi_w30b_3 { background:url(../../img/illust/w30b_3.gif) no-repeat 0 0; width:85px; height:80px; }
.kutikomi_w40a { background:url(../../img/illust/w40a.gif) no-repeat 0 0; width:85px; height:80px; }
.kutikomi_w40b { background:url(../../img/illust/w40b.gif) no-repeat 0 0; width:85px; height:80px; }
.kutikomi_w40a_2 { background:url(../../img/illust/w40a_2.gif) no-repeat 0 0; width:85px; height:80px; }
.kutikomi_w40b_2 { background:url(../../img/illust/w40b_2.gif) no-repeat 0 0; width:85px; height:80px; }
.kutikomi_w40a_3 { background:url(../../img/illust/w40a_3.gif) no-repeat 0 0; width:85px; height:80px; }
.kutikomi_w40b_3 { background:url(../../img/illust/w40b_3.gif) no-repeat 0 0; width:85px; height:80px; }
.kutikomi_w50a { background:url(../../img/illust/w50a.gif) no-repeat 0 0; width:85px; height:80px; }
.kutikomi_w50b { background:url(../../img/illust/w50b.gif) no-repeat 0 0; width:85px; height:80px; }
.kutikomi_w50a_2 { background:url(../../img/illust/w50a_2.gif) no-repeat 0 0; width:85px; height:80px; }
.kutikomi_w50b_2 { background:url(../../img/illust/w50b_2.gif) no-repeat 0 0; width:85px; height:80px; }
.kutikomi_w50a_3 { background:url(../../img/illust/w50a_3.gif) no-repeat 0 0; width:85px; height:80px; }
.kutikomi_w50b_3 { background:url(../../img/illust/w50b_3.gif) no-repeat 0 0; width:85px; height:80px; }
.kutikomi_w60a { background:url(../../img/illust/w60a.gif) no-repeat 0 0; width:85px; height:80px; }
.kutikomi_w60b { background:url(../../img/illust/w60b.gif) no-repeat 0 0; width:85px; height:80px; }