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

/*===================================================
 structure
===================================================*/
/* header
---------------------------------------------------*/
#header {
font-size: 92.8%;
background: #fff url(/common/images/new_head_bg.gif) 0 69px repeat-x;
}
#header.header02{
background-image: url(/common/images/new_head_bg_02.gif);
}
#header.header03{
background-image: url(/common/images/new_head_bg_03.gif);
}
#header .wrap{
position: relative;
width: 950px;
height: 97px;
margin: 0 auto;
padding-top: 69px;
}
#header .wrap-inner-01{
overflow: hidden;
margin-left: 340px;
}
#header .wrap-inner-02{
padding-left: 132px;
width: 522px;
}
#header .wrap-inner-02 .lead{
font-size: 92%;
margin-top: 10px;
}
#header .logo-01 {
position: absolute;
top: 32px;
}
#header .logo-02{
position: absolute;
top: 32px;
left: 137px;
}
#header .logo-03{
position: absolute;
top: 12px;
left: 376px;
}
#header .search{
float: right;
width: 160px;
height: 22px;
margin-top:4px;
}
#header .search input[type='text']{
font-size: 93%;
width: 120px;
height: 18px;
padding: 2px 0 2px 10px;
border: none;
}
#header .utility{
overflow: hidden;
float: left;
margin-top: 10px;
}
#header .utility li {
font-size: 85.7%;
float: left;
padding: 0 15px;
line-height: 1;
border-left: 1px solid #62adce;
}
#header .utility li:first-child{
border-left: none;
padding-left: 0;
}
#header .utility a{
color: #fff;
text-decoration: none;
}
#header .utility a:hover{
text-decoration: underline;
}
#header .bnr{
position: absolute;
right: 0;
bottom: 10px;
}
#header .bnr{
margin: 0;
}
#header .bnr li{
float: left;
}
#header .bnr li + li{
margin-left: 5px;
}
#header .sns{
position: absolute;
right: 30px;
top: 29px;
}
#header .sns li{
float: left;
}
#header .sns li + li{
margin-left: 5px;
}
#gnav{
position: absolute;
bottom: 0;
left: 0;
}
#gnav ul li{
position: relative;
float: left;
}
#gnav ul li + li{
border-left: 1px solid #ccc;
}
#gnav ul li a{
display: block;
font-size: 92.4%;
color: #333;
}
#gnav > ul > li > a{
font-weight: bold;
text-align: center;
height: 22px;
padding-top: 2px;
}
#gnav > ul > li > a:hover{
background: url(/common/images/new_head_gnavibg.png) 0 100% repeat-x;
}
#gnav ul li.nav-item-01 > a{
width: 86px;
text-align: left;
height: 21px;
padding-top: 3px;
}
#gnav ul li.nav-item-02 > a{
width: 139px;
}
#gnav ul li.nav-item-03 > a{
width: 106px;
}
#gnav ul li.nav-item-04 > a{
width: 101px;
}
#gnav ul li.nav-item-05 > a{
width: 107px;
}
#gnav ul li.nav-item-06 > a{
width: 109px;
}
#gnav li ul{
display: none;
position: absolute;
top: 24px;
left: 0px;
background: #fff;
border:1px solid #c5c5c5;
}
#gnav ul li + li ul{
left: -1px;
}
#gnav li ul li{
margin: 0;
padding: 0;
border: none;
}
#gnav li ul li + li{
border-top:1px solid #c5c5c5;
}
#gnav li ul li a{
line-height: 1.6;
width: 260px;
padding:8px 10px 8px 24px;
color: #0097d8;
background: url(/common/images/new_head_icon.png) 9px center no-repeat;
}
#gnav li ul li a:hover{
background-color: #ECF8FF;
text-decoration:none;
}

/* contents
---------------------------------------------------*/
#container{
background: url(/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;
}
#main{
float:left;
width:693px;
margin-bottom:10px;
}


/* theme
---------------------------------------------------*/
#theme{
margin:20px auto 0;
width:950px;
z-index:80;
}
#theme #topic-path{
margin:0 0 15px;
}

/* box-col4-01
---------------------------------------------------*/
.box-col4-01{
margin:27px -13px 14px -1px;
/margin-bottom:24px;
}
.box-col4-01 div{
background:url("images/bg_box-col4-01_02.png") no-repeat 0 100%;
margin:0 12px 15px 0;
padding:0 12px 3px;
width:205px;
min-height:97px;
float:left;
display:inline;
}
.box-col4-01 h2{
background:url("images/bg_box-col4-01_01.png") no-repeat 0 0;
position:relative;
margin:0 -12px 5px;
padding:12px 12px 0;
zoom:1;
}
.box-col4-01 h2 a{
padding-left:80px;
display:block;
}
.box-col4-01 h2 img{
position:absolute;
top:14px;
left:12px;
}
.box-col4-01 p{
padding-left:80px;
font-size:92.3%;
}

/* box-col3-01
---------------------------------------------------*/
.box-col3-01{
margin:27px -13px 14px 0;
/margin-bottom:26px;
}
.box-col3-01 div{
background:url("images/bg_box-col3-01_02.png") no-repeat 0 100%;
margin:0 12px 15px 0;
padding:0 12px 3px;
width:285px;
min-height:97px;
float:left;
display:inline;
}
.box-col3-01 h2{
background:url("images/bg_box-col3-01_01.png") no-repeat 0 0;
position:relative;
margin:0 -12px 5px;
padding:12px 12px 0;
zoom:1;
}
.box-col3-01 h2 a{
padding-left:80px;
display:block;
}
.box-col3-01 h2 img{
position:absolute;
top:14px;
left:12px;
}
.box-col3-01 p{
padding-left:80px;
font-size:92.3%;
}

/* box-col2-01
---------------------------------------------------*/
.box-col2-01{
margin:27px -13px 14px 0;
}
.box-col2-01 div.col{
background:url("images/bg_box-col2-01_02.png") no-repeat 0 100%;
margin:0 12px 15px 0;
padding-bottom:4px;
width:468px;
float:left;
display:inline;
}
.box-col2-01 div.col-inner{
background:url("images/bg_box-col2-01_01.png") no-repeat 0 0;
padding:12px 16px 0;
}

/*右ナビあり*/
#main .box-col2-01{
margin:27px -13px 14px 0;
}
#main .box-col2-01 div.col{
background:url("images/bg_box-col2-02_02.png") no-repeat 0 100%;
margin:0 12px 15px 0;
padding-bottom:4px;
width:340px;
float:left;
display:inline;
}
#main .box-col2-01 div.col-inner{
background:url("images/bg_box-col2-02_01.png") no-repeat 0 0;
padding:12px 16px 0;
}


