@charset "UTF-8";
/*--------------------------------------------------------
1、サイト全体の背景設定
------------------------------------------------------*/
#container{ background-color: #fff; }

/*--------------------------------------------------------
2、サイト全体の共通設定
-------------------------------------------------------*/
body{ color: #333; }

/*●リンク文字*/
a{ text-decoration: underline; }

a:link,
a:visited{ color: #39f; }
a:hover,
a:active{ color: #f60; }

/*--------------------------------------------------------
3、エリアの設定
--------------------------------------------------------*/
#container{
	position: relative;
	padding-top: 0;
	border-top: 8px solid #2d6797;
}

/*--------------------------------------------------------
トップ
--------------------------------------------------------*/
#top{ 
	position: absolute;
	top: 0;
	background-color: #fff;
	border-top: 10px solid #574d33;
	font-size: 1.2em;
}

#top-in{
	position: relative;
	padding: 5px 0;
}

#top-menu{ text-align: right; }

#top-menu li{
	display: inline;
	margin-left: 1em;
	list-style: none;
}

#top-menu li a{
	padding-left: 12px;
	background: url(../images/icon/icon-arrow01.png) left center no-repeat;
}

/*--------------------------------------------------------
ヘッダー
--------------------------------------------------------*/
#header{
	background-color: #fff;
	font-size: 1.2em;
}

#header-in{ padding: 1.4em 0 1.0em 0.4em; }

/*●ヘッダーロゴ（メインタイトル）*/
#header #header-title{
	float: left;
	width: 59.5%; /*ロゴ（メインタイトル）下の<h1>の1行の幅はこちらのwidthの値を変更*/
}

#header .header-logo{
	margin-bottom: 0em;
	font-size: 3em;
}

/*●ヘッダーロゴテキスト*/
.header-logo a{ text-decoration: none; }

.header-logo a:link,
.header-logo a:visited{ color: #333; }
.header-logo a:hover,
.header-logo a:active{ color: #f60; }

#header-title h1 { margin-bottom: 0em; }

/*--------------------------------------------------------
コンテンツ全体
--------------------------------------------------------*/
#main-in{ padding-top: 0em; }

/*●メイン画像*/
#main-image {
	padding-bottom: 1.0em;
}

#main-image img { width: 634px; border: 1px solid #ccc; padding: 2px; }

.main-image{
	margin-top: 0;
	padding-bottom: 1.0em;
}
.main-image .nbd { border: none!important; padding: 0; }

/*●パン屑ナビ*/
#breadcrumbs{
	clear: both;
	background: #eff8fa;
	margin-bottom: 1.0em;
	padding: 0.3em 1em 0.3em 1em;
	font-size: 1.2em;
}

#breadcrumbs li{
	display: inline;
	margin-right: 0.5em;
	line-height: 1.8;
	text-align: right;
	list-style: none;
}

#breadcrumbs li a{
	padding-right: 15px;
	background: url(../images/icon/icon-brc.gif) center right no-repeat;
}

/*--------------------------------------------------------
メインコンテンツ（本文）
--------------------------------------------------------*/
#main-contents{ font-size: 1.6em; color: #454545; margin-bottom: 60px; }

#main-contents .contents{
	margin-bottom: 3.0em;
	padding: 0 10px;
}

/*●H1タグ*/
#main-contents h1{
	clear: both;
	margin: 0 0 0.8em;
	padding: 0.9em 0.9em 0.7em 0.9em;
	border-top: 3px solid #000;
	background: url(../images/title/bg-conts-h2.gif) left top repeat-x #eaeaea;
	font-size: 1.4em;
	font-weight: normal;
	line-height: 1.6;
	text-shadow: 1px 1px 0 rgba(255,255,255,1.0);
}

/*●H2タグ*/
#main-contents h2{
	background: #70b1c4;
	border: none;
	margin: 0 0 1.4em 0;
	padding: 0.7em 0.9em 0.5em 0.8em;
	color: #FFF;
	font-size: 1.3em;
	line-height: 1.5;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.6);
}

#main-contents h2 a:link,
#main-contents h2 a:visited{ color: #333; }
#main-contents h2 a:hover,
#main-contents h2 a:active{ color: #f60; }

#main-contents h2.img-title{
	margin: 0 0 0.5em;
	padding: 0;
	border: 0;
	background: none;
}

#main-contents h2.rank-title {
	background: none;
	border: none;
	text-align: right;
	margin: 0;
	padding: 0;
	font-size: 1.0em;
	font-weight: normal;
}

/*●H3タグ*/
#main-contents h3{
	clear: both;
	margin: 40px -0.4em 1.0em;
	padding: 0.7em 0.8em 0.5em 0.8em;
	background: #e9e8e1;
	font-size: 1.2em;
	font-weight: normal;
	line-height: 1.5;
	color: #59523c;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	text-shadow: 1px 1px 0 rgba(255,255,255,1.0);
}

