/* CSS Document */

@import url(base.css);


/*
-----------------------------------------------------------------------
layout
-----------------------------------------------------------------------
*/

#wrapper {
	width:100%;
	margin:0 auto;
}

#discription {
	display:none;
}

#headerarea {
	background:url(../img/common/bg_header.jpg) repeat-x;
	height:69px;
}

#header {
	width:870px;
	margin:0 auto;
}

#logoarea {
	padding:26px 0 0;
	float:left;
}

#logoarea h2 {
	width:111px;
}

#logoarea h2 a {
	display:block;
	height:20px;
	background:url(../img/common/logo.gif) no-repeat;
	text-indent:-9999px;
}

ul#hnav {
	width:152px;
	padding-top:10px;
	float:right;
}

ul#hnav li#hnav01 {
	width:81px;
	float:left;
}

ul#hnav li#hnav02 {
	width:56px;
	float:right;
}

ul#hnav li#hnav01 a,
ul#hnav li#hnav02 a {
	display:block;
	height:21px;
	text-indent:-9999px;
}

ul#hnav li#hnav01 a { background:url(../img/common/bt_hnav01.jpg) no-repeat; }
ul#hnav li#hnav01 a:hover { background:url(../img/common/bt_hnav01.jpg) 0 -21px no-repeat; }

ul#hnav li#hnav02 a { background:url(../img/common/bt_hnav02.jpg) no-repeat; }
ul#hnav li#hnav02 a:hover { background:url(../img/common/bt_hnav02.jpg) 0 -21px no-repeat; }

#gnavarea {
	clear:both;
	width:100%;
	height:36px;
	margin:0 auto;
	background:url(../img/common/bg_gnav.jpg) repeat-x;
}

ul#gnav {
	width:843px;
	margin:0 auto;
}

ul#gnav li {
	float:left;
}

ul#gnav li#gnav01,
ul#gnav li#gnav02,
ul#gnav li#gnav03,
ul#gnav li#gnav08 {
	width:91px;
}

ul#gnav li#gnav04,
ul#gnav li#gnav05 {
	width:125px;
}

ul#gnav li#gnav06 {
	width:130px;
}

ul#gnav li#gnav07 {
	width:99px;
}

ul#gnav li a {
	display:block;
	height:36px;
	text-indent:-9999px;
}

ul#gnav li#gnav01 a { background:url(../img/common/bt_gnav01.jpg) no-repeat; }
#index ul#gnav li#gnav01 a,
ul#gnav li#gnav01 a:hover { background:url(../img/common/bt_gnav01.jpg) 0 -36px no-repeat; }

ul#gnav li#gnav02 a { background:url(../img/common/bt_gnav02.jpg) no-repeat; }
#news ul#gnav li#gnav02 a,
ul#gnav li#gnav02 a:hover { background:url(../img/common/bt_gnav02.jpg) 0 -36px no-repeat; }

ul#gnav li#gnav03 a { background:url(../img/common/bt_gnav03.jpg) no-repeat; }
#product ul#gnav li#gnav03 a,
ul#gnav li#gnav03 a:hover { background:url(../img/common/bt_gnav03.jpg) 0 -36px no-repeat; }

ul#gnav li#gnav04 a { background:url(../img/common/bt_gnav04.jpg) no-repeat; }
#shop ul#gnav li#gnav04 a,
ul#gnav li#gnav04 a:hover { background:url(../img/common/bt_gnav04.jpg) 0 -36px no-repeat; }

ul#gnav li#gnav05 a { background:url(../img/common/bt_gnav05.jpg) no-repeat; }
ul#gnav li#gnav05 a:hover { background:url(../img/common/bt_gnav05.jpg) 0 -36px no-repeat; }

ul#gnav li#gnav06 a { background:url(../img/common/bt_gnav06.jpg) no-repeat; }
#howto ul#gnav li#gnav06 a,
ul#gnav li#gnav06 a:hover { background:url(../img/common/bt_gnav06.jpg) 0 -36px no-repeat; }

ul#gnav li#gnav07 a { background:url(../img/common/bt_gnav07.jpg) no-repeat; }
#company ul#gnav li#gnav07 a,
ul#gnav li#gnav07 a:hover { background:url(../img/common/bt_gnav07.jpg) 0 -36px no-repeat; }

ul#gnav li#gnav08 a { background:url(../img/common/bt_gnav08.jpg) no-repeat; }
#recruit ul#gnav li#gnav08 a,
ul#gnav li#gnav08 a:hover { background:url(../img/common/bt_gnav08.jpg) 0 -36px no-repeat; }


/*
-----------------------------------------------------------------------
layout_footer
-----------------------------------------------------------------------
*/

#footerarea {
	clear:both;
	width:900px;
	margin:0 auto;
	background:url(../img/common/bg_footer.jpg) repeat-x;
}

#index #footerarea { width:100%; background:url(../img/index/bg_footer.jpg) repeat-x; }

#footerarea:after {
	content: "";
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
}

#footer {
	width:890px;
	margin:0 auto;
}

#fnav {
	width:347px;
	padding-top:15px;
	float:left;
}

#index #fnav { padding-top:27px; }

ul#fnav li {
	margin-right:7px;
	float:left;
}

ul#fnav li#fnav01 { width:121px; }

ul#fnav li#fnav02 { width:129px; }

ul#fnav li#fnav03 { width:76px; }

ul#fnav li#fnav01 a,
ul#fnav li#fnav02 a,
ul#fnav li#fnav03 a {
	display:block;
	height:16px;
	text-indent:-9999px;
	overflow:hidden;
}

ul#fnav li#fnav01 a { background:url(../img/common/bt_fnav01.jpg) no-repeat; }
ul#fnav li#fnav01 a:hover { background:url(../img/common/bt_fnav01.jpg) 0 -16px no-repeat; }

ul#fnav li#fnav02 a { background:url(../img/common/bt_fnav02.jpg) no-repeat; }
ul#fnav li#fnav02 a:hover { background:url(../img/common/bt_fnav02.jpg) 0 -16px no-repeat; }

ul#fnav li#fnav03 a { background:url(../img/common/bt_fnav03.jpg) no-repeat; }
ul#fnav li#fnav03 a:hover { background:url(../img/common/bt_fnav03.jpg) 0 -16px no-repeat; }

#index ul#fnav li#fnav01 a { background:url(../img/index/bt_fnav01.jpg) no-repeat; }
#index ul#fnav li#fnav01 a:hover { background:url(../img/index/bt_fnav01.jpg) 0 -16px no-repeat; }

#index ul#fnav li#fnav02 a { background:url(../img/index/bt_fnav02.jpg) no-repeat; }
#index ul#fnav li#fnav02 a:hover { background:url(../img/index/bt_fnav02.jpg) 0 -16px no-repeat; }

#index ul#fnav li#fnav03 a { background:url(../img/index/bt_fnav03.jpg) no-repeat; }
#index ul#fnav li#fnav03 a:hover { background:url(../img/index/bt_fnav03.jpg) 0 -16px no-repeat; }

#copyright {
	padding-top:65px;
	margin-bottom:15px;
	float:right;
}

#index #copyright { padding-top:135px; }

#copyright address {
	font-size:10px;
}

#copyright address a {
	color:#FFF;
	text-decoration:none;
}

#index #copyright address a { color:#999; }

/*
-----------------------------------------------------------------------
layout_flash
-----------------------------------------------------------------------
*/

#flasharea {
	clear:both;
	width:100%;
	height:419px;
	margin:0 auto;
	background:#000 url(../img/index/p_flash.jpg) center no-repeat;
}