@charset "Shift-JIS";



/* header/footer LAYOUT

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

/* header */

#headerWrap{

	width:100%;

	background: url(/resources/images/bg.gif) left top repeat;

}

#header{

	width: 940px;

	margin: 0 auto;

	padding: 10px 0 0;

	/*font-size: 75%;*/

	text-align:left;

}

#header a{

	color: #333333;

}

#header a:hover{

	color: #333333;

}

#header h1{

	float: left;

	width: 223px;

	padding-top: 15px;

}

#header .rightBox{

	float: right;

	width: 704px;

}

#header .subNav{

	margin: 0 0 0 30px;

}

#header .subNav li{

	float: left;

	padding: 7px 10px 0 0;

	font-size: 10px;

}

#header .subNav li a{

	background: url(/resources/images/header/nav_line.gif) right center no-repeat;

	padding-right: 11px;

}

#header .txtSize{

	background: url(/resources/images/header/nav_line.gif) right center no-repeat;

	width: 159px;

	margin-right: 10px;

	padding-right: 11px;

	float: left;

}

#header .txtSize dt{

	float: left;

	padding: 7px 0 0 0;

	font-size: 10px;

}

#header .txtSize dd{

	float: left;

	padding-left: 3px;

}

#header #searchForm{

	background: url(/resources/images/header/search_bg.png) left top no-repeat;

	width: 177px;

	height: 20px;

	padding: 3px 3px 3px 30px;

	float: left;

}

#header #searchForm input{

	display: block;

	height: 20px;

}

#header #searchForm .searchTxt{

	background: none;

	border: none;

	float: left;

	color: #464646;

	font-size: 12px;
	
	width: 120px;

}

#header #searchForm .searchBtn{

	background: url(/resources/images/header/search_btn.png) left top no-repeat;

	border: none;

	float: right;

	width: 46px;

	cursor: pointer;

}

#header .gNav{

	clear: both;

	position: relative;

}

#header .gNav li{

	float: left;

	padding:12px 10px 4px;

	position: relative;

}

#header .gNav li.last{

	padding-right:0;

}

#header .gNav li.products.hover{background: url(/resources/images/header/gnav_link_title_bg_01.png) left top no-repeat;}

#header .gNav li.learnEnjoy.hover{background: url(/resources/images/header/gnav_link_title_bg_02.png) left top no-repeat;}

#header .gNav li.customer.hover{background: url(/resources/images/header/gnav_link_title_bg_03.png) left top no-repeat;}

#header .gNav li.corporate.hover{background: url(/resources/images/header/gnav_link_title_bg_04.png) left top no-repeat;}

#header .gNav .gNavLinkTop{

	display: none;

	position: absolute;

	z-index: 999;

	top:35px;

	padding-top: 13px;

}

#header .gNav .products .gNavLinkTop{

	width: 450px;

	left: 0;

	background: url(/resources/images/header/gnav_link_top_bg_01.png) left top no-repeat;

}

#header .gNav .learnEnjoy .gNavLinkTop{

	width: 240px;

	left: 0;

}

#header .gNav .customer .gNavLinkTop,

#header .gNav .corporate .gNavLinkTop{

	width: 240px;

	right: 0;

}

#header .gNav .learnEnjoy .gNavLinkTop{

	background: url(/resources/images/header/gnav_link_top_bg_02.png) left top no-repeat;

}

#header .gNav .customer .gNavLinkTop{

	background: url(/resources/images/header/gnav_link_top_bg_03.png) left top no-repeat;

}

#header .gNav .corporate .gNavLinkTop{

	background: url(/resources/images/header/gnav_link_top_bg_04.png) left top no-repeat;

}

#header .gNav .gNavLinkBottom{

	padding-bottom: 13px;

}

#header .gNav .products .gNavLinkBottom{

	background: url(/resources/images/header/gnav_link_bottom_bg_01.png) left bottom no-repeat;

}

#header .gNav .learnEnjoy .gNavLinkBottom,

#header .gNav .customer .gNavLinkBottom,

#header .gNav .corporate .gNavLinkBottom{

	background: url(/resources/images/header/gnav_link_bottom_bg_02.png) left bottom no-repeat;

}

#header .gNav .gNavLink{

	background: #fff;

	border-left: #e6e6e6 solid 1px;

	border-right: #e6e6e6 solid 1px;

	padding:3px 0 0 10px;

}

#header .gNav .gNavLink ul{

	float: left;

	width: 214px;

}

#header .gNav .gNavLink li{

	float: none;

}

#header .gNav .gNavLink li a{

	padding: 0 0 0 10px;

	background: url(/resources/images/icn/arrow_right.png) left center no-repeat;

}

#header .gNav .gNavLink .icnLink li a{padding:13px 0 9px 25px;}

#header .gNav .gNavLink li a.link01{background: url(/resources/images/header/gnav_link_icn_01.gif) left center no-repeat;}

#header .gNav .gNavLink li a.link02{background: url(/resources/images/header/gnav_link_icn_02.gif) left center no-repeat;}

#header .gNav .gNavLink li a.link03{background: url(/resources/images/header/gnav_link_icn_03.gif) left center no-repeat;}