#main-contents .contents h3.sty1 {
	clear: none;
	margin: 0 0 1.4em 0.2em;
	padding: 0.3em 0.8em 0.1em 0.7em;
	background: #FFF;
	border-left: 3px solid #f1625d;
	border-bottom: none;
	font-size: 1.1em;
	font-weight: bold;
	color: #d65854;
}
#main-contents .contents h3.sty2 {
	clear: none;
	margin: 0 0 1.4em 0.2em;
	padding: 0.5em 0.8em 0.3em 0.7em;
	background: #FFF;
	border-left: 3px solid #1e7d6e;
	border-bottom: none;
	font-size: 1.2em;
	font-weight: bold;
	color: #1e7d6e;
}

#main-contents h3 a { text-decoration: none; }
#main-contents h3 a:link,
#main-contents h3 a:visited{ color: #333; }
#main-contents h3 a:hover,
#main-contents h3 a:active{ color: #f60; }

#main-contents h3.img-title{
	margin: 0 0 1.5em;
	padding: 0;
	border: 0;
	background: none;
}

/*●H4タグ*/
#main-contents h4{
	clear: none;
	margin: 0 0 1.0em 0.2em;
	padding: 0.2em 0.8em 0.1em 0.7em;
	background: #FFF;
	border-left: 3px solid #70b1c4;
	border-bottom: none;
	font-size: 1.16em;
	font-weight: normal;
	color: #6b6358;
	text-shadow: 1px 1px 0 rgba(0,0,0,0.2);
}
#main-contents h4.sty1{
	display: inline-block;
	background: #c65e70;
	margin: 0 0 1.0em 0;
	padding: 0.3em 0.9em 0.2em 0.8em;
	color: #FFF;
	font-size: 1.16em;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
#main-contents h4 a:link,
#main-contents h4 a:visited{ color: #333; }

#main-contents h4 a:hover,
#main-contents h4 a:active{ color: #f60; }

#main-contents h4.img-title{
	margin: 0 0 1.5em;
	padding: 0;
	border: 0;
	background: none;
}

/*●H5タグ*/
#main-contents h5{
	margin: 0 0 1.5em;
	padding: 0 0.8em 0.5em;
	border-bottom: 2px solid #414141;
	font-weight: bold;
}

#main-contents h5.img-title{
	margin: 0 0 1.5em;
	padding: 0;
	border: 0;
	background: none;
}

#main-contents h5 a:link,
#main-contents h5 a:visited{ color: #333; }

#main-contents h5 a:hover,
#main-contents h5 a:active{ color: #f60; }

/*●段落タグ*/
#main-contents p{ margin-bottom: 1.5em; }


/*●リストタグ*/
#main-contents ul,
#main-contents ol{
	margin: 0 0.8em 1.5em 1.7em;
	padding: 0;
}

#main-contents li{
	margin-bottom: 0.5em;
	line-height: 1.5em;
}

#main-contents ol li{
	margin-bottom: 1.5em;
}

/*●リストタグ スタイル01*/
#main-contents p.ul-title1 {
	clear: both;
	margin: 0 1em 0.2em 0.5em;
	font-size: 1.3em;
	color: #7b1952;
}

#main-contents ul.ul-style1{
	clear: both;
	list-style: none;
	background: #f9f9f9;
	border: 1px solid #DDD;
	margin: 0 0 1.5em 0;
	padding: 0.7em 0.5em 0.2em 0.5em;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}

#main-contents ul.ul-style1 li{
	background: url(../images/icon/icon-arrow01.png) 0.9em 0.9em no-repeat;
	border-bottom: 1px dashed #999;
	margin: 0 0.4em 0.4em 0.4em;
	padding: 0.5em 0 0.3em 2.2em;
	line-height: 1.6;
}

#main-contents ul.ul-style1 li:last-child { border-bottom: none; }

#main-contents ul.ul-style2{
	clear: both;
	list-style: none;
	background: #faf6ed;
	border: 1px solid #DDD;
	margin: 0 0 1.5em 0;
	padding: 0.7em 0.5em 0.2em 0.5em;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

#main-contents ul.ul-style2 li{
	border-bottom: 1px dashed #999;
	margin: 0 0.4em 0.4em 0.4em;
	padding: 0.8em 0 0.8em 3.2em;
	font-size: 1.1em;
	line-height: 1.7;
}

#main-contents ul.ul-style2 li:last-child { border-bottom: none; }
#main-contents ul.ul-style2 li.n1 { background: url(../images/point1.png) 0em 0em no-repeat; }
#main-contents ul.ul-style2 li.n2 { background: url(../images/point2.png) 0em 0em no-repeat; }
#main-contents ul.ul-style2 li.n3 { background: url(../images/point3.png) 0em 0em no-repeat; }
#main-contents ul.ul-style2 li.n4 { background: url(../images/point4.png) 0em 0em no-repeat; }

/*●定義タグ スタイル*/
#main-contents .dl-style01{
	margin: 0;
	padding: 0;
}
#main-contents .dl-style01 dt{
	background: url(../images/icon/title-icon.png) 0 0 no-repeat;
	-webkit-background-size: 50px 52px;
	background-size: 50px 52px;
	margin-bottom: 5px;
	padding: 15px 10px 6px 62px;
	font-size: 1.2em;
	line-height: 1.6;
	color: #554134;
}
#main-contents .dl-style01 dd{
	background: #faf9f1;
	margin: 0 0 30px 0;
	padding: 15px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
