@charset "utf-8";
@import "/common/css/service_navi.css";

/*
 * Support base css
 * Date: 2009.06.16.
 * Author: Creative Team
 */

/* Reset 
--------------------------------------------------------------------------*/
html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, p, input{
	margin: 0;
	padding: 0;
	
	}

h1, h2, h3, h4, h5, h6, th {
	font-size: 1.0em;
	font-weight: normal;
	font-style: normal;
	line-height:1.0em;
	_line-height:1.2em;
	
	}
	
ul,ol{
	list-style: none;
	}
img {
	border: none;
	}
table{
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells:show;
	}
	
hr{
	position:absolute;
	display:none;
	}
	
/* Base 
--------------------------------------------------------------------------*/
html{
	overflow-y:scroll;
	background:#fff;
	_height: 100%;
	}

body {
	font:12px 'ヒラギノ角ゴ Pro W3' , 'Hiragino Kaku Gothic Pro' , 'メイリオ' , Meiryo ,'ＭＳ Ｐゴシック' , sans-serif ;
	_font-family :'ＭＳ Ｐゴシック' , sans-serif ; /* IE6 */
	color:#171717;
	background:url(/common/images/main_bg01_hiru.gif) #ffb033 repeat center top;
	height: 100%;
	width: 100%;
	}

/* header 
--------------------------------------------------------------------------*/
body {	position: relative;	_position: fixed;}
#wrapper {	padding-top: 39px;}
#cmn_head {	position: absolute;	top:0;	left:0;}

/* Link 
--------------------------------------------------------------------------*/
a:link,
a:visited{
	color:#1600e8;
	overflow:hidden;
	text-decoration:underline;
	}
	
a:hover,
a:active{
	text-decoration:none;
	}


/* clearfix 
--------------------------------------------------------------------------*/
.clearfix:after{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix{
display: inline-block;
}

/*\*/
*html .clearfix{
height: 1%;
}
.clearfix{
display: block;
}
/**/


/* pager
--------------------------------------------------------------------------*/
.pager{
margin: 10px auto;
text-align: center;
font-size: 10px;
color: #fff;
}
.pager a,.pager a:visited{
text-decoration: none;
color: #333;
}
.pager a:hover{
text-decoration: underline;
color: #333;
}
.pager a.prev{
padding: 0px 7px 0px 10px;
background: url(/common/images/pager_bg.gif) no-repeat 0px -23px;
}
.pager .next{
padding: 0px 10px 0px 7px;
background: url(/common/images/pager_bg.gif) no-repeat right 3px;
}

span.none{
display: none;
}

/*--------------------------------------------------------------------------*/


#wrapper{
background: url(/common/images/main_bg02.gif) repeat-x center bottom;
}

#global-header,#support_global-header{
padding: 0px;
margin: 0px auto 0px;
width: 957px;
}
#logo{
float: left;
}
#logo h1{
width: 239px;
height: 55px;
overflow:hidden;
}
#logo a{
display: block;
width: 239px;
height: 55px;
background: url(/common/images/logo.png) no-repeat;
text-indent: -9999px;
overflow:hidden;
outline:none;
}
#support_global-header #logo a{
display: block;
width: 275px;
height: 55px;
background: url(/common/images/logo_support.png) no-repeat;
text-indent: -9999px;
}
#hd_txt {
float:left;
width:212px;
height:29px;
padding-top:12px;
text-indent:-9999px;
overflow:hidden;
background:url(/common/images/txt_tosho_hiru.gif) 0 12px no-repeat;
}
#global-header-link{
float: right;
padding-right: 10px;
/*text-align: right;*/
}
#global-header-link li.bb{
height: 35px;
width: 130px;
margin: 0px 0px 0px auto;
}
#support_global-header #global-header-link li.bb{
height: 35px;
width: 110px;
margin: 0px 0px 0px auto;
}
#global-header-link li.bb a{
display: block;
height: 22px;
width: 130px;
background: url(/common/images/global_header_link_bg01_hiru.gif) no-repeat right 3px;
}
#global-header-link li.bb a:hover{
background: url(/common/images/global_header_link_bg01_hiru.gif) no-repeat right -19px;
}

