@charset "utf-8";

/****************************************
01 default style
02 subMenu
03 contentsWrapl
04 banner Bottom
05 bottom textlink
****************************************/


/*============================================================

=============================================================*/
*{
margin:0px;
padding:0px;
line-height:1.4;
}

body {
color:#000000;
font-family:Lucida Grande, "ＭＳ Ｐゴシック", 'MS P Gothic', "ヒラギノ角ゴ Pro W3", 'Hiragino Kaku Gothic Pro', sans-serif;
font-size:75%;
text-align:left;
}
html>/**/body {
font-size:13px;
}
#body{width:100%;margin:0 auto;background:#fff;}
img{
border:none;
}
* html body {text-align:center; }
ul{
list-style-type:none;
}
/**************************************
Utility
***************************************/
a{
color: #005ba9;
text-decoration: none;
}

a:link{
color: #005ba9;
text-decoration: none;
}

a:visited{
color: #551a8b;
text-decoration: none;
}

a:hover{
color: #7f7fe5;
text-decoration: underline !important;
}

a:active{
color: #7f7fe5;
text-decoration: underline;
}

/*
#header a{
color: #000000;
text-decoration: none;
}

#header a:link{
color: #000000;
text-decoration: none;
}

#header a:visited,
#footer a:visited{
color: none;
text-decoration: none;
}

#header a:hover,
#footer a:hover{
color: #999999;
text-decoration: none;
}

#header a:active,
#footer a:active{
color: #999999;
text-decoration: none;
}
*/
#rightSide .rightBlock .newwin,
.newwindow {background:transparent url(/shared/img/renew_icon_con_newwin.gif) left 2px no-repeat; padding-left:15px;}

/* ===== #header ============================== */

#header{
width:945px;
margin:0 auto !important;
position: relative;
background: #FFF;
z-index: 100;
}

#header #headArea {
position:relative;
height:65px !important;
height:90px;
padding:15px 0 10px;
text-align:left;
}
/* SoftBank Logo */
#header #headArea h1,
#header #headArea p.logo {
position:absolute;
left:0px; top:35px;
}
#header #headArea p.read {
position:absolute;
left:156px; top:44px;
}

#header #headArea p.corp {
position:absolute;
right:0; top:15px;
}
#header #headArea ul {
position:absolute;
right:0; top:37px;
}
#header #headArea ul li {
display:inline;
}


/* SearchArea_ja */
#header #headArea .searchArea {
position:absolute;
right:0; top:59px;
height:20px;
}
*html #header #headArea .searchArea {
text-align:right;
}
#header #headArea .searchArea fieldset {
position:relative;
width:195px;
border:none;
}
#header #headArea .searchArea legend {
display:none;
}
#header #headArea .searchArea input {
color:#6f6f6f;
}
#header #headArea .searchArea input.searchBox {
width:150px;
height:17px !important;
height:19px;
border:1px solid #ccc;
position:absolute;
left:0;
top:0;
}
#header #headArea .searchArea input.overImg,
#header #headArea .searchArea input.Img {
position:absolute;
right:0;
top:0;
}
/* for IE6 */
*html #header #headArea .searchArea input.searchBox,
*html #header #headArea .searchArea input.overImg,
*html #header #headArea .searchArea input.Img {
top:-10px;
}
/* for IE7 */
*:first-child+html #header #headArea .searchArea input.searchBox,
*:first-child+html #header #headArea .searchArea input.overImg,
*:first-child+html #header #headArea .searchArea input.Img {
top:-10px;
}

#headerNav {
background:transparent url(/topimg/gnav_bg.gif) left top repeat-x;
text-align: center; width:100%;
}

#headerNav .inner {
width: 948px;
height:38px;
margin:0 auto !important;
text-align: center;
}
#headerNav ul li {
float: left;
margin:0;
padding:0;
font-size:0;
}


/* ===== #mainVisual ============================== */

#mainVisual {
width:978px;
margin: 0 auto;
}

#mainVisual .noborder { border:none; outline:none; }  


