@charset "UTF-8";

/* ****************************************************
Title:
Created date:
Last Modified:
Created by:
******************************************************/


/* Table Of Contents
----------------------------------------

 01 layout
 02 header
 03 pageBody
 04 primary
 05 secondary
 06 gNavi
 07 footer

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


/* 01 layout
---------------------------------------------------------------------------- */
body{
	background: #ffffff url(../img/top/body_bg.gif) repeat-x 0 0;
	}
	
body#topNews{
	background:none;
	}
#base-bg{
	margin: 0 auto;
	background: url(../img/top/base_bg.gif) no-repeat 50% 0;
	}
div#layout {
	background:none;
	}
#footerbg{
	background: #ffffff url(../img/top/footer_bg.gif) repeat-x 0 0;
	}

/* 02 header
---------------------------------------------------------------------------- */
div#header h1#logo{
	padding: 20px 0 0 2px;
	}
div#header ul#hNavi {
	float: right;
	padding: 36px 13px 0 0;
	}

/* 03 pageBody
---------------------------------------------------------------------------- */
div#pageBody {
	background:none;
	clear: both;
	padding: 20px 0 21px 0;
	}

/* 04 primary
---------------------------------------------------------------------------- */
#primary {
	width: 645px;
	float:left;
	}
.private,
.customers{
	width:299px;
	text-align:center;
	float:left;
	}
.private{
	padding-right:17px;
	background:url(../img/top/personal_bg.gif) repeat-y 0 bottom;
	}
.private ul{
	background:url(../img/top/personal_bg_bottom.gif) no-repeat 0 bottom;
	padding-bottom:5px;
	}
.customers{
	background:url(../img/top/corporate_bg.gif) repeat-y 0 bottom;
	}
.customers ul{
	background:url(../img/top/corporate_bg_bottom.gif) no-repeat 0 bottom;
	padding-bottom:5px;
	}

/* 05 secondary
---------------------------------------------------------------------------- */
#secondary {
	width: 265px;
	margin-top:3px;
	float:left;
	}
.news {
	clear: both;
	overflow:hidden;
	margin: 9px 0 0 0;
	width: 265px;
	font-size: 90%;	
	}
.news dt {
	width:265px;
	margin:0;
	padding:0 10px 0 5px;
	float:left;
	clear:none;
	display:block;
	}
.news dd {
	margin:0 0 7px 0;
	padding:0 5px 5px 5px;
	background:url(../img/top/news_line.gif) no-repeat 0 bottom;
	}
.last {
	background:url(../img/top/news_line.gif) repeat-x 0 bottom;
	}
.more {
	background: url(../img/top/bg_more.gif) no-repeat left 4px;
	float: right;
	font-size: 90%;	
	padding: 1px 4px 0 8px;
	}
*:first-child + html .more {
	background: url(../img/top/bg_more.gif) no-repeat left 5px;
	float: right;
	font-size: 90%;	
	padding: 1px 4px 0 8px;
	}

/* 06 gNavi
---------------------------------------------------------------------------- */
dl#gNavi dd ul li#gNaviKozin, 
dl#gNavi dd ul li#gNaviKozin a {
	background: url(../img/top/gnavi_kozin.gif) no-repeat;
	width: 182px;
	}
dl#gNavi dd ul li#gNaviKozin a:hover {
	background: url(../img/top/gnavi_kozin_o.gif) no-repeat right top;
	}
dl#gNavi dd ul li#gNaviHozin, 
dl#gNavi dd ul li#gNaviHozin a {
	background: url(../img/top/gnavi_hozin.gif) no-repeat;
	width: 182px;
	}
dl#gNavi dd ul li#gNaviHozin a:hover {
	background: url(../img/top/gnavi_hozin_o.gif) no-repeat left top;
	}
dl#gNavi dd ul li#gNaviShop, 
dl#gNavi dd ul li#gNaviShop a {
	background: url(../img/top/gnavi_shop.gif) no-repeat;
	width: 182px;
	}
dl#gNavi dd ul li#gNaviShop a:hover {
	background: url(../img/top/gnavi_shop_o.gif) no-repeat right top;
	}
dl#gNavi dd ul li#gNaviInfo, 
dl#gNavi dd ul li#gNaviInfo a {
	background: url(../img/top/gnavi_info.gif) no-repeat;
	width: 182px;
	}
dl#gNavi dd ul li#gNaviInfo a:hover {
	background: url(../img/top/gnavi_info_o.gif) no-repeat left top;
	}
dl#gNavi dd ul li#gNaviSupport, 
dl#gNavi dd ul li#gNaviSupport a {
	background: url(../img/top/gnavi_support.gif) no-repeat;
	width: 182px;
	}
dl#gNavi dd ul li#gNaviSupport a:hover {
	background: url(../img/top/gnavi_support_o.gif) no-repeat left top;
	}
dl#gNavi dd ul li ul li a {
	width: 172px !important;
	}
dl#gNavi dd ul li ul#sNaviKozin {
	left:0;
	}
dl#gNavi dd ul li ul#sNaviHozin {
	left:0px;
	}
dl#gNavi dd ul li ul#sNaviInfo {
	left:0px;
	}

/* 07 footer
---------------------------------------------------------------------------- */
div#footer {
	background: #e6efff url(../img/top/fnavi_bg.gif) repeat-x 0 0;
	}
div#footer #fNavi {
	width:910px;
	margin: 0 auto;
	padding:20px 40px 15px 140px;
	}

div#footerbg div.fBlock{
	width: 910px;
	margin: 0 auto;
	}
div#footerbg div.fBlock p.copyright {
	float: left;
	width: 243px;
	padding:5px 0 2px 0;
	}
div#footerbg div.fBlock p.copyright img {
	float: left;
	padding: 2px 0 0 43px;
	}
div#footerbg div.fBlock ul {
	float: right;
	padding: 5px 41px 0 0;
	font-size:85%;
	}
div#footerbg div.fBlock ul li {
	background: url(../img/bg_fblock.gif) no-repeat right 4px;
	float: left;
	padding: 0 7px 7px 7px;
	}
div#footerbg div.fBlock ul li.lastFblock {
	background: none;
	padding: 0 0 0 6px;
	}
div#footerbg div.fBlock ul li a {
	color: #FFFFFF;
	}
div#footerbg #fNavi .fNaviBlock .fNaviTwitter {
	padding-left: 23px;
	background-image: url(../img/fNaviTwitter.gif);
	background-repeat: no-repeat;
	background-position: 5px;
	}
div#footerbg #fNavi .fNaviBlock .fNaviFacebook {
	padding-left: 23px;
	background-image: url(../img/fNaviFacebook.gif);
	background-repeat: no-repeat;
	background-position: 5px;
	}
.fNaviBlock b{
	font-size:90%;
	}