#support_global-header #global-header-link li.bb a{
display: block;
height: 22px;
width: 110px;
background: url(/common/images/global_header_link_support_bg01_hiru.gif) no-repeat right 3px;
text-indent:-9999px;
overflow:hidden;
}
#support_global-header #global-header-link li.bb a:hover{
background: url(/common/images/global_header_link_support_bg01_hiru.gif) no-repeat right -19px;
}
#global-header-link li.bb a span{
display: none;
}
#global-header-link li.contact, #global-header-link li.sitemap{
float: right;
margin-left: 15px;
padding-left: 8px;
background: url(/common/images/global_header_bullet01.gif) no-repeat left center;
font-size: 10px;
line-height: 20px;
font-weight: bold;
}
/*global-navi for service
----------------------------------------------------------------------------------*/
#global-navi{
height: 55px;
background: url(/common/images/gnavi_bg.png) no-repeat left top;
clear: both;
}
#global-navi a{
display: block;
text-indent: -9999px;
outline:none;
}
#global-navi ul{
padding: 7px 0px 7px 0px;
position: relative;
}
#global-navi li{
float: left;
position: absolute;
}
#global-navi li.home{width: 41px;left:7px;}
#global-navi li.about{width: 181px;left:48px;}
#global-navi li.service{width: 181px;left:229px;}
#global-navi li.transfer{width: 181px;left:410px;}
#global-navi li.campaign{width: 181px;left:591px;}
#global-navi li.faq{width: 170px;left:772px;}

#global-navi li.home a{
width: 40px;height: 42px;margin-right: 1px;
background: url(/common/images/gnavi_bg_hiru.gif) no-repeat -7px -7px;
}
#global-navi li.about a{
width: 180px;height: 42px;margin-right: 1px;
background: url(/common/images/gnavi_bg_hiru.gif) no-repeat -48px -7px;
}
#global-navi li.service a{
width: 180px;height: 42px;margin-right: 1px;
background: url(/common/images/gnavi_bg_hiru.gif) no-repeat -229px -7px;
}
#global-navi li.transfer a{
width: 180px;height: 42px;margin-right: 1px;
background: url(/common/images/gnavi_bg_hiru.gif) no-repeat -410px -7px;
}
#global-navi li.campaign a{
width: 180px;height: 42px;margin-right: 1px;
background: url(/common/images/gnavi_bg_hiru.gif) no-repeat -591px -7px;
}
#global-navi li.faq a{
width: 170px;height: 42px;
background: url(/common/images/gnavi_bg_hiru.gif) no-repeat -772px -7px;
}
#global-navi li.home a:hover{
background: url(/common/images/gnavi_bg_on_hiru.gif) no-repeat -7px -23px;
}
#global-navi li.about a:hover, #global-navi li.about a.active{
position: relative;
top:-23px;
height: 65px;
background: url(/common/images/gnavi_bg_on_hiru.gif) no-repeat -48px 0px;
}
#global-navi li.service a:hover, #global-navi li.service a.active{
position: relative;
top:-23px;
height: 65px;
background: url(/common/images/gnavi_bg_on_hiru.gif) no-repeat -229px 0px;
}
#global-navi li.transfer a:hover, #global-navi li.transfer a.active{
position: relative;
top:-23px;
height: 65px;
background: url(/common/images/gnavi_bg_on_hiru.gif) no-repeat -410px 0px;
}
#global-navi li.campaign a:hover, #global-navi li.campaign a.active{
position: relative;
top:-23px;
height: 65px;
background: url(/common/images/gnavi_bg_on_hiru.gif) no-repeat -591px 0px;
}
#global-navi li.faq a:hover, #global-navi li.faq a.active{
position: relative;
top:-4px;
height: 46px;
width:202px;
background: url(/common/images/gnavi_bg_on_hiru.gif) no-repeat -772px -19px;
}


