@charset "shift-jis";

/*------------------------------
 width
------------------------------*/
.w155 { width: 155px;}
.w235 { width: 235px;}
.w315 { width: 315px;}
.w420 { width: 420px;}
.w430 { width: 430px;}
.w445 { width: 445px;}
.w450 { width: 450px;}
.w475 { width: 475px;}
.w500 { width: 500px;}



/*------------------------------
 index
------------------------------*/
#index h3 { margin-top: 0!important;}

#index .cont {
	margin: 0 10px;
}

.service_box {
	background: url(../images/bg_index_soto.gif) no-repeat left bottom;
	padding: 12px 20px 12px 15px;
}

.other_box {
	background: url(../images/bg_index_otherbox.gif) no-repeat left bottom;
	margin-bottom: 10px;
	padding: 0 20px 20px;
}

.bnr img {
	display: inline-block;
	width: 152px;
	vertical-align: middle;
	margin-right: 10px;
	*zoom: 1;	/* for IE6-7 */
	*display: inline;	/* for IE6-7 */
}

.bnr .txt {
	display: inline-block;
	vertical-align: middle;
	width: 148px;	/* 幅指定をしないとカラム落ち */
	*zoom: 1;	/* for IE6-7 */
	*display: inline;	/* for IE6-7 */
}


a{
	color:#3465CB;
	cursor:pointer;
}
.tal{
	text-align:left;
}
.tac{
	text-align:center;
}

.captionin{
	font-size:11px;
	color:#666666;
	text-indent:-1.2em;
	padding-left:12px;
	line-height:120%;
}

#container ul.ablist{
	font-size:14px;
	margin:0 0 20px 10px;
}

#container div.cont dl.otherlist{
	font-size:14px;
}
#container div.cont dl.otherlist dt{
	font-weight:bold;
	line-height:160%;
}
#container div.cont dl.otherlist dd{
	margin:0 0 20px 0;
	line-height:160%;
}
#container div.cont dl.otherlist dd.f12{
	margin:0 0 20px 0;
	line-height:140%;
	font-size:12px;
}
#container div.cont dl.otherlist dd a{
	background-image:none;
	padding:0;
	margin:0;
}

h2{
	font-size:20px !important;
	font-weight:bold;
	margin-bottom:10px;
}
.ftth strong.red{
	font-size:18px;
	color:#c00;
}

.navi_box{
	border:1px solid #ccc;
	padding:10px;
	margin-bottom:10px;
	clear:both;
}
.attention_box{
	border:2px solid #ff9900;
	padding:10px;
	margin-bottom:10px;
	clear:both;
}


.global02 .bg05{
	background-color:#ffdb79;
}

/* index:mainarea ------------------------------- */
#mainarea{
	width:660px;
	text-align:left;
}
#mainarea .rightcont{
	width:395px;
}
#mainarea .rightcont p{
	margin:10px 10px 0;
	*margin:5px 10px 0;
	display:block;
	text-align:left;
}
#mainarea .rightcont a img{
	float:right;
	display:inline;
	margin:0 10px;
}

#select{
	width:660px;
	margin-top:20px;
}
#select .orange{
	color:#ff7200;
}

/* index ------------------------------------- */
.foma_op{
	background:url(../images/ind_fomaop_bg.gif) left bottom no-repeat;
	clear:both;
	padding-bottom:15px;
	margin-bottom:10px;
}
.foma_op .foma_contents{
	margin:5px 15px 0px;
}
.foma_op .foma_contents h2{
	background-image:none;
	font-size:16px;
	height:auto;
}
.foma_op .foma_contents h2 img{
	margin-left:10px;
	vertical-align:middle;
}
.foma_op .foma_contents dt{
	font-weight:bold;
	border-bottom:2px solid #ddd;
	margin-bottom:6px;
}
.foma_op .foma_contents dd.last{
	border-top:2px solid #ddd;
	margin-top:6px;
	padding-top:5px;
}
.foma_op .foma_contents dd.last span{
	margin:20px 0 0 0;
	display:block;
	width:300px;
	float:left;
}
.foma_op .foma_contents dd img{
	float:right;
}

#Selectuq h2,
#Selectem h2{
	font-size:85% !important;
}

.mimiyori_box {
	background: url(../images/bg_index_mimiyori.gif) no-repeat left top;
	padding: 20px 35px 0;
}

.mimiyori_box p.lead {
	width: 595px;
	margin-left: 45px;
}

