@charset "shift-JIS";
ul,
dl {
	margin:0;
}
h1,
h2,
h3 {
	text-indent:0;
	text-align:left;
}
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;
	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:13px 0 10px;
}
#banners li {
	float:left;
	font-size:0;
}
#banners li.first {
	margin: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: 211px;
	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:120%;
}
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;
	text-align:left;
}

div.howtouse div p {
	margin:5px 0 0;
	text-align:right;
	font-size:7.5pt;
}
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.howtouse div p.alignLeft {
text-align: left;
}


p#img_capture	{
	float:left;
	width:257px;
	padding:18px 10px 20px 0;
	text-align:center;
	}

p#img_capture img	{
 	margin-bottom:1em;
	}

div#image_available	{
	background:#ebf4fc;
	width:423px;
	float:left;
	margin:18px 0 20px;
	}

div#image_available h3	{
	margin: 10px 0 4px;
	padding-left:11px;
	}

div#image_available ul	{
	padding:8px 1px 8px 8px;
	}

div#image_available ul li	{
	width:200px;
	float:left;
	padding-right:7px;
	}




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;
}

/* 201205 変更　ここから
---------------------------------- */
div.mobtype-list{
    position:relative;
    padding:0 10px 30px;
    z-index:2;
    zoom:1;
}
/* 201205 変更　ここまで
---------------------------------- */
div.mobtype-list div{
    padding:18px 0 0;
}
div.mobtype-list .tab-group-a,
div.mobtype-list .tab-group-b,
div.mobtype-list .tab-group-c{
	background-repeat:no-repeat;
	background-position:top left;
	background-color:transparent;
	
	}
div.mobtype-list #tabmb,
div.mobtype-list #tabmb2,
div.mobtype-list #tabmb3
	{
	background-image: url(/inquiry/image/mbl_change/tabbg.gif);
}
div.mobtype-list #tabsmp,
div.mobtype-list #tabsmp2,
div.mobtype-list #tabsmp3	{
	background-image: url(/inquiry/image/mbl_change/tabbg_smp.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(/inquiry/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;
}

div.unit.step2,
div.unit.step3,
div.unit.step4
	{
	margin:0;
	}


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

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

div.divfirst div.tab-group-a ul.access-to-site, div.tab-group-b ul.access-to-site,div.tab-group-c ul.access-to-site {
padding: 0 0 0 15px;
}

.clearboth	{
	clear:both;
	}

img.bg_btm	{
	display:block;
	line-height:0;
	
}

/* 201205　add
---------------------------------- */

/* div.menu-tabs_top
---------------------------------- */
div.menu-tabs_top {
	position:relative;
	width:710px;
	margin:0 0 16px;
	height:124px;
}

div.menu-tabs_top h1 {
	margin:0;
}
div.menu-tabs_top img {
	vertical-align:top;
}
div.menu-tabs_top p.btn_mb {
	position:absolute;
	top: 16px;
	right: 10px;
	width:277px;
	height:91px;
}


/* div.menu-navi
---------------------------------- */


/* div.menu-navi banner時差替え用
---------------------------------- */
div.menu-navi {
	position:relative;
	width:710px;
	margin:20px 0 0px;
	overflow:hidden;
}
/* div.menu-navi　元
-------------------------------
div.menu-navi {
	position:relative;
	width:710px;
	margin:30px 0 0px;
	overflow:hidden;
}

--- */

div.menu-navi ul {
	width:716px;
	height:31px;
	margin:0 -6px 0 0;
	border-bottom:#239ECD solid 3px;
}
div.menu-navi li {
	margin:0 6px 0 0;
	float:left;
}
div.menu-navi h1 {
	margin:0;
}
div.menu-navi img {
	vertical-align:top;
}


/* div.menu-navib
---------------------------------- */
div.menu-navib {
	position:relative;
	width:710px;
	margin:30px 0 10px;
	overflow:hidden;
}
div.menu-navib ul {
	width:716px;
	height:31px;
	margin:0 -6px 0 0;
	border-top:#239ECD solid 3px;
}
div.menu-navib li {
	margin:0 6px 0 0;
	float:left;
}
div.menu-navib h1 {
	margin:0;
}
div.menu-navib img {
	vertical-align:top;
}
div.menu-navib p.mblapl-qr {
	position:absolute;
	top: 41px;
	right: 10px;
}
div.menu-navib p.mblapl-qr a {
	position:absolute;
	right:90px;
	bottom:2px;
}

div.happy_mb{
	margin-top:20px;
}

div.happy_mb ul{
	display:inline;
}

div.happy_mb ul li{
	float:left;
	margin:0 0 10px 10px;
	display:inline;
}

div.img_download p {
	min-height:15px;
	padding: 0.7em 0;
	text-align:center;
}

div.em_download p {
	min-height:15px;
	margin: 0 0 3px;
	padding: 0.7em 0;
	text-align:center;
	border:#CCCCCC solid 2px;
}
div.em_download p a {

	font-weight:bold;

}
div.em_download div {
	float:right;
}
.felica_att{
	text-align: left;
	font-size: 70%;
}
.felica_att img{
	margin: 0 3px;
}

div.unit_download{
	margin:0 10px;
}
div.unit_download div.l {
	float:left;
	width:360px;

}
div.unit_download p.r{
	float:right;
	width:305px;
	padding-bottom:10px;
}

p.bnr_mobile{
	clear:both;
	text-align:center;
	margin-top:40px;
}
#banners_btm {
	margin-top: 20px;
	line-height:0;
	font-size:0;
}
#bnrArea p.bnr_mobile {
	margin-top:20px;
}

/* hedge change20120606
---------------------------------- */
div.hedge_all{
	margin:20px 20px 0;
	font-size:80%;
	width:670px;
	text-align:left;	
}
div.hedge_left{
	width:335px;
	float:left;
}
div.hedge_right{
	width:335px;
	float:left;
}
div.hedge_all ul{
	margin-left: 1.0em;
}
div.hedge_all ul.last{
	padding-left:10px;
}
div.hedge_all ul li{
text-indent: -1.0em;
}

/* hedge (mobile_list.html)kara
---------------------------------- */
div.hedge_about{
	margin:0;
	padding:0 0 0 0px;
	font-size:80%;
	display:inline;
}
div.hedge_about ul{
	margin-top:20px;
	margin-left:40px;
	float:left;
	width:320px;
	display:inline;	
}
div.hedge_about ul.last{
	margin-top:20px;
	margin-left:20px;
	float:left;
	width:300px;
	display:inline;	
}
/* hedge (mobile_list.html)made
---------------------------------- */


div.top_main{
	background:#ffffff url(../image/mobile/bg.jpg) no-repeat top;
}

/* div.description_mb
---------------------------------- */
div.description_mb {
	padding-top:20px;

}
div.description_mb div.l{
	float:left;
	width:400px;
	
}
div.description_mb div.r{
	float:right;
	
}