/* theme.wimax
---------------------------------------------------*/
#theme.wimax h1{
position:relative;
z-index:2;
margin-top:-2px;
}
#theme.wimax .box-lead-01{
position:relative;
background:url("images/bg_wimax_01.jpg") no-repeat 0 0;
margin:-23px -50px 0;
padding:201px 50px 16px 66px;
}
#theme.wimax .box-lead-01 p{
margin:0;
width:715px;
}
#theme.wimax .box-lead-01 .lead{
position:absolute;
top:53px;
left:78px;
}
#theme.wimax .section.line{
background-image:url("images/bg_line_01_full-column.png");
}
#theme.wimax .lay-col2-01 .col{width:460px}
#theme.wimax .lay-col2-01 .col.line{
margin-right:14px;
padding-right:14px;
}
#theme.wimax .lay-col3-01{
margin-right:-28px;
}
#theme.wimax .lay-col3-01 .col{
margin-right:26px;
width:300px;
}
#theme.wimax .box-feature-01 .lay-col3-01 .col{
margin-right:16px;
width:294px;
}
#theme.wimax .box-feature-01 .lay-col3-01.col4 .col{
margin-right:12px;
width:222px;
}
#theme.wimax .img-col3-01 li{width:316px}

#theme.wimax .box-content-02{
background-image:url("images/bg_box-content-02_02_full.png");
}
#theme.wimax .box-content-02 .inner{
background-image:url("images/bg_box-content-02_01_full.png");
padding:15px 15px 6px;
}
#theme.wimax .box-feature-01{
position:relative;
background:url("images/bg_box-feature-01_01.png") no-repeat 0 100%;
margin:15px -1px 18px;
padding:0 17px 6px;
}
#theme.wimax .box-feature-01 h2{
margin:0 -17px 17px;
}


/* theme.mylife
---------------------------------------------------*/
#theme.mylife h1{
margin:25px 0;
}
#theme.mylife .box-mylife-01{
background:url("images/bg_mylife_02.png") no-repeat 0 100%;
margin-bottom:25px;
padding-bottom:5px;
}
#theme.mylife .box-mylife-01 .inner{
background:url("images/bg_mylife_01.png") no-repeat 0 0;
padding:24px 4px 0;
/padding-bottom:20px;
}
#theme.mylife .box-mylife-01 .lead{
padding-bottom:19px;
}
#theme.mylife .box-mylife-01 .lead h2{
margin:0;
float:left;
}
#theme.mylife .box-mylife-01 .lead p{
margin:0;
float:left;
}
#theme.mylife .box-mylife-01 .col{
border:1px solid #d7d7d7;
border-left:none;
margin-bottom:20px;
padding:0 5px;
float:left;
width:304px;
cursor:pointer;
}
#theme.mylife .box-mylife-01 .col:hover{
background:#eaf7ff;
}
#theme.mylife .box-mylife-01 .col.last-child{
border-right:none;
padding-right:3px;
}
#theme.mylife .box-mylife-01 .col h3{
border-bottom:2px solid #e9e9e9;
width:302px;
}
#theme.mylife .box-mylife-01 .col p{
margin:0 8px 10px;
}

/* theme.price
---------------------------------------------------*/
#theme.price h1{
position:relative;
margin-top:25px;
}
#theme.price h2{
margin:0 0 13px;
}
#theme.price .img-main-01{
margin:-38px 0 0;
}
#theme.price ul{
margin-right:-10px;
padding-bottom:18px;
}
#theme.price li{
margin:0 9px 0 0;
float:left;
}
#theme.price .lyt-plan-01{
margin-bottom:30px;
}
#theme.price .lyt-plan-01.wimax2plus .col1{
float:left;
width:390px;
}
#theme.price .lyt-plan-01.wimax2plus .col2{
float:right;
width:550px;
}
#theme.price .box-plan-01 dl{
margin:0;
position:relative;
}
#theme.price .lyt-plan-01.wimax .box-plan-01 dt{
margin:-10px 0 0;
position:absolute;
top:50%;
left:28px;
}
#theme.price .lyt-plan-01.wimax2plus .box-plan-01 dt{
margin:-13px 0 0;
position:absolute;
top:50%;
left:33px;
}
#theme.price  .lyt-plan-01.wimax .box-plan-01 dd{
margin:0;
padding:5px 8px 5px 166px;
background:url("images/bg_box-plan_01.png") repeat 0 0;
}
#theme.price  .lyt-plan-01.wimax2plus .box-plan-01 dd{
margin:0;
padding:5px 8px 5px 212px;
background:url("images/bg_box-plan_01.png") repeat 0 0;
}
#theme.price .box-plan-01 dd ul{
margin:0;
padding:0;
}
#theme.price .box-plan-01 dd li{
float:left:
}

#theme.price .box-01{
background:url("images/bg_box-01_01.png") no-repeat 0 0;
}
#theme.price .box-01 .inner{
padding:10px;
background:url("images/bg_box-01_01.png") no-repeat 100% 100%;
}
#theme.price .box-01.w-468{
width:468px;
background:url("images/bg_box-01_02.png") no-repeat 0 0;
}
#theme.price .box-01.w-468 .inner{
padding:10px;
background:url("images/bg_box-01_02.png") no-repeat 100% 100%;
}
#theme.price .box-01 .list-link-04{
margin-bottom:0;
padding-bottom:0;
}
#theme.price .box-01 p{
line-height:1.3;
}
#theme.price .box-au-01{
position:relative;
border:1px solid #0099ff;
border-top:0 none;
width:641px;
}
#theme.price .box-au-01 h3{
margin:0 0 15px;
}
#theme.price .box-au-01 ul{
margin:0 9px;
}
#theme.price .box-au-01 li{
margin:0 5px;
}
#theme.price .box-au-01 .balloon{
margin:0;
position:absolute;
top:-22px;
right:-10px;
}

/* theme.corporate
---------------------------------------------------*/
.corporate h1{
margin:25px 0;
}

/* news */
.corporate #news div p{
top:10px;
/top:7px;
_top:10px;
right:14px;
}
.corporate #news div p a{
background:none;
padding-left:0;
width:51px;
height:16px;
}
.corporate #news .list-news-01{
margin-bottom:12px;
}
.corporate #news .list-news-01 dt{
margin-top:3px;
font-size:92.9%;
letter-spacing:-1px;
}
.corporate #news .list-link-01{
margin:0 -10px 0 0;
text-align:right;
}
.corporate #news .list-link-01 li{
margin:0 10px 0 0;
display:inline;
}

