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

/*----------------------------------------------
	parts
----------------------------------------------*/
.h2Type1 {
	padding:40px 0 0;
	margin:40px 0 30px;
	border-top:1px dashed #ccc;
	font-size:277%;
	line-height:1.2;
	text-align:center;
}
.h2Type1 span {
	display:block;
	font-size:50%;
}
.h2Type1 + p {
	font-size:116%;
	text-align:center;
	margin:0 0 30px;
}
.h2Type1.typeN {
	margin:10px 0 20px;
	border:none;
}

.tableType1 {
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
.tableType1 thead th {
	padding:5px 0;
	background:#f9f9f9;
	text-align:center;
}
.tableType1 tbody th {
	text-align:left;
	font-weight:normal;
}
.tableType1 tbody th span {
	display:block;
	font-size:77%;
}
.tableType1 th, .tableType1 td {
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	padding:5px 10px;
}
.tableType1 td {
	line-height:1.1;
	text-align:right;
}
.tableType1 .pointTxt01 {
	color:#f33;
	font-weight:bold;
	font-size:124%;
}
.tableType1 .pointTxt02 {
	padding:15px;
	background:#fffde6;
}

.tableType2 {
	border-bottom:1px dotted #999;
}
.tableType2 th, .tableType2 td {
	border-top:1px dotted #999;
	padding:10px;
	text-align:left;
}
.tableType2 th {
	width:160px;
	font-weight:normal;
	background:#f9f9f9;
}

.tableType3 {
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
.tableType3 th, .tableType3 td {
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	vertical-align:middle;
}
.tableType3 th {
	background:#f9f9f9;
	text-align:center;
}
.tableType3 td {
	padding:0 10px;
}

.listType1 li {
	background:url(https://img1.kakaku.k-img.com/images/category/pplrctgy_arrow.gif) no-repeat 0 7px;
	margin:0 0 5px;
}
.listType1 li a {
	padding:0 3px 0 10px;
}

.txtType1 {
	font-size:76% !important;
}

.noteS {
	display:block;
	margin:10px 0 0;
	color:#666;
	font-size:85%;
}
.noteS > li {
	text-indent:-1em;
	padding-left:1em;
}
.noteS > li > span{
	font-weight:bold;
}

/*----------------------------------------------
	main
----------------------------------------------*/
/* mainTitle
---------------------------------------------- */
#mainTitle {
	margin:0 0 50px;
}

/* about
---------------------------------------------- */
#about {
	border-radius:4px;
	border:4px solid #f0bf1c;
	padding:20px;
}
#about h2 {
	text-align:center;
	margin:-45px 0 10px;
}
#about h2 + p {
	font-size:124%;
	margin:0 0 15px;
}
#about .aboutInner {
	background:#fffde6;
	padding:20px;
	overflow:hidden;
}
#about .aboutInner .aboutImg {
	float:right;
	margin:18px 0 0;
}
#about .aboutTxt1 {
	margin:5px 0 10px;
	font-weight:bold;
}
#about .aboutTxt1 img {
	vertical-align:-6px;
}
#about .aboutTxt1 span {
	font-family:Verdana;
	font-weight:bold;
	color:#f33;
	line-height:1.1;
	font-size:516%;
}
#about .aboutTxt2 {
	font-size:185%;
	line-height:1.1;
	font-weight:bold;
}

/* flow
---------------------------------------------- */
#flow .flowList {
	margin:0 0 70px;
}
#flow .flowList > li {
	float:left;
	width:254px;
	margin:0 0 0 33px;
	position:relative;
	border:2px dotted #ccc;
	border-radius:4px;
	padding:15px;
	height:120px;
}
#flow .flowList > li:first-child {
	margin:0;
}
#flow .flowList > li p {
	text-align:center;
	font-size:108%;
	font-weight:bold;
	margin:0 0 10px;
}
#flow .flowList > li p + img {
	display:block;
	margin:0 auto;
}
#flow .flowList .flowTxt1 {
	margin:-8px 0 0;
}
#flow .flowList .flowArrow {
	position:absolute;
	top:0;
	right:-35px;
}

/* select
---------------------------------------------- */
#select h3 {
	font-size:200%;
	text-align:center;
	padding:20px 0 0;
	margin:0 0 6px;
}
#select h3 span {
	font-size:139%;
}
#select #selectHikari span {
	color:#f0bf1c;
}
#select #selectWireless span {
	color:#217cef;
}
#select #selectAdsl span {
	color:#ff8300;
}
#select .selecboxTop {
	overflow:hidden;
	margin:0 0 20px;
}
#select .selecboxTop h4 {
	width:282px;
	text-align:center;
	float:left;
}
#select .selecboxTop .tableType2 {
	width:596px;
	float:left;
}
#select .selecboxTop + p {
	font-size:108%;
}
#select h5 {
	font-size:154%;
	margin:20px 0 10px;
}

