@charset "shift-JIS";

div.main h2{
	margin-top:0;
}
div.main h3{
	margin:0 0 10px;
	padding:0 0 10px 25px;
	background:url(../../common/image/dotline.gif) repeat-x bottom;
}

div.step1 div.block{
	margin-left:25px;
	margin-right:25px;
}

/* 201205 修正
---------------------------------- */
ul#steps{
	width:706px;
	height:100px;
	margin:0px 0 10px;
	padding:10px 0 0 4px;
	background:url(../image/mobile_entry/bg_steps.gif) no-repeat;
}
/* 201205 修正まで
---------------------------------- */
ul#steps li{
	float:left;
	width:133px;
	height:89px;
	margin:0 0 0 6px;
	padding:10px 0 0;
}
ul#steps li img{
	margin:0 0 0 5px;
}


/* div.lined
---------------------------------- */
div.lined{
	padding:10px;
	border:#ccc solid 1px;
}
div.lined p a{
	padding:0 0 0 12px;
	background:url(../image/mobile_entry/blt.gif) no-repeat 0 2px;
}
div.lined div{
	margin:1em 0 0;
	_zoom:1;
}
div.lined div p{
	margin:0 0 1em;
}

/* ul.access-to-site
---------------------------------- */
ul.access-to-site{
	position:relative;
	margin:20px 7px 15px;
}
ul.access-to-site li{
	float:left;
}
ul.access-to-site li#qr-access{
	position:relative;
	height:161px;
	margin:0 0 17px;
}
ul.access-to-site li#qr-access a{
	position:absolute;
	bottom:6px;
	left:33px;
}
ul.access-to-site li#url-access{
	clear:left;
}
ul.access-to-site li#menu-access{
	position:absolute;
	top:0;
	right: 32px;
}

/* div.charge
---------------------------------- */
div.charge{
	position:relative;
	min-height:200px;
	height:auto !important;
	height:200px;
	margin:0 0 0px;
	padding:0 0 0 180px;
}
div.charge img{
	position:absolute;
	top:0;
	left:0;
}
div.charge li{
	padding:0 0 0 10px;
	background:url(../image/dot.gif) no-repeat 3px 7px;
	_zoom:1;
}

/* ul.btnlist
---------------------------------- */
ul.btnlist li{
	margin:0 0 10px;
}

/* div.mobilesite
---------------------------------- */
div.mobilesite{
	position:relative;
	float:right;
	width:349px;
	padding:0 0 4px;
	text-align:left;
	background:url(../image/mobile_entry/bg_mobilesite_bottom.jpg) no-repeat bottom;
}
div.mobilesite dl{
	padding:15px;
	background:url(../image/mobile_entry/bg_mobilesite_top.jpg) no-repeat top;
}
div.mobilesite dt{
	font-weight:bold;
	color:#3A2014;
}
div.mobilesite dd{
	padding:15px 110px 0 0;
}
div.mobilesite dd p{
	margin:0 0 0.5em;
}
div.mobilesite dd img.qr{
	position:absolute;
	right:10px;
	bottom:10px;
}


/* tabコンテンツ */
div.tab-group-a ul li.text,
div.tab-group-b ul li.text,
div.tab-group-c ul li.text	{
	padding:1em 2em;
	}

li.text span.caution	{
	display:block;
	text-indent:-1em;
	padding-left:1em;
	}


div.tab-group-a ul#sp-ul-01,
div.tab-group-b ul#sp-ul-01,
div.tab-group-c ul#sp-ul-01	{
	width: 672px;
	padding: 0 0 0 14px;
	clear: left;
	background:none;
	clear:both;
	margin:0;
	}

ul#sp-ul-01 li	{
	width:326px;
	padding:0 0 10px;
	float:left;
	margin-right:5px;
	display:inline;
}

ul#sp-ul-01 li img{
	display:block;
	line-height:0;
	margin:0; padding:0;
}


	
div.mobtype-list ul#sp-ul-01 li div.box-acc	 img	{

	display:inline;
}

div.mobtype-list ul#sp-ul-01 li div.box-acc		{
	border-bottom:#B4D752 1px solid;
	background:url(../image/mobile_entry/bg_sp_app.png) repeat-y;
	width:326px;
	text-align:center;
	padding:25px 0;
	}