#main-contents .dl-style01 dd p:last-child{ margin-bottom: 0;}

/*●戻る＆進むリンク*/
.link-next,
.link-back{ clear: both; }

.link-next{ text-align: right; }
.link-back{ text-align: left; }

.link-next a{
	padding: 3px 0 3px 18px;
	background: url(../images/icon/icon-arrow_r.png) 0 7px no-repeat;
}
.link-back a{
	padding: 5px 0 5px 18px;
	background: url(../images/icon/icon-arrow_l.png) 0 7px no-repeat;
}

.link-next2 { text-align: right; margin-top: -0.45em; font-size: 1.2em; }
.link-next2 a{
	padding: 2px 0 3px 17px;
	background: url(../images/icon/icon-arrow_r.png) 0 7px no-repeat;
	color: #00F;
}

.link-next3 { margin-top: -0.45em; font-size: 1.1em; }
.link-next3 a{
	padding: 2px 0 3px 17px;
	background: url(../images/icon/icon-arrow_r.png) 0 7px no-repeat;
	color: #00F;
}

#main-contents .yubi{
	border-top: 1px dotted #ccc;
	background: url(../images/yubi.png) 10px 21px no-repeat;
	padding: 15px 0 0 60px;
}
#main-contents .yubi p { margin: 0; line-height: 1.6; }
#main-contents .yubi p.link { font-size: 1.2em; }
#main-contents .yubi p.link a { color: #00F; }

#main-contents .yubi2{
	background: url(../images/yubi.png) 10px 0 no-repeat;
	padding: 0 0 0 60px;
}
#main-contents .yubi2 p{
	font-size: 1.16em;
}

/*●サイトマップ*/
#main-contents .sitemap li{ list-style: none; }

#main-contents .sitemap li a{
	display: inline-block;
	padding: 3px 0 3px 20px;
	background: url(../images/icon/icon-arrow_r.png) 0 6px no-repeat;
}

#main-contents .sitemap ul{ margin-top: 1em; }

#main-contents .sitemap li li a{
	padding: 0 0 0 15px;
	border-left: none;
	background: url(../images/icon/icon-menu02.png) 0 6px no-repeat;
}

#main-contents .mokuji li ul{
	margin: 10px 20px 20px;
}
#main-contents .mokuji li ul li{
	margin: 0 0 10px;
	padding: 0;
}
#main-contents .mokuji p{
	display: inline-block;
	background: #6b6358;
	margin: 0 5px 15px;
	padding: 6px 15px 4px;
	color: #FFF;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}

/*--------------------------------------------------------
テーブル
--------------------------------------------------------*/

#main-contents table{
	margin: 1.0em 0 0.5em 0;
	padding: 0;
}

#main-contents th,
#main-contents td{
	border-right: 5px solid #fff;
}

#main-contents th{
	background-color: #ddd;
	padding: 0.4em 0.2em 0.2em 0.4em;
	font-weight: normal;
	text-align: left;
	font-size: 0.85em;
	color: #505050;
}

#main-contents th:last-child,
#main-contents td:last-child { border-right: none; }

#main-contents td{
	background-color: #f7f7f7;
	border-bottom: 5px solid #fff;
	padding: 0.7em 0.3em 0.5em 0.5em;
	font-size: 0.9em;
	font-weight: normal;
	color: #333;
}

#main-contents .rev th { background-color: #c85a5d; color: #fff; }
#main-contents .rev td { background-color: #fff9f9; }

#main-contents table.comp,
#main-contents table.comp2 { table-layout: inherit; }

#main-contents table.comp2 { margin-bottom: 30px; }

#main-contents table.comp th,
#main-contents table.comp2 th,
#main-contents table.comp td,
#main-contents table.comp2 td{
	border-right: 5px solid #fff;
}
#main-contents table.comp th.fi,
#main-contents table.comp2 th.fi{
	font-size: 0.85em;
}
#main-contents table.comp th,
#main-contents table.comp2 th{
	border-bottom: 5px solid #fff;
	padding: 0.6em 0.4em 0.4em 0.6em;
	font-size: 1.0em;
}
#main-contents table.comp td,
#main-contents table.comp2 td{
	background-color: #f8eff3;
	border-bottom: 5px solid #fff;
	padding: 0.7em 0.5em 0.6em 0.5em;
	font-size: 0.9em;
	font-weight: normal;
	color: #333;
	width: 42.0%;
}
#main-contents table.comp2 td{ width: 28.0%; }

#main-contents table.comp td.img,
#main-contents table.comp2 td.img{ text-align: center; background-color: #fff; }
#main-contents table.comp td.text,
#main-contents table.comp2 td.text{ vertical-align: top; }
#main-contents table.comp td.btn{ padding-bottom: 0.2em; }
#main-contents table.comp2 td.btn{ padding-bottom: 0.6em; text-align: center; }
#main-contents table.comp td.btn img,
#main-contents table.comp2 td.btn img{ width: 120px; }

#main-contents table.two { width: 71.4%; }
#main-contents table.two td{
	width: 39.0%;
}

#main-contents table.base{ margin-bottom: 1.5em; border: 1px solid #ddd; }