#contentsWrap { background:transparent url(/topimg/body_bg.jpg) left top repeat-x; height:auto;}
* html #contentsArea {text-align:left;}
#contentsArea {width:982px;background:transparent url(/topimg/bg.gif) left bottom no-repeat;margin:0 auto 10px; }
#contentsIn {background:transparent url(/topimg/cont_bg_in.jpg) left top no-repeat;padding:10px 15px 30px;}
/*================================
new scroll
===============================*/
#slideArea {margin-bottom:10px;width:950px; height:160px; overflow:hidden; margin-left:0px; padding:0 0 0 17px; position:relative;}
*+html #slideArea {margin-left:30px;}
#slideArea ul li {width:230px; text-align:center; float: left;}
#slider { height:136px; overflow:hidden;}
#bnrslider {}
.bx-window { height: 141px; overflow: hidden; }
.bx-prev,.bx-next
{
    position: absolute;
	 font-size:1px;
	 text-indent:-9999px;
    text-decoration: none !important;
    color: #ffffff;
	background-color:#FFFFFF;
	width:12px;
	height:136px;
	z-index:100;
}
.bx-prev
{ background: url(/topimg/icon_arrow_r.gif) left center no-repeat;
	 right:-17px;
	height:30px;
    top: 40%;
	width:12px;
	overflow:hidden;
}
.bx-next
{background: url(/topimg/icon_arrow_l.gif) left center no-repeat;
    left:-15px;
	 height:30px;
    top: 40%;
	width:12px;
	overflow:hidden;
}


* html .bx-prev {right:-13px;}
.bx-pager { text-align: center; }
.bx-pager a { overflow:hidden; outline: none; font-size: 0; line-height:0; background: transparent url(/topimg/dot_slide.gif) no-repeat center bottom; width: 18px; height: 18px; display: inline-block; }
.bx-pager .pager-link.pager-active { background-position: center top; cursor: default; }


/*============================================================
contentsArea
=============================================================*/
#mainContents { width:690px; float:left;}
.serviceBox {background:transparent url(/topimg/service_bg_bottom.gif) left bottom no-repeat;}
.serviceBoxInner {background:transparent url(/topimg/service_bg_top.gif) left top no-repeat; padding:15px 15px 0;}

.serviceBoxInner .serviceLeft {width:321px; float:left;}
.serviceBoxInner .serviceRight {width:321px; float:right;} 
.serviceBoxInner .serviceLeft .title,
.serviceBoxInner .serviceRight .title {position:relative; }
.serviceBoxInner .serviceLeft .title .icon,
.serviceBoxInner .serviceRight .title .icon {position:absolute; right:7px; top:15px; width:45px;}

.serviceBoxInner .serviceLeft h3,
.serviceBoxInner .serviceRight h3 {margin-bottom:15px;}

.serviceBoxInner .serviceLeft ul,
.serviceBoxInner .serviceRight ul {margin:0 0 30px 20px;}

.serviceBoxInner .serviceLeft ul li,
.serviceBoxInner .serviceRight ul li {background:transparent url(/topimg/icon_arrow.gif) left 8px no-repeat;  padding-left:15px; line-height:1.6;}
.serviceBoxInner .serviceLeft ul li.newwin,
.serviceBoxInner .serviceRight ul li.newwin {background:transparent url(/shared/img/renew_icon_con_newwin.gif) -1px 4px no-repeat; padding-left:15px;}