/* theme */
.corporate_top #theme.corporate{
position:relative;
margin:20px auto;
}
.corporate_top #theme.corporate .banner{
position:relative;
width:950px;
height:264px;
overflow:hidden;
margin-bottom:10px;
}
.corporate_top #theme.corporate .banner p{
top:0;
left:0;
z-index:1;
}
.corporate_top #theme.corporate .banner p a{
display:block;
}
.corporate_top #theme.corporate .ui{
position:relative;
width:950px;
height:58px;
overflow:hidden;
}
.corporate_top #theme.corporate .ui div{
position:absolute;
top:0;
left:49px;
z-index:2;
background:none;
width:860px;
height:54px;
overflow:hidden;
}
.corporate_top #theme.corporate ul li{
width:208px;
height:54px;
margin-right:7px;
float:left;
}
.corporate_top #theme.corporate ul li a{
display:block;
}
.corporate_top #theme.corporate .back,
.corporate_top #theme.corporate .next{
position:absolute;
top:0;
left:0;
float:left;
height:auto;
cursor:pointer;
}
.corporate_top #theme.corporate .next{
left:auto;
right:0;
}
.corporate_top #theme.corporate .current-frame{
display:block;
position:absolute;
top:-999em;
left:-999em;
z-index:100;
padding:0 1px 3px 1px;
background:url("images/transparent.gif") repeat 0 0; /* for IE */
}
.corporate_top #theme.corporate .current-frame span{
display:block;
width:202px;
height:47px;
border:2px solid #039;
text-indent:-999em;
cursor:pointer;
}

/* sub
---------------------------------------------------*/
#sub{
margin:-40px 0 10px;
float:right;
width:240px;
font-size:92.8%;
}

/* list-sub-01 */
#sub .list-sub-01{
margin-bottom:21px;
}
#sub .list-sub-01 li{
background:#ecf3f8 url("images/sub/bg_list-sub-01_02.png") no-repeat 0 100%;
margin-bottom:4px;
padding-bottom:3px;
font-size:92.3%;
font-weight:bold;
}
#sub .list-sub-01 a{
background:#ecf3f8 url("images/sub/bg_list-sub-01_01.png") no-repeat 0 0;
padding:.6em 3px .3em 0;
display:block;
text-decoration:none;
}
#sub .list-sub-01 a span{
background:url("images/icon_link_01.png") no-repeat 13px 50%;
padding-left:24px;
}

/* list-bnr-01 */
#sub .list-bnr-01 li{
margin-bottom:9px;
}

/* box-sub-01 */
#secondary .box-sub-01,
#sub .box-sub-01{
background:url("images/sub/bg_box-sub-01_03.png") no-repeat 0 100%;
margin-bottom:21px;
}
#secondary .box-sub-01 dt,
#sub .box-sub-01 dt{
background:#ebebeb url("images/sub/bg_box-sub-01_01.png") no-repeat 0 0;
margin-bottom:0;
padding:.5em 10px .4em 15px;
font-size:92.3%;
font-weight:bold;
overflow:hidden;
}
#secondary .box-sub-01 dt span,
#sub .box-sub-01 dt span{
float:left;
display:block;
}
#secondary .box-sub-01 dt a,
#sub .box-sub-01 dt a{
padding-left:12px;
background:url("images/icon_link_01.png") no-repeat 1px 0.45em;
display:inline-block;
/display:inline;
/zoom:1;
font-size:92.9%;
float:right;
text-decoration:none;
}
#secondary .box-sub-01 dd,
#sub .box-sub-01 dd{
background:url("images/sub/bg_box-sub-01_02.png") no-repeat 0 0;
/margin-bottom:0;
padding:12px 14px 4px 16px;
font-size:92.3%;
}
#secondary .box-sub-01 dl dt,
#sub .box-sub-01 dl dt,
#secondary .box-sub-01 dl dd,
#sub .box-sub-01 dl dd{
background:none !important;
padding:0;
font-size:100%;
}

/* box-subarea-01 */
#sub .box-subarea-01{
margin:7px 0 21px;
}
#sub .box-subarea-01 dt{
margin-bottom:0;
position:relative;
}
#sub .box-subarea-01 dd{
padding:5px 18px 4px 16px;
font-size:92.3%;
background:url("images/sub/bg_box-area-01_01.png") no-repeat 0 100%;
}
#sub .box-subarea-01 dl{
margin-bottom:0;
}
#sub .box-subarea-01 dl dt{
float:left;
clear:both;
font-weight:normal;
letter-spacing:-.5px;
}
#sub .box-subarea-01 dl dd{
background:url("images/bg_line_dot_01.png") repeat-x 0 100%;
padding:1px 0 10px 6.7em;
/padding-left:7em;
zoom:0;
}
#sub .box-subarea-01 dd .more{
/margin-bottom:0;
}

#sub .box-subarea-01 .list-01 li{
margin-bottom:10px;
padding:11px 0 0;
background:url("images/bg_line_dot_01.png") repeat-x 0 0;
}
#sub .box-subarea-01 .list-01 li:first-child{
padding-top:0;
background:none;
}
#sub .box-subarea-01 .list-01 li a{
text-decoration:underline;
}
#sub .box-subarea-01 .list-01 li a:hover,
#sub .box-subarea-01 .list-01 li a:focus{
text-decoration:none;
}

/* box-subarea-02 */
#sub .box-subarea-02{
margin:7px 0 21px;
}
#sub .box-subarea-02 dt{
margin-bottom:0;
position:relative;
}
#sub .box-subarea-02 dd{
padding:0px 4px 6px 4px;
font-size:92.3%;
background:url("images/sub/bg_box-area-02_01.png") no-repeat 0 100%;
}

/* bnr_right-mylife */
#secondary .bnr_right-mylife div,
#sub .bnr_right-mylife div{
background:url("images/sub/bg_secondary_03.png") no-repeat 0 100%;
margin:0 -2px 20px -1px;
padding:0 13px 5px;
}
#secondary .bnr_right-mylife h2,
#sub .bnr_right-mylife h2{
position:relative;
margin:0 -2px 0 -1px;
zoom:1;
}
#secondary .bnr_right-mylife div p,
#sub .bnr_right-mylife div p{
position:relative;
margin:0 -13px 2px;
zoom:1;
}
#secondary .bnr_right-mylife .roll,
#sub .bnr_right-mylife .roll{
text-align:center;
}
#secondary .bnr_right-mylife .roll li,
#sub .bnr_right-mylife .roll li{
margin-bottom:4px;
line-height:1;
}
#secondary .bnr_right-mylife ul,
#sub .bnr_right-mylife ul{
}
#secondary .bnr_right-mylife ul li,
#sub .bnr_right-mylife ul li{
font-size:92.9%;
}