#main-contents table.base th{
	background-color: #eee;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #ddd;
	border-right: none;
	padding: 12px 0.5em 10px 0.5em;
	font-weight: normal;
	text-align: left;
	font-size: 0.9em;
	font-weight: bold;
	color: #505050;
	width: 20%;
}
#main-contents table.base th.side{
	border-right: 1px solid #ddd;
}

#main-contents table.base td{
	background-color: #fff;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	padding: 12px 0.5em 10px 0.5em;
	font-size: 0.9em;
	font-weight: normal;
	color: #333;
}
#main-contents table.base td:last-child{ border-right: none;}
#main-contents table.base .last{ border-bottom: 1px solid #fff; }

/*--------------------------------------------------------
記事
--------------------------------------------------------*/
#main-contents .in01 {
	margin: -0.4em 0 2.5em 0;
	padding: 0 1.0em 0 1.2em;
}

#main-contents .in02 {
	background: #faf6ed;
	margin: 0 0.6em 1.5em 0.6em;
	padding: 1.3em 1.2em;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}

#main-contents .in02 p:last-child { margin-bottom: 0; }
#main-contents .in02 h4 { font-size: 1.2em; }

#main-contents .pb {
	border-top: 1px dashed #ccc;
	padding: 1.0em 0 1.0em 0;
}

#main-contents .pb ul { list-style: none; margin: 0 0.5em 0 0.8em; }
#main-contents .pb li { background: url(../images/icon/back-top.gif) 0 0.3em no-repeat; padding: 0 0 0 24px; margin-bottom: 10px; font-size: 0.98em; line-height: 1.7; }

#main-contents p.img { margin-bottom: 0.8em; text-align: center; }

#main-contents hr.line01 { border: none; border-top: 1px dashed #CCC; margin-bottom: 3.0em; }
#main-contents hr.line02 { border: none; border-top: 1px dashed #CCC; margin-bottom: 1.5em; margin-top: 2.0em; }

#main-contents .bottom-img { margin: 0 0 40px 0; text-align: center; }
#main-contents .bottom-img p { margin-bottom: 15px; }

#main-contents .sn-title {
	background: url(../images/sn-title-bg.png) 0 75px repeat-x;
	padding: 15px 0;
}

#main-contents dl.start-no { padding: 0 5px; }
#main-contents dl.start-no dt {
	clear: both;
	float: left;
	display: inline;
	background: #4b574d;
	margin: 0 8px 10px 0;
	padding: 4px 5px 2px 5px;
	color: #fff;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

#main-contents dl.start-no dd {
	border-bottom: 1px dotted #999;
	padding: 4px 5px 12px 5px;
	margin: 0 0 12px 0;
}

#main-contents dl.start-no dd:last-child { border: none; }

#main-contents .maru,
#main-contents .batu{ margin: 0 14px 25px 14px;}
#main-contents .maru p.title,
#main-contents .batu p.title{
	padding: 8px 0 5px 40px;
	margin: 0;
	font-size: 1.16em;
}
#main-contents .maru p.title{ background: url(../images/icon/maru.png) 0 0 no-repeat; -webkit-background-size: 30px 29px; background-size: 30px 29px;}
#main-contents .batu p.title{ background: url(../images/icon/batu.png) 0 0 no-repeat; -webkit-background-size: 30px 29px; background-size: 30px 29px;}
#main-contents .maru p,
#main-contents .batu p{
	background: #f7f5f0;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	margin: 0;
	padding: 15px 15px 0 15px;
}
#main-contents .maru p:last-child,
#main-contents .batu p:last-child{ padding-bottom:15px; }

/*--------------------------------------------------------
レビュー
--------------------------------------------------------*/
#main-contents .box-ch {
	background: #faf6ed;
	border: 1px solid #e2d7be;
	margin-top: 1.0em;
	margin-bottom: 2.0em;
	padding: 1.3em 1.2em 0 1.2em;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}

#main-contents .box-ch h2 {
	background: none;
	border: none;
	margin: 0 0 0.6em 0;
	padding: 0;
	font-size: 1.4em;
	font-weight: normal;
	color: #902d41;
}

#main-contents ul.check { list-style: none; margin: 0 0 1.4em 0; }
#main-contents ul.check li {
	background: url(../images/check.png) 0.3em 0 no-repeat;
	border-bottom: 1px dotted #bbb;
	margin: 0 0.2em 0.5em 0.2em;
	padding: 0.2em 0 0.3em 2.4em;
	font-weight: normal;
	line-height: 1.5em;
}

#main-contents .rev-btn2 { margin-top: -1.0em; margin-bottom: 3.0em; text-align: center; }

#main-contents h2.rev {
	background: #379299;
	border-bottom: none;
	padding: 0.6em 0.8em 0.4em 0.8em;
	margin-bottom: 1.0em;
	font-size: 1.16em;
	color: #FFF;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}

#main-contents .review h3 {
	background: url(../images/arrow.png) 2px 6px no-repeat;
	border-bottom: 1px dashed #ccc;
	margin-bottom: 0.6em;
	padding: 3px 0 3px 30px;
	font-size: 1.3em;
	font-weight: normal;
	line-height: 1.4;
	color: #bc3555;
}

