@charset "shift_jis";

/* ****************************************************************************

	standard.css　- for PC
	
-------------------------------------------------------------------------------

　01. index
　02. exp/sta common
　03. exp
　04. sta
	
******************************************************************************* */



/* ==

　01. index

=============================================================================== */


#contenar h1 {
	background: url(../../_img/pc/icon_wireless.png) 12px center no-repeat;
}

/* left */
.main-contents .contents-box .left{
	width:479px;
	float:left;
}

/* btn */
.main-contents .contents-box .btn{
	width:420px;
}

.main-contents .contents-box .btn a{
	display:block;
	height:30px;
	line-height:32px;
	padding-left:25px;
	margin-bottom:10px;
	font-size:15px;
	color:#333333;
	background: url(../../_img/pc/bg_button_420.png) left top no-repeat;
}

.main-contents .contents-box .btn a:hover{
	text-decoration: none !important;
}

/* right */
.main-contents .contents-box .right{
	width:250px;
	float:left;
}

.main-contents .contents-box .right .pic{
	float:left;
}

.main-contents .contents-box .right .txt{
	width:164px;
	float:left;
}

.main-contents .exp,
.main-contents .sta {
	margin-bottom: 10px;
}

.main-contents .exp.contents-box,
.main-contents .sta.contents-box {
	padding-bottom: 40px;
}

.main-contents#wireless-top .sta {
	margin-top:20px;
}


.main-contents .sta .pic {
	background: url(../../_img/pc/bod_img_02.jpg) left top no-repeat;
	width: 80px;
	height: 80px;
	margin-right: 6px;
}


/* ==

　02. exp/sta common

=============================================================================== */

/* pc hidden */
.main-contents-top.pc-none {
	display: none;
}

.main-contents-inner.pc-none {
	background: none;
	padding: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}


#anchor-2,
#anchor-3 {
	padding-top: 40px;
}

#anchor-1 p.lead,
ul.lead {
	margin-bottom: 10px;
}


#sta #anchor-2 p.lead {
	margin-top: 10px;
	margin-left: 10px;
}

.none {
	display: none;
}



/* ==

　03. exp

=============================================================================== */


/* ----------------------------------

exp-contents-list

---------------------------------- */

ul.contents-list {
	margin-bottom: 10px;
}

ul.contents-list > li {
	margin-bottom: 24px;
}

ul.contents-list > li.last {
	margin-bottom: 0;
}

ul.contents-list > li > dl > dt {
	font-weight: bold;
	background: #F2F2F2;
	padding: 10px 0 10px 10px;
}

ul.contents-list > li > dl > dd p.lead,
ul.contents-list > li > dl > dd ul.lead {
	margin-top: 10px;
	margin-left: 10px;
}


/* ----------------------------------

box-list

---------------------------------- */

.box-list {
	width: 710px;
	margin-left: auto;
	margin-right: auto;
	border-bottom: 1px solid #000;
}

.box-list li {
	overflow: hidden;
}

.box-list dl {
	background: url(/common/_img/pc/table_dotted_line.gif) left top repeat-y;
	padding-left: 1px;
	width: 354px;
	float: left;
	padding-bottom: 32768px;
	margin-bottom: -32768px;
}

.box-list dl.left {
	padding-left: 0;
	background-image: none;
	width: 355px;
}

.box-list dl dt {
	font-weight:bold;
	padding:10px 0 10px 10px;
	background-color: #ecf8f9;
}

.box-list dl dd {
	padding-top: 10px;
}


/* logo image */
.box-list p.img {
	width: 130px;
	background-position: center top;
	background-repeat: no-repeat;
	float: left;
}


/* text */
.box-list .text {
	overflow: hidden;
	padding-right: 10px;
	padding-bottom: 10px;
}

.box-list .text .notes {
	margin-bottom: 10px;
}

.box-list .text a.link {
	margin-bottom: 5px;
}

.box-list .text a.link span.blank {
	background-position: right 0.4em;
	display:inline;
}

.box-list p.ft10 {
	font-size: 10px;
	padding-top: 5px;
	line-height: 1.2;
}


/* docomo */
.box-list #docomo p.img {
	background-image: url(../../_img/pc/exp_img_01.jpg);
	height: 54px;
}

/* softbank */
.box-list #softbank p.img {
	background-image: url(../../_img/pc/exp_img_02.jpg);
	height: 61px;
}

/* uq */
.box-list #uq p.img {
	background-image: url(../../_img/pc/exp_img_03.jpg);
	height: 51px;
}

/* ntt-east */
.box-list #ntt-east p.img {
	background-image: url(../../_img/pc/exp_img_04.jpg);
	height: 49px;
}


/* ntt-west */
.box-list #ntt-west p.img {
	background-image: url(../../_img/pc/exp_img_05.jpg);
	height: 75px;
}



/* ----------------------------------

step-list

---------------------------------- */

.step-list {
	
}

.step-list li {
	float: left;
}

.step-list li dl {
	width: 221px;
	height: 306px;
	border: solid 1px #CCCCCC;
}


.step-list li dt {
	font-weight: bold;
	padding: 10px 0 10px 10px;
	background-color: #ecf8f9;
}

.step-list li dd {
	padding-top: 9px;
}

.step-list li p.img {
	height: 134px;
	margin-bottom: 10px;
}

.step-list li p.text {
	font-weight: bold;
	padding-bottom: 15px;
	padding-left: 10px;
}

.step-list li p.notes {
	margin-left: 10px;
	margin-right: 10px;
}

