@charset "UTF-8";


/* ***********************************************************************
	headerNav
*********************************************************************** */

#headerNav ul li {
	float: left;
	overflow: hidden;
	}
#headerNav ul li a {
	display: block;
	height: 28px;
	text-indent: -9999px;
}

#headerNav ul li#hn1 a{
	width: 79px;
	background: url("../img/common/headerb1.jpg") no-repeat;
}
#headerNav ul li#hn2 a{
	width: 130px;
	background: url("../img/common/headerb2.jpg") no-repeat;
}
#headerNav ul li#hn3 a{
	width: 99px;
	background: url("../img/common/headerb3.jpg") no-repeat;
}
#headerNav ul li#hn4 a{
	width: 87px;
	background: url("../img/common/headerb4.jpg") no-repeat;
}


/* ***********************************************************************
	GlobalNav
*********************************************************************** */

#gnavi {
	text-align: center;
	clear:both;
	}
#gnavi ul {
	margin: 0 auto;
	width: 945px;
	height: 61px;
}
#gnavi ul li {
	float: left;
	overflow: hidden;
	}
#gnavi ul li#gn1{
	width: 125px;
	}
#gnavi ul li#gn2{
	width: 196px;
	}
#gnavi ul li#gn3{
	width: 149px;
	}
#gnavi ul li#gn4{
	width: 137px;
	}
#gnavi ul li#gn5{
	width: 151px;
	}
#gnavi ul li#gn6{
	width: 94px;
	}
#gnavi ul li#gn7{
	width: 93px;
	}
	
#gnavi ul li a {
	display: block;
	height: 61px;
	text-indent: -9999px;
}

#gnavi ul li#gn1 a {
	background: url("../img/common/gnavi1.jpg") no-repeat;
}
#gnavi ul li#gn2 a {
	background: url("../img/common/gnavi2.jpg") no-repeat;
}
#gnavi ul li#gn3 a {
	background: url("../img/common/gnavi3.jpg") no-repeat;
}
#gnavi ul li#gn4 a {
	background: url("../img/common/gnavi4.jpg") no-repeat;
}
#gnavi ul li#gn5 a {
	background: url("../img/common/gnavi5.jpg") no-repeat;
}
#gnavi ul li#gn6 a {
	background: url("../img/common/gnavi6.jpg") no-repeat;
}
#gnavi ul li#gn7 a {
	background: url("../img/common/gnavi7.jpg") no-repeat;
}

#gnavi ul li.active a {
	background-position: 0 -61px !important;
}

#gnavi ul li a:hover {
	background-position: 0 -61px !important;
	text-decoration: none;
}


/* ***********************************************************************
	Sub Nav Content
*********************************************************************** */


div#subBox #navCttl{
	width:245px;
	height:30px;
	font-size:1.3em;
	line-height:1.1em;
	font-weight: bold;
	margin:0;
	padding:0;
	background: url(../img/common/nv_c_ttl_bg.jpg) no-repeat;
}
div#subBox #navCttl a{
	display:block;
	width:215px;
	color:#fff;
	text-decoration:none;
	margin:0;
	padding:10px 0px 8px 30px;
}
div#subBox #navCttl  a:hover {
	text-decoration:underline;
}
div#subBox ul#navC{
	list-style-type:none;
	margin:0;
	padding:0;
}
ul#navC li{
	margin:0;
	padding:0;
	border-top:solid 1px #FFF;
	border-right:solid 4px #eee;
	border-bottom: solid 1px #eee;
	border-left:solid 4px #eee;
	background:#FFF;
}
ul#navC li a{
	display:block;
	font-size:1.3em;
	line-height:1.2em;
	color:#2B65D9;
	background:#fff url(../img/common/nv_c_arw_01.jpg) 7px center no-repeat;
	padding:4px 4px 5px 30px;
	text-decoration:none;
}
ul#navC li a:hover,ul#navC li a.navCon1 {
	color:#DD0600;
	background:#fff url(../img/common/nv_c_arw_01_on.jpg) 7px center no-repeat;
}