#main-contents .review h4 {
	border-left: 4px solid #bc3555;
	margin: 0 0 1.0em 0.2em;
	padding: 0.3em 0.4em 0.1em 0.6em;
	color: #333;
	font-size: 1.2em;
}

#main-contents .review h5 {
	clear: both;
	background: url(../images/memo.png) 2px 6px no-repeat;
	border: none;
	margin: 0 0 0.4em 0.7em;
	padding: 0 0 0 20px;
	font-size: 1.1em;
	font-weight: normal;
	color: #333;
}

#main-contents .review dl { margin: 0; padding: 0; }
#main-contents .review dl dt {
	background: url(../images/memo.png) 2px 6px no-repeat;
	border: none;
	margin: 0 0 0.4em 0.7em;
	padding: 0 0 0 20px;
	font-size: 1.1em;
	color: #333;
}

#main-contents .review dl dd {
	background: #faf6ed;
	margin: 0 0.6em 1.5em 0.6em;
	padding: 1.3em 1.2em;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}

#main-contents .review dl dd p:last-child { margin-bottom: 0; }


@media only screen and (min-width : 641px) {
#main-contents .rev-btn { margin: -20px 0 25px 0; text-align: right; }
}

@media only screen and (min-width : 480px) and (max-width : 640px){
#main-contents .rev-btn { margin: -20px 0 25px 0; text-align: right; }
}

@media only screen and (max-width : 479px){
#main-contents .rev-btn { margin: -15px 0 25px 0; text-align: center; }
}

/*--------------------------------------------------------
採点表
--------------------------------------------------------*/

#main-contents .hyou {
	display: table;
	margin-bottom: 0;
}

#main-contents .index {
	background-color: #c85a5d;
	margin: 0 0 0 1px;
	padding: 0.3em 0 0.1em 0;
	text-align: center;
	width: 100%;
	font-size: 1.0em;
	font-weight: bold;
	color: #FFF;
}

#main-contents .hyou .text,
#main-contents .hyou .saiten {
	display: table-cell;
	vertical-align: middle;
}

#main-contents .hyou .text {
	background-color: #fff9f9;
	border: 1px solid #fff;
	padding: 0.8em;
	width: 470px;
}

#main-contents .hyou .text-s {
	background-color: #fff9f9;
	border: 1px solid #fff;
	padding: 0.8em 0.8em 0 0.8em;
	width: inherit;
}

#main-contents .hyou .text-s p.right img { width: 125px; }

#main-contents .hyou .saiten {
	width: 20%;
	border: 1px solid #fff;
	text-align: center;
	padding: 0.6em 0;
}

#main-contents .hyou .text p {
	margin: 0 0 0.8em 0;
	font-size: 0.9em;
	line-height: 1.8;
}

#main-contents .hyou .text p.catch {
	margin-bottom: 0.3em;
	font-size: 1.08em;
	font-weight: bold;
	line-height: 1.5;
	color: #379299;
}

/*--------------------------------------------------------
オリジナル トップ
--------------------------------------------------------*/

#main-contents .box-bottom {
	background: #fafafa;
	border: 5px solid #eaeaea;
	margin: 3em 0.3em;
	padding: 1.5em 1.5em 1.5em 1.5em;
	line-height: 1.2;
}

#main-contents .box-bottom h4 {
	background: none;
	border: none;
	margin: 0 0 0.5em 0;
	padding: 0;
	font-size: 1.4em;
	font-weight: normal;
	color: #666;
}

#main-contents .box-bottom p {
	display: inline;
	font-size: 0.86em;
	line-height: 1.5;
	margin: 0;
	color: #505050;
}

/*--------------------------------------------------------
ランキング
--------------------------------------------------------*/
#main-contents h3.rank1,
#main-contents h3.rank2,
#main-contents h3.rank3,
#main-contents h3.rank4,
#main-contents h3.rank5 {
	border: none;
	border-bottom: 1px dotted #CCC;
	padding: 1.35em 0.4em 0.9em 3.8em;
	margin: 0 0 0.5em 0;
	font-size: 1.4em;
	font-weight: bold;
	color: #59523c;
	text-shadow: 1px 1px 0 rgba(255,255,255,1.0);
}

#main-contents h3.rank1 { background: url(../images/rank1bg.png) #fffcf5 left top no-repeat; }
#main-contents h3.rank2 { background: url(../images/rank2bg.png) #fffcf5 left top no-repeat; }
#main-contents h3.rank3 { background: url(../images/rank3bg.png) #fffcf5 left top no-repeat; }
#main-contents h3.rank4 { background: url(../images/rank4bg.png) #fffcf5 left top no-repeat; }
#main-contents h3.rank5 { background: url(../images/rank5bg.png) #fffcf5 left top no-repeat; }

#main-contents p.catch { margin-bottom: 0.4em; padding-top: 0.4em; font-size: 1.1em; font-weight: normal; color: #d82813; }
#main-contents p.icon { margin-bottom: 1.0em; text-align: center; }

#main-contents .r-btn { text-align: center; }

#main-contents .r-btn ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#main-contents .r-btn li.rev {
	float: left;
	width: 50%;
}

