@charset "UTF-8";

/*===================================================
 Resset
===================================================*/
html,body{margin:0;padding:0;width:100%;height:100%}
h1,h2,h3,h4,h5,h6,
p,blockquote,div,object,
ul,ol,li,dl,dt,dd{margin:0;padding:0;font-size:100%;font-weight:normal}
address{font-style:normal}
ul,ol{list-style:none}
dl dt{font-weight:normal}
strong,em{font-weight:bold;font-style:normal}
img{border:0 none;vertical-align:bottom}
caption{text-align:left}
th{font-weight:normal;text-align:left}
hr{display:none}
form,fieldset{margin:0;padding:0;border:0 none;display:inline}
legend{display:none}
input,select{margin:0;vertical-align:middle}
input[disabled=disabled]{cursor:default}
option{padding-right:5px}
optgroup{font-style:normal}


/*===================================================
 base
===================================================*/
body{
font:87.5% "Hiragino Kaku Gothic Pro W3",Meiryo,arial,helvetica,"ms pgothic",hirakakupro-w3,sans-serif;
line-height:1.5;
color:#333;
-webkit-text-size-adjust: 100%;
}
body.white{
background: #fff;
}

/*===================================================
 header
===================================================*/
#header{
font-size: 92.8%;
background: url(/signup/common/images/new_head_bg.gif) 0 0 repeat-x;
}
#header.header02{
background-image: url(/signup/common/images/new_head_bg_02.gif);
}
.white #header{
background-image: url(/signup/common/images/new_head_bg_03.gif);
}
#header.header03{
background-image: url(/signup/common/images/new_head_bg_03.gif);
}
#header .wrap{
position: relative;
width: 950px;
height: 136px;
margin: 0 auto;
}
#header .img{
position: absolute;
top: 0;
left: 0;
opacity: 1!important;
background: #fff;
}
#header a{
color: #fff;
text-decoration: none;
}
#header a:hover{
text-decoration: underline;
}

/*===================================================
 contents
===================================================*/
#container{
background: url(/signup/common/css/images/header/bg_header_02.png) 0 136px repeat-x;
padding-bottom:1px;
}
#topic-path{
background:url("images/icon_home_01.png") no-repeat 0 .3em;
margin:15px auto;
padding:0 250px 0 19px;
width:681px;
font-size:84.6%;
}
#contents{
margin: 0 auto;
width:950px;
z-index:80;
}
/* theme
---------------------------------------------------*/
#theme{
margin:20px auto 0;
width:950px;
z-index:80;
}
#theme #topic-path{
margin:0 0 15px;
}


/*===================================================
 footer
===================================================*/
#footer{
background:#f6f6f6 url("images/footer/bg_footer_01.png") repeat-x 0 0;
margin-top:135px;
min-width:960px;
clear:both;
color:#0b2c6c;
font-size:92.8%;
}
#footer a{
color:#0b2c6c;
}
#footer a:hover,
#footer a:focus{
color:#0066ce;
}
#footer .inner{
position:relative;
margin:0 auto;
padding-top:16px;
width:950px;
}
#sub_switch{
position:absolute;
top:-78px;
left:120px;
}
#footer #switch{
position: absolute;
top: -99px;
left: 115px;
width: 705px;
padding: 0 0 25px 0;
background: url(/signup/common/images/new_foot_swibg.jpg) -15px bottom no-repeat;
}
#footer #switch p{
color: #333;
text-align: center;
}
#footer #switch ul{
width: 226px;
margin: 25px auto 0 auto;
}
#footer #switch ul li{
float: left;
}

#footer .pagetop{
position:absolute;
top:-26px;
right:0;
margin-top:0;
}
#footer .pagetop a{
background:none;
padding-left:0;
}
#footer .box-round-01{
background:url("images/footer/bg_footer_02.png") no-repeat 0 100%;
margin:0 -10px 10px 0;
padding-bottom:16px;
font-size:92.3%;
}
#footer .box-round-01 div{
background:#f5f5f5 url("images/footer/bg_box-round-01_02.png") no-repeat 0 100%;
margin-right:9px;
width:183px;
float:left;
}
#footer .box-round-01 dl,
#footer .box-round-01 ul{
background:url("images/footer/bg_box-round-01_01.png") no-repeat 0 0;
padding:13px 5px 0 9px;
}
#footer .box-round-01 ul{
margin-bottom:0;
padding-left:12px;
}
#footer .box-round-01 dl ul{
padding:0 5px 0 9px;;
}
#footer .box-round-01 li{
margin-bottom:6px;
}
#footer .box-round-01 dl li{
margin-bottom:2px;
}
#footer .box-round-01 dt{
margin-bottom:5px;
}
#footer .box-round-01 dd{
margin-bottom:15px;
}
#footer .box-round-01 dt a,
#footer .box-round-01 li a{
background:url("images/icon_link_01.png") no-repeat 0 50%;
padding-left:13px;
font-weight:bold;
text-decoration:none;
}
#footer .box-round-01 dd a{
background:url("images/footer/icon_footer_01.png") no-repeat 3px .7em;
display:inline-block;
/display:inline;
/zoom:1;
text-decoration:underline;
font-weight:normal;
}

