@charset "UTF-8";
@import url("/common/css/default.css");
@import url("/common/css/layout.css");
@import url("/common/css/common-parts.css");

/* --------------------------------
	about.css
--------------------------------
about.cssは「サービスについて」コンテンツで使用しているCSSファイルです。

** index
01.初期設定上書き
02:#Spec	対応機種
03:#ServiceMap	サービス構成図
04:#Rule	ご利用条件
05:.flow	ご利用までの流れ
06:.menu	サービスメニュー
07:#Attention	ご利用上のご注意事項
-------------------------------- */

/* --------------------------------
■01.初期設定上書き
--------------------------------
importしている共用CSSの記述を上書きしています。
-------------------------------- */
#ServiceMap .showcase {
	margin-right:15px;
	margin-left:16px;
}
.flow .showcase {
	float:left;
	margin:10px 15px 0;
}
.showcase table {
	width:100%;
	background:#fff;
}
.flow .showcase table {
	width:auto;
	border:1px solid #e3e3e3;
	font-size:85.7%;
}
#Rule table {
	margin:0 0 7px;
	border:1px solid #e3e3e3;
}
.showcase table th,
.showcase table td {
	padding:20px 25px;
	vertical-align:middle;
}
.flow .showcase table th,
.flow .showcase table td {
	padding:10px 15px;
}
.showcase table th {
	width:190px;
	background:#7e82de;
	color:#fff;
	font-weight:bold;
	text-align:center;
}
.flow .showcase table th {
	width:auto;
	background:#fff;
	color:#000;
}
.showcase table td {
	text-align:left;
}
.showcase ul {
	padding:10px 10px 5px;
	color:#2d2d2d;
	font-size:78.5%;
}
#Rule table ul {
	padding:0;
	color:#000;
	font-size:100%;
}
.showcase li {
	list-style:outside disc;
	margin:0 0 0 15px;
}
.showcase li.mark-original {
	list-style:inside none none!important;
	margin-left:0!important;
	padding-left:1em;
	text-indent:-1em;
}


/* --------------------------------
■02.Spec	対応機種
--------------------------------
対応機種ブロック用の記述です。
-------------------------------- */


/* --------------------------------
■03.ServiceMap	サービス構成図
--------------------------------
サービス構成図ブロック用の記述です。
-------------------------------- */
#ServiceMap .inner {
	padding:5px;
	text-align:center;
}
#ServiceMap .inner img {
	vertical-align:bottom;
}
#ServiceMap .attention {
	line-height:1.5;
	margin:20px 30px 0 26px;
	font-size:78.5%;
}
#ServiceMap .attention dl {
	overflow:hidden;
	_zoom:1;
}
#ServiceMap .attention dt {
	float:left;
	margin:0 1em 0 0;
	font-weight:normal;
}
#ServiceMap .attention dd {
	overflow:hidden;
	_zoom:1;
}


/* --------------------------------
■04.Rule	ご利用条件
--------------------------------
ご利用条件ブロック用の記述です。
-------------------------------- */
#Rule table li {
	list-style:outside disc;
	margin:0 0 0 15px;
}
#Rule .showcase .inner {
	border:none;
	background:transparent;
}
#Rule .regs {
	margin:15px 35px 0;
	color:#2d2d2d;
	font-size:78.5%;
}
#Rule .regs li {
	list-style:outside disc;
	line-height:1.5;
	margin:0 0 0 15px;
}


/* --------------------------------
■05.flow	ご利用までの流れ
--------------------------------
「ご利用までの流れ」ページで使用している、各手順用のブロックです。
-------------------------------- */
.flow {
	position:relative;
	overflow:hidden;
	padding:20px 20px 0 103px;
	_zoom:1;
}
.flow h3 {
	height:24px;
	line-height:24px;
	padding:5px 15px;
	background:#fffee1;
	color:#df6400;
	font-size:114.2%;
	font-weight:bold;
}
.flow h3 img {
	position:absolute;
	left:21px;
	top:20px;
}
.flow .section-lead {
	margin:0;
	padding:15px;
}
.flow .section-image {
	float:right;
}


/* --------------------------------
■06.menu	サービスメニュー
--------------------------------
「サービスメニュー」ページで使用している、各ブロックです。
-------------------------------- */
.menu {
	line-height:1.5;
	margin:15px 25px 0;
}
.menu h3 {
	margin:0 0 10px;
	color:#6c6ed7;
	font-weight:bold;
}
.menu dl {
	margin:0 0 15px;
}
.menu dt {
	margin:0 0 5px;
}


/* --------------------------------
■07.Attention	ご利用上のご注意事項
--------------------------------
「ご利用上のご注意事項」ページで使用している、大ブロックです。
-------------------------------- */
#Attention {
	margin:15px 17px 0 19px;
	padding:10px 16px 16px;
	background:#f6f6f6;
	font-size:85.7%;
}
#Attention li {
	list-style:outside disc;
	line-height:1.5;
	margin:5px 0 0 15px;
}