@charset 'utf-8';

/* ------------------------------
 トップページ
------------------------------ */


/* メイン */

#main {
	background-color: #f6fbff;
	padding-bottom: 30px;
}

.txt_main {
	width: 596px;
	border: 2px solid #d6d6d6;
	border-top-width: 6px;
}


/* サイトナビ */

#nav_otoku,
#nav_softbank {
	border-radius: 8px;
	overflow-y: hidden;
}

#nav_otoku dt,
#nav_softbank dt {
	font-weight: bold;
	font-size: 34px;
	line-height: 40px;
	padding: 25px 30px;
}

#nav_otoku dt {
	color: #444;
	background-color: #d6d6d6;
}

#nav_softbank dt {
	color: #19479d;
	background-color: #d4e2f4;
}

#nav_otoku dd a,
#nav_softbank dd a {
	display: block;
	font-weight: bold;
	text-decoration: none;
	font-size: 34px;
	line-height: 40px;
	padding: 30px 64px 30px 110px;
}

#nav_otoku dd:not(:last-child),
#nav_softbank dd:not(:last-child) {
	border-bottom: 2px solid #fff;
}

#nav_otoku dd a {
	color: #fff;
}

#nav_softbank dd a {
	color: #fffbc5;
}

#nav_otoku dd:nth-child(2) a {
	background: url(/img/sp/top/ico_nav_otoku_1.png) no-repeat 30px center, #8c8c8c url(/img/sp/top/ar_nav_otoku.png) no-repeat right center;
}

#nav_otoku dd:nth-child(3) a {
	background: url(/img/sp/top/ico_nav_otoku_2.png) no-repeat 30px center, #8c8c8c url(/img/sp/top/ar_nav_otoku.png) no-repeat right center;
}

#nav_otoku dd:nth-child(4) a {
	background: url(/img/sp/top/ico_nav_otoku_3.png) no-repeat 30px center, #8c8c8c url(/img/sp/top/ar_nav_otoku.png) no-repeat right center;
}

#nav_otoku dd:nth-child(5) a {
	background: url(/img/sp/top/ico_nav_otoku_4.png) no-repeat 30px center, #8c8c8c url(/img/sp/top/ar_nav_otoku.png) no-repeat right center;
}

#nav_softbank dd:nth-child(2) a {
	font-size: 31px;
	background: url(/img/sp/top/ico_nav_softbank_1.png) no-repeat 30px center, #19479d url(/img/sp/top/ar_nav_softbank.png) no-repeat right center;
}

#nav_softbank dd:nth-child(3) a {
	background: url(/img/sp/top/ico_nav_softbank_2.png) no-repeat 30px center, #19479d url(/img/sp/top/ar_nav_softbank.png) no-repeat right center;
}

#nav_softbank dd:nth-child(4) a {
	background: url(/img/sp/top/ico_nav_softbank_3.png) no-repeat 30px center, #19479d url(/img/sp/top/ar_nav_softbank.png) no-repeat right center;
}

#nav_softbank dd:nth-child(5) a {
	background: url(/img/sp/top/ico_nav_softbank_4.png) no-repeat 30px center, #19479d url(/img/sp/top/ar_nav_softbank.png) no-repeat right center;
}

#nav_softbank dd:nth-child(6) a {
	background: url(/img/sp/top/ico_nav_softbank_5.png) no-repeat 30px center, #19479d url(/img/sp/top/ar_nav_softbank.png) no-repeat right center;
}


/* お取り扱いサービス一覧 */

#services li {
	float: left;
}

#services li:nth-child(1),
#services li:nth-child(3),
#services li:nth-child(5) {
	margin-right: 20px;
}

#services li:nth-child(1),
#services li:nth-child(2),
#services li:nth-child(3),
#services li:nth-child(4) {
	margin-bottom: 20px;
}


/* 当サイトのメリット */

#merits {
	background-color: #fffef4;
}

#merits li:not(:last-child) {
	padding-bottom: 37px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAHCAMAAAAyC+1NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAACRQTFRF//70iIiIqKeloKCex8fC5+beuLezwL+639/XmJiW9/btkJCP1meVYQAAADZJREFUeNpUzLcRADAIBEGMsOq/Xw1Erws3OKJUrkOY8fSZLxWSLDFSrChS36H8/h3ihvAEGAAl7QCSI5OWDQAAAABJRU5ErkJggg==) repeat-x left bottom;
}


/* おとくラインの5つの特徴 */

.t_feature {
	padding: 18px 90px 18px 20px;
	cursor: pointer;
	border-bottom: 2px solid #fff;
	background: #1a4a98 url(/img/sp/top/tg_feature_off.png) no-repeat right center;
}

.t_feature.on {
	border-bottom: none;
	background-image: url(/img/sp/top/tg_feature_on.png);
}

.cont_feature {
	padding: 40px 20px;
	background-color: #eee;
}


/*
--------------------------------------------------------------------------------
 END OF CSS
--------------------------------------------------------------------------------
*/