body.large .step-list li p.notes {
	font-size: 13px;
}

.step-list li#step1,
.step-list li#step2 {
	background: url(../../_img/pc/exp_next_arrow.jpg) right center no-repeat;
	padding-right: 29px;
}


/* step1 */
.step-list li#step1 p.img {
	background: url(../../_img/pc/exp_img_06.jpg) 34px top no-repeat;
	height: 138px;
}

/* step2 */
.step-list li#step2 p.img {
	background: url(../../_img/pc/exp_img_07.jpg) center top no-repeat;
	height: 138px;
}

.step-list li#step2 p.text {
	padding-bottom: 0;
}

/* step3 */
.step-list li#step3 p.img {
	background: url(../../_img/pc/exp_img_08.jpg) center top no-repeat;
	height: 138px;
}



/* ----------------------------------

qa-list

---------------------------------- */

.qa-list {
	width: 730px;
	margin-left: auto;
	margin-right: auto;
}

.qa-list > dt {
	font-weight: bold;
	background: #F2F2F2;
	padding: 10px 0 10px 10px;
}

.qa-list > dd {
	padding-bottom: 30px;
}

.qa-list > dd.last {
	padding-bottom: 0;
}

/* Q box */
.qa-list > dd > dl > dt {
	padding: 10px 0 10px 10px;
	background-color: #ecf8f9;
	font-weight: bold;
}

	/* Q */
	.qa-list > dd > dl > dt > dl > dt {
		width: 1.5em;
		float: left;
	}

	/* Q text */
	.qa-list > dd > dl > dt > dl > dd {
		overflow: hidden;
	}


/* A box */
.qa-list > dd > dl > dd {
	padding: 10px 0 10px 10px;
}
	
	/* A */
	.qa-list > dd > dl > dd > dl > dt {
		width: 1.5em;
		float: left;
	}

	/* A text */
	.qa-list > dd > dl > dd > dl > dd {
		overflow: hidden;
	}



.qa-list dd .fb {
	font-weight: bold;
	padding-top: 10px;
}



/* ----------------------------------

notice list

---------------------------------- */

.notice-list {
	margin-left: 15px;
	margin-bottom: 45px;
}








/* ==

　04. sta

=============================================================================== */


/* ----------------------------------

gray box 

---------------------------------- */

.gray-box {
	background-color: #F2F2F2;
	padding: 10px 15px 20px 15px;
	margin-bottom: 50px;
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 20px;
}

.head-text {
	font-weight: bold;
	margin-bottom: 20px;
}

.logo-notes .img {
	float: left;
	background: url(../../_img/pc/sta_img_03.jpg) left top no-repeat;
	width: 101px;
	height: 101px;
	margin-right: 20px;
}

.logo-notes .text {
	overflow: hidden;
	padding-top: 30px;
}


/* ----------------------------------

dl-table

---------------------------------- */

dl.dl-table {
	border-bottom: 1px solid #000;
	margin-bottom: 30px;
}


dl.dl-table > dt {
	font-weight: bold;
	background: #F2F2F2;
	padding: 10px;
}

dl.dl-table > dd ul li {
	overflow: hidden;
}

dl.dl-table > dd ul li > dl .odd {
	background-color: #ecf8f9;
}

dl.dl-table > dd ul li > dl.left,
dl.dl-table > dd ul li > dl.right {
	float: left;
}

dl.dl-table > dd ul li > dl.left {
	width: 184px;
	padding-right: 1px;
	background: url(/common/_img/pc/table_dotted_line.gif) right top repeat-y;
	padding-bottom: 32768px;
	margin-bottom: -32768px;
}

dl.dl-table > dd ul li > dl.right {
	width: 545px;
}

dl.dl-table > dd ul li > dl > dt,
dl.dl-table > dd ul li > dl > dd {
	padding: 10px;
}

dl.dl-table > dd ul li > dl > dd.last {
	padding: 0;
}


dl.dl-table > dd ul li > dl > .pc-none {
	display:none;
}



dl.dl-table > dd ul li > dl > dd > ul li {
	padding: 10px;
}

dl.dl-table > dd ul li > dl > dd > ul li.bb-dot {
	border-bottom: 1px dotted #000;
}



/* ----------------------------------

table-style

---------------------------------- */

.table-style {
	border-bottom: 1px solid #000;
	margin-bottom: 30px;
}

.table-style tr.odd {
	background-color: #ecf8f9;
}

.table-style tr.tpline {
	border-top:	1px solid #000;
}

.table-style tr td.first-child {
	background-color: #FFF;
	vertical-align:	middle;
}

.table-style th,
.table-style td {
	padding: 10px;
}

.table-style td.left {
	background: url(/common/_img/pc/table_dotted_line.gif) right top repeat-y;
}


.table-style th.heading {
	text-align: left;
	font-weight: bold;
	background: #F2F2F2;
}



/* ----------------------------------

step-list

---------------------------------- */

/* step1 */
#sta .step-list li#step1 p.img {
	background: url(../../_img/pc/sta_img_01.jpg) 56px top no-repeat;
	height: 138px;
}

/* step2 */
#sta .step-list li#step2 p.img {
	background: url(../../_img/pc/sta_img_02.jpg) center top no-repeat;
	height: 138px;
}

#sta .step-list li#step2 p.text {
	padding-bottom: 0;
}

#sta .step-list li#step3 .text {
	padding-top: 64px;
}



/* ----------------------------------

qa-list

---------------------------------- */
	    
#sta .qa-list {
	margin-bottom: 40px;
}