#footer .list-parallel-01{
margin-bottom:3px;
clear:both;
text-align:center;
font-size:84.6%;
}
#footer .list-parallel-01 span{
background:url("images/footer/bg_footer_03.png") no-repeat 0 60%;
padding-left:12px;
}
#footer .list-parallel-01 li{
background:url("images/footer/bg_footer_03.png") no-repeat 100% 60%;
margin-right:7px;
padding-right:12px;
display:inline-block;
/display:inline;
/zoom:1;
}
#footer .list-parallel-01 a{
text-decoration:none;
}
#copyright{
margin-bottom:0;
padding-bottom:70px;
color:#636363;
font-size:84.6%;
text-align:center;
}
#copyright a{
text-decoration: underline;
}
#copyright a:hover {
	text-decoration: none;
}
#copyright span{
display: inline-block;
padding-right: 20px;
padding-left: 20px;
}


/*===================================================
 full-column
===================================================*/
.full-column #topic-path{
margin: 15px auto;
padding:0 0 0 19px;
width:674px;
}
.form #contents,
.full-column #contents{
margin-top:20px;
padding-bottom:20px;
}
.form #main,
.full-column #main{
margin:0 auto;
float:none;
min-height:580px;
_height:580px;
position:relative;
}

.full-column .box-pagenav-01{
background:none;
margin:0 0 20px;
padding-top:0;
}

/* simple
---------------------------------------------------*/
.full-column.simple #container{
background: url(/signup/common/css/images/header/bg_header_02.png) 0 100px repeat-x;
}
.full-column.simple #header{
min-height:101px;
_height:101px;
}
.full-column.simple #header .wrap{
width:693px;
height:100px;
}
.full-column.simple #header .mid_wrap{
position: absolute;
top:42px;
left:191px;
margin: 0;
}
.full-column.simple #main{
min-height:600px;
_height:600px;
}


/* popup
---------------------------------------------------*/
body.popup {
background: #fff;
}
.popup #container{
background: url(/signup/common/css/images/header/bg_header_02.png) 0 100px repeat-x;
}
.popup #header{
min-width:693px;
height:100px;
padding-top:0;
background-position: 0 0;
}
.popup #header .wrap{
width:693px;
height:100px;
}
.popup #header .mid_wrap{
position: absolute;
font-size: 92%;
top:51px;
left:193px;
margin: 0;
}
.popup #contents{
margin:20px auto 0;
width:693px;
}
.popup #footer{
min-width:703px;
}
.popup #footer .inner{
margin:0 auto;
width:693px;
}

#close{
margin-top:20px;
text-align:center;
}


/* lp
---------------------------------------------------*/
.lp #container{
background: url(/signup/common/css/images/header/bg_header_02.png) 0 100px repeat-x;
}
.lp #header{
min-width:830px;
height:100px;
background-position: 0 0;
}
.lp #header .wrap{
width:830px;
height:100px;
padding-top:0;
}
.lp #header .mid_wrap{
position: absolute;
font-size: 92%;
top:51px;
left:193px;
margin: 0;
}
.lp #contents{
margin:20px auto 0;
width:830px;
}
.lp #footer .inner{
margin:0 auto;
width:830px;
}

/* wide
---------------------------------------------------*/
.wide #container{
background: url(/signup/common/css/images/header/bg_header_02.png) 0 100px repeat-x;
}
.wide #header{
min-width:950px;
height:100px;
background-position: 0 0;
}
.wide #header .wrap{
width:950px;
height:100px;
padding-top:0;
}
.wide #header .mid_wrap{
position: absolute;
font-size: 92%;
top:51px;
left:193px;
margin: 0;
}
.wide #contents{
margin:20px auto 0;
width:950px;
}
.wide #footer .inner{
margin:0 auto;
width:950px;
}

.cf:after{
font-size: 0;
display: block;
visibility: hidden;
clear: both;
height: 0;
content: '.';
}
.cf{
display: inline-block;
}
/* Hides from IE Mac */
* html .cf{
height: 1%;
}
.cf{
display: block;
}
/* End Hack */

/*===================================================
 UQ mobile
===================================================*/
.popup.uqmobile #container{
background-image: url(/signup/common/images/bg_body_mobile.png);
}
.popup.uqmobile .hdg-l1-01{
background: url(/signup/common/css/images/bg_hdg-l1-01_02.png) repeat-x 0 100%;
color: #e3007f;
}
.uqmobile .hdg-l3-01 {
background-color: #fceef4;
}


/*===================================================
 clearfix
===================================================*/
#title div,
#nav-header div,
#gnavi,
.top #important-info dl,
#contents,
#footer .box-round-01,
.box-seihin-01,
.box-seihin-01 ul{
/zoom:1}
#title div:after,
#nav-header div:after,
#gnavi:after,
#contents:after,
#footer .box-round-01:after,
#theme.mylife .box-mylife-01 .inner:after,
#theme.mylife .box-mylife-01 .lead:after,
#theme.price ul:after,
.top #important-info dl:after,
.top #main:after,
.top #theme .inner:after,
.top #primary #wimax ul:after,
.top #price ul:after,
.top #recommend .inner:after,
.top #recommend .slide .contents:after,
.box-mylife-02 ul:after,
.box-seihin-01:after,
.box-seihin-01 ul:after,
.box-col2-01:after,
.box-col3-01:after,
.box-col4-01:after,
#theme.price .lyt-plan-01:after{
content:'';display:block;clear:both}