@charset "UTF-8";
@import url("../common/css/default.css");
@import url("../common/css/layout.css");
@import url("../common/css/parts_common.css");
@media tty {
i{content:"\";/*" "*/}} @import ''; /*";}
}/* */

/* --------------------------------
	special.css
--------------------------------
special.cssは特集ページで使用しているCSSファイルです。

** imported list
（なし）

** index
01:カスタマイズ
02:MainColumnHeader/guideSection/privacySection　共通部ブロック
03:.guideSection	ガイドページ用
04:.SpecifiedCommercialSection 特定商取引ページ用CSS
05:.privacyread 個人情報ページ用CSS
06:.browserSection 推奨環境ページ用CSS
-------------------------------- */

/* --------------------------------
■01.カスタマイズ
--------------------------------
共有読み込み用CSSの記述の上書きしています。
-------------------------------- */
/* 大枠 */
#Article {
	width:100%;
}
#Main {
	width:710px;
}
#Mainsub {
	width:610px;
	margin-left:50px;
}
/* MainColumnHeader */
#MainColumnHeader .lead {
	margin:15px 50px;
}

/* Ranking */
#Ranking {
	padding:10px;
	background:#f1f1e2;
	font-weight:bold;
}
#Ranking a {
	padding-left:15px;
	background:url("../common/img/icon/arrow_circle_bb4ca0.gif") no-repeat 0 2px;
}

/* pr */
#Sub .pr {
	font-size:100%;
}
#Sub .pr dd,
#Sub .pr p {
	font-size:83%;
	*font-size:79%;	/* IE7 */
}
/* 09/11/16削除  */
/*#Sub .pr .title,
#OtherSite .title {
	padding:5px 10px!important;
	border-bottom:2px solid #d81a1a!important;
	background:transparent!important;
	color:#000000!important;
}*/
#Sub .pr .more {
	font-size:100%;
	*font-size:110%;	/* IE7 */
}

/* return-to */
.return-to {
	padding-right:0;
}

