@charset "shift-JIS";

/*-----------------------------------------
summary  携帯電話の機種変更について page
url  /inquiry/mbl_change.html
last update  2010/02/24
-----------------------------------------*/
#mblChangeTxtArea {
    width: 430px;
}
#mblChangeImgArea {
    float: right;
}
dl.lost {
	border: 1px solid #E50109;
	background: #FDFADB;
}
dl.lost dt {
	color: #FFF;
	font-size: 90%;
	font-weight: bold;
	background: #E50109;
	margin: 1px;
}
dl.lost dt span {
	padding-top:5px;
	display:block;
}
dl.lost dt img {
	margin: 3px 4px 0 11px;
	vertical-align: middle;
	float:left;
}
dl.lost dd {
	clear:both;
	font-size: 80%;
	margin: 13px 17px 13px 13px;
}


ul.tabs{
    margin:15px 9px -13px;
}
ul.tabs li{
    float:left;
    width:329px;
    height:43px;
    padding:0 7px 0;
    font-size:0;
    text-align:center;
    position:relative;
    z-index:1;
}

div.mobtype-list{
    position:relative;
    margin:0 10px 50px;
    padding-bottom:5px;
    z-index:2;
    zoom:1;
	background: url(/inquiry/image/mbl_change/mobtype-list_bg.jpg) no-repeat top;
}
div.mobtype-list div{
    padding:18px 0 0;
}
div.mobtype-list .tab-group-a,
div.mobtype-list .tab-group-b{
	background-repeat:no-repeat;
	background-position:top left;
	background-color:transparent;
	
	}

div.mobtype-list .tab-group-a#tabsmp,
div.mobtype-list .tab-group-b#tabsmp2{
	background-image: url(/inquiry/image/mbl_change/tabbg_smp.gif);
	}

div.mobtype-list .tab-group-a#tabmb,
div.mobtype-list .tab-group-b#tabmb2{
	background-image: url(/inquiry/image/mbl_change/tabbg.gif);
	}


div.mobtype-list div div{
    padding:0 1px;
    border-right:#ccc solid 1px;
    border-left:#ccc solid 1px;
    /zoom:1;
}
div.mobtype-list table{
    margin:10px 0 20px;
    width:100%;
    font-size:80%;
    border-collapse:collapse;
}
div.mobtype-list th,
div.mobtype-list td{
    padding:10px;
    border-bottom:#ccc solid 1px;
}
div.mobtype-list th{
    text-align:center;
    font-weight:normal;
    background:url(../image/dot_v.gif) repeat-y right;
}
div.mobtype-list th.last{
    background:none;
}
div.mobtype-list tr.top th{
    font-weight:bold;
}
div.mobtype-list td{
    text-align:left;
}
div.mobtype-list td span{
    padding:0 1em 0 0;
}
div.mobtype-list p,
div.mobtype-list ul{
    margin:0 5px;
}
div.mobtype-list ul{
    padding:0 0 10px;
}