#main-contents .r-btn li.off {
	float: right;
	width: 50%;
}

#main-contents .r-btn li.rev { margin-right: 0em; margin-bottom: 1em; }

#main-contents hr.dash { border-top: 1px dashed #CCC; }

@media only screen and (min-width : 641px) {
#main-contents p.rimg img { background: #FFF; border: 1px solid #ccc; padding: 2px; -webkit-box-sizing: border-box;	box-sizing: border-box; }
}

@media only screen and (min-width : 480px) and (max-width : 640px){
#main-contents p.rimg img { background: #FFF; border: 1px solid #ccc; padding: 2px; -webkit-box-sizing: border-box;	box-sizing: border-box; }
}

@media only screen and (max-width : 479px){
#main-contents h3.rank1,
#main-contents h3.rank2,
#main-contents h3.rank3,
#main-contents h3.rank4,
#main-contents h3.rank5 {
	border: none;
	border-bottom: 1px dotted #CCC;
	padding: 1.7em 0.4em 0.4em 4.0em;
	margin: 0 0 0.5em 0;
	min-height: 42px;
	font-size: 1.24em;
	font-weight: bold;
	color: #59523c;
	line-height: 1.4;
}

#main-contents p.icon { margin: 0 -0.5em 1.0em -0.5em; }
#main-contents p.rimg img { background: #FFF; border: 1px solid #ccc; padding: 2px; -webkit-box-sizing: border-box;	box-sizing: border-box; }

#main-contents .r-btn li.rev {
	float: left;
	width: 49%;
}

#main-contents .r-btn li.off {
	float: right;
	width: 49%;
}
}

#main-contents .box-list{
	border: 2px solid #ccc;
	background: #fafaf7;
	margin: 0 0 30px;
	padding: 15px 20px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
#main-contents .box-list h3{
	background: none;
	border-bottom: 1px dashed #ccc;
	margin: 0 -10px 10px;
	padding: 0 10px 5px;
	font-size: 1.2em;
}
#main-contents .box-list p{
	margin: 0 0 15px;
	font-size: 0.9em;
	line-height: 1.6;
}
#main-contents .box-list p:last-child{ margin-bottom: 0;}
#main-contents .box-list ul.check { list-style: none; margin: 15px 0 15px 0; }
#main-contents .box-list ul.check li {
	background: url(../images/check.png) 0 0 no-repeat;
	border-bottom: none;
	margin: 0 0 8px;
	padding: 2px 0 0.3em 30px;
	font-weight: normal;
	line-height: 1.5em;
}
#main-contents .box-list p.rimg img{ border: 1px solid #eee; }

/*--------------------------------------------------------
カテゴリ
--------------------------------------------------------*/

#main-contents .point1,
#main-contents .point2,
#main-contents .point3,
#main-contents .point4,
#main-contents .point5{
	border-bottom: 1px dashed #505050;
	padding: 10px 10px 8px 48px;
	margin: 0 0 20px 0;
	font-size: 1.3em;
}

#main-contents .point1 { background: url(../images/point1.png) left top no-repeat; }
#main-contents .point2 { background: url(../images/point2.png) left top no-repeat; }
#main-contents .point3 { background: url(../images/point3.png) left top no-repeat; }
#main-contents .point4 { background: url(../images/point4.png) left top no-repeat; }
#main-contents .point5 { background: url(../images/point5.png) left top no-repeat; }

#main-contents .text-title {
	margin: 0 0 0.6em 0;
	padding: 0.1em 0.8em 0 0.7em;
	border-left: 3px solid #f1625d;
	border-bottom: none;
	font-size: 1.1em;
	font-weight: bold;
	color: #333;
}

/*--------------------------------------------------------
関連記事
--------------------------------------------------------*/

#main-contents h3.relate{
	background: #f0f0f0;
}
#main-contents ul.relate{ list-style: none; margin: 0; }
#main-contents ul.relate li{
	border-bottom: 1px dotted #ccc;
	margin-bottom: 8px;
	padding: 0 0 7px 20px;
	background: url(../images/icon/icon-arrow_r.png) left 0.3em no-repeat;
	line-height: 1.6;
}

/*--------------------------------------------------------
サブコンテンツ / サイドバー
--------------------------------------------------------*/
#sub-contents,
#sidebar,
#sub-contents dd,
#sidebar dd{
	margin: 0;
	padding: 0;
}

* html #sub-contents,
* html #sidebar{ overflow: hidden; }

#sub-contents .sub-contents-btn,
#sidebar .sidebar-btn{ display: none; }

.sub-column{ font-size: 1.2em; }

.sub-column li{ list-style: none; }


/*●コンテンツ*/
.sub-column .contents{
	background: #f3f2ed;
	border-top: 2px solid #8b897e; /*見出しの上部の太線*/
	margin-bottom: 1.5em;
	padding: 0.5em 0.5em 0.5em 0.5em;
}

