@charset "utf-8";

/* all setting
----------------------------------------------------------- */
html { text-align: center;}


body { background-color: #000; text-align: center; font-size:100%; line-height:1.3em; font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";}


/* clear style
----------------------------------------------------------- */
.clear { clear:both;}
.clearfix:after { content: ""; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
* html .clearfix { height: 1%;}
.clearfix { display: block;}
/* End hide from IE-mac */

hr {clear:both; margin:0; padding:0; visibility: hidden; height:0;}

hr.line {visibility:visible; border:0; background:url(../images/line.jpg); margin:20px 0; height:3px; }


/* a link base style
----------------------------------------------------------- */
a, a:link { text-decoration: none; outline: none;}
a:visited { text-decoration: none; outline: none;}
a:hover { text-decoration: underline;}
a:active { text-decoration: underline;}



/* content style
----------------------------------------------------------- */

/*  header  */

#headerWrap { width: 100%; height: 140px; background:url(../img/gnavi_bg.jpg) repeat-x scroll 0 70px; text-align: center;}

#header { width: 960px; height: 140px; margin: 0 auto; text-align: left; position: relative;}

#siteTitle { position: absolute; top: 2px; left: 0;}
#siteTitle a { width: 180px; height: 65px; display: block; background:url(../img/hdr_logo.gif) no-repeat scroll left top; text-indent: -9999px;}


#gNavi { width: 960px; height: 70px; position: absolute; top: 70px; left: 0;}
#gNavi li { position: absolute; top: 0;}

#gNavi li#gNaviProduct {left: 0;}
#gNavi li#gNaviShop {left: 192px;}
#gNavi li#gNaviEvent {left: 384px;}
#gNavi li#gNaviSupport {left: 576px;}
#gNavi li#gNaviBusiness {left: 768px;}

#gNavi li a {width: 192px; height: 70px; display: block; text-indent: -9999px;}
#gNavi li a:hover {background-position: 0 -70px;}

#gNavi li#gNaviProduct a { background-image:url(../img/gnavi01.jpg);}
#gNavi li#gNaviShop a { background-image: url(../img/gnavi02.jpg);}
#gNavi li#gNaviEvent a { background-image: url(../img/gnavi03.jpg);}
#gNavi li#gNaviSupport a { background-image: url(../img/gnavi04.jpg);}
#gNavi li#gNaviBusiness a { background-image: url(../img/gnavi05.jpg);}


#globalArea {
	width: 320px;
	height: 50px;
	position: absolute;
	top: 9px;
	left: 214px;
}

#subNavi {
	position: absolute;
	top: 30px;
	left: 558px;
	width: 239px;
}
#subNavi li {margin:0 0 0 25px; padding:0 0 0 15px; float: left; font-size: 12px; line-height: 140%; background: url(../img/icon_subnavi.gif) no-repeat scroll left center;}
#subNavi li a{ color:#fff;}

#searchBtn { width: 130px; height: 18px; position: absolute; top: 25px; left: 830px;}



/*  localNavi  */

#leftClm { float: left; background:url(../img/lnavi_bg1.gif) repeat scroll left top; width: 220px;}

#lNavi { background:#fff url(../img/lnavi_bg2.jpg) no-repeat scroll left top; margin: 10px; padding:5px;}


/*  アコーディオンナビ  */

.treeview { padding: 0; margin: 0; }

.treeview ul { padding:10px 0 0 0; list-style: none; }
.treeview li { text-align:center; margin: 0 0 2px 0; padding: 0; font-size:13px;}