.border {padding-bottom:25px; margin-bottom:25px; border-bottom:1px solid #E4E4E4;}

.secBox { background:transparent url(/topimg/sec_bg690_bottom.gif) left bottom no-repeat; margin-bottom:25px;}
.secBoxIn { background:transparent url(/topimg/sec_bg690_top.gif) left top no-repeat; padding:15px 10px;}

.secBoxIn .seminar { width:330px; float:left; position:relative; padding:30px 0 0;}
.secBoxIn .seminar h2 {position:absolute; top:-20px; left:0; text-align:left;}
.secBoxIn .seminar .icon {position:absolute; top:0px; left:285px;}
* html .secBoxIn .seminar .icon {position:absolute; top:0px; left:290px;}

.secBoxIn .mgz {width:320px; float:right; position:relative; background:transparent url(/topimg/dot_vertical.gif) left top repeat-y;padding:30px 0 0 10px;}
.secBoxIn .mgz h2 {position:absolute; top:-20px; left:15px; text-align:left;}
.secBoxIn .mgz .icon {position:absolute; top:0px; left:285px;}
* html .secBoxIn .mgz .icon {position:absolute; top:0px; left:275px;}
.secBoxIn .mgz dd a {background:transparent url(/shared/img/renew_icon_con_newwin.gif) -1px 1px no-repeat; padding-left:15px;}

.secBoxIn .seminar dl dt,
.secBoxIn .mgz dl dt {font-weight:bold;}
.secBoxIn .seminar dl dd,
.secBoxIn .mgz dl dd {margin-bottom:10px;}

.secBoxIn .maintenance {position:relative; padding:40px 0 0;}
.secBoxIn .maintenance h2 {position:absolute; top:-20px; left:0;}
.secBoxIn .maintenance p.icon {position:absolute; right:-1px; top:-6px;}
* html .secBoxIn .maintenance p.icon {right:10px;}
.secBoxIn .maintenance ul li {line-height:1.6;}

.announce {background:transparent url(/topimg/sec_bg945_bottom.gif) left bottom no-repeat; width:945px;}
.announceIn { padding:10px 20px 20px;/* position:relative;*/}
/*.announceIn h2 {position:absolute; top:-5px; left:10px;}
* html .announceIn h2 {position:absolute; top-10px;}
.announceIn h2 {margin-top:-35px; margin-left:-10px;}
* html .announceIn h2 {margin-top:-50px; height:34px;}*/
.announceIn .list {background:transparent url(/topimg/bg_announce.gif) center top repeat-y; padding:10px 0 0;}
.announceIn .list ul {width:315px; float:left;}
.announceIn .list ul.last {width:270px;}
.announceIn .list ul li {background:transparent url(/topimg/icon_arrow.gif) left 6px no-repeat;  padding-left:10px; }
/*============================================================
subMenu
=============================================================*/
#rightSide {width:240px;  float:right;margin:0 0 20px;}
.keyword {background:transparent url(/topimg/keywordbox_bottom.gif) left bottom no-repeat; margin-bottom:20px; width:240px;}
.keywordInner {background:transparent url(/topimg/keywordbox_top.gif) left top no-repeat; padding:10px;}
.keywordInner h2 {margin-bottom:10px;}
.keywordInner ul li {background:transparent url(/topimg/dot_beside.gif) left bottom repeat-x; padding:7px 0 7px 10px;}
.keywordInner ul li a {background:transparent url(/topimg/icon_arrow.gif) left 3px no-repeat;padding:0 0 0 10px; font-weight:bold;}
.keywordInner ul li a.newwin {background:transparent url(/shared/img/renew_icon_con_newwin.gif) left 2px no-repeat; padding-left:15px;}
.keywordInner ul li.last {background:none;}

.rightBlock {background: transparent url(/topimg/side_bg_bottom.gif) left bottom no-repeat; position:relative; margin-bottom:20px;}
.rightBlockIn {padding:10px;}
.rightBlock .icon {position:absolute; top:8px; right:27px;}
.rightBlock .icon2 {position:absolute; top:8px; right:8px;}
.problemBlock {position:relative; margin-bottom:20px;}
.problemBlock .icon {position:absolute; top:13px; right:8px;}

.rightBlockIn dl dt {font-weight:bold;}
.rightBlockIn dl dd {margin-bottom:10px; text-align:left;}

.news_txt {height: 300px;overflow-y: scroll;}

.rightBlockIn .case {background: transparent url(/topimg/dot_beside.gif) left bottom repeat-x; padding-bottom:5px;}
.rightBlockIn .case,
.rightBlockIn .caselast {margin-bottom:10px;}
.rightBlockIn .case .pic,
.rightBlockIn .caselast .pic {text-align:center; margin-bottom:10px;}

.problemBlock ul li {margin:0; padding:0;}
.problemBlock ul li img {vertical-align:bottom; margin:0; padding:0;}

#rightSide .bnrArea {background:transparent url(/topimg/line01.gif) left bottom no-repeat;}
#rightSide .bnrArea dl {background:transparent url(/topimg/line01.gif) left top no-repeat; padding:3px 0;}
#rightSide .bnrArea dl dt {width:70px; float:left; display:block;}
#rightSide .bnrArea dl dd {width:160px; float:right; padding:10px 0 0 ; }
#rightSide .bnrArea dl dd.long {padding:0;}
#rightSide .bnrArea dl dd a {color:#000;}

/*============================================================
campaign
=============================================================*/
#campaign {
clear: both;
float:none;
width: 945px;
margin: 0 0 20px;
padding: 0 0 3px 0;
background: url(/img/bg_camp_btm_wide.gif) no-repeat scroll left bottom transparent;
}
#campaign ul, #campaign p, #campaign h2 {
margin: 0;
padding: 0;
}
#campaign .cp-top {
display: block;
width: 945px;
padding: 8px 0 0 0;
line-height: 5px;
background: url(/img/bg_camp_top_wide.gif) no-repeat scroll left bottom transparent;
overflow: hidden;
}
#campaign #camp-link {
line-height: 1;
padding: 0 85px 0 0;
text-align: right;
visibility: hidden;
}
#campaign .tgl-on #camp-link {
visibility: visible;
}
#campaign #camp-link a {
background: url(/img/icn_arrow_blue.gif) no-repeat scroll left center transparent;
color: #006699;
padding: 0 0 0 16px;
text-decoration: none;
}
#campaign #camp-link a:hover {
text-decoration: underline;
}
#campaign .cp-mid {
background: url(/img/bg_camp_mid_wide.gif) repeat-y scroll 0 0 transparent;
height: 90px;
width: 945px;
overflow: hidden;
position: relative;
}
#campaign ul {
padding: 5px 0 0 21px;
position: absolute;
top: 0;
left: -1px;
width: 955px;
}
#campaign .tgl-on ul {
position: static;
}
#contentsWrap #campaign li {
float: left;
margin: 0;
list-style: none outside none;
padding: 0 0 10px;
margin-right: 16px;
width: 168px;
overflow: hidden;
}
#campaign #camp-toggle {
cursor: pointer;
height: 65px;
right: 3px;
overflow: hidden;
position: absolute;
top: 4px;
width: 54px;
}
#campaign #camp-toggle a {
background: url(/img/btn_camp_toggle.gif) no-repeat scroll 0 0 transparent;
display: block;
height: 65px;
overflow: hidden;
text-indent: -9999px;
width: 54px;
}
#campaign #camp-toggle a:hover {
background-position: left bottom;
}
#campaign #camp-toggle a#camp-close {
background-position: right top;
}
#campaign #camp-toggle a#camp-close:hover {
background-position: right bottom;
}
#campaign #camp-toggle #camp-close, #campaign .tgl-on #camp-toggle #camp-open {
display: none;
}
#campaign .tgl-on #camp-toggle #camp-close {
display: block;
}