.sub-column .pinkbg { background: #FBF6F9; }

.sub-column hr{ clear: both; }

.sub-column h4{
	padding: 0.7em 0.7em 0.5em 0.7em;
	color: #454545; /*見出し文字の色*/
	font-weight: normal;
}

.sub-column .contents h4{
	background: #8b897e;
	margin: 0 0.3em;
	margin-bottom: 0.5em;
	font-size: 1.4em;
	color: #FFF;
}

.sub-column h4 a { color: #FFF; text-decoration: none; }


/*●サイドメニュー*/
.sub-column .side-menu{ margin: 0; }

.sub-column .side-menu li{ list-style: none; }

.sub-column .side-menu li a{
	display: block;
	border: 1px solid #DEDEDE;
	margin: 0 0.35em 0.3em 0.35em;
	padding: 12px 10px 10px 28px;
	background: url(../images/icon/icon-arrow_r.png) #FFF 8px 19px no-repeat;
	text-decoration: none;
	font-size: 1.26em;
	line-height: 1.8;
	color: #746756;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

.sub-column .side-menu li a:active,
.sub-column .side-menu li a:hover{
	background-color: #fdfaf5;
	color: #C30;
}

.sub-column .side-menu ul{
	padding: 0;
	margin: 0;
}

.sub-column .side-menu ul ul{ padding: 0; }

.sub-column .side-menu li li{
	width: 95%;
	margin-bottom: 0;
	padding-left: 5%;
	border: 0;
}

.sub-column .side-menu li li a:link,
.sub-column .side-menu li li a:visited{
	padding: 6px 10px 6px 15px;
	border-left: none;
	background: url(../images/icon/icon-menu02.png) 2px 12px no-repeat;
}

.sub-column .side-menu li li a:active,
.sub-column .side-menu li li a:hover{ background: url(../images/icon/icon-menu02.png) 2px 12px no-repeat #fc6; }

/*●サイドイメージ*/
.sub-column .side-img { text-align: center; margin-bottom: 25px; }
.sub-column .side-img p { text-align: left; margin: 0 0 1.5em 1.2em; font-size: 1.2em; }
.sub-column .side-img p a { display: block; background: url(../images/icon/icon-arrow_r.png) #FFF 0 5px no-repeat; padding-left: 20px; }

@media only screen and (min-width : 480px) and (max-width : 640px){
.sub-column .side-img p { text-align: center; margin: 0 0 1.5em 0; }
.sub-column .side-img p a { display: inline; }
}

@media only screen and (max-width : 479px){
.sub-column .side-img p { text-align: center; margin: 0 0 1.5em 0; }
.sub-column .side-img p a { display: inline; }
}

/*●ランキング*/
.sub-column .contents h4.side-rank {
	background: #D1869A;
	border: none;
	margin: 0 0.4em 0 0.4em;
	padding: 0;
}

.ranking{
	margin: 0;
	padding: 10px 8px;
}

.ranking li{
	margin-bottom: 10px;
	padding: 0;
	border: 1px solid #CCC;
	background: #FFF;
	font-weight: normal;
	line-height: 1.5;
}

.ranking li p{ margin-bottom: 10px; margin-right: 6px; padding-top: 5px; }
.ranking li p a { background: url(../images/icon/icon-arrow_r.png) #FFF 0 6px no-repeat; padding-left: 18px; }
.ranking li.end{ border-bottom: none; }

.ranking .no01 .item-name,
.ranking .no02 .item-name,
.ranking .no03 .item-name,
.ranking .no04 .item-name,
.ranking .no05 .item-name{
	border-bottom: 1px dotted #CCC;
	margin: 2px 2px 5px 2px;
	color: #333;
	font-size: 1.1em;
}

.ranking .no01 .item-name, .ranking .no02 .item-name,
.ranking .no03 .item-name, .ranking .no04 .item-name,
.ranking .no05 .item-name, .ranking .no06 .item-name,
.ranking .no07 .item-name, .ranking .no08 .item-name,
.ranking .no09 .item-name, .ranking .no10 .item-name{
	padding: 9px 2px 6px 42px;
	font-weight: normal;
}

.ranking .no01 .item-name{ background: url(../images/icon/icon-rank02-01.png) #f8e8c2 0.1em 0.2em no-repeat; }
.ranking .no02 .item-name{ background: url(../images/icon/icon-rank02-02.png) #f8e8c2 0.1em 0.2em no-repeat; }
.ranking .no03 .item-name{ background: url(../images/icon/icon-rank02-03.png) #f8e8c2 0.1em 0.2em no-repeat; }
.ranking .no04 .item-name{ background: url(../images/icon/icon-rank02-04.png) #f8e8c2 0.1em 0.2em no-repeat; }
.ranking .no05 .item-name{ background: url(../images/icon/icon-rank02-05.png) #f8e8c2 0.1em 0.2em no-repeat; }

.ranking .item-img{ float: left; margin-right: 6px; padding-left: 5px; padding-top: 0; }
/*.ranking .item-img img { background: #FFF; border: 1px dotted #AAA; padding: 1px; }*/

.col2 #sub-contents .ranking .item-img{
	float: left;
	padding-right: 20px;
}

@media only screen and (min-width : 480px) and (max-width : 640px){
.ranking li{ padding-bottom: 15px; }
.ranking li p{ margin-bottom: 10px; margin-right: 20px; padding-top: 15px; }
.ranking .item-img{ float: left; margin-right: 15px; padding-left: 20px; padding-top: 8px; }
.ranking p.link-next { clear: none; margin-top: 0px; }
}

@media only screen and (max-width : 479px){
.ranking li p{ margin-top: 8px; }
.ranking .item-img { margin-top: 0px; }
}

/*●バナーエリア*/
.sub-column .banner{ margin-bottom: 15px; }

.sub-column .banner{
	background: #FBF6F9;
	text-align: center;
	margin-top: 0;
	margin-bottom: 15px;
	padding: 0.8em 0.5em 0.1em 0.5em;
}

.sub-column .banner p{ margin-bottom: 10px; }

.sub-column .sp1 {
	background: #fefcf0;
	border: 2px solid #435443;
	margin: 0 0 15px 0;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}

.sub-column .sp1 h4.title {
	background: url(../images/side-sp1-bg.png) 0 0 repeat-x;
	margin-bottom: 5px;
}

.sub-column .topic {
	margin: 0 5px 5px 5px;
	padding: 3px 5px;
	border-bottom: 1px dotted #ccc;
}
.sub-column .topic:last-child { border: none; }
.sub-column .topic p.img { float: left;	margin: 0 10px 5px 0; }
.sub-column .topic p.title { margin: 2px 0 3px 0; font-size: 1.16em; }
.sub-column .topic p.text {	font-size: 0.9em; line-height: 1.4; }

/*--------------------------------------------------------
フッター
--------------------------------------------------------*/
#footer{
	clear: both;
	padding-top: 30px;
	padding-bottom: 10px;
	background: #f3f2ed; /*フッター全体の背景色を指定*/
	color: #404040;
	font-size: 1.4em;
}

#footer a:link,
#footer a:visited{ color: #404040; }
#footer a:hover,
#footer a:active{ color: #f60; }

#footer h4{
	margin-bottom: 1em;
	padding: 0.6em 0.8em 0.4em;
	background-color: #70b1c4;
	color: #fff;
	font-weight: normal;
	font-size: 1.2em;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.6);
}

#footer-in li{ list-style: none; }

#footer .area01{
	float: left;
	width: 39%;
	padding-bottom: 20px;
}

#footer .area01 p{ padding: 0 1em; font-size: 0.94em; line-height: 1.8; }

#footer .area02{
	float: right;
	width: 58%;
	padding-bottom: 20px;
}

/*●フッターメニュー*/
#footer .footer-menu{
	overflow: hidden;
	width: 100%;
	padding: 0;
}

#footer .footer-menu ul{
	float: left;
	width: 42%;
	margin-right: 5%;
	padding: 1%;
}

#footer .footer-menu ul ul{
	float: none;
	width: auto;
	margin-top: 1em;
	margin-right: 0;
}

.footer-menu li{
	margin-bottom: 5px;
	padding: 0 0 3px;
	padding-left: 25px;
	background: url(../images/icon/icon-arrow02.png) left top no-repeat;
	line-height: 1.6;
}

.footer-menu li li{
	padding-left: 15px;
	padding-top: 0;
	background: url(../images/icon/icon-arrow03.png) left 5px no-repeat;
}


/*●フッターバナー*/
#footer-banner{
	clear: both;
	padding: 20px 0;
	border-top: 1px solid #ccc;
}

#footer-banner li{
	display: inline;
	list-style: none;
}