/*global-navi for support
----------------------------------------------------------------------------------*/
#support_global-header #global-navi{
height: 55px;
background: url(/common/images/gnavi_support_bg.png) no-repeat left top;
clear: both;
}
#support_global-header #global-navi a{
display: block;
text-indent: -9999px;
}
#support_global-header #global-navi ul{
padding: 7px 0px 7px 0px;
position: relative;
}
#support_global-header #global-navi li{
float: left;
position: absolute;
}
#support_global-header #global-navi li.home{width: 42px;left:7px;}
#support_global-header #global-navi li.faq{width: 160px;left:50px;}
#support_global-header #global-navi li.manual{width: 160px;left:211px;}
#support_global-header #global-navi li.bbnavi{width: 160px;left:372px;}
#support_global-header #global-navi li.other{width: 160px;left:533px;}
#support_global-header #global-navi li.webmail{width: 79px;left:753px;}
#support_global-header #global-navi li.manager{width: 110px;left:832px;}
#support_global-header #global-navi li.home a{
width: 42px;
height: 42px;
margin-right: 1px;
background: url(/common/images/gnavi_support_bg_hiru.gif) no-repeat -7px -7px;
}


#support_global-header #global-navi li.faq a{
width: 160px;
height: 42px;
margin-right: 1px;
background: url(/common/images/gnavi_support_bg_hiru.gif) no-repeat -50px -7px;
}
#support_global-header #global-navi li.manual a{
width: 160px;
height: 42px;
margin-right: 1px;
background: url(/common/images/gnavi_support_bg_hiru.gif) no-repeat -211px -7px;
}
#support_global-header #global-navi li.bbnavi a{
width: 160px;
height: 42px;
margin-right: 1px;
background: url(/common/images/gnavi_support_bg_hiru.gif) no-repeat -372px -7px;
}
#support_global-header #global-navi li.other a{
width: 160px;
height: 42px;
margin-right: 60px;
background: url(/common/images/gnavi_support_bg_hiru.gif) no-repeat -533px -7px;
}
#support_global-header #global-navi li.webmail a{
width: 79px;
height: 42px;
background: url(/common/images/gnavi_support_bg_hiru.gif) no-repeat -753px -7px;
}
#support_global-header #global-navi li.manager a{
width: 110px;
height: 42px;
background: url(/common/images/gnavi_support_bg_hiru.gif) no-repeat -832px -7px;
}
#support_global-header #global-navi li.home a:hover{
background: url(/common/images/gnavi_support_bg_on_hiru.gif) no-repeat -7px -30px;
}
#support_global-header #global-navi li.faq a:hover, #support_global-header #global-navi li.faq a.active{
position: relative;
top:-30px;
height: 80px;
width: 160px;
background: url(/common/images/gnavi_support_bg_on_hiru.gif) no-repeat -50px top;
}
#support_global-header #global-navi li.manual a:hover, #support_global-header #global-navi li.manual a.active{
position: relative;
top:-30px;
height: 80px;
background: url(/common/images/gnavi_support_bg_on_hiru.gif) no-repeat -211px top;
}
#support_global-header #global-navi li.bbnavi a:hover, #support_global-header #global-navi li.bbnavi a.active{
position: relative;
top:-30px;
height: 80px;
background: url(/common/images/gnavi_support_bg_on_hiru.gif) no-repeat -372px top;
}
#support_global-header #global-navi li.other a:hover, #support_global-header #global-navi li.other a.active{
position: relative;
top:-30px;
height: 80px;
background: url(/common/images/gnavi_support_bg_on_hiru.gif) no-repeat -533px top;
}
#support_global-header #global-navi li.webmail a:hover{
background: url(/common/images/gnavi_support_bg_on_hiru.gif) no-repeat -753px -30px;
}
#support_global-header #global-navi li.manager a:hover{
background: url(/common/images/gnavi_support_bg_on_hiru.gif) no-repeat -832px -30px;
}



#page-head{
padding: 0px;
margin: 0px auto 0px;
width: 957px;
}
#page-head h1{
text-indent: -9999px;
}
#campInfo{
float: right;
padding: 30px 25px 0px 0px;
width:325px;
font-size: 11px;
line-height: 18px;
}
#campInfo a{
display: block;
width: 325px;
overflow:hidden;
white-space: nowrap;
}
#page-body{
padding: 0px 9px 0px 6px;
margin: 0px auto -30px;
width: 942px;
background: url(/common/images/main_bg05.png) repeat-y center;
_background: url(/common/images/main_bg05_hiru.gif) repeat-y center;
}