/*============================================================
webPR
=============================================================*/
/*  web pr  */
#contentsArea .webPR {
width: 945px;
background: url(/topimg/sec_bg945_bottom.gif) no-repeat left bottom;
margin-bottom:25px;
}
#contentsArea .webPR .section {
position:relative;
background: url(/topimg/sec_bg945_top.gif) no-repeat left top;
padding:10px;
}

#contentsArea .webPR .section h2 {position:absolute; left:10px; top:-5px;}
#contentsArea .webPR .section .pr {
float: left;
width: 165px;
padding: 20px 0 16px 20px;
}
#contentsArea .webPR .section .pr a,
#contentsArea .webPR .section .bannerCP a {
color: #000000 !important;
line-height: 1.4;
}
#contentsArea .webPR .section .pr a:hover,
#contentsArea .webPR .section .bannerCP a:hover {
color: #0000CC !important;
}
#contentsArea .webPR .section .pr img,
#contentsArea .webPR .section .bannerCP img {
margin: 0 0 10px 0;
}
#contentsArea .webPR .section .pr p,
#contentsArea .webPR .section .bannerCP p {
width: 165px;
}
#contentsArea .webPR .section .pr h4,
#contentsArea .webPR .section .bannerCP h4 {
margin: 0 0 4px 0;
}
* html #contentsArea .webPR .section .pr h4 {
margin-right: 0 0 0 0;
width: 165px;
}
#contentsArea .section .bannerCP {
float: left;
width: 220px;
padding: 20px 0 0 22px;
}
#contentsArea .section .webprtext {
clear: both;
float: none;
margin: 0 0 10px 20px;
padding: 0;
}
#contentsArea .section .webprtext img {
margin: 0 10px 0 0;
}
#contentsArea .section p.info {
clear: both;
float: none;
margin: 0 0 0 10px;
padding: 0 0 0 10px;
background: url(/shared/img/renew_icon_normal.gif) no-repeat left top;
}
#contentsArea .section p.info a {
color: #000 !important;
font-weight: bold;
}
#contentsArea .section p.info a:hover {
color: #0000CC !important;
}