#header .gNav .gNavLink li a.link04{background: url(/resources/images/header/gnav_link_icn_04.gif) left center no-repeat;}

#header .gNav .gNavLink li a.link05{background: url(/resources/images/header/gnav_link_icn_05.gif) left center no-repeat;}

#header .gNav .gNavLink li a.link06{background: url(/resources/images/header/gnav_link_icn_06.gif) left center no-repeat;}

#header .gNav .gNavLink li a.link07{background: url(/resources/images/header/gnav_link_icn_07.gif) left center no-repeat;}

#header .gNav .gNavLink li a.link08{background: url(/resources/images/header/gnav_link_icn_08.gif) left center no-repeat;}

#header .gNav .gNavLink li a.link09{background: url(/resources/images/header/gnav_link_icn_09.gif) left center no-repeat;}

#header .gNav .gNavLink li a.link10{background: url(/resources/images/header/gnav_link_icn_10.gif) left center no-repeat;}

#header .gNav .gNavLink li a.link11{background: url(/resources/images/header/gnav_link_icn_11.gif) left center no-repeat;}

#header .gNav .gNavLink li a.link12{background: url(/resources/images/header/gnav_link_icn_12.gif) left center no-repeat;}

#header .gNav .gNavLink li a.link13{background: url(/resources/images/header/gnav_link_icn_13.gif) left center no-repeat;}

#header .gNav .gNavLink li a.link14{background: url(/resources/images/header/gnav_link_icn_14.gif) left center no-repeat;}

#header .gNav .gNavLink .linkSection{

	border-top: #8c8577 dotted 1px;

	margin: 20px 13px 0 20px;

	padding-top: 8px;

	width: 181px;

}

#header .gNav .gNavLink .linkSection li{

	padding-left:5px;

}

/* SUBNAVI */









/* footer */

#footer{

	clear: both;

	font-size: 80%;

	text-align:left;

}

#footer a{

	color: #333333;

}

#footer a:hover{

	color: #333333;

}

#footer #footerNavWrap{

	border-top: #e3d1a5 solid 1px;

	background:url(/resources/images/footer/bg.gif) left top repeat;

	padding: 30px 0 17px;

}

#footer #footerNav{

	width: 940px;

	margin: 0 auto;

	color: #333333;

}

#footer #footerNav a{

	color: #333333;

}

#footer #footerNav a:hover{

	color: #333333;

}

#footer #footerNav dl{

	float: left;

	width: 139px;

	margin-right: 19px;

	padding-right: 19px;

	border-right: #e3d1a5 solid 1px;

}

#footer #footerNav dl.col2{

	width: 209px;

}

#footer #footerNav dl.last{

	margin-right: 0;

	border-right: none;

}

#footer #footerNav dl dt{

	font-size: 120%;

	margin-bottom: 14px;

}

#footer #footerNav dl dd{

	margin-bottom: 3px;

}

#footer #footerNav dl.col2 dd{

	float: left;

	width: 94px;

	padding-right: 10px;

}

#footer #footerNav #sns{

	clear: both;

	float: right;

	padding-top: 15px;

}

#footer #footerNav #sns li{

	float: left;

	padding-right: 5px;

}

#footer #footerNav #sns li.last{

	padding-right: 3px;

}

#footer #footerCopyWrap{

	background: #fff;

}

#footer #footerCopy{

	width: 940px;

	margin: 0 auto;

	padding:20px 0;

}

#footer #footerCopy ul li{

	float: left;

	padding: 7px 22px 0 0;

}

#footer #footerCopy .logo{

	float: right;

	padding-bottom: 6px;

}

#footer #footerCopy .copy{

	clear: both;

	text-align: right;

}


/* SUBNAVI */

#subNavi{
	/width:100%;
	background:none;
	margin-top:20px;
}
#subNavi ul{
	letter-spacing:-1em;
}
#subNavi ul li,
#subNavi ul li a{
	display:inline-block;
	/display:inline;
	/zoom:1;
	vertical-align:top;
	letter-spacing:normal;
	width:160px;
	height:57px;
	text-decoration:none;
	font-size:0;
}
#subNavi ul li a span{
	visibility:hidden;
}
#subNavi ul.subCorporate li.company a{
	background:url(/resources/images/headfoot/header/subnavi/company.gif) no-repeat;
}
#subNavi ul.subCorporate li.ir a{
	background:url(/resources/images/headfoot/header/subnavi/ir.gif) no-repeat;
}
#subNavi ul.subCorporate li.csr a{
	background:url(/resources/images/headfoot/header/subnavi/csr.gif) no-repeat;
}
#subNavi ul.subCorporate li.recruit a{
	background:url(/resources/images/headfoot/header/subnavi/recruit.gif) no-repeat;
}
#subNavi ul.subCorporate li.release a{
	background:url(/resources/images/headfoot/header/subnavi/release.gif) no-repeat;
}
#subNavi ul.subCorporate li.research a{
	background:url(/resources/images/headfoot/header/subnavi/research.gif) no-repeat;
}
#subNavi ul li a.cur,
#subNavi ul li a:hover{
	background-position:0 -57px !important;
}

#CONTENTSAREA #BREADCLUMB{
	margin-top:12px !important;
}