/* --------------------------------
■02.MainColumnHeader/guideSection/privacySection(共通部ブロック)
--------------------------------
ガイドページ共通部ブロックです。
[div#MainColumnHeader h2] - ガイド全ページ共通部ブロック
[div#MainColumnHeader h2 span] - ガイド全ページ共通部ブロック
[div.guideSection, .privacySection] - ガイド/個人情報共通
[div.guideSection p img, .privacySection p img] - ガイド/個人情報画像
-------------------------------- */
#MainColumnHeader h2 {
	margin: 0 0 20px;
	padding:0 0 1px;
	border-bottom:2px solid #d81a1a;
	font-size:117%;
	font-weight:bold;
}
#MainColumnHeader h2 span {
	display:block;
	padding:5px 20px;
	background:#e5dfdf url(../common/img/bg/bg_gradetion_height.gif) repeat-x 0 -800px;
}
#Main .guideSection,
#Main .privacySection {
	margin:15px 0 0;
	padding:10px;
	background:url(../common/img/line/line_side_dotted_89100f.gif) repeat-x top left;
}
#Main .guideSection p img,
#Main .privacySection p img {
	vertical-align:middle;
}
/* --------------------------------
■03.guideSection (ガイドページ用CSS)
--------------------------------
ガイドページ用ブロックです。
[div.guideSection h3] - h3
[div.guideSection p span] - 太字
[div.guideSection p span.lightgraytext] - 薄い色のテキスト
[div.guideSection p.note] - 注意書きテキスト
[div.guideSection ol li] - 番号付きリスト
[div.guideSection ol span] - 番号付きリスト内テキスト
[div.guideSection dl dt dd] - リスト
[div#MainColumnHeader .indexpagelinks] - ページトップリンク
-------------------------------- */
#Main .guideSection h3 {
	margin:15px 0 10px;
	color:#8b0808;
	font-weight:bold;
	font-size:117%;
}
#Main .guideSection p span {
	font-weight:bold;
}
#Main .guideSection p span.lightgraytext {
	color:#666666;
	font-weight:normal;
}
#Main .guideSection p.note {
	margin-left:1em;
	text-indent:-1em;
}
#Main .guideSection ol {
	font-weight:bold;
}
#Main .guideSection ol li {
	list-style-type:decimal;
	margin:0 0 0 22px;
}
#Main .guideSection ol li.mgtop {
	list-style-type:decimal;
	margin:30px 0 0 22px;
}
#Main .guideSection ol span {
	display:block;
	font-weight:normal;
}
#Main .guideSection dl {
	margin:20px 10px 0;
}
#Main .guideSection dt {
	font-weight:bold;
}
#Main .guideSection dd {}
#Main .guideSection dd img {
	margin:10px 0;
	border:1px solid #cdcdcd;
}
#MainColumnHeader .indexpagelinks {
	margin:0 50px 0;
}
#MainColumnHeader .indexpagelinks li {
	float:left;
	margin:0px 20px 10px 0;
	white-space:nowrap;
}
#MainColumnHeader .indexpagelinks li a {
	padding:0 0 0 15px;
	background:url(../common/img/icon/arrow_right_triangle_white_navy.gif) no-repeat left center;
}
/* --------------------------------
■04.SpecifiedCommercialSection (特定商取引ページ用CSS)
--------------------------------
特定商取引ページ用ブロックです。
[div.SpecifiedCommercialSection] - ブロック
[div.SpecifiedCommercialSection dl dt dd] - リスト
-------------------------------- */
#Main .SpecifiedCommercialSection {
	margin:30px 0 0;
}
#Main .SpecifiedCommercialSection dl {
	background:url(../common/img/line/line_side_dotted_89100f.gif) repeat-x bottom left;
}
#Main .SpecifiedCommercialSection dt {
	float:left;
	width:170px;
	padding:10px 0 10px 5px;
	font-weight:normal;
}
#Main .SpecifiedCommercialSection dd {
	margin-left:170px;
	padding:10px 5px 10px 30px;
	background:url(../common/img/line/line_h_solid_990000.gif) no-repeat bottom left;
}
/* --------------------------------
■05.privacyread (個人情報ページ用CSS)
--------------------------------
個人情報ページ用ブロックです。
[div#MainColumnHeader .privacyread] - ページ上部リード
[div.privacySection ol li] - 番号付きリスト
-------------------------------- */
#MainColumnHeader .privacyread {
	margin:0 65px 0;
	text-align:right;
}
#Main .privacySection ol {
	margin:15px 0;
}
#Main .privacySection ol li {
	list-style-type:decimal;
	margin:0 0 0 22px;
}

/* --------------------------------
■06.browserSection (推奨環境ページ用CSS)
--------------------------------
推奨環境ページ用ブロックです。
[div.browserSection] - ブロック
[div.browserSection h3] - h3
[div.browserSection p] - ブロック
[div.browserSection p span] - 太字
[div.browserSection p .smalltext] - 小テキスト
[div.browserSection p img.flashbanner] - adobeバナー
[div.browserSection p a.linktoOthersite] - 外部リンク
[div.browserSection p .browserimage01] - IEバナー
[div.browserSection p .browserimage02] - firefoxバナー
-------------------------------- */
#MainColumnHeader .browserread {
	margin:0 20px 0;
}
#Main .browserSection {
	margin:30px 0 0;
}
#Main .browserSection h3 {
	padding:7px 20px;
	border:1px solid #cdcac2;
	background-color:#f8f8f8;
}
#Main .browserSection p {
	margin:20px 20px 0;
}
#Main .browserSection p span {
	font-weight:bold;
}
#Main .browserSection p .smalltext {
	font-weight:normal;
	font-size:83%;
	*font-size:79%;	/* IE7 */
}
#Main .browserSection p img.flashbanner {
	float:left;
	margin:0 20px 0 0;
}
#Main .browserSection p a.linktoOthersite {
	padding:0 0 0 15px;
	background:url(../common/img/icon/arrow_right_triangle_white_navy.gif) no-repeat left center;
}
#Main .browserSection p .browserimage01 {
	display:block;
	float:left;
	width:230px;
	padding:10px 30px 0 0;
	font-weight:normal;
	font-size:83%;
	*font-size:79%;	/* IE7 */
}
#Main .browserSection p .browserimage02 {
	display:block;
	float:left;
	width:120px;
	font-weight:normal;
	font-size:83%;
	*font-size:79%;	/* IE7 */
}
#Main .browserSection p .browserimage01 img,
#Main .browserSection p .browserimage02 img {
margin-bottom:5px;
}