dt {
	text-align:left;
	font-weight:bold;
}
em {
	color:#f30;
	font-style:normal;
}
div.main {
	margin:15px 30px;
}
div.main h2 {
	margin:20px 0 7px;
}
div.main h3 {
	margin:20px 0 10px;
}
div.unit {
	margin:0 10px;
}
div.unit.sub {
	margin:0 60px;
}
div.block {
	margin:0 0 20px;
}
img.logo,
img.ico {
	margin:0;
	padding:0 5px;
	vertical-align:middle;
}
p.linkbtn {
	margin:10px 0;
	text-align:right;
}
a.link {
	padding:0 0 0 15px;
	background:url(../image/ic_arrow_g.gif) no-repeat 0 2px;
}
div.links {
	width:710px;
	margin:30px 0 0;
	padding:15px 0 0;
	border-top:#C4BCB9 solid 1px;
	overflow:hidden;
}
div.links p {
	text-align:right;
}
div.links ul {
	width:718px;
	margin:15px -8px 20px 0;
}
div.links li {
	float:left;
	margin:0 8px 0 0;
}
div.hedge {
	margin:15px 0;
	font-size:80%;
	background:#F3F4EC url(../image/bg_hedge_top.gif) no-repeat top;
}
div.hedge ul {
	padding:5px;
	background:url(../image/bg_hedge_btm.gif) no-repeat bottom;
}
ul.hedge {
	font-size:80%;
}
div.btn {
	padding:15px 0 0;
	text-align:center;
}
/* #banners
---------------------------------- */
#banners ul {
	margin:10px 0;
}
#banners li {
	float:left;
	font-size:0;
}
#banners li.first {
	margin:0 10px 0 0;
}
/* #topics
---------------------------------- */
#topics dl {
	margin:10px 0;
	padding:4px 0 0;
	text-align:left;
	border-top:#C4BCB9 solid 1px;
	border-bottom:#C4BCB9 solid 1px;
	_zoom:1;
}
#topics dt {
	float:left;
	width:100px;
}
#topics dt img {
	margin:0 0 0 2px;
}
#topics dd {
	padding:0 0 4px 110px;
	background:url(../image/dot.gif) no-repeat 100px 7px;
}
/* ul.flow
---------------------------------- */
ul.flow li {
	display:inline-block;
 /display:inline;
 /zoom:1;
	vertical-align:top;
	width:220px;
	padding:0 10px 0 0;
	background:url(../image/arrow.gif) no-repeat 100% 80px;
}
ul.flow li.last {
	background:none;
}
ul.flow li.no-image {
	width:200px;
	padding:60px 25px 0 5px;
}
ul.flow li img {
	margin:0 0 0 10px;
}
ul.flow li p {
	font-size:100%;
}
ul.flow li img.ico {
	margin:0;
}
/* div.menu-tabs
---------------------------------- */
div.menu-tabs {
	position:relative;
	width:710px;
	margin:0 0 10px;
	overflow:hidden;
}
div.menu-tabs ul {
	width:716px;
	height:31px;
	margin:0 -6px 0 0;
	border-bottom:#1795EA solid 3px;
}
div.menu-tabs li {
	margin:0 6px 0 0;
	float:left;
}
div.menu-tabs h1 {
	margin:0;
}
div.menu-tabs img {
	vertical-align:top;
}
div.menu-tabs p.mblapl-qr {
	position:absolute;
	top: 41px;
	right: 10px;
}
div.menu-tabs p.mblapl-qr a {
	position:absolute;
	right:90px;
	bottom:2px;
}
/* dl.steps
---------------------------------- */
dl.steps dt {
	float:left;
	width:10em;
	margin:0 0 3px;
	text-align:center;
	border-width:1px;
	border-style:solid;
}
dl.steps dt.docomo {
	color:#c03;
	border-color:#c03;
}
dl.steps dt.au {
	color:#ED6F03;
	border-color:#ED6F03;
}
dl.steps dt.sb {
	color:#686868;
	border-color:#686868;
}
dl.steps dd {
	padding:0 0 5px 10em;
	_padding:0 0 5px 1em;
	_zoom:1;
}
dl.steps dd ul {
	margin:0 0 20px;
}
dl.steps dd li {
}
/* div.description
---------------------------------- */
div.description {
	position:relative;
	margin:0 0 30px;
	padding:0 0 0 130px;
	_zoom:1;
}
div.description img {
	position:absolute;
	top:0;
	left:0;
}
/* div.howtouse
---------------------------------- */
div.howtouse {
	position:relative;
	margin:15px 10px;
	padding:0 0 0 170px;
	_zoom:1;
}
div.howtouse div {
	position:absolute;
	top:0;
	left:0;
	width:154px;
}
div.howtouse div p {
	margin:5px 0 0;
	text-align:right;
	font-size:60%;
}
div.howtouse dl {
	padding:10px;
	text-align:left;
	background:#EBF4FC;
}
div.howtouse dd {
	padding:5px 0 0;
}
div.howtouse li {
	display:inline-block;
 /display:inline;
 /zoom:1;
	width:220px;
	margin:0 8px 0;
	vertical-align:top;
}
div.em p {
	min-height:15px;
	padding: 0.7em 0;
	text-align:center;
	border:#217BB8 solid 2px;
}
div.em p a {
	margin:0 0 0 20px;
	padding:0 0 0 13px;
	font-weight:bold;
	background:url(../../common/image/ic/ic_arrow_b_main.gif) no-repeat left center;
}
div.em div {
	float:right;
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
*:first-child+html .clearfix {
	display: inline-block;
}
* html .clearfix {
	height: 1%;
}

div.tab-group-a ul,
div.tab-group-b ul{
	margin:0;
	padding:20px 0 0;
	clear:left;
	width:690px;
	background:url(../image/mbl_change/divbg.gif) repeat-y;
	}

div.tab-group-b ul.second{
	padding:0;
}

div.tab-group-a li,
div.tab-group-b li
	{
	width:223px;
	float:left;
	padding-bottom:2em;
	padding-left:1px;
	}

div.tab-group-a li span.text,
div.tab-group-b li span.text	{
	display:block;
	width: 206px;
	padding-left: 13px;
	}

.cont_mbl_change p.hedge	{
	padding:18px 18px 0 2em;
	text-indent:-1em;
	margin:0;
	background:url(../image/mbl_change/divbg.gif) repeat-y;}

ul.hdgeBgGray {
	padding: 10px 14px;
	margin-bottom: 30px;
	background: #F3F4EC;
}

img.bg_btm	{
	display:block;
	width:690px;
	line-height:0;
	margin:0;
	padding:0;
	}

li#flow2-01-1	{
	background:url(../image/mbl_change/img-flow2-01-1.jpg) no-repeat;
	width:223px; height:182px;
	}
li#flow2-01-1 span.t2{
	display:block;
	width:63px;
	padding:28px 0 35px 16px;
	font-size:9pt;
	}

img#btn-to-smp	{
	margin:0 0 15px 18px;
	}


li#img-flow4-01	{
	background:url(../image/mbl_change/img-flow4-01.jpg) no-repeat;
	width:223px;
	}
span.cap-img-flow4-01	{
	display:block;
	padding:135px 0 15px 30px;
}