@charset "utf-8";

/* =======================================

	Globalnavi,nav系 CSS

========================================== */

/* top nav
-----------------------------------*/


#nav ul#topnav {
background:url(../images/navi.png) no-repeat left top;
width:839px;
height:43px;
padding:0px 0px 0px 0px;
margin:0 auto;
}

#nav ul#topnav li{
	list-style: none;
	display: block;
	margin: 0px;
	float: left;
	text-indent: -9999px;
	height: 43px;

}

#nav ul#topnav li a{
	display: block;
	text-decoration: none;
	padding: 0px;
	height: 43px;
	background:url(../images/navi.png) no-repeat left top;
	overflow:hidden;
	outline:none; /*クリックすると出る点線を消す*/

}



#nav ul#topnav li#tn1	{ width: 69px; }
#nav ul#topnav li#tn2	{ width: 86px; }
#nav ul#topnav li#tn3	{ width: 120px; }
#nav ul#topnav li#tn4	{ width: 193px; }
#nav ul#topnav li#tn5	{ width: 123px; }
#nav ul#topnav li#tn6	{ width: 101px; }
#nav ul#topnav li#tn7	{ width: 147px; }

#nav ul#topnav li#tn1 a	{ background-position: 0px 0; }
#nav ul#topnav li#tn2 a	{ background-position: -69px 0; }
#nav ul#topnav li#tn3 a	{ background-position: -155px 0; }
#nav ul#topnav li#tn4 a	{ background-position: -275px 0; }
#nav ul#topnav li#tn5 a	{ background-position: -468px 0; }
#nav ul#topnav li#tn6 a	{ background-position: -591px 0; }
#nav ul#topnav li#tn7 a	{ background-position: -692px 0; }

#nav ul#topnav li#tn1 a:hover	{ background-position: 0px 50%; }
#nav ul#topnav li#tn2 a:hover	{ background-position: -69px 50%; }
#nav ul#topnav li#tn3 a:hover	{ background-position: -155px 50%; }
#nav ul#topnav li#tn4 a:hover	{ background-position: -275px 50%; }
#nav ul#topnav li#tn5 a:hover	{ background-position: -468px 50%; }
#nav ul#topnav li#tn6 a:hover	{ background-position: -591px 50%; }
#nav ul#topnav li#tn7 a:hover	{ background-position: -692px 50%; }

body#index #nav ul#topnav li#tn1 a,
body#news #nav ul#topnav li#tn2 a,
body#product #nav ul#topnav li#tn3 a,
body#about #nav ul#topnav li#tn4 a,
body#company #nav ul#topnav li#tn5 a,
body#recruit #nav ul#topnav li#tn6 a,
body#onlineshop #nav ul#topnav li#tn7 a {
display:none;
}

body#index #nav ul#topnav li#tn1 {background:url(../images/navi.png) 0px 100%;}
body#news #nav ul#topnav li#tn2 {background:url(../images/navi.png) -69px 100%;}
body#product #nav ul#topnav li#tn3 {background:url(../images/navi.png) -155px 100%;}
body#about #nav ul#topnav li#tn4 {background:url(../images/navi.png) -275px 100%;}
body#company #nav ul#topnav li#tn5 {background:url(../images/navi.png) -468px 100%;}
body#recruit #nav ul#topnav li#tn6 {background:url(../images/navi.png) -591px 100%;}
body#onlineshop #nav ul#topnav li#tn7 {background:url(../images/navi.png) -692px 100%;}




/* sub-navi
-----------------------------------*/

#sub-navi{
background:url(../images/sub-navi-bg.png) repeat-x left top;
height:208px;
padding:0px 0px 0px 0px;
margin:0 auto;
}

#sub-navi-inner{
width:770px;
padding:0 0px 0 190px;
margin:0 auto;
}

#sub-navi #sub-navi-inner ul{
float:left;
padding-top:9px;
}

#sub-navi #sub-navi-inner li{
padding-left:10px;
}

#sub-navi #sub-navi-inner li a{
display:inline-block;
padding:6px;
*padding:3px;
color:#FFFFFF;
text-decoration:none;
font-size:85%;
}

#sub-navi #sub-navi-inner li a:hover{
/*display:block;*/
background-color:#4555a9;
padding:6px;
}