/* nav-local
---------------------------------------------------*/
#nav-local{
margin-bottom:22px;
}
#nav-local dl{
margin:0;
}
#nav-local dl dt{
background:url("images/sub/bg_nav-local_head_02.png") no-repeat 0 100%;
margin-bottom:0;
padding:25px 3px 4px 6px;
line-height:0;
position:relative;
zoom:0;
}
#nav-local.simple dl dt{
background-image:url("images/sub/bg_nav-local_head_01.png");
}
#nav-local dl dd{
background:url("images/sub/bg_nav-local_01.png") no-repeat 0 100%;
margin-bottom:0;
/margin-bottom:11px;
padding:0 7px 11px;
}
#nav-local dl dd dl{
/margin-bottom:-10px;
}
#nav-local dl dd dt{
background:#fff url("images/sub/bg_nav-local_subhead_01.png") repeat-x 0 100%;
margin-bottom:1px;
padding:10px 3px 10px 8px;
height:auto;
/*font-size:92.3%;*/
font-weight:bold;
line-height:1.2;
}
#nav-local.simple dl dd dt{
background-image:url("images/sub/bg_nav-local_subhead_01.png");
}
#nav-local dl dd dd{
background:none;
padding:0;
}
#nav-local dl dd ul{
margin:0;
}
#nav-local dl dd dd ul,
#nav-local dl dd ul ul{
margin-top:0;
}
#nav-local dl dd ul li{
border-bottom:1px solid #d2d2d2;
padding:0;
/*font-size:92.3%;*/
}
#nav-local dl dd ul .last-child{
margin-bottom:0;
border:none;
}
#nav-local dl dd ul .active,
#nav-local dl dd ul .current{
background:#e7f9ff;
}
#nav-local dl dd ul .current a{
background:#37bff0 url("images/icon_link_02.png") no-repeat 9px 1.2em;
color:#fff;
}
#nav-local dl dd ul .active li a,
#nav-local dl dd ul .current li a{
background:url("images/sub/icon_nav-local_01.png") no-repeat 20px .8em;
color:#0092d8;
}
#nav-local dl dd ul .active li a:hover,
#nav-local dl dd ul .current li a:hover,
#nav-local dl dd ul .active li a:focus,
#nav-local dl dd ul .current li a:focus{
color:#fff;
}
#nav-local dl dd a{
background:url("images/icon_link_01.png") no-repeat 9px 1.2em;
padding:.7em 3px .7em 21px;
display:block;
font-weight:bold;
text-decoration:none;
zoom:1;
}
#nav-local dl dd a:hover,
#nav-local dl dd a:focus{
background:#37bff0 url("images/icon_link_02.png") no-repeat 9px 1.2em;
color:#fff;
}
#nav-local dl dd ul li li{
border:none;
font-size:100%;
zoom:1;
}
#nav-local dl dd ul li li a{
background:url("images/sub/icon_nav-local_01.png") no-repeat 20px 50%;
padding:.2em 3px .2em 33px;
font-weight:normal;
}
#nav-local dl dd ul .active .current a,
#nav-local dl dd ul li li a:hover,
#nav-local dl dd ul li li a:focus{
background:#37bff0 url("images/sub/icon_nav-local_02.png") no-repeat 20px .8em;
color:#fff;
}

/* 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(/common/images/new_foot_swibg.jpg) 0 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 .full{
background:url("images/footer/bg_box-round-01_01.png") no-repeat left;
margin:0 -10px 10px 0;
padding-bottom:16px;
font-size:92.3%;
}
#footer .full div{
background:#f5f5f5 url("images/footer/bg_box-round-01_02.png") no-repeat 0 100%;
overflow:hidden;
margin:0;
width:950px;
float:none;
}
#footer .full dl{
padding-left:9px;
}
#footer .full .list{
margin:0;
padding:0 0 0 9px;
}
#footer .full .list li{
display: inline-block;
width:180px;
}

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


/*===================================================
 page type
===================================================*/
/* 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(/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
---------------------------------------------------*/
.popup #container{
background: url(/common/css/images/header/bg_header_02.png) 0 100px repeat-x;
}
.popup #header{
min-width:693px;
min-height:101px;
_height:101px;
padding-top:0;
background-position: 0 0;
}
.popup #header .wrap{
width:693px;
height:100px;
padding-top:0;
}
.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(/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;
}