div.mobtype-list ul#sp-ul-01 li div.box-acc.pc		{
	padding:10px 0;
	}

ul#sp-ul-01 li div.box-acc	img{
	margin-bottom:10px;
	}

ul#sp-ul-01 li div.box-acc.pc img{
	padding:5px 15px 0 0;
	margin-bottom:4px;
	}

span.text {display:block;}

div.box-acc.pc	span.text {
	width: 124px;
	padding: 34px 36px 0 36px;
	background: url(../image/mobile_entry/arr.jpg) no-repeat right 38px;
	}

img#qr01	{
	float:right;
	}

div.tab-group-a ul,
div.tab-group-b ul#ul_tabmb01	{
	padding:0;
	}

div.tab-group-b ul.flow access-to-site	{
	padding:0 0 0 15px;
	background:none;
	}


div.tab-group-a ul.hedge.bgglay	, div.tab-group-b ul.hedge.bgglay,div.tab-group-c ul.hedge.bgglay
	{
	width: 644px;
	padding: 9px;
	margin: 8px auto;
	background: #F3F4EC url(../image/bg_hedge_top.gif) no-repeat top;
	}


div.tab-group-a ul.access-to-site, div.tab-group-b ul.access-to-site{
padding: 20px 7px 0;
background:none;
}
	
div.div3 div.tab-group-a ul.access-to-site, div.tab-group-b ul.access-to-site {
padding: 0 7px 0;
* padding: 0 7px 1em;
background: none;
}


div.divsec div.tab-group-a ul li,
div.div3 div.tab-group-a ul li

	{
	float:left;
	margin: 20px 0 0 1px;
	display:inline;
	}


div.divsec div.tab-group-a ul li span.text,
div.div3 div.tab-group-a ul li span.text	{
	padding:1em;
	}
	
li#caution_app_init	{
	background: url(../image/mobile_entry/bg_c-app.jpg) no-repeat top left;
	width: 551px;
padding: 9px 0 9px 109px;
margin: 0 auto 0 15px;
display:inline;
	}

li#li_hedge_under	{
	background: #F3F4EC;
	width: 649px;
	padding: 3px 7px;
	margin: 9px auto 12px 15px;
}

img#rolo_osaifu_app	{
	float:left;
	}

div.divsec div.tab-group-b ul#ul_tabmb02,
div.div3 div.tab-group-b ul#ul_tabmb03 {
padding: 20px 0 0;
}

li .hedge li {
	font-size: 113%;
}
div.block p.linkbtn_float {
	text-align: right;
}
div.block p.linkbtn_float img {
	position: relative;
}
div.block p.linkbtn_float2 {
	text-align: right;
	margin-top: 0px;
}
div.block p.linkbtn_float2 img {
	position: relative;
}

/* 201205 add
---------------------------------- */
h2#use{
	margin-bottom:20px;
}

h2#step1{
	padding-top:10px;
	padding-bottom:10px;
}


h2#step2{
	padding-top:10px;
}

.mt20{
	margin-top:20px;
}

.mb10{
	margin-bottom:10px;
}

div.block p.linkbtn_entry {

}
div.block p.linkbtn_entry img {
	position:absolute;
	top:0;
	left:0;
}
div.block p.linkbtn_entry2 {

}
div.block p.linkbtn_entry2 img {
	position:absolute;
	top:0;
	left:0;
}

/* div.charge
---------------------------------- */
div.charge_entry{
	position:relative;
	min-height:240px;
	height:auto !important;
	height:240px;
	margin:0 0 30px;
	padding:0 0 0 180px;
}
div.charge_entry .charge_entry_l img{
	position:absolute;
	top:0;
	left:0;
}
div.charge_entry p.linkbtn_entry img{
	position:absolute;
	top:30;
	left:200;
}
div.charge_entry p.linkbtn_entry2 img{
	position:absolute;
	top:30;
	left:20;
}
div.charge_entry li{
	padding:0 0 0 10px;
	background:url(../image/dot.gif) no-repeat 3px 7px;
	_zoom:1;
}