#contentsArea .webPR p.p_webPR01 {
margin-top: 5px;
padding: 0 10px 11px 0;
text-align:right;
}




/*============================================================
05 bottom textlink
=============================================================*/
.h1_basic {
	display:none;
position: absolute;
left: 0;
top: 30px;
border-top: 1px solid #c9cacb;
width: 976px;
padding-top: 12px;
}

.h1_basic a {
font-weight: normal;
font-weight: bold;
font-size: 167%;
text-decoration: none !important;
}
.h1_basic a:hover {
text-decoration:underline !important;
}
.h1_basic span {
font-size: 0.7em;
font-weight: normal;
padding-left: 10px;
}

.h1_basic a:visited{

text-decoration: none;
}

#ft_section .h1_basic {
/*font-weight: bold;*/
display: block;
left: 0;
width: 976px;
margin: 0 auto !important;
}
#ft_inner {
position: relative !important;
width: 976px;
margin: 0 auto;
text-align: left;
z-index: 9999;
}
#ft_section {
position: relative;
position: absolute;
left: 0;
bottom: 0;
width:945px;
}
#ft_links {
padding: 20px 10px;
margin-bottom: 28px;
padding: 20px;
background: #ebf0f0;
*zoom: 1;
}
#ft_links #ft_linkIn {
overflow: hidden;
*zoom: 1;
}
#ft_links #ft_linkIn p.titBox {
margin-bottom: 5px;
}
#ft_links #ft_linkIn p.titBox span {
color: #00a0e8;
font-size: 84%;
}
#ft_links #ft_linkIn p.titBox a {
color: #00a0e8;
font-size: 84%;
text-decoration: none;
}
.boxWrapL {
float: left;
}
.boxWrapR {
text-align: left;
float: right;
}
#ft_links #ft_linkIn .box {
float: left;
margin: 0 6px 0 0;
overflow: hidden;
*zoom: 1;
}
.boxWrapL .box01 { width: 205px; padding-left: 15px; }
.boxWrapL .box02 { width: 205px; padding-left: 15px; }
.boxWrapL .box03 { width: 235px; padding-left: 15px; }
.boxWrapR .box04 { width: 190px; _width: 170px; }
#ft_links #ft_linkIn .box ul.block2cols {
margin-bottom: 20px;
}
#ft_links #ft_linkIn .box ul li {
line-height: 1.4;
margin-bottom: 5px\9;
/margin-bottom: 0;
}
#ft_links #ft_linkIn .box ul li.titCat a {
color: #00a0e8;
font-size: 84%;
text-decoration: none;
}
#ft_links #ft_linkIn .box ul li.last {
margin-bottom: 0;
}
#ft_links #ft_linkIn .box ul li a {
color: #000;
font-size: 84%;
text-decoration: none;
}
#ft_links #ft_linkIn .box ul li a:hover {
color: #04A3E7;
}
#ft_textArea {
	width:976px;
border: 1px solid #c9caca;
margin-bottom: 20px;
*zoom: 1;
}

#ft_textArea #ft_textAreaIn {
padding: 12px 25px 12px;
}
#ft_textArea #ft_textAreaIn .title {
font-size: 116%;
margin-bottom: 10px;
}

#ft_textArea #ft_textAreaIn .read {
font-size: 92%;
line-height: 1.5;
}

body #body #ft_inner #ft_section #ft_links #ft_linkIn ul li a { color: #000 !important; font-size: 90%; }
body #body #ft_inner #ft_section #ft_links #ft_linkIn ul li a:hover { text-decoration: underline; }