.treeview li a { color:#fff; padding:3px; margin:0 0 2px 0; display:block; text-decoration:none; background:url(../img/local_ct.jpg) scroll no-repeat center top;}
.treeview li a:hover { color:#fff; background:url(../img/local_ct_ov.jpg) scroll no-repeat center top;}
.treeview li a.selected { background:url(../img/local_ct_ov.jpg) scroll no-repeat center top;}
.treeview li a.selected:hover { background:url(../img/local_ct_ov.jpg) scroll no-repeat center top;}

.treeview li ul { margin: 0 0 8px 0; padding: 0; }
.treeview li ul li { margin: 0 0 2px 0; padding:0;}
.treeview li ul li a { color:#000; margin:0 0 2px 0; background:url(../img/local_pref.jpg) scroll no-repeat center top;}
.treeview li ul li a:hover { color:#000; background:url(../img/local_pref_ov.jpg) scroll no-repeat center top;}
.treeview li ul li a.selected { background:url(../img/local_pref_ov.jpg) scroll no-repeat center top;}
.treeview li ul li a.selected:hover { background:url(../img/local_pref_ov.jpg) scroll no-repeat center top;}
.treeview li ul li ul { margin:0 0 6px 0;}
.treeview li ul li ul li { margin:0; border-bottom:#fff 2px solid;}
.treeview li ul li ul li a { color:#222; margin:0; display:block; background:url(../img/local_pref02.jpg) scroll no-repeat center top;}
.treeview li ul li ul li a:hover { background:url(../img/local_pref02_ov.jpg) scroll no-repeat center top;}
.treeview li ul li ul li a.selected { background:url(../img/local_pref02_ov.jpg) scroll no-repeat center top;}
.treeview li ul li ul li a.selected:hover { background:url(../img/local_pref02_ov.jpg) scroll no-repeat center top;}

.treeview li.bgchange a { background:url(../img/local_pref02_ov.jpg) scroll no-repeat center top;}
.treeview li.selc02 a { background:url(../img/local_pref02_ov.jpg) scroll no-repeat center top;}

/*  アコーディオンナビ(下部ライン付)  */

.treeview li.sublineb { margin: 0 0 10px 0; padding: 0 0 10px 0; border-bottom:dotted 1px #999; }

/*  localバナー  */
#lNaviBnr{ width:180px; margin: 20px auto;}


/*  content  */

#content { width: 960px; margin: 0 auto; overflow: hidden; height: auto; text-align: left; background:url(../img/lnavi_bg3.gif) repeat-y scroll left top;}
#content #leftClm { padding-bottom: 32767px; margin-bottom: -32767px;}
#content #rightClm { padding-bottom: 32767px; margin-bottom: -32767px;}

/*  footer  */

#footer { width: 100%; height:100px; background: url(../img/footer_bg.jpg) repeat-x scroll left top; position:relative; z-index:50;}
#footer a { color:#fff;}

#footerCompany { width:960px; margin:0 auto; text-align:left;}

.footerNaviTitle { width: 200px; margin: 15px 20px 20px 0; float: left; background:url(../img/ftr_navi00.gif) no-repeat scroll left top; text-indent: -9999px;}

#footerNavi {}
#footerNavi li { float: left; margin: 15px 20px 15px 0;}
#footerNavi li a { display: block; height: 20px; text-indent: -9999px; background-position: 0 0;}
#footerNavi li a:hover { background-position: 0 -20px;}

#footerNavi li#fNaviCompany a { width: 75px; background-image:url(../img/ftr_navi01.gif);}
#footerNavi li#fNaviHistory a { width: 90px; background-image:url(../img/ftr_navi02.gif);}
#footerNavi li#fNaviNetwork a { width: 92px; background-image: url(../img/ftr_navi03.gif);}
#footerNavi li#fNaviIR a { width: 62px; background-image: url(../img/ftr_navi04.gif);}
#footerNavi li#fNaviRecruit a { width: 75px; background-image: url(../img/ftr_navi05.gif);}

#siteFooter { width:960px; margin:0 auto; padding:4px 0 0 0; text-align:left; color:#fff;}
#siteFooter p { font-size:75%;}
#siteFooter p#ftrNavi { float: left; color:#777;}
#siteFooter p#ftrNavi a { margin:0 5px; color:#fff;}
#siteFooter p#Copyright { float: right; text-align:right;}



/* pankuzu-Nav
----------------------------------------------------------- */

#pankuzu { padding: 0 0 15px 0;}
#pankuzu p { font-size:75%;}
#pankuzu p span { padding: 0 0 0 22px; background:url(../img/arrow.png) no-repeat left center;}


/* pageNav
----------------------------------------------------------- */

.pageNav { text-align:right; padding:30px 0 20px 20px; }
.pageNav li { display:inline; font-size:75%; padding:0 0 0 20px; background:url(../img/top.png) no-repeat left center;}

#blackcont .pageNav { padding:30px 0 0 20px; }


.GrayBox { background:#CCC; color:#000; font-size:100%; padding:10px; margin-bottom:10px; clear:both;}