#breadcrumb{
float: right;
text-align: right;
font-size: 10px;
}
#breadcrumb ul{
_float: right;
padding-right: 10px;
}

#breadcrumb li{
float: left;
line-height: 160%;
}
#contents{
position: relative;
bottom: -15px;
float: left;
width: 754px;
}
#navi{
float: right;
width: 176px;
}
#global-footer-wrap{
_zoom:100%;
}

#global-footer{
background: url(/common/images/main_bg03_hiru.gif) no-repeat center 0px;
text-align: center;
}
#global-footer-body{
margin: 0px auto;
padding: 70px 3px 0px 0px;
height:23px;
width: 954px;
color: #2c2c2c;
font-size:10px;
line-height: 20px;
text-align: left;
background: url(/common/images/main_bg04.gif) no-repeat center bottom;
}
.top-style #global-footer-body { background:none;}

#global-footer-body li{
float: left;
padding: 2px 0px 0px;
background: #000;
}
#global-footer-body a, #global-footer-body a:visited{
padding: 0px 5px;
border-right: solid 1px #2c2c2c;
font-size:10px;
line-height: 12px;
color: #fff;
text-decoration: none;
}
#global-footer-body a:hover{
padding: 0px 5px;
border-right: solid 1px #2c2c2c;
font-size:10px;
line-height: 12px;
color: #fff;
text-decoration: underline;
}
#global-footer-body .last a,#global-footer-body .last a:visited,#global-footer-body .last a:hover{
border-right:none;
}
#global-footer-body .pagetop{
float: right;
background: url(/common/images/pagetop_bg.gif) no-repeat right 0px;
color: #6b6b6b;
}
#global-footer-body .pagetop a, #global-footer-body .pagetop a:visited{
padding: 0px 20px 0px 0px;
line-height: 20px;
font-size:10px;
border-right: 0px;
color: #6b6b6b;
text-decoration: none;
}
#global-footer-body .pagetop a:hover{
border-right: 0px;
color: #6b6b6b;
text-decoration: underline;
}

#gmo-footer-bg{
background: #fff;
width:100%;
padding-bottom:10px;
}
#gmo-footer-bg #gmo_foot{
	width:980px;
	margin:0 auto;
	background:none;
}
#gmo-footer-bg #gmo_link{
	float:right;
	width:800px;
}



/* 
--------------------------------------------------------------------------*/
* html div#logo a,
* html div#global-navi,
* html div#page-head h1,
* html div#page-head h2,
* html div#page-head #index-page-head{
behavior: expression(IEPNGFIX.fix(this));
}


/* for contact
--------------------------------------------------------------------------*/

/* use opacity */
#glayer {
  position: fixed!important;
  position: absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  z-index:100;
  background-color:#1F1F1F;
  -moz-opacity: 0.9;
  opacity:.90;
  filter: alpha(opacity=90);
}

/* use png */
#glayer_img {
  position: fixed!important;
  position: absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  z-index:100;
  background-image: url(glayer.png);
}
* html #glayer_img {
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="glayer.png", sizingMethod="scale");
}


#glayer{
text-align:center;
}
#iframebgwap{
z-index:300;
position: absolute;
top:0;
width:100%;
text-align:center;
}
#iframebgh a,#iframebghs a{
display: block;
margin-left: 630px;
padding-top: 30px;
height: 30px;
width: 75px;
}
#iframebg{
position: relative;
margin: 0px auto;
width:734px;
background: url(/common/images/bg002.gif) repeat-y center top;
}
#iframebgh{
margin:auto;
width:734px;
height: 78px;
background: url(/common/images/bg001.gif) no-repeat center top;
}
#iframebgf{
height:65px;
margin:auto;
width:734px;
background: url(/common/images/bg001.gif) no-repeat center bottom;
}
#iframebghs{
margin:auto;
width:734px;
height: 78px;
background: url(/common/images/bg003.gif) no-repeat center top;
}
#iframebgfs{
height:65px;
margin:auto;
width:734px;
background: url(/common/images/bg003.gif) no-repeat center bottom;
}

