@charset "utf-8";
/*
 * Support this css
 * Date: 13:45 2009/06/19
 * Author: Creative Team
 */



#page-head p.head1,
#page-head h1{
_position: relative;
_left: -2px;
height: 88px;
width: 954px;
text-indent:-9999px;
overflow:hidden;
background: url(manual/images/page-head.png) no-repeat center bottom;
}

h2.h3_internet,h2.h3_mail,h2.h3_ftp,h2.h3_bbnavi{
height: 47px;
width: 731px;
margin-left: 16px;
text-indent: -9999px;
clear: both;
}
h2.h3_internet{background: url(manual/images/h2_bg.gif) no-repeat 0px 0px;}
h2.h3_mail{background: url(manual/images/h2_bg.gif) no-repeat 0px -47px;}
h2.h3_ftp{background: url(manual/images/h2_bg.gif) no-repeat 0px -94px;}
h2.h3_bbnavi{background: url(manual/images/h2_bg.gif) no-repeat 0px -141px;}


h3.h4_internet_01,h3.h4_internet_02,h3.h4_internet_03,h3.h4_internet_04,h3.h4_internet_05,h3.h4_internet_07,h3.h4_internet_08{
height: 25px;
width: 307px;
margin-bottom: 10px;
text-indent: -9999px;
}

h3.h4_internet_01{background: url(manual/images/h3_bg.gif) no-repeat 0px 0px;}
h3.h4_internet_02{background: url(manual/images/h3_bg.gif) no-repeat 0px -26px;}
h3.h4_internet_03{background: url(manual/images/h3_bg.gif) no-repeat 0px -52px;}
h3.h4_internet_04{background: url(manual/images/h3_bg.gif) no-repeat 0px -78px;}
h3.h4_internet_05{background: url(manual/images/h3_bg.gif) no-repeat 0px -104px;}
h3.h4_internet_07{background: url(manual/images/h3_bg.gif) no-repeat 0px -130px;}
h3.h4_internet_08{background: url(manual/images/h3_bg.gif) no-repeat 0px -156px;}

