/* 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;
}