#frame{
margin: 0px;
height:530px;
width:695px;
_width:715px;
border: none;
overflow:hidden;
}
/* fav
--------------------------------------------------------------------------*/

#prsnlstng {
	position:fixed;
	bottom: 10px;
	right: 20px;
	background: url(/common/images/prsnlstng_bg01.png) no-repeat center bottom;
	padding: 22px 0 0 97px;
	width: 162px;
	height: 35px;
}

#prsnlstng dl {
	margin: 0;
	padding: 0;
}

#prsnlstng dt{	display: none;}
#prsnlstng dd{
	background: none;
	float: left;
	text-indent: -9999px;
	margin: 0 3px 0 0;
	padding: 0;
}
#prsnlstng dd a{
	display: block;
	background: none;
	margin: 0;
	padding: 0;
}

#prsnlstng dd.bm01, #prsnlstng dd.bm01 a{
	width: 18px;
	height: 17px;
}

#prsnlstng dd.bm02, #prsnlstng dd.bm02 a{
	width: 14px;
	height: 14px;
}

#prsnlstng dd.bm03, #prsnlstng dd.bm03 a{
	width: 15px;
	height: 15px;
}

#prsnlstng dd.bm04, #prsnlstng dd.bm04 a, 
#prsnlstng dd.bm05, #prsnlstng dd.bm05 a{
	width: 16px;
	height: 16px;
}


#wb_banner{
	margin: 0;
	padding: 0;
	position: fixed;
	left:0;
	bottom:0;
	_bottom:-1px;
	width: 100%;
	background: #000;
	z-index:200;
	height:50px;
}
#wb_banner a{
display:block;
width:100%;
height:50px;
background:url(/common/images/wb_bnr_tf.gif) no-repeat center top;
text-indent: -9999px;
}
#wb_banner_bh{
	height:50px;
}

#wb_banner p.ea_floating{
	text-indent:-9999px;
	width:820px;
	height:50px;
	margin:0 auto;
	background:url(/common/images/ea_floating.gif) no-repeat;
}

#muscle_wb_banner{
	margin: 0;
	padding: 0;
	position: fixed;
	left:0;
	bottom:0;
	_bottom:-1px;
	width: 100%;
	background:url(/muscle/images/wb_bnr_muscle_bg.gif) #000 repeat-x center top;
	z-index:200;
	height:50px;
}
#muscle_wb_banner a{
	display:block;
	width:100%;
	height:50px;
	background:url(/muscle/images/wb_bnr_muscle.jpg) no-repeat center top;
	text-indent: -9999px;
}
#muscle_wb_banner_bh{
	height:50px;
}


/*--- the darkness ---*/

div#dark_msg_top {
	width:754px;
	height:33px;
	margin-left:60px;
	margin-bottom:7px;
	background:url(/topimages/dark_msg_bg.gif) no-repeat;
	overflow:hidden;
}
div#dark_msg_second {
	height:33px;
	margin:20px 0 20px 38px;
	background:url(/topimages/dark_msg684_bg.gif) no-repeat;
	overflow:hidden;
}
div#dark_msg_top p,
div#dark_msg_second p{
	line-height:120%;
	padding:9px 0 0 70px;
}
div#dark_msg_top p a, div#dark_msg_second p a{color:#000; text-decoration:none;letter-spacing : -1px; }
div#dark_msg_top p a:hover, div#dark_msg_second p a:hover{color:#999;letter-spacing : -1px;}
div#dark_msg_top p strong, div#dark_msg_second p strong{color:#ff009b; font-weight:bold;}
div#dark_msg_top p a:hover strong, div#dark_msg_second p a:hover strong{color:#ff99cc;}


/*-- chase the chance --*/

#contents dl.chance {
	width:643px;
	height:134px;
	margin-top:-10px;
	margin-left:-22px;
	margin-bottom:20px;
	overflow:hidden;
	background:url(/common/images/chance_bnr_camp.gif) no-repeat;
}
#contents dl.chance dt,
#contents dl.chance dd{text-indent:-9999px;}