#sub-navi #sub-navi-inner ul.news{
	width:86px;
	background:url(../images/subnavi-line1.png) no-repeat left 15px;
}
#sub-navi #sub-navi-inner ul.produccts{
	width:120px;
	background:url(../images/subnavi-line2.png) no-repeat left 15px;
}
#sub-navi #sub-navi-inner ul.about{
	width:193px;
	background:url(../images/subnavi-line3.png) no-repeat left 15px;
}
#sub-navi #sub-navi-inner ul.company{
	width:123px;
	background:url(../images/subnavi-line4.png) no-repeat left 15px;
}
#sub-navi #sub-navi-inner ul.recruit{
	width:101px;
	background:url(../images/subnavi-line5.png) no-repeat left 15px;
}




/* overseasSites nav_en
-----------------------------------*/

#nav-en {
    left: 390px;
    margin-bottom: 20px;
    position: absolute;
    top: 74px;
    width: 570px;
}


#nav-en ul#topnav {
background:url(../images/overseasSite/en-navi.png) no-repeat left top;
width:570px;
height:31px;
padding:0px 0px 0px 0px;
margin:0 auto;
}

#nav-en ul#topnav li{
	list-style: none;
	display: block;
	margin: 0px;
	float: left;
	text-indent: -9999px;
	height: 31px;

}

#nav-en ul#topnav li a{
	display: block;
	text-decoration: none;
	padding: 0px;
	height: 31px;
	background:url(../images/overseasSite/en-navi.png) no-repeat left top;
	overflow:hidden;
	outline:none; /*クリックすると出る点線を消す*/

}


#nav-en ul#topnav li#tn1	{ width: 91px; }
#nav-en ul#topnav li#tn2	{ width: 191px; }
#nav-en ul#topnav li#tn3	{ width: 145px; }
#nav-en ul#topnav li#tn4	{ width: 143px; }

#nav-en ul#topnav li#tn1 a { background-position: 0px 0; }
#nav-en ul#topnav li#tn2 a { background-position: -91px 0; }
#nav-en ul#topnav li#tn3 a { background-position: -282px 0; }
#nav-en ul#topnav li#tn4 a { background-position: -427px 0; }

#nav-en ul#topnav li#tn1 a:hover	{ background-position: 0px 50%; }
#nav-en ul#topnav li#tn2 a:hover	{ background-position: -91px 50%; }
#nav-en ul#topnav li#tn3 a:hover	{ background-position: -282px 50%; }
#nav-en ul#topnav li#tn4 a:hover	{ background-position: -427px 50%; }

body.top #nav-en ul#topnav li#tn1 a,
body.organization #nav-en ul#topnav li#tn2 a,
body.company #nav-en ul#topnav li#tn3 a,
body.contact #nav-en ul#topnav li#tn4 a{
display:none;
}

body.top #nav-en ul#topnav li#tn1 {background:url(../images/overseasSite/en-navi.png) 0px 100%;}
body.organization #nav-en ul#topnav li#tn2 {background:url(../images/overseasSite/en-navi.png) -91px 100%;}
body.company #nav-en ul#topnav li#tn3 {background:url(../images/overseasSite/en-navi.png) -282px 100%;}
body.contact #nav-en ul#topnav li#tn4 {background:url(../images/overseasSite/en-navi.png) -427px 100%;}





/* overseasSites nav_ch
-----------------------------------*/

#nav-ch {
    left: 390px;
    margin-bottom: 20px;
    position: absolute;
    top: 74px;
    width: 570px;
}


#nav-ch ul#topnav {
background:url(../images/overseasSite/ch-navi.png) no-repeat left top;
width:570px;
height:43px;
padding:0px 0px 0px 0px;
margin:0 auto;
}

#nav-ch ul#topnav li{
display: block;
    float: left;
    height: 43px;
    list-style: none outside none;
    margin: 0;
    text-indent: -9999px;

}

#nav-ch ul#topnav li a{
	display: block;
	text-decoration: none;
	padding: 0px;
	height: 43px;
	background:url(../images/overseasSite/ch-navi.png) no-repeat left top;
	overflow:hiddch;
	outline:none; /*クリックすると出る点線を消す*/

}