.win span,.mac span,.bbnv span, .blue span, .bluemobile span, .bluehikari span{
display: block;
height: 22px;
width: 152px;
text-indent: -9999px;
}
.win span{background: url(manual/images/win_mac_bg.gif) #fff no-repeat 0px 0px;}
.mac span{background: url(manual/images/win_mac_bg.gif) #fff no-repeat 0px -22px;}
.bbnv span{background: url(manual/images/win_mac_bg.gif) #fff no-repeat -17px -44px;}
.blue span{background: url(manual/images/win_mac_bg.gif) #fff no-repeat 0px -66px;}
.bluemobile span{background: url(manual/images/win_mac_bg.gif) #fff no-repeat 0px -86px;}
.bluehikari span{background: url(manual/images/win_mac_bg.gif) #fff no-repeat 0px -105px;}

ul.first{
margin: 15px 0px 15px 64px;
}

ul.first li{
float: left;
width: 340px;
}

#contents li.divider{
width: 680px;
height: 20px;
}

#contents li.hikarirouter{
min-height: 379px;
margin-top: -50px;
}

li.win,li.mac,li.bbnv,li.blue,li.bluemobile,li.bluehikari{
float: left;
width: 277px;
padding-left: 5px;
padding-bottom: 5px;
}
li.win ul li,li.mac ul li,li.bbnv ul li, li.blue ul li, li.bluemobile ul li, li.bluehikari ul li{
clear: left;
height: auto;
width: 242px;
padding-left:45px;
padding-bottom:3px;
line-height: 140%;
background: url(/common/images/ul01_li_bg.gif) no-repeat 28px 2px;
}
li.bbnv ul li{
width: 600px;
}
li.win ul li.li_last,li.mac ul li.li_last,li.bbnv ul li.li_last, li.blue ul li.li_last, li.bluemobile ul li.li_last, li.bluehikari ul li.li_last{
background: url(/common/images/ul01_li_last_bg.gif) no-repeat 28px 2px;
}

.h3_win,.h3_mac,.h3_bb{
width: 731px;
margin-left: 16px;
clear: both;
}
.h3_win{background: url(manual/images/h2_win_bg.gif) no-repeat 0px 0px;}
.h3_mac{background: url(manual/images/h2_mac_bg.gif) no-repeat 0px 0px;}
.h3_bb{background: url(manual/images/h2_bb_bg.gif) no-repeat 0px 0px;}

.h3_win div,.h3_mac div,.h3_bb div{
float: right;
padding-top: 13px;
padding-right: 10px;
}
.h3_win div a,.h3_mac div a,.h3_bb div a{
display: block;
width: 106px;
height: 22px;
background: url(/common/images/button02.gif) no-repeat 0px 0px;
}
.h3_win div a:hover,.h3_mac div a:hover,.h3_bb div a:hover{
background: url(/common/images/button02.gif) no-repeat 0px -22px;
}
.back{
padding-top: 5px;
padding-right: 17px;
text-align: right;
}
.back a{
display: block;
margin-left: auto;
width: 106px;
height: 22px;
background: url(/common/images/button02.gif) no-repeat 0px -65px;
}
.back a:hover{
background: url(/common/images/button02.gif) no-repeat 0px -44px;
}

.h3_win h1,.h3_mac h1,.h3_bb h1{
padding: 10px 0px 10px 45px;
background: url(manual/images/h2_bg_btm.gif) no-repeat 0px bottom;
font-size: 20px;
line-height: 140%;
font-weight: bold;
}

.steps_t{
width: 709px;
margin-left: 18px;
padding: 5px 0px 0px 18px;
background: url(/common/images/bg01.gif);
overflow:hidden;
}
.steps_t ul{
background: #f0f;
}
.steps_t li{
float: left;
padding: 0px 0px 0px 25px;
background: url(manual/images/steps_bg02.gif) no-repeat left center;
}
.steps_t li a{
display: block;
padding: 0px 10px;
font-size: 11px;
line-height: 200%;
background: #fff;
}
.steps_b li a{
display: block;
margin-top: 6px;
padding: 0px 10px;
font-size: 11px;
line-height: 200%;
background: #fff;
}
.steps_b{
width: 709px;
margin-left: 18px;
padding: 0px 0px 5px 18px;
background: url(/common/images/bg01.gif) #000;
}
.steps_b ul{
vertical-align: bottom;
}
.steps_b li{
float: left;
padding: 0px 0px 0px 25px;
font-size: 11px;
line-height: 200%;
background: url(manual/images/steps_bg02.gif) no-repeat left center;
}
.steps_b li span,.steps_t li span{
display: block;
margin-top: 0px;
padding: 0px 10px;
line-height: 260%;
font-weight: bold;
font-size: 11px;
background: url(manual/images/steps_bg01.gif) #fff no-repeat center center;
}
.steps_b li.first,.steps_t li.first{
padding-left: 0px;
}
#item{
padding: 25px 25px 40px 33px;
}

/* navilogin
---------------------------------------------------------------------------------------------*/
div.login{
	width:171px;
	margin:5px 0 0 2px;
	padding-bottom:8px;
	background:url(/support/images/navi_bg02.gif) no-repeat left bottom;
	}

div.login dl{
	width:171px;
	padding:7px 0 0 0;
	background:url(/support/images/navi_bg01.gif) no-repeat left top;
	}

div.login dl dt{
	width:154px;
	height:37px;
	margin:0 auto 3px;
	background:url(/support/images/navi_btn01.gif) no-repeat left top;
	}

div.login dl dt a{
	display:block;
	width:154px;
	height:37px;
	text-indent:-9999px;
	}

div.login dl dt a:hover{ background:url(/support/images/navi_btn01_ov.gif) no-repeat left top; }

div.login dl dd{
	width:140px;
	margin:0 auto;
	font-size:10px;
	text-indent:-1em;
	padding-left:1em;
	line-height:140%;
	}

div.login ul{
	width:154px;
	margin:0 auto;
	}

div.login ul li{
	width:154px;
	height:21px;
	margin-top:5px
	}

div.login ul li.webmail{ background:url(/support/images/navi_btn02.gif) no-repeat left top; }
div.login ul li.filemanager{ background:url(/support/images/navi_btn03.gif) no-repeat left top; }

div.login ul li a{
	display:block;
	width:154px;
	height:21px;
	font-size:1px;
	text-indent:-9999px;
	}

div.login ul li.webmail a:hover{ background:url(/support/images/navi_btn02_ov.gif) no-repeat left top; }
div.login ul li.filemanager a:hover{ background:url(/support/images/navi_btn03_ov.gif) no-repeat left top; }



/* navi
---------------------------------------------------------------------------------------------*/

p.manual_ttl{
	width:175px;
	height:49px;
	margin:8px 0 0 1px;
	text-indent:-9999px;
	background:url(/support/images/navimanual_ttl01.gif) no-repeat left top;
	}

p.manual_ttl a{
	display:block;
	width:175px;
	height:49px;
	}

.navi_manual ul{
	width: 175px;
	margin: 0px;
	padding: 0 0 1px 0;
	background:url(/support/images/navimanual_bg03.gif) no-repeat left bottom;
	}
.navi_manual li{
	width: 175px;
	margin-left: 1px;
	}

.navi_manual li a{
	display: block;
	width: 158px;
	height:36px;
	padding:0 0 0 17px;
	line-height:36px;
	text-decoration:none;
	color:#000;
	font-size:11px;
	background:url(/support/images/navimanual_bg01.gif) no-repeat left top;
	}

.navi_manual li.internet a,
.navi_manual li.internet a:hover{ background:#fff url(/support/images/navimanual_bg01_ac.gif) no-repeat left top; }

.navi_manual li a:hover{ background:url(/support/images/navimanual_bg01_ov.gif) no-repeat left top; }
.navi_manual li a.on,
.navi_manual li a.on:hover,
.navi_manual li a.active,
.navi_manual li a.active:hover{ background:#fff url(/support/images/navimanual_bg01_ac.gif) no-repeat left top; }


.navi_manual li li{
	margin-left: 0px;
}

.navi_manual li.internet li a,
.navi_manual li li a{
	display: block;
	width: 150px;
	height:auto;
	padding:7px 0 6px 25px;
	line-height:140%;
	border-bottom:1px solid #fff;
	background:url(/support/images/navimanual_bg02.gif) no-repeat left top;
	}

.navi_manual li.internet li:last-child a{
	border-bottom:none;
	}

.navi_manual li.internet li a:hover,
.navi_manual li li a:hover{ background:url(/support/images/navimanual_bg02_ov.gif) no-repeat left top; }
.navi_manual li.internet li a.on,
.navi_manual li li a.active:hover,
.navi_manual li.internet li a.on,
.navi_manual li li a.active:hover{ background:url(/support/images/navimanual_bg02_ac.gif) no-repeat left top; }

.navi_manual li li span{
	display: block;
	width: 174px;
	text-indent:-9999px;
	}

.navi_manual li li ul{
	width:auto;
	background:#fff;
	}

.navi_manual ul.navi_winmac li{
	width: auto;
	height:auto;
	}

.navi_manual ul.navi_winmac li li{
	height:1.5em;
	width: auto;
	height:auto;
	padding:0 0 0 50px;
	}

.navi_internet_01 a{background: url(/common/images/navi_2nd_support_bg.gif) no-repeat 0px 0px;height: 26px;}
.navi_internet_01 a:hover{background: url(/common/images/navi_2nd_support_bg.gif) no-repeat -200px 0px;}
.navi_internet_01 a.active{background: url(/common/images/navi_2nd_support_bg.gif) no-repeat -400px 0px;height: 26px;}

.navi_internet_02 a{background: url(/common/images/navi_2nd_support_bg.gif) no-repeat 0px -30px;height: 41px;}
.navi_internet_02 a:hover{background: url(/common/images/navi_2nd_support_bg.gif) no-repeat -200px -30px;}
.navi_internet_02 a.active{background: url(/common/images/navi_2nd_support_bg.gif) no-repeat -400px -30px;height: 41px;}

.navi_internet_03 a{background: url(/common/images/navi_2nd_support_bg.gif) no-repeat 0px -75px;height: 26px;}
.navi_internet_03 a:hover{background: url(/common/images/navi_2nd_support_bg.gif) no-repeat -200px -75px;}
.navi_internet_03 a.active{background: url(/common/images/navi_2nd_support_bg.gif) no-repeat -400px -75px;height: 26px;}

.navi_internet_04 a{background: url(/common/images/navi_2nd_support_bg.gif) no-repeat 0px -105px;height: 26px;}
.navi_internet_04 a:hover{background: url(/common/images/navi_2nd_support_bg.gif) no-repeat -200px -105px;}
.navi_internet_04 a.active{background: url(/common/images/navi_2nd_support_bg.gif) no-repeat -400px -105px; height: 26px;}

.navi_internet_05 a{background: url(/common/images/navi_2nd_support_bg.gif) no-repeat 0px -135px;height: 41px;}
.navi_internet_05 a:hover{background: url(/common/images/navi_2nd_support_bg.gif) no-repeat -200px -135px;}
.navi_internet_05 a.active{background: url(/common/images/navi_2nd_support_bg.gif) no-repeat -400px -135px; height: 41px;}


.navi_win, .navi_mac, .navi_bb, .navi_none{font-size: 10px; line-height: 150%;}
.navi_win span{background: url(/common/images/navi_winmac_bg.gif) no-repeat 0px 0px;height: 25px;}
.navi_mac span{background: url(/common/images/navi_winmac_bg.gif) no-repeat 0px -65px;height: 25px;}
.navi_bb span{background: url(/common/images/navi_winmac_bg.gif) no-repeat 0px -130px;height: 25px;}
.blueman span{background: url(/common/images/navi_winmac_bg.gif) no-repeat 0px -185px;height: 25px;}
.bluemanhighspeedmobile span{background: url(/common/images/navi_winmac_bg.gif) no-repeat 0px -230px;height: 25px;}
.bluemanhikarirouter span{background: url(/common/images/navi_winmac_bg.gif) no-repeat 0px -284px;height: 25px;}

.navi_manual ul.navi_winmac li a, .navi_manual ul.navi_winmac li a:hover{
	height:1.5em;
	width: auto;
	height:auto;
	margin-right: 3px;
	padding:0;
	text-indent: 0px;
	text-decoration:underline;
	color:#1a00eb;
	background-image: none;
}

.navi_manual ul.navi_winmac li a:hover{
	text-decoration:none;
	}

ul.navi_winmac{
padding-bottom: 10px;
background: url(/common/images/line02.gif) #fff repeat-x 0px bottom;

}
.navi_win li, .navi_mac li, .navi_bb li, .blueman li, .bluemanhighspeedmobile li, .bluemanhikarirouter li{
background: url(/common/images/navi_winmac_li_bg.gif) no-repeat 35px 0px;
}
.navi_win .li_last, .navi_mac .li_last, .navi_bb .li_last, .blueman .li_last, .bluemanhighspeedmobile .li_last, .bluemanhikarirouter .li_last{
background: url(/common/images/navi_winmac_li_last_bg.gif) no-repeat 35px 0px;
}
.navi_win .li_last, .navi_mac .li_last, .navi_bb .li_last, .blueman .li_last, .bluemanhighspeedmobile .li_last, .bluemanhikarirouter .li_last{
background: url(/common/images/navi_winmac_li_last_bg.gif) no-repeat 35px 0px;
}

/*
.navi_qr a{
display: block;
margin-left: 1px;
padding: 185px 0px 0px 43px;
background: url(/common/images/navi_support_qr_bg.gif) no-repeat 0px 20px;
font-size: 10px;
}
*/

/*-- 2010/01/20 lj --*/
table.bbnavitable{
	margin: 0 75px 30px 75px;
	width: 624px;
}

table.bbnavitable tr td{
	height: 70px;
	text-align: center;
}

div.submenu{
	position: absolute;
	background-color: #e8e8e8;
	width: 200px;
	margin-left: 2px;
	filter: alpha(opacity=85);
	-moz-opacity: 0.75;
	opacity: 0.85;
	text-align: left;
}

div.submenu a{
	line-height: 1.7em;
}

div.submenu ul li{
	clear: left;
	height: auto;
	/*width: 242px;*/
	padding-left:17px;
	padding-bottom:3px;
	line-height: 100%;
	background: url(/common/images/ul01_li_bg.gif) no-repeat 2px 2px;
}

div.submenu ul li a{
	display: block;
	width: 180px;
	height: auto;
}

div.submenu ul li.li_last{
	background: url(/common/images/ul01_li_last_bg.gif) no-repeat 2px 2px;
}