/*-- selectInner --*/
.selectInner {
	border-radius:4px;
	padding:25px;
	margin:0 0 30px;
}
.selectInner.hikari {
	border:1px solid #f0bf1c;
}
.selectInner.wireless {
	border:1px solid #217cef;
}
.selectInner.adsl {
	border:1px solid #ff8300;
}

/*-- menu --*/
.selectMenu {
	overflow:hidden;
	margin:0 0 20px;
}
.selectMenu-2 {
    width: 630px;
    margin: 0 auto 20px;
}
.selectMenu li {
	float:left;
	margin:0 0 0 7px;
}
.selectMenu-2 li {
	margin:0 0 0 20px;
}
.selectMenu li:first-child {
	margin:0;
}
.selectMenu li a {
	width:305px;
	height:0;
	overflow:hidden;
	padding-top:69px;
	background:url(https://img1.kakaku.k-img.com/images/bb/hikari-collabo/softbank/btn_select.png) no-repeat 0 0;
	display:block;
}
.selectMenu li.btnHikari a {
	background-position:0 0;
}
.selectMenu li.btnHikari a:hover {
	background-position:0 -69px;
}
.selectMenu li.btnWireless a {
	background-position:-305px 0;
}
.selectMenu li.btnWireless a:hover {
	background-position:-305px -69px;
}
.selectMenu li.btnAdsl a {
	background-position:-610px 0;
}
.selectMenu li.btnAdsl a:hover {
	background-position:-610px -69px;
}

/*-- selectPoint --*/
.selectPoint li {
	border:1px solid #ddd;
	border-radius:3px;
	float:left;
	height:116px;
	margin-left:13px;
	padding-top:194px;
	position:relative;
	text-align:center;
	width:282px;
}
.selectPoint li:first-child {
	margin:0;
}
.selectPoint li h6 {
	position:absolute;
	top:-8px;
	left:-10px;
}
.selectPoint.typeNuro li {
	width:430px;
	height:18px;
	padding-top:190px;
}
.selectPoint.typeNuro li .selectTxt1 {
	position:absolute;
	top:93px;
	right:54px;
}
.selectPoint.typeNuro li .selectTxt2 {
	text-align:left;
	position:absolute;
	top:113px;
	right:44px;
}
.selectPoint.typeSbAir li {
	padding-top:210px;
	height:110px;
}
.selectPoint.typeAdsl {
	border:1px solid #ddd;
	border-radius:3px;
	position:relative;
	height:140px;
}

.selectHikariOption {
	overflow:hidden;
}
.selectHikariOption .tableType3 {
	float:left;
}
.selectHikariOption .tableType3 th {
	height:50px;
}
.selectHikariOption .tableType3 th span {
	display:block;
	font-size:93%;
}
.selectHikariOption .tableType3 td {
	height:104px;
}
.selectHikariOption .tableType3.type1 {
	width:260px !important;
}
.selectHikariOption .tableType3.type2 {
	width:170px !important;
}
.selectHikariOption .tableType3.type3 {
	width:150px !important;
}
.selectHikariOption > img, .selectHikariOption .optionTxt {
	float:left;
}
.selectHikariOption .optionList dt {
	float:left;
	clear:both;
	font-weight:bold;
	font-size:85%;
	margin:8px 0 0;
}
.selectHikariOption .optionList dd {
	text-align:right;
	font-size:85%;
	padding:8px 0;
}
.selectHikariOption .optionTxt {
	background:#fffde6;
	padding:15px 6px;
	width:182px;
	font-size:124%;
	font-weight:bold;
	text-align:center;
	line-height:1.3;
	height:125px;
}
.selectHikariOption .optionTxt .txtType1 {
	display:block;
	text-decoration:line-through;
}
.selectHikariOption .optionTxt .txtType2 {
	margin:5px 0 0;
	display:block;
	font-size:147%;
	color:#f33;
}

.selectNuroOption .tableType3 th {
	font-size:124%;
}
.selectNuroOption .tableType3 td {
	font-size:108%;
	padding:20px;
}
.selectNuroOption .tableType3 td span {
	color:#f33;
	font-weight:bold;
	font-size:116%;
}

.selectAdslNote p {
	font-size:108%;
}
.selectAdslNote .tableType3 {
	margin:10px 0;
}
.selectAdslNote .tableType3 th, .selectAdslNote .tableType3 td {
	padding:10px 20px;
	font-size:116%;
}
.selectAdslNote .tableType3 th {
	width:200px;
	text-align:left;
	font-weight:normal;
}
.selectAdslNote .tableType3 td {
	font-weight:bold;
}

/* btn
---------------------------------------------- */
.btnPlanSearch a {
	display:block;
	margin:25px auto 0;
	height:0;
	width:625px;
	overflow:hidden;
	padding-top:87px;
	background:url(https://img1.kakaku.k-img.com/images/bb/hikari-collabo/softbank/btn_plansearch.png) no-repeat;
}
.btnPlanSearch-2 a {
	display:block;
	margin:25px auto 0;
	height:0;
	width:625px;
	overflow:hidden;
	padding-top:87px;
	background:url(https://img1.kakaku.k-img.com/images/bb/hikari-collabo/softbank/btn_plansearch-2.png) no-repeat;
}
.btnPlanSearch.sbH a {
	background-position:0 0;
}
.btnPlanSearch.sbH a:hover {
	background-position:0 -87px;
}
.btnPlanSearch.nuro a {
	background-position:0 -174px;
}
.btnPlanSearch.nuro a:hover {
	background-position:0 -261px;
}
.btnPlanSearch.sbAir a,
.btnPlanSearch-2.sbAir a {
	background-position:0 -348px;
}
.btnPlanSearch.sbAir a:hover,
.btnPlanSearch-2.sbAir a:hover {
	background-position:0 -435px;
}
.btnPlanSearch.neBB a {
	background-position:0 -522px;
}
.btnPlanSearch.neBB a:hover {
	background-position:0 -609px;
}
.btnPlanSearch.ybAd a {
	background-position:0 -696px;
}
.btnPlanSearch.ybAd a:hover {
	background-position:0 -783px;
}

/* 2015.07.16 増額キャンペーン追加*/

.icnCamp {
	border: 1px solid #ff3333;
    border-radius: 2px;
    display: inline-block !important;
    margin: 6px 0;
    padding: 4px 5px 2px;
    font-size: 90% !important;
    font-weight: bold;
    line-height: 1;
    color: #ff3333;
}

/* 2015.09.17 キャンペーン情報アップデート */

#about dt {
	text-align:center;
	margin:-45px 0 10px;
}
#about dd {
	font-size:124%;
}

h3.planTypeTit {
	text-align:left;
	margin:30px 0 15px;
	font-size: 154%;
	font-weight:bold;
	border-left: 5px solid #000;
	line-height: 26px;
	padding-left: 8px;
}
h3.planTypeTit > span {
	font-weight: normal;
	font-size:80%;
	padding-left:10px;
}

.h2Type1.newTit span {
	display:inline-block;
    float: left;
	text-align:left;
	line-height:45px;
	font-size:100%;
}
.h2Type1.newTit span.catch1 {
	margin-right:10px;
	font-size:70%;
}
.h2Type1.newTit span.catch2 {
	font-size:120%;
	color:#f33;
}
.h2Type1.newTit img {
	float:right;
    margin-top: -8px;
}

.tableType4 {
	border-bottom:1px solid #ccc;
}
.tableType4 th, .tableType4 td {
	border-top:1px solid #ccc;
	padding:10px;
	text-align:left;
}
.tableType4 th {
	width:260px;
	font-weight:normal;
	background:#f9f9f9;
}

.tableType4 .pointTxt01 {
	color:#f33;
	font-weight:bold;
	font-size:124%;
	margin-right:10px;
}

.tableType4 .camBlock {
	display:block;
	margin-top:5px;
	padding:15px;
	background-color:#fffde6;
}
.tableType4 .camBlock  > dl > dt  {
	font-size:108%;
	font-weight:bold;
}
.tableType4 .camBlock  > dl > dt  > span {
	display:block;
	font-size:80%;
	font-weight:normal;
}
.tableType4 .camBlock  > dl > dd {
	display:block;
	margin-top:7px;
	background-color:#fff;
	border:1px solid #aaa;
	border-radius:3px;
}
.tableType4 .camBlock  > dl > dd .planCase {
	display:inline-block;
	width:140px;
	padding: 2px 10px;
	background-color:#aaa;
	border-radius:1px 0 0 1px;
	color:#fff;
}
.tableType4 .camBlock  > dl > dd .planCaseInner {
	display:inline-block;
	padding: 2px 10px;
	border-radius:1px 0 0 1px;
	color:#f33;
	font-weight:bold;
}
.tableType4 .camBlock  > dl > dd .planCaseInner > span {
	font-size:80%;
	font-weight:normal;
	padding-left:5px;
	color:#000;
}
.tableType4 .camBlock  > dl > dd > span {
	font-size:120%;
}
.tableType4 .camBlock  > dl > dd > ul > li {
	font-size:
}

.noteSign {
	color: #666;
    font-size: 85%;
}

.attentionBox {
	padding:15px;
	border:1px dashed #ccc;
	margin-top:30px;
}
.attentionBox  dt {
	margin-bottom:10px;
	padding: 2px  0 2px 30px;
	background:url(https://img1.kakaku.k-img.com/images/bb/hikari-collabo/softbank/icon_att.png) no-repeat  center left ;
	color:#f33;
	font-size:110%;
	font-weight:bold;
}
.attentionBox dd .btn {
	margin-top:10px;
}
.attentionBox dd .btn a:hover {
	opacity:.8;
}