#nav-ch ul#topnav li#tn1 { width: 91px; }
#nav-ch ul#topnav li#tn2 { width: 191px; }
#nav-ch ul#topnav li#tn3 { width: 145px; }
#nav-ch ul#topnav li#tn4 { width: 143px; }

#nav-ch ul#topnav li#tn1 a { background-position: 0px 0; }
#nav-ch ul#topnav li#tn2 a { background-position: -91px 0; }
#nav-ch ul#topnav li#tn3 a { background-position: -282px 0; }
#nav-ch ul#topnav li#tn4 a { background-position: -427px 0; }

#nav-ch ul#topnav li#tn1 a:hover { background-position: 0px 50%; }
#nav-ch ul#topnav li#tn2 a:hover { background-position: -91px 50%; }
#nav-ch ul#topnav li#tn3 a:hover { background-position: -282px 50%; }
#nav-ch ul#topnav li#tn4 a:hover { background-position: -427px 50%; }

body.top #nav-ch ul#topnav li#tn1 a,
body.organization #nav-ch ul#topnav li#tn2 a,
body.company #nav-ch ul#topnav li#tn3 a,
body.contact #nav-ch ul#topnav li#tn4 a{
display:none;
}

body.top #nav-ch ul#topnav li#tn1 {background:url(../images/overseasSite/ch-navi.png) 0px 100%;}
body.organization #nav-ch ul#topnav li#tn2 {background:url(../images/overseasSite/ch-navi.png) -91px 100%;}
body.company #nav-ch ul#topnav li#tn3 {background:url(../images/overseasSite/ch-navi.png) -282px 100%;}
body.contact #nav-ch ul#topnav li#tn4 {background:url(../images/overseasSite/ch-navi.png) -427px 100%;}



/* overseasSites nav_kr
-----------------------------------*/

#nav-kr {
    left: 390px;
    margin-bottom: 20px;
    position: absolute;
    top: 74px;
    width: 570px;
}


#nav-kr ul#topnav {
background:url(../images/overseasSite/kr-navi.png) no-repeat left top;
width:570px;
height:43px;
padding:0px 0px 0px 0px;
margin:0 auto;
}

#nav-kr ul#topnav li{
display: block;
    float: left;
    height: 43px;
    list-style: none outside none;
    margin: 0;
    text-indent: -9999px;
}

#nav-kr ul#topnav li a{
	display: block;
	text-decoration: none;
	padding: 0px;
	height: 43px;
	background:url(../images/overseasSite/kr-navi.png) no-repeat left top;
	overflow:hiddkr;
	outline:none; /*クリックすると出る点線を消す*/

}


#nav-kr ul#topnav li#tn1 { width: 91px; }
#nav-kr ul#topnav li#tn2 { width: 191px; }
#nav-kr ul#topnav li#tn3 { width: 145px; }
#nav-kr ul#topnav li#tn4 { width: 143px; }

#nav-kr ul#topnav li#tn1 a { background-position: 0px 0; }
#nav-kr ul#topnav li#tn2 a { background-position: -91px 0; }
#nav-kr ul#topnav li#tn3 a { background-position: -282px 0; }
#nav-kr ul#topnav li#tn4 a { background-position: -427px 0; }

#nav-kr ul#topnav li#tn1 a:hover { background-position: 0px 50%; }
#nav-kr ul#topnav li#tn2 a:hover { background-position: -91px 50%; }
#nav-kr ul#topnav li#tn3 a:hover { background-position: -282px 50%; }
#nav-kr ul#topnav li#tn4 a:hover { background-position: -427px 50%; }

body.top #nav-kr ul#topnav li#tn1 a,
body.organization #nav-kr ul#topnav li#tn2 a,
body.company #nav-kr ul#topnav li#tn3 a,
body.contact #nav-kr ul#topnav li#tn4 a{
display:none;
}

body.top #nav-kr ul#topnav li#tn1 {background:url(../images/overseasSite/kr-navi.png) 0px 100%;}
body.organization #nav-kr ul#topnav li#tn2 {background:url(../images/overseasSite/kr-navi.png) -91px 100%;}
body.company #nav-kr ul#topnav li#tn3 {background:url(../images/overseasSite/kr-navi.png) -282px 100%;}
body.contact #nav-kr ul#topnav li#tn4 {background:url(../images/overseasSite/kr-navi.png) -427px 100%;}