#contents dl.chance2 {
	width:643px;
	height:134px;
	margin:10px 0 20px 48px;
	overflow:hidden;
	background:url(/common/images/chance_bnr_svftth.gif) no-repeat;
}
#contents dl.chance2 dt,
#contents dl.chance2 dd{text-indent:-9999px;}



/* guidance_links
---------------------------------------------------------------------------------------------*/
#guidance_links p{
margin-left: 20px;
height: 41px;
background:url(/service/ftth/images/ftth_links_ttl.gif) no-repeat;
text-indent: -9999px;
}
#guidance_links div.links{
margin-left: 9px;
margin-bottom: 15px;
background:url(/service/ftth/images/ftth_links_ttl_bg2.gif) repeat-y 11px;
}
#guidance_links div.links div{
float: left;
padding-left: 11px;
padding-bottom: 15px;
width: 234px;
line-height: 48px;
text-indent: -9999px;
}
#guidance_links div.links div.links1{background:url(/service/ftth/images/ftth_links_ttl_bg.gif) no-repeat 11px 0px;}
#guidance_links div.links div.links2{background:url(/service/ftth/images/ftth_links_ttl_bg.gif) no-repeat -234px 0px;}
#guidance_links div.links div.links3{background:url(/service/ftth/images/ftth_links_ttl_bg.gif) no-repeat -479px 0px;}
#guidance_links div.links div.links1{_background:url(/service/ftth/images/ftth_links_ttl_bg.gif) no-repeat 11px 0px;}
#guidance_links div.links div.links2{_background:url(/service/ftth/images/ftth_links_ttl_bg.gif) no-repeat -234 0px;}
#guidance_links div.links div.links3{_background:url(/service/ftth/images/ftth_links_ttl_bg.gif) no-repeat -479px 0px;_margin-left: 0px;}

#guidance_links div.links ul{
padding-top: 5px;
padding-left: 10px;
padding-right: 20px;
}

#guidance_links div.links li{
padding-left: 10px;
line-height: 18px;
text-indent: 0px;
background:url(/common/images/bullet07.gif) no-repeat 0px 3px;
}
#guidance_links div.links li a{
text-decoration: underline;
}

#guidance_links div.links li a:hover{
text-decoration: none;
}



/* ftth_transfer */

div#ftth_transfer {
	margin:0 0 30px 20px;
	width:725px;
	background:url(/service/ftth/images/ftth_transfer_bg.gif) no-repeat;
}
div#ftth_transfer p.ttl,
div#ftth_transfer p.subttl{display:none;}
div#ftth_transfer ol{
	width:665px;
	padding-top:190px;
	padding-left:60px;
	zoom:100%;
}
div#ftth_transfer ol li{
	float:left;
	width:300px;
	margin-right:30px;
}
div#ftth_transfer ol:after{
	content: "";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}
div#ftth_transfer ol li dl dt{font-weight:bold; padding-bottom:5px;}
div#ftth_transfer ol li dl dd{line-height:140%;}


/*--regist_new.inc--*/

div.regist_new {
	width:634px;
	height:167px;
	margin:40px auto;
	background:url(/common/images/regist_newarws_bg.gif) no-repeat;
	overflow:hidden;
	position:relative;
}
div.regist_new dl {
	visibility:hidden;
}
div.regist_new a {
	display:block;
	position:absolute;
	top:50px;
	right:0;
	width:197px;
	height:73px;
	text-indent:-9999px;
}
div.regist_new a:hover {background:url(/common/images/regist_newarws_ov.gif) no-repeat;}


.ftth_banner{
display: block;
margin-left: 18px;
height: 141px;
width: 697px;
background: url(/common/images/ftth_banner.gif) no-repeat 0px 0px;
text-indent: -9999px;
}
.ftth_banner2{
display: block;
margin-left: 0px;
margin-bottom: 15px;
height: 88px;
width: 622px;
background: url(/common/images/ftth_banner02.gif) no-repeat 0px 0px;
text-indent: -9999px;
}