/* top page
---------------------------------------------------*/
#main.index{
padding: 20px 0 0 0;
width: 950px;
margin: 0 auto;
}
#main.index a{
color: #333;
text-decoration: none;
}
#main.index a:hover{
color:#0081bf;
}
#main.index a:active{
color: #dbd0e6;
}
#index_bnr{
width: 950px;
margin: 0 auto;
}
#index_bnr li{
float: left;
}
#index_bnr li + li{
margin-left:6px;
}
#index_bnr li a img:hover,
#index_bnr li a{
opacity: 1!important;
}
#main.index h2{
margin: 0 0 40px 0;
}
#main.index h3{
position: relative;
margin: 0 0 10px 0;
}
#main.index h3 span{
font-size: 78.6%;
position: absolute;
top: 6px;
right: 0;
padding: 0 0 0 10px;
background: url(/common/images/index/new_index_h3_yaji.png) 0 4px no-repeat;
}
#main.index h3 span a{
color: #039;
}
#main.index h3 span a:hover{
text-decoration: underline;
}
#main.index #new{
float: left;
width: 460px;
}
#main.index #new .inner{
position: relative;
float: left;
width: 230px;
}
#main.index #new .inner .img{
position: absolute;
bottom: 22px;
left: 21px;
}
#main.index #plan{
float: right;
width: 460px;
}
#main.index #plan .inner + .inner{
margin: 39px 0 0 0;
}
#main.index #attention{
clear: both;
overflow: hidden;
width: 960px;
margin: 0 0 20px 0;
padding: 40px 0 0 0;
}
#main.index #attention ul{
padding: 10px 0 0 0;
}
#main.index #attention ul li{
float: left;
width: 230px;
margin: 0 10px 15px 0;
}
#main.index #attention ul li p{
font-size: 85.7%;
margin: 10px 0 0 0;
}
#main.index #recommend{
clear: both;
overflow: hidden;
width: 960px;
margin: 0 0 20px 0;
}
#main.index #recommend ul.list-image{
padding: 10px 0 0 0;
}
#main.index #recommend ul.list-image li{
float: left;
width: 230px;
margin: 0 10px 10px 0;
}
#main.index #recommend ul.list-link{
text-align: center;
}
#main.index #recommend ul.list-link a{
color: #0098d9;
}
#main.index #recommend ul.list-link a:hover, #main.index #recommend ul.list-link a:focus{
text-decoration: underline;
}
#main.index #recommend ul.list-link li{
display: inline-block;
padding: 0 10px 0 25px;
background: url(/common/images/index/new_link_icon.png) 15px 0.2em no-repeat;
border-left: 1px solid #d1d1d1;
line-height: 1;
}
#main.index #recommend ul.list-link li:first-child{
border-left: none;
}
#main.index #info{
float: left;
width: 690px;
}
#main.index #info dl dt{
font-size: 85.7%;
font-weight: bold;
line-height: 1.5;
float: left;
clear: left;
width: 90px;
margin: 0 0 15px 0;
text-align: center;
color: #0098d9;
}
#main.index #info dl{
width: 690px;
padding: 10px 0 0 0;
}
#main.index #info dl dd{
font-size: 85.7%;
line-height: 1.5;
float: left;
width: 85px;
margin: 0 0 15px 0;
}
#main.index #info dl dd + dd{
width: 510px;
}
#main.index #info ul{
padding: 5px 0 0 15px;
}
#main.index #info ul li{
float: left;
margin: 0 7px 0 0;
}
#main.index #list{
float: right;
width: 240px;
padding: 25px 0 0 0;
}
#main.index #list li{
font-size: 85.7%;
line-height: 1.6;
height: 33px;
padding: 15px 0 0 30px;
border: 1px solid #dcdcdc;
background: url(/common/images/index/new_index_listicon.png) 15px center no-repeat #f6f6f6;
}
#main.index #list li.last{
font-size: 85.7%;
height: 42px;
padding: 6px 0 0 30px;
border: 1px solid #dcdcdc;
background: url(/common/images/index/new_index_listicon.png) 15px center no-repeat #f6f6f6;
}
#main.index #list li + li{
margin: 5px 0 0 0;
}
#main.index #pick{
clear: both;
padding: 40px 0 0 0;
}
#main.index #pick h3{
padding: 0 0 10px 0;
}
#main.index #pick ul + ul{
margin: 20px 0 0 0;
padding: 20px 0 0 0;
border-top: 1px solid #dcdcdc;
}
#main.index #pick ul li{
float: left;
}
#main.index #pick ul li + li{
margin: 0 0 0 10px;
}
#BalloonChangeContent .right,
#BalloonChangeContent .right2col{
float: right;
width: 657px;
}
#BalloonChangeContent .right ul,
#BalloonChangeContent .right2col ul{
margin: 10px 0 0 10px;
}
#BalloonChangeContent .right li,
#BalloonChangeContent .right2col li{
padding: 7px 0 7px 15px;
background: url(/common/images/index/new_index_balloonicon.png) 0 center no-repeat;
clear: both;
}
#BalloonChangeContent .right li ul li,
#BalloonChangeContent .right2col li ul li{
padding-left: 0;
list-style: disc;
background: none;
}
#BalloonChangeContent .right2col ul{
float: left;
width: 310px;
}

#side{
width:220px;
background:#eaeaea;
padding:10px;
}
#side h3{
color:#0a2e8c;
font-size:114.3%;
padding:5px 0 11px 5px;
margin: 0;
}
#side div{
cursor:pointer;
color:#fff;
background:url(/common/css/images/new_side_close.png) 198px center no-repeat #0097d9;
font-size:100%;
}
#side dl.accordion{
background:#fff;
}
#side dl.accordion,
#side dl.accordion dt,
#side dl.accordion dd{
margin-bottom: 0;
}
#side dl.accordion dt{
cursor:pointer;
color:#fff;
padding:10px 0 10px 10px;
background:url(/common/css/images/new_side_close.png) 198px center no-repeat #0097d9;
border-bottom:solid 1px #eaeaea;
font-size:100%;
}
#side dl.accordion dt:hover{
background:url(/common/css/images/new_side_close.png) 198px center no-repeat #0a2e8c;
}
#side dl.accordion dt.opened{
background:url(/common/css/images/new_side_open.png) 192px center no-repeat #0097d9;
}
#side dl.accordion dt.opened:hover{
background:url(/common/css/images/new_side_open.png) 192px center no-repeat #0a2e8c;
}
#side dl.accordion dd a{
display:block;
font-size:85.7%;
line-height:1.6;
text-decoration:none;
color:#0097d8;
border-bottom:1px solid #eaeaea;
background:url(/common/css/images/new_side_icon.png) 12px center no-repeat;
padding:8px 0 8px 25px;
}
#side div a{
display:block;
font-size:100%;
line-height:1.6;
text-decoration:none!important;
color:#fff!important;
border-bottom:1px solid #eaeaea;
padding:6px 0 6px 10px;
}
#side div a:hover{
background:url(/common/css/images/new_side_close.png) 198px center no-repeat #0a2e8c;
}
#side dl.accordion dd a:hover{
background:url(/common/css/images/new_side_icon_hover.png) 12px center no-repeat #363636;
color:#fff;
}

/* body.top
---------------------------------------------------*/
.top #container{
background: url(/common/images/new_bg.png) 0 0 repeat-x;
padding-top: 20px;
}
.top #contents{
margin-top: 0;
}
.top #container > .box-important-01{
width: 950px;
margin: 0 auto 20px;
}

.top #footer{
color: #333;
font-size: 100%;
margin: 35px 0 0 0;
background:none;
}
.top #footer a{
color: #555;
}
.top #footer a:hover{
text-decoration: underline;
}
.top #footer .wrap{
width: 950px;
margin: 0 auto;
}
.top #footer h3{
margin: 0 0 20px 0;
}
.top #footer h4{
margin: 0 0 17px 0;
border-top: 1px solid #e5f4fb;
border-bottom: 1px solid #e5f4fb;
}
.top #footer h4.orange{
border-top: 1px solid #fff3ea;
border-bottom: 1px solid #fff3ea;
}
.top #footer .left{
float: left;
width: 290px;
}
.top #footer .center{
float: left;
width: 290px;
margin: 0 40px;
}
.top #footer .right{
float: right;
width: 290px;
}
.top #footer .left div,
.top #footer .center div,
.top #footer .right div{
height: 300px;
}
.top #footer .left .box{
height: 155px!important;
}
.top #footer .right .ar{
height: auto!important;
}
.top #footer .right .box ul{
padding: 15px 0;
border: 1px solid #dcdcdc;
background: #f6f6f6;
}
.top #footer .right .box ul + ul{
margin: 15px 0 0 0;
padding: 20px 0;
border: 1px solid #dcdcdc;
background: url(/common/images/new_foot_10.jpg) 215px center no-repeat;
background-color: #fff;
}
.top #footer .right .box ul li{
margin: 0;
}
.top #footer .right .box ul li + li{
margin: 12px 0 0 0;
}
#footer .left ul li.list,
#footer .center ul li.list{
background:url(/common/images/new_foot_icon.png) 15px 4px no-repeat!important;
}
#footer .left ul li.list ul,
#footer .center ul li.list ul{
padding:0 0 0 20px;
}
#footer .left ul li.list ul li,
#footer .center ul li.list ul li{
font-size:100%;
list-style:disc;
background:none!important;
padding:0!important;
}
.top #footer .left ul li,
.top #footer .center ul li,
.top #footer .right ul li{
font-size: 85.7%;
line-height: 1.6;
margin: 12px 0 0 0;
padding: 0 0 0 30px;
background: url(/common/images/new_foot_icon.png) 15px center no-repeat;
}
.top #footer #pagetop{
position: absolute;
top: -30px;
right: 0;
}
.top #footer #switch{
position: static;
margin: 0 auto;
}
.top #footer #rights{
position: relative;
overflow: hidden;
width: 100%;
background: #f5f5f5;
}
.top #footer #rights ul{
position: relative;
left: 50%;
float: left;
padding: 20px 0;
margin-bottom: 0;
text-align: center;
}
.top #footer #rights ul li{
font-size: 93%;
position: relative;
left: -50%;
float: left;
}
.top #footer #rights ul li a{
padding: 0 5px;
}
.top #footer #rights ul li a:hover{
text-decoration: underline;
}
.top #footer #copy{
padding: 10px 0;
background: #363636;
}
.top #footer #copy p{
margin-bottom: 0;
font-size: 85.7%;
text-align: center;
color: #fff;
}
.top #footer .wrap{
position: relative;
width: 950px;
margin: 0 auto;
padding: 0 0 40px 0;
}
.top #footer #copy .wrap{
padding: 0;
}