.mimiyori_box .w420{
	background:url(../images/bs_eqip.jpg) left top no-repeat #fff;
	padding-left:55px;
	width:380px;
}

/* option05 ------------------------------------- */
.caption_box{
	font-size:11px;
	text-align:center;
	color:#666;
	line-height:130%;
}

/* option02 ------------------------------------- */
#op2 .global img{
	vertical-align:middle;
	margin-right:8px;
}
.op2_joinbox{
	clear:both;
	text-align:center;
	padding:30px 0 20px;
}
#op2 .connect{
	margin-bottom:10px;
}
#op2 .connect .biglobe{
	background-color:#f0fcff;
}
#op2 .connect .docomo{
	background-color:#ffeff2;
}
#op2 .connect .arrow_bt{
	background:url(../images/option02_connect_arrow.gif) 15px top no-repeat;
	padding:15px 15px 15px 68px;
	background-color:#f0fcff;
}
#op2 .connect .arrow_bn{
	padding:15px 15px 15px 68px;
	background-color:#f0fcff;
}
#op2 .connect .arrow_bb{
	background:url(../images/option02_connect_arrow.gif) 15px bottom no-repeat;
	padding:15px 15px 15px 68px;
	background-color:#f0fcff;
}
#op2 .connect .arrow_dt{
	background:url(../images/option02_connect_arrow.gif) 15px top no-repeat;
	padding:15px 15px 15px 68px;
	background-color:#ffeff2;
}
#op2 .connect .arrow_db{
	background:url(../images/option02_connect_arrow.gif) 15px bottom no-repeat;
	padding:15px 15px 15px 68px;
	background-color:#ffeff2;
}
#op2 .connect .arrow_dn{
	padding:15px 15px 15px 68px;
	background-color:#ffeff2;
}
#op2 .connect .arrow_ob{
	background:url(../images/option02_connect_arrow.gif) 15px bottom no-repeat;
	padding:15px 15px 15px 68px;
}
#op2 .settei{
	padding:10px;
	border:2px solid #ddd;
}
dl.docomo{
	width:180px;
	*width:200px; 
	float:left; 
	padding:10px; 
	border:2px solid #D00F31;
	margin-bottom:10px;
}
dl.docomo dd{
	margin:0;
}

.connect_caram{
	width:280px;
	border:1px solid #42A442;
	padding:10px;
	*width:300px;
}
.connect_caram .caption01{
	width:auto;
}

@media screen and (max-width: 640px) {
.btn_top .btn_bottom {
	display:block;
	}
}

/* overray -------------------------------------------- */
.overray{
	background-color:#f6f9fd;
	text-align:center;
}
.overray td{
	text-align:left;
}
.overray .title{
	color:#1A3795;
	font-size:14px !important;
	font-weight:bold;
}

/* request --------------------------------- */
#request #layout-container{
	background-image:none;
}
#request .mainimg{
	clear:both;
	padding:10px 0 0;
}
#request .mainimg h2.glh2{
	padding:0 10px;
	_padding:10px 10px 0;
}
#request .contarea{
	text-align:center;
	padding:40px 0;
}
#request .contarea .joinarea{
	background:url(../images/join_area_bg.gif) left bottom no-repeat;
	width:723px;
	margin:0 auto;
	padding-bottom:20px;
	text-align:center;
}
#request .contarea .joinarea h2{
	clear:both;
	margin:0;
}
#request .contarea .joinarea table{
	margin:0 auto;
}
.list_main{
	width:723px;
	margin:5px auto;
	_margin:5px 0;
	text-align:left;
}
.list_main li{
	font-size:11px;
	color:#666;
	padding:0px;
	margin:0px;
}
#topix li{
	text-indent:-67px !important;
	padding-left:80px !important;
}

/*	追記	11.05.26
-------------------------------------------------------------*/
.links{
	text-align: center;
	padding: 15px;
	border-top: 1px solid #6194D2;
	border-bottom: 1px solid #6194D2;
	margin: 5px 20px;
}

.links dt{
	font-weight: bold;
	margin-bottom: 5px;
}

.links dd{
	display: inline;
}



/*	追記	11.07.20
-------------------------------------------------------------*/
#Selectem ul.m_list{
	margin-left:0px;
	padding-top:2px;
}
#Selectuq h3{
	*padding-top:14px !important;
}


/*	追記	11.12.13
-------------------------------------------------------------*/
#mainarea .rightcont #btn {
    margin-top: 10px;
    text-align: right;
}

#select {
    margin-top: 20px;
    width: 660px;
}