/* CSS Document */
/*----------------------------------------------
	reset
----------------------------------------------*/
#mainContents li {
	list-style:none;
}
#mainContents table {
	border-collapse:separate;
	*border-collapse:collapse;
	border-spacing:0;
	width:100%;
}

/* --------------------------------------------

	光コラボレーション

-------------------------------------------- */
/* contents
---------------------------- */
/* [set][CSS-SPRITE] */
.summary h3,
.searchPlan h3,
.searchPlan .planPopBtn a,
.planPopBox .btnarea .btn {
	background-image:url(https://img1.kakaku.k-img.com/images/bb/hikari-collabo/ver2/img_hikaricollabo01.png);
	background-repeat: no-repeat;
}
/* mainVisual */
.index {
	background: url(https://img1.kakaku.k-img.com/images/bb/hikari-collabo/ver2/mainvisual_bg.jpg) no-repeat center 127px;
}
.index.type2 {
	background-position: center 168px;
}
.mainVisual  {
	margin-top:10px;
	text-align:center;
	height: 350px;
}
.mainVisualTitle {
	padding-top: 28px;
}
.index.type2 .mainVisualTitle {
	padding-top: 8px;
}
.mainVisualTxt {
	width:775px;
	margin:20px auto;
	line-height:1.7;
	font-size:108%;
	text-align:left;
}
.mainVisual + .sectionBox {
	margin-top:45px;
}

/* common box ------------------- */
.sectionBox {
	margin-top:50px;
}
.sectionBox h2 {
	margin:20px 0;
	padding-left:10px;
	font-size:200%;
	line-height:1.3;
	border-left:6px solid #051d93;
}
.sectionBox2 {
	margin-top:50px;
	border:1px solid #ddd;
	border-radius:3px;
}
.sectionBox2 h2 {
	font-size:124%;
	color:#666;
}

/* summary ------------------- */
.summary ul li {
	float:left;
	width:400px;
}
.summary ul li.li01 {
	padding:0 34px 0 30px;
}
.summary ul li.li02 {
	padding:0 34px 0 29px;
	border-left:1px dotted #d6d6d6;
}
.summary ul li h3 {
	/* [READ][CSS-SPRITE] img_hikaricollabo.png */
	overflow:hidden;
	height:0;
	margin:15px 0 20px 0;
	padding-top:77px;
}
.summary ul li.li01 h3 {background-position:0 0;}
.summary ul li.li02 h3 {background-position:-463px 0;}
.summary ul li p {
	font-size:108%;
	line-height:1.7;
}

/* searchPlan ------------------- */
.searchPlan .inBox {
	overflow:hidden;
	background-image:url(https://img1.kakaku.k-img.com/images/bb/hikari-collabo/ver2/bg_searchplan.png);
	background-repeat:repeat-y;
	border:2px solid #e2e2e2;
	border-radius:3px;
}
.searchPlan h3 {
	float:left;
	overflow:hidden;
	/* [READ][CSS-SPRITE] img_hikaricollabo.png */
	width:222px;
	height:0;
	padding-top:175px;
}
.searchPlan .detail {
	padding:27px 48px 30px 262px;
}
.searchPlan .detail .txt01 {
	font-size:131%;
	font-weight:bold;
}
.searchPlan .detail .txt02 {
	margin-bottom:12px;
	color:#f5751b;
	font-size:277%;
	font-weight:bold;
}
.searchPlan .detail .txt03 {
	margin-bottom:10px;
	color:#1b78e2;
	font-size:277%;
	font-weight:bold;
}
.searchPlan .detail .list01 {
	overflow:hidden;
	border-top:1px dotted #d6d6d6;
	padding:10px 0;
}
.searchPlan .detail .list01 li {
	padding:9px 33px;
	font-size:124%;
	line-height:1.2;
	background: url(https://img1.kakaku.k-img.com/images/bb/hikari-collabo/ver2/icon_check02.png) no-repeat 0 7px;
}
.searchPlan .detail .list01 li .cashback {
	color:#1b78e2;
	font-weight:bold;
	font-size:124%;
}
.searchPlan .detail .list01 li > a {
	font-size:77%;
}
.searchPlan .detail .list01 .li01 {
	padding-bottom:2em;
}
.searchPlan .planPopBtn a {
	display:block;
	overflow:hidden;
	/* [READ][CSS-SPRITE] img_hikaricollabo.png */
	width:390px;
	height:0;
	padding-top:66px;
}
.searchPlan .planPopBtn a:hover {
	opacity:0.7;
	-ms-filter: "alpha(opacity=70)";
}

/* noUser */
.searchPlan .inBox.noUser {
	background-position:0 0;
}
.searchPlan .noUser h3 {background-position:34px -100px;}
.searchPlan .noUser .planPopBtn a {background-position:-539px -100px;}

/* user */
.searchPlan .inBox.user {
	margin-top:15px;
	background-position:-950px 0;
}
.searchPlan .user h3 {background-position:-260px -100px;}
.searchPlan .user .planPopBtn a {background-position:-539px -180px;}


/* feature ------------------- */
.feature ul {
	overflow:hidden;
	width:930px;
}
.feature ul li {
	float:left;
}
.feature ul li a {
	overflow:hidden;
	display:block;
}
.feature ul li a:hover {
	opacity:0.7;
	-ms-filter: "alpha(opacity=70)";
}
.feature ul.clm3 li + li {margin-left:15px;}
.feature ul.clm4 li + li {margin-left:14px;}

/* relatedNews ------------------- */
.relatedNews dl {
	position:relative;
	overflow:auto;
	height:280px;
	padding:10px 20px;
	border:1px solid #ddd;
}
.relatedNews {
	position:relative;
}
.relatedNews:before {
	content:"";
	position:absolute;
	left:1px;
	bottom:283px;
	display:block;
	width:880px;
	border:9px solid #fff;
	z-index:2;
}
.relatedNews:after {
	content:"";
	position:absolute;
	left:1px;
	bottom:1px;
	display:block;
	width:880px;
	border:9px solid #fff;
}
.relatedNews dt {
	float: left;
	clear: both;
	width: 115px;
}
.relatedNews dt,
.relatedNews dd {
	padding-top: 5px;
}

/* company ------------------- */
.company ul li {
	width:116px;
	margin-right:10px;
	display: inline-block;
	vertical-align: top;
}
.company ul li a {
	display:block;
	padding:3px 7px;
	border:1px solid #fff;
	text-align:center;
}
.company ul li a:hover {
	border:1px solid #00f;
}
.company p {
	margin:18px 3px;
}

/* aboutmodel ------------------- */
.aboutmodel {
	margin-bottom:20px;
	padding:0 25px;
}
.aboutmodel h2 {
	margin:17px 0 10px 0;
}
.aboutmodel p {
	margin:10px 0 25px 0;
	font-size:108%;
	line-height:1.7;
}

/* baloon
---------------------------- */
.baloonLinkArea {
	position:absolute;
	overflow:hidden;
	width:9em;
	height:1.2em;
	padding-top:4px;
	margin-left:-15px;
	font-size:77%;
}
.baloonLinkArea:hover {
	width:auto;
	height:auto;
}
.baloonLinkArea .baloonLink {
	cursor:pointer;
	color:#00d;
	margin-left:15px;
	font-size:93%;
	text-decoration:underline;
}
.baloonLinkArea .baloonBox {
	width:410px;
}
.baloonLinkArea .baloonBox dt {
	background:url(https://img1.kakaku.k-img.com/images/bb/hikari-collabo/ver2/bg_balloon_top.png) no-repeat left top;
	padding:45px 10px 0 30px;
	font-size:131%;
	font-weight:bold;
}
.baloonLinkArea .baloonBox dd {
	background:url(https://img1.kakaku.k-img.com/images/bb/hikari-collabo/ver2/bg_balloon_btm.png) no-repeat left bottom;
	padding:5px 10px 30px 30px;
	font-size:116%;
	line-height:1.5;
}

/* popup
---------------------------- */
#popupBox {
	position:fixed;
	top:0;
	left:0;
	z-index:100;
	height:100%;
	width:100%;
	background:#000;
	-ms-filter: "alpha(opacity=70)";
	opacity:0.7;
	display:none;
}
.planPopBox {
	position:fixed;
	top:70px;
	left: 50%;
	display:none;
	background:#fff;
	width: 580px;
	margin-left: -300px;
	border-radius:5px;
	box-shadow:0 0 5px rgba(0,0,0,0.3);
	z-index:200;
}
.planPopBox .popupClose {
	position:absolute;
	top:20px;
	right:20px;
}
.planPopBox .inner {
	padding:45px 55px 40px 55px;
}
.planPopBox .selectTable th {
	width:133px;
	font-size:154%;
	padding-bottom:30px;
	vertical-align:middle;
}
.planPopBox .selectTable td {
	padding-bottom:30px;
}
.planPopBox .selectTable td + td {
	padding-left:15px;
}
.planPopBox .selectTable input {
	display:none;
}
.planPopBox .selectTable label {
	float:left;
	overflow:hidden;
	display:block;
	background-image:url(https://img1.kakaku.k-img.com/images/bb/hikari-collabo/ver2/icon_plansearch_input.png);
	background-position:no-repeat;
	width:160px;
	height:0;
	padding-top:105px;
}
.planPopBox .selectTable label:hover {cursor:pointer;}
.planPopBox .selectTable .label01 label {background-position:0 -220px;}
.planPopBox .selectTable .label02 label {background-position:-175px -220px;}
.planPopBox.noUser .selectTable .label01 label:hover,
.planPopBox.noUser .selectTable .label01 label.select {background-position:0 0;}
.planPopBox.noUser .selectTable .label02 label:hover,
.planPopBox.noUser .selectTable .label02 label.select {background-position:-175px 0;}
.planPopBox.user .selectTable .label01 label:hover,
.planPopBox.user .selectTable .label01 label.select {background-position:0 -110px;}
.planPopBox.user .selectTable .label02 label:hover,
.planPopBox.user .selectTable .label02 label.select {background-position:-175px -110px;}

.planPopBox .btnarea {
	display:none;
	padding-top:30px;
	text-align:center;
	border-top:1px dotted #d6d6d6;
}
.planPopBox.noUser .btnarea.noUserBtn {display:block;}
.planPopBox.user .btnarea.userBtn {display:block;}
.planPopBox .btnarea .btn {
	display:block;
	overflow:hidden;
	/* [READ][CSS-SPRITE] img_hikaricollabo.png */
	width:390px;
	height:0;
	margin:0 auto;
	padding-top:66px;
}
.planPopBox .btnarea .btn:hover {
	opacity:0.7;
	-ms-filter: "alpha(opacity=70)";
}
.planPopBox.noUser .btnarea .btn {background-position:-539px -100px;}
.planPopBox.user .btnarea .btn {background-position:-539px -180px;}

/* custom select */
.planPopBox .selectTable select {
	width:293px;
	padding:10px 15px 10px 25px;
	font-size: 154%;
	border: 2px solid #dcdcdc;
	border-radius: 4px;
	-webkit-appearance:none!important;
}
.customSelect {
	width:293px;
	padding:0 15px 0 25px;
	height:50px;
	background-color: #fff;
	font-size: 154%;
	border: 2px solid #dcdcdc;
	border-radius: 4px;
}
.customSelect .customSelectInner {
	width: 293px !important;
	padding-top:10px;
	background: url(https://img1.kakaku.k-img.com/images/bb/hikari-collabo/ver2/icon_plansearch_select.png) no-repeat right 22px;
}


/* --------------------------------------------

	転用後も利用できる・できないオプションサービスについて

-------------------------------------------- */
/* #header
---------------------------- */
#contents760 .prText iframe {
	width: 380px;
}
#contents760 #header .headerL {
	width: 380px;
}
#contents760 #pathTxt {
	width: 100%;
}

/* contents
---------------------------- */
/* 看板 */
.mainTitle {
	margin-top:15px;
	border: 1px solid #ddd;
	border-radius: 5px;
}
.mainTitle p {
	padding:15px 22px 10px 22px;
	border-bottom: 2px solid #ddd;
	font-size:185%;
	font-weight: bold;
}
.aboutOptionHeader .catch {
	padding:20px 0;
	font-weight:bold;
	color:#435ab3;
	font-size:124%;
	line-height:1.8;
}
.aboutOptionHeader ul {
	padding:14px 0;
	border-top:1px dotted #d6d6d6;
}
.aboutOptionHeader li {
	padding:5px 33px;
	font-size:108%;
	background: url(https://img1.kakaku.k-img.com/images/bb/hikari-collabo/ver2/icon_check01.png) no-repeat 2px center;
}
.targetAreaSwitch {
	overflow:hidden;
	margin:30px 0 20px 0;
	padding:0;
}
.targetAreaSwitch li {
	float:left;
	margin:0;
	padding:0;
}
.targetAreaSwitch li.west {
	float:right;
}
.targetAreaSwitch li a {
	position:relative;
	display:block;
	width:372px;
	height:43px;
	margin-bottom:10px;
	line-height:43px;
	color:#435ab3;
	font-size:154%;
	border:2px solid #435ab3;
	text-align:center;
	border-radius:3px;
	text-decoration:none;
}
.targetAreaSwitch li a.o,
.targetAreaSwitch li a:hover {
	background:#435ab3;
	color:#fff;
}
.targetAreaSwitch li a.o:before,
.targetAreaSwitch li a:hover:before {
	position:absolute;
	content:"";
	display:block;
	left:175px;
	top:42px;
	width: 0;
	height: 0;
	border: 12px solid transparent;
	border-top: 12px solid #435ab3;
}
/* 東日本 / 西日本 */
.switchArea h2 {
	background:#e9ecf5;
	padding:8px 15px;
	color:#435ab3;
	font-size:154%;
}
.switchArea .serviceList ul li {
	overflow:hidden;
	padding:20px;
	border-bottom:1px solid #ebebeb;
}
.switchArea .serviceList ul li:last-child {border:none;}
.switchArea h2.off + .serviceList ul li:last-child {border-bottom:1px solid #ebebeb;}
.switchArea .serviceList .icon {
	float:left;
	background-image:url(https://img1.kakaku.k-img.com/images/bb/hikari-collabo/ver2/icon_hikari_servicetype.png);
	background-repeat:no-repeat;
	display:block;
	width:60px;
	height:60px;
	background-color:#435ab3;
	border-radius:60px;
}
.switchArea .serviceList dl {
	float:right;
	width:635px;
}
.switchArea .serviceList dt {
	color:#435ab3;
	font-size:116%;
	font-weight:bold;
}
.switchArea .serviceList dd {
	margin-top:3px;
	line-height:1.7;
}
.switchArea .serviceList dd sup {
	font-size:77%;
	marign-left:2px;
	vertical-align:bottom;
}
.switchArea .serviceList dd .att {
	display:block;
	color:#ef2323;
	font-weight:bold;
}
.switchArea .serviceList .icon.type01 {background-position:0 0;}
.switchArea .serviceList .icon.type02 {background-position:0 -60px;}
.switchArea .serviceList .icon.type03 {background-position:0 -120px;}
.switchArea .serviceList .icon.type04 {background-position:0 -180px;}
.switchArea .serviceList .icon.type05 {background-position:0 -240px;}
.switchArea .serviceList .icon.type06 {background-position:0 -300px;}
.switchArea .serviceList .icon.type07 {background-position:0 -360px;}
/* 利用できないサービス */
.switchArea h2.off {
	margin-top:10px;
	background:#eee;
	color:#000;
}
.switchArea .serviceList ul li.off dt {color:#666;}
.switchArea .serviceList ul li.off .icon {background-color:#aaa;}

/* 下部注釈 */
.footerNotes li {
	position:relative;
	margin-top:15px;
	padding-left:2.5em;
	font-size: 77%;
	line-height: 1.2;
}
.switchArea .westAreaCtn .footerNotes li {padding-left:2em;}
.footerNotes li span.point {
	position:absolute;
	left:0;
}


/*----------------------------------------------
150924 シミュレーションへの追加
----------------------------------------------*/

.searchPlan .user.type02 .planPopBtn a,
.planPopBox.user .btnarea.type02 .btn {
	background:url(https://img1.kakaku.k-img.com/images/bb/hikari-collabo/ver2/img_hikaricollabo02.png) no-repeat;
}
.searchPlan .user.type02 .planPopBtn a {
	padding-top: 90px;
}
.planPopBox.user .btnarea.type02 .btn {
    background-position: 0 -90px;
}


/*----------------------------------------------
20160223 プラン一覧追加
----------------------------------------------*/
#area {
    background: #f3f3f3;
    border: 1px solid #ddd;
    border-radius: 4px;
	margin-top: 24px;
	padding: 10px;
}
#area select {
	width: 170px;
}
#area > dl {
	display: inline-block;
}
#area > dl + dl {
	margin-left: 20px;
}

#area > dl > dt,
#area > dl > dd {
	display: inline-block;
	vertical-align: middle;
}
#area > dl > dt {
	font-size: 115%;
	margin-right: 5px;
	font-weight: bold;
}
#area select {
	border-radius: 4px;
	border: 1px solid #ccc;
    padding: 2px 6px;
    font-size: 115%;
}

.searchPlan.type02 .detail {
    padding: 15px 48px 15px 262px;
}
.searchPlan.type02 .inBoxWrapper {
	position: relative;
}
.searchPlan.type02 .inBoxWrapper:after {
	content: '';
	display: block;
	background: url(https://img1.kakaku.k-img.com/images/bb/common/balloon_arrow2.png) no-repeat;
	width: 31px;
	height: 13px;
	position: absolute;
	bottom: -11px;
	left: 50%;
	margin-left: -15px;
}
.searchPlan.type02 .detail .txt02 {
	margin-bottom: 0;
}
.searchPlan.type02 h3 {
	background: url(https://img1.kakaku.k-img.com/images/bb/hikari-collabo/ver2/img_hikaricollabo03.png) no-repeat;
	margin: 30px 0 0 24px;
	padding-top: 45px;
}
.searchPlan.type02 .noUser h3 {background-position:0 0;}
.searchPlan.type02 .user h3 {background-position:-338px 0;}


/* 20160830 NTT */
.pickupCommonTab {
	margin-top: 10px;
	padding-bottom: 5px;
}
.pickupCommonTab ul {
	margin-top: 10px;
	border-bottom: 1px solid #435ab3;
}
.pickupCommonTab li {
	list-style-type: none;
	float: left;
	margin-right: 5px;
}
.pickupCommonTab1 a,
.pickupCommonTab2 span {
	display: block;
	height: 0;
	padding-top: 44px;
	background: url(https://img1.kakaku.k-img.com/images/bb/top/ver4/top_nav_tab.png) no-repeat left top;
	overflow: hidden;
}
.pickupCommonTab1 a {
	width: 190px;
}
.pickupCommonTab2 span {
	width: 209px;
	background-position: -199px -45px;
}
.pickupCommonTab1 a:hover {
	filter: alpha(opacity=80);
	opacity: 0.8;
}