ul#navC li.bot{
	margin:0 0 5px 0;
	padding:0;
	border-top:solid 1px #FFF;
	border-right:solid 4px #eee;
	border-bottom: solid 4px #eee;
	border-left:solid 4px #eee;
	background:#FFF;
}
ul#navC li.bot a{
	display:block;
	font-size:1.3em;
	line-height:1.2em;
	color:#2B65D9;
	background:#fff url(../img/common/nv_c_arw_01.jpg) 7px center no-repeat;
	padding:4px 4px 5px 30px;
	text-decoration:none;
}
ul#navC li.bot a:hover,ul#navC li.bot a.navCon1 {
	color:#DD0600;
	background:#fff url(../img/common/nv_c_arw_01_on.jpg) 7px center no-repeat;
}

ul#navC li a.navCon2{
	background-color:#FFF;
}
ul#navC li ul{
	list-style-type:none;
	margin:0 0 0 0px;
	padding:0;
}
ul#navC li ul li{
	display:inline;
	margin:0;
	padding:0;
	border:none;
}
ul#navC li ul li a{
	background:#FFF url(../img/common/nv_s_arw_02.gif) left center no-repeat;
	padding:5px 2px 4px 30px;
	border-top:dotted 1px #c8c8c8;
	border-bottom:none;
	font-size:1.2em;
}
ul#navC li ul li a:hover,ul#navC li ul li a.navCon3{
	color:#DD0600;
	background: url(../img/common/nv_s_arw_02_on.gif) left center no-repeat;
}
ul#navC li ul li ul{
	list-style-type:none;
	margin:0 0 0 12px;
	padding:0;
}


/* ***********************************************************************
	Sub Nav productlineup
*********************************************************************** */

div#subBox #navSttl{
	width:245px;
	height:30px;
	font-size:1.3em;
	line-height:1.1em;
	font-weight: bold;
	margin:0;
	padding:0;
	background: url(../img/common/nv_s_ttl_bg.jpg) no-repeat;
}
div#subBox #navSttl a{
	display:block;
	width:222px;
	color:#555;
	text-decoration:none;
	margin:0;
	padding:10px 0px 8px 23px;
}
div#subBox #navSttl  a:hover {
	text-decoration:underline;
}
div#subBox ul#navS{
	list-style-type:none;
	margin:0;
	padding:0;
}
ul#navS li{
	margin:0;
	padding:0;
	border-top:solid 1px #FFF;
	border-bottom: solid 1px #CCC;
	background:#FFF;
}
ul#navS li a{
	display:block;
	font-size:1.3em;
	line-height:1.2em;
	color:#2B65D9;
	background:#e6e6e6 url(../img/common/nv_s_arw_01.gif) 7px center no-repeat;
	padding:4px 4px 5px 20px;
	text-decoration:none;
}
ul#navS li a:hover,ul#navS li a.navSon1 {
	color:#DD0600;
	background:#e6e6e6 url(../img/common/nv_s_arw_01_on.gif) 7px center no-repeat;
}
ul#navS li a.navSon2{
	background-color:#FFF;
}
ul#navS li ul{
	list-style-type:none;
	margin:0 0 0 0px;
	padding:0;
}
ul#navS li ul li{
	display:inline;
	margin:0;
	padding:0;
	border:none;
}
ul#navS li ul li a{
	background:#FFF url(../img/common/nv_s_arw_02.gif) left center no-repeat;
	padding:5px 2px 4px 30px;
	border-top:dotted 1px #c8c8c8;
	border-bottom:none;
	font-size:1.2em;
}
ul#navS li ul li a:hover,ul#navS li ul li a.navSon3{
	color:#DD0600;
	background: url(../img/common/nv_s_arw_02_on.gif) left center no-repeat;
}
ul#navS li ul li ul{
	list-style-type:none;
	margin:0 0 0 12px;
	padding:0;
}


/* ***********************************************************************
	サイドバナー
*********************************************************************** */

#subBannerBox {
	width: 245px;
	padding:0px;;
	margin: 0;
}

#subBannerBox ul {
	width: 245px;
	overflow: hidden;
	}
#subBannerBox ul li {
	width: 245px;
	margin: 0;
	font-size: 1.0em;
	line-height: 0;
	text-indent: -9999px;
}
#subBannerBox ul li a {
	display: block;
	width: 245px;
}
#subBannerBox ul li#subbn1 a {
	background: url("../img/common/sideban1.jpg") no-repeat;
	height: 175px;
	line-height:1.5em;
}
#subBannerBox ul li#subbn2 a {
	background: url("../img/common/sideban2.jpg") no-repeat;
	height: 65px;
	line-height:1.5em;
}