/*●コピーライト*/
.copyright{
	margin-top: 1px;
	padding: 10px 0;
	background: #2d6797;
	font-size: 1.3em;
	text-align: center;
	color: #FFF;
}

.copyright a { color: #FFF; text-decoration: none; }

/*--------------------------------------------------------
ページトップ
--------------------------------------------------------*/
.page-top{
	position: fixed;
	right: 0;
	bottom: 20px;
	z-index: 99;
	width: 182px;
	color: #fff;
	font-size: 1.2em;
	font-weight: bold;
	text-align: left;
}

* html .page-top{ display: none; }

.page-top a{
	display: block;
	padding: 10px;
	padding-left: 42px;
	border: 1px solid #fff;
	border-right: 0;
	text-decoration: none;
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-bottomleft: 8px;
}

.page-top a:link,
.page-top a:visited{
	background: url(../images/common/bg-pagetop.gif) 14px center no-repeat #999;
	color: #fff;
}

.page-top a:hover,
.page-top a:active{
	background: url(../images/common/bg-pagetop.gif) 14px center no-repeat #fc6;
	color: #f60;
}

/*------------------------------------------------------------
floatの回り込みを解除
-------------------------------------------------------------*/
#top-in:after,
#header-in:after,
#main-in:after,
#main-and-sub:after,
.contents:after,
#footer-in:after,
#main-contents .sb:after,
.contact:after,
#main-contents .revt:after,
#main-contents .revs:after,
#main-contents .rev:after,
ul.ranking li:after,
.clearfix:after{ content : ''; display : block; clear : both; height:0; }

#top-in,
#header-in,
#main-in,
#main-and-sub,
.contents,
#footer-in,
#main-contents .sb,
.contact,
#main-contents .revt,
#main-contents .revs,
#main-contents .rev,
ul.ranking li,
.clearfix{ /zoom : 1; }