.focus{
color: #969696;
}
.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 */

/* 重要なお知らせ */
.top #important-info dl{
margin:0 auto;
width:950px;
border:2px solid #f12958;
background:#ffffff;
}
.top #important-info dl dt,
.top #important-info dl dd{
min-height:24px;
margin-bottom:0 !Important;
padding:9px 10px;
border:2px solid #ffffff;
vertical-align:middle;
}
.top #important-info dl dt{
position:relative;
top:0;
width:130px;
float:left;
background:#f12958 url("/common/css/images/top/bg_important_01.png") no-repeat 4px center;
padding-left:22px;
text-align:center;
color:#ffffff;
font-size:128.6%;
font-weight:bold;
}
.top #important-info dl dt span{
position:absolute;
top:50%;
left:22px;
display:block;
margin-top:-0.7em;
}
.top #important-info dl dd{
overflow:hidden;
}
.top #important-info dl dd ul{
margin:3px 0 0 0;
}
.top #important-info dl dd ul li a{
text-decoration:underline;
}

/* theme */
.top #theme{
position: relative;
width: 950px;
min-height: 270px;
margin: 0 auto 7px;
_height: 270px;
}
.top #theme .banner{
position: relative;
top: 16px;
left: 16px;
overflow: hidden;
height: 239px;
}
.top #theme .banner p{
top: 0;
left: 0;
}
.top #theme .ui{
position: absolute;
top: 16px;
right: 16px;
overflow: hidden;
width: 180px;
height: 239px;
}
.top #theme .ui a{
display: block;
}
.top #theme .ui div{
position: absolute;
z-index: 2;
top: 26px;
left: 11px;
overflow: hidden;
height: 189px;
margin-bottom: 0;
whidth: 159px;
}
.top #theme .ui li{
width: 159px;
height: 42px;
margin-bottom: 7px;
}
.top #theme .ui li a{
width: 159px;
height: 42px;
}
.top #theme .ui .up,
.top #theme .ui .down{
position: absolute;
left: 40px;
margin-bottom: 0;
}
.top #theme .ui .up{
top: 0;
}
.top #theme .ui .down{
top: 223px;
}
.top #theme .ui .up img,
.top #theme .ui .down img{
cursor: pointer;
*vertical-align: top;
}
.top #theme .current-frame{
position: absolute;
z-index: 100;
top: -999em;
left: -999em;
margin: 0 0 0 -7px;
background: url('images/transparent.gif') repeat 0 0; /* for IE */
background: url(/common/images/index/new_index_sicon.png) 0 14px no-repeat;
}
.top #theme .current-frame span{
display: block;
width: 153px;
height: 35px;
margin: 0 0 0 7px;
cursor: pointer;
text-indent: -999em;
border: 2px solid #0097d9;
}

.bnr-floating{
text-align:center;
background:url(/common/css/images/top/bg_bnr-floating_01.jpg);
position:fixed;
left:0;
bottom:0;
width:100%;
z-index:1000;
}
.bnr-floating-inner{
position:relative;
width:950px;
height:60px;
margin:0 auto;
}
.bnr-floating-inner .close{
position:absolute;
top:0;
right:0;
}

/* body.nonav
---------------------------------------------------*/
.nonav #container{
background-position: 0 100px;
}