/**************************************
footer
***************************************/
/* !pageTop
---------------------------------------------------------- */
.pageTop {
clear: both;
text-align: right;
margin-bottom: 40px;
line-height: 2.0 !important;
}
.pageTop a {
background: url(/topimg/ico_arrw_up.gif) left 1px no-repeat;
padding: 0 0 0 11px;
font-size: 93%;
line-height: 1.6 !important;
}
/* !breadcrumb
---------------------------------------------------------- */
#ft_breadcrumb {
padding-top: 15px;
margin-bottom: 15px;
overflow: hidden;
*zoom: 1;
}
#ft_breadcrumb li {
float: left;
white-space: nowrap;
}
#ft_breadcrumb li a {
white-space: nowrap;
/*color: #005ba9;*/
text-decoration: none;
line-height: 1.8;
}
#ft_breadcrumb li a:hover {
/*color: #2002ff;*/
}

#footer {
min-width:945px;
width:auto !important;
width:100%;
margin:0;
padding-bottom: 20px;
background:#fff url(/shared/img/footer_new/footer_gr_bg.jpg) left bottom repeat-x;
}
#footer .footerLink { 
width:943px;
margin:0 auto 30px auto;
text-align:left;
border: 1px solid #CCCCCC;
zoom:1;
}
#footer .footerLink ul {
width: 913px;
margin: 18px 0 14px 24px;
background: url(/shared/img/footer_new/bg_footer_link.gif) repeat-y left top;
overflow: hidden;
}
#footer .footerLink ul li { 
float: left;
width: 180px;
}
#footer .footerLink ul li img {
margin: 0 0 10px 2px;
vertical-align: bottom;
}
#footer .footerLink ul li.biz,
#footer .footerLink ul li.biz ul,
#footer .footerLink ul li.biz ul li {
width: 260px
}
#footer .footerLink ul li.consumer,
#footer .footerLink ul li.consumer ul,
#footer .footerLink ul li.consumer ul li {
width: 208px
}
#footer .footerLink ul li.company,
#footer .footerLink ul li.company ul,
#footer .footerLink ul li.company ul li {
width: 190px
}
#footer .footerLink ul li.biz {
margin-right: 18px;
}
#footer .footerLink ul li.consumer,
#footer .footerLink ul li.company {
margin-right: 20px;
}

#footer .footerLink ul li ul {
width: 190px;
margin: 0 0 0 0;
}
#footer .footerLink ul li ul li {
float: none;
width: 180px;
margin-bottom: 6px;
background: url(/shared/img/renew_icon_normal.gif) no-repeat 6px 1px;
}
#footer .footerLink ul li ul li.newwin {
background: url(/shared/img/renew_icon_newwin.gif) no-repeat left center;
}
#footer .footerLink ul li ul li a {
padding-left: 16px !important;
list-style: none outside none;
font-size: 11px;
text-decoration: none;
}

#footer .footnavi_top {
background:url(/shared/img/footer_new/footer_borderline.gif) left top repeat-x;
width:945px;
margin:0 auto 30px auto;
padding-top:13px;
text-align:left;
zoom:1;
}
#footer .footnavi_top li {
float:left;
display:block;
background:url(/shared/img/footer_new/footer_navi_border.gif) right top no-repeat;
height:10px;
margin-right:5px;
padding-right:5px;
line-height:1.0;
}
#footer .footnavi_top li.last {
background:none;
}

#footer .footnavi_btm {
width:945px;
margin:0 auto;
padding-top:18px;
text-align:left;
zoom:1;
overflow: hidden;
}
#footer .footnavi_btm address {
float:left;
}
#footer .footnavi_btm ul {
float:right;
display:block;
background:url(/shared/img/footer_new/footer_listline.gif) right top no-repeat;
padding-right:10px;
padding-top:3px;
}
#footer .footnavi_btm li {
float:left;
background:url(/shared/img/footer_new/footer_listline.gif) left top no-repeat;
margin-left:10px;
padding-left:10px;
}



/**************************************
topicPath
***************************************/
#topicPath {
display: block;
clear: both;
margin: 8px 0px;
padding: 0px 5px;
font-size: 92%;
zoom: 1;
}
#topicPath li,
#topicPath li strong,
#topicPath li a {
float: left;
display: block;
text-align: left;
line-height: 1.4;
white-space: nowrap;
}
#topicPath:after	{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}