/* #main.index
------------------------------*/
.index .content{
margin-top: 10px;
}
.index .contentsIndex{
margin-top: 30px;
}
.index .contentsIndex .btns{
width: 950px;
margin: 0 auto;
}
.index .contentsIndex .btns li{
float: left;
width: 122px;
}
.index .contentsIndex .btns li + li{
margin: 0 0 0 16px;
}
.index .contentsIndex .btns li a{
display: block;
width: 122px;
height: 105px;
text-indent: -9999px;
}
.index .contentsIndex .btns li.menu01 a{
background: url(/common/images/index/new_index_balloon_1.jpg) 0 0 no-repeat;
}
.index .contentsIndex .btns li.menu01 a:hover{
background: url(/common/images/index/new_index_balloon_1on.jpg) 0 0 no-repeat;
}
.index .contentsIndex .btns li.menu01 a.on{
background: url(/common/images/index/new_index_balloon_1on.jpg) 0 0 no-repeat;
}
.index .contentsIndex .btns li.menu01 a.off{
background: url(/common/images/index/new_index_balloon_1.jpg) 0 0 no-repeat;
}
.index .contentsIndex .btns li.menu01 a.off:hover{
background: url(/common/images/index/new_index_balloon_1on.jpg) 0 0 no-repeat;
}
.index .contentsIndex .btns li.menu02 a{
background: url(/common/images/index/new_index_balloon_2.jpg) 0 0 no-repeat;
}
.index .contentsIndex .btns li.menu02 a:hover{
background: url(/common/images/index/new_index_balloon_2on.jpg) 0 0 no-repeat;
}
.index .contentsIndex .btns li.menu02 a.on{
background: url(/common/images/index/new_index_balloon_2on.jpg) 0 0 no-repeat;
}
.index .contentsIndex .btns li.menu02 a.off{
background: url(/common/images/index/new_index_balloon_2.jpg) 0 0 no-repeat;
}
.index .contentsIndex .btns li.menu02 a.off:hover{
background: url(/common/images/index/new_index_balloon_2on.jpg) 0 0 no-repeat;
}
.index .contentsIndex .btns li.menu03 a{
background: url(/common/images/index/new_index_balloon_3.jpg) 0 0 no-repeat;
}
.index .contentsIndex .btns li.menu03 a:hover{
background: url(/common/images/index/new_index_balloon_3on.jpg) 0 0 no-repeat;
}
.index .contentsIndex .btns li.menu03 a.on{
background: url(/common/images/index/new_index_balloon_3on.jpg) 0 0 no-repeat;
}
.index .contentsIndex .btns li.menu03 a.off{
background: url(/common/images/index/new_index_balloon_3.jpg) 0 0 no-repeat;
}
.index .contentsIndex .btns li.menu03 a.off:hover{
background: url(/common/images/index/new_index_balloon_3on.jpg) 0 0 no-repeat;
}
.index .contentsIndex .btns li.menu04 a{
background: url(/common/images/index/new_index_balloon_4.jpg) 0 0 no-repeat;
}
.index .contentsIndex .btns li.menu04 a:hover{
background: url(/common/images/index/new_index_balloon_4on.jpg) 0 0 no-repeat;
}
.index .contentsIndex .btns li.menu04 a.on{
background: url(/common/images/index/new_index_balloon_4on.jpg) 0 0 no-repeat;
}
.index .contentsIndex .btns li.menu04 a.off{
background: url(/common/images/index/new_index_balloon_4.jpg) 0 0 no-repeat;
}
.index .contentsIndex .btns li.menu04 a.off:hover{
background: url(/common/images/index/new_index_balloon_4on.jpg) 0 0 no-repeat;
}
.index .contentsIndex .btns li.menu05 a{
background: url(/common/images/index/new_index_balloon_5.jpg) 0 0 no-repeat;
}
.index .contentsIndex .btns li.menu05 a:hover{
background: url(/common/images/index/new_index_balloon_5on.jpg) 0 0 no-repeat;
}
.index .contentsIndex .btns li.menu05 a.on{
background: url(/common/images/index/new_index_balloon_5on.jpg) 0 0 no-repeat;
}
.index .contentsIndex .btns li.menu05 a.off{
background: url(/common/images/index/new_index_balloon_5.jpg) 0 0 no-repeat;
}
.index .contentsIndex .btns li.menu05 a.off:hover{
background: url(/common/images/index/new_index_balloon_5on.jpg) 0 0 no-repeat;
}
.index .contentsIndex .btns li.menu06 a{
background: url(/common/images/index/new_index_balloon_6.jpg) 0 0 no-repeat;
}
.index .contentsIndex .btns li.menu06 a:hover{
background: url(/common/images/index/new_index_balloon_6on.jpg) 0 0 no-repeat;
}
.index .contentsIndex .btns li.menu06 a.on{
background: url(/common/images/index/new_index_balloon_6on.jpg) 0 0 no-repeat;
}
.index .contentsIndex .btns li.menu06 a.off{
background: url(/common/images/index/new_index_balloon_6.jpg) 0 0 no-repeat;
}
.index .contentsIndex .btns li.menu06 a.off:hover{
background: url(/common/images/index/new_index_balloon_6on.jpg) 0 0 no-repeat;
}
.index .contentsIndex .btns li.menu07 a{
background: url(/common/images/index/new_index_balloon_7.jpg) 0 0 no-repeat;
}
.index .contentsIndex .btns li.menu07 a:hover{
background: url(/common/images/index/new_index_balloon_7on.jpg) 0 0 no-repeat;
}
.index .contentsIndex .btns li.menu07 a.on{
background: url(/common/images/index/new_index_balloon_7on.jpg) 0 0 no-repeat;
}
.index .contentsIndex .btns li.menu07 a.off{
background: url(/common/images/index/new_index_balloon_7.jpg) 0 0 no-repeat;
}
.index .contentsIndex .btns li.menu07 a.off:hover{
background: url(/common/images/index/new_index_balloon_7on.jpg) 0 0 no-repeat;
}
.index .contentsIndex .btns li.internet a{
background-position: -195px 0;
}
.index .contentsIndex .btns li.internet a:hover{
background-position: -195px -140px;
}
.index .contentsIndex .btns li.internet a.on{
background-position: -195px -280px;
}
.index .contentsIndex .btns li.internet a.off{
background-position: -195px -420px;
}
.index .contentsIndex .btns li.internet a.off:hover{
background-position: -195px -560px;
}
.index .contentsIndex .btns li.contents a{
background-position: -390px 0;
}
.index .contentsIndex .btns li.contents a:hover{
background-position: -390px -140px;
}
.index .contentsIndex .btns li.contents a.on{
background-position: -390px -280px;
}
.index .contentsIndex .btns li.contents a.off{
background-position: -390px -420px;
}
.index .contentsIndex .btns li.contents a.off:hover{
background-position: -390px -560px;
}
.index .contentsIndex .btns li.support a{
background-position: -585px 0;
}
.index .contentsIndex .btns li.support a:hover{
background-position: -585px -140px;
}
.index .contentsIndex .btns li.support a.on{
background-position: -585px -280px;
}
.index .contentsIndex .btns li.support a.off{
background-position: -585px -420px;
}
.index .contentsIndex .btns li.support a.off:hover{
background-position: -585px -560px;
}
.index .contentsIndex .btns li.onlineshop a{
background-position: -780px 0;
}
.index .contentsIndex .btns li.onlineshop a:hover{
background-position: -780px -140px;
}
.index .contentsIndex .btns li.onlineshop a.on{
background-position: -780px -280px;
}
.index .contentsIndex .btns li.onlineshop a.off{
background-position: -780px -420px;
}
.index .contentsIndex .btns li.onlineshop a.off:hover{
background-position: -780px -560px;
}
.index .contentsIndex .btns li:after{
clear: both;
}
.index .contentsIndex .balloon{
position: relative;
display: none;
overflow: hidden;
zoom: 1;
height: auto;
margin-top: 10px;
}
.index .contentsIndex .balloonInner{
position: relative;
zoom: 1;
padding: 15px 0;
background: url(/common/images/index/new_index_balloonbg.gif) 0 15px repeat-x;
}
.index .contentsIndex .balloonInner .arrow{
position: absolute;
top: 5px;
left: -30px;
}
.index .contentsIndex .balloonInner .contentsListWrap{
zoom: 1;
width: 950px;
margin: 0 auto;
padding-top: 20px;
padding-bottom: 17px;
border-top: 4px solid #0092d9;
}
.index .contentsIndex .balloonInner .closeBtn{
position: absolute;
bottom: 0;
left: 50%;
width: 66px;
height: 66px;
margin-left: -30px;
text-align: center;
}
.index .contentsIndex .contentsList figure,
.index .contentsIndex .contentsList .figure{
float: left;
width: 245px;
}
.index .contentsIndex .contentsList figure figcaption p,
.index .contentsIndex .contentsList .figure .figcaption p{
margin-top: 10px;
}
.index .contentsIndex .contentsList .thumbs{
float: left;
border-left: 1px solid #dedede;
}
.index .contentsIndex .contentsList .thumbs li{
width: 190px;
height: 80px;
margin: 0 25px;
vertical-align: top;
}
.index .contentsIndex .contentsList .thumbs li.upper{
height: 85px;
margin-bottom: 20px;
border-bottom: #dedede solid 1px;
}
.index .contentsIndex .contentsList .mobile .thumbs .txt,
.index .contentsIndex .contentsList .internet .thumbs .txt,
.index .contentsIndex .contentsList .contents .thumbs .txt,
.index .contentsIndex .contentsList .support .thumbs .txt,
.index .contentsIndex .contentsList .onlineshop .thumbs .txt{
overflow: hidden;
zoom: 1;
}
.index .contentsIndex .contentsList figure figcaption p,
.index .contentsIndex .contentsList .figure .figcaption p,
.index .contentsIndex .contentsList .mobile .thumbs .txt .icnBullet,
.index .contentsIndex .contentsList .internet .thumbs .txt .icnBullet,
.index .contentsIndex .contentsList .contents .thumbs .txt .icnBullet,
.index .contentsIndex .contentsList .support .thumbs .txt .icnBullet,
.index .contentsIndex .contentsList .onlineshop .thumbs .txt .icnBullet,
.index .contentsIndex .contentsList .mobile .thumbs .txt .icnBlank,
.index .contentsIndex .contentsList .internet .thumbs .txt .icnBlank,
.index .contentsIndex .contentsList .contents .thumbs .txt .icnBlank,
.index .contentsIndex .contentsList .support .thumbs .txt .icnBlank,
.index .contentsIndex .contentsList .onlineshop .thumbs .txt .icnBlank{
font-weight: 700;
display: block;
margin-bottom: 6px;
}
.index .contentsIndex .contentsList .mobile{
overflow: hidden;
zoom: 1;
}
.index .contentsIndex .contentsList .mobile .bnrs{
float: left;
width: 220px;
margin-top: -17px;
}
.index .contentsIndex .contentsList .mobile .bnrs li{
margin-top: 17px;
padding: 0 2px 2px 0;
background: url(http://media.kddi.com/extlib/images/top/balloon_mob_bnr_bg.gif) right bottom no-repeat;
}
.index .contentsIndex .contentsList .mobile .thumbs .image{
background: url(http://media.kddi.com/extlib/images/top/balloon_mob_thumb_bg.gif) right bottom no-repeat;
}
.index .contentsIndex .contentsList .internet{
overflow: hidden;
zoom: 1;
}
.index .contentsIndex .contentsList .internet .thumbs .image{
background: url(http://media.kddi.com/extlib/images/top/balloon_inte_thumb_bg.gif) right bottom no-repeat;
}
.index .contentsIndex .contentsList .contents{
overflow: hidden;
zoom: 1;
}
.index .contentsIndex .contentsList .contents .thumbs .image{
background: url(http://media.kddi.com/extlib/images/top/balloon_inte_thumb_bg.gif) right bottom no-repeat;
}
.index .contentsIndex .contentsList .contents .boxWrap{
float: right;
width: 240px;
padding: 3px 0 0;
background: url(http://media.kddi.com/extlib/images/top/balloon_frm_top.gif) center top no-repeat #f7f7f7;
}
.index .contentsIndex .contentsList .contents .boxWrap .boxInner{
padding: 0 0 3px;
background: url(http://media.kddi.com/extlib/images/top/balloon_frm_btm.gif) center bottom no-repeat;
}
.index .contentsIndex .contentsList .contents .txts{
padding: 15px 23px;
border-right: 1px solid #dedede;
border-left: 1px solid #dedede;
}
.index .contentsIndex .contentsList .contents .txts .ttl{
font-size: 13px;
font-weight: 700;
margin-bottom: 15px;
letter-spacing: -1px;
}
.index .contentsIndex .contentsList .contents .txts .txt{
margin-bottom: 20px;
}
.index .contentsIndex .contentsList .contents .boxWrap .boxInner img{
width: 197px;
height: auto;
}
.index .contentsIndex .contentsList .support figure,
.index .contentsIndex .contentsList .support .figure{
float: left;
width: 175px;
}
.index .contentsIndex .contentsList .support .thumbs li{
width: 230px;
}
.index .contentsIndex .contentsList .support .thumbs .image{
margin-right: 10px;
background: url(http://media.kddi.com/extlib/images/top/balloon_supp_thumb_bg.gif) right bottom no-repeat;
}
.index .contentsIndex .contentsList .support .thumbs .txt .fsS{
font-size: 95%;
}
.index .contentsIndex .contentsList .support .boxWrap{
float: right;
width: 240px;
padding: 3px 0 0;
background: url(http://media.kddi.com/extlib/images/top/balloon_frm_top.gif) center top no-repeat #f7f7f7;
}
.index .contentsIndex .contentsList .support .boxWrap .boxInner{
padding: 0 0 3px;
background: url(http://media.kddi.com/extlib/images/top/balloon_frm_btm.gif) center bottom no-repeat;
}
.index .contentsIndex .contentsList .support .txts{
padding: 15px 23px;
border-right: 1px solid #dedede;
border-left: 1px solid #dedede;
}
.index .contentsIndex .contentsList .support .txts .ttl{
font-size: 13px;
font-weight: 700;
margin-bottom: 15px;
letter-spacing: -1px;
}
.index .contentsIndex .contentsList .support .txts .txt{
margin-bottom: 20px;
}
.index .contentsIndex .contentsList .support .boxWrap .boxInner img{
width: 197px;
height: auto;
}
.index .contentsIndex .contentsList .onlineshop .thumbs li{
width: 195px;
height: 90px;
}
.index .contentsIndex .contentsList .onlineshop .thumbs li.upper{
margin-bottom: 16px;
}
.index .contentsIndex .contentsList .onlineshop .thumbs.last li{
width: 185px;
height: 62px;
margin: 0 25px 0 30px;
}
.index .contentsIndex .contentsList .onlineshop.v2 .thumbs.last li{
width: 185px;
height: 50px;
margin: 0 25px 0 30px;
}


/*===================================================
 clearfix
===================================================*/
#title div,
#nav-header div,
#gnav,
.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,
#gnav: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}