/* LEC CSS  - April 2006 */
/* by LEC - http://www.lec-jp.com */
/* Order of Apperance
-------------------------------------------------------
ID and Class selectors appear as in the page structure.
-------------------------------------------------------

|--#header
|		|-- #logo_lec 
|
|--#g_navi
|--#g_navi_sub
|		|-- #navi_sub1
|		|-- #navi_sub2
|		|-- #navi_sub3
|		|-- #navi_sub4
|		|-- #navi_sub5
|		|-- #navi_sub6
|		|-- #navi_sub7
|		|-- #navi_sub8
|
|--#footer
|		|-- #copy_right

--------------------------------------------------------
*/
.hide{
	text-indent:-9999px;
	margin:0;
	padding:0;
	line-height:0;
	border:0;
	font-size:0;
	display:none;
}

.navi_hide{	display:none; }


#header{
	color:#FFF;
	width:760px;
	margin:0 auto;
	padding:10px 0;
	text-align:left
}

#header:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

#header{
	display:inline-table;
}

/* Hide from IE-mac \*/
*html #header{ height:1%;}
#header{ display:block;}
/* End hide form IE-mac */


#logo_lec{
	margin:0;
	padding:3px 0 0 0;
	border:none;
	float:left;
}

#header ul{
	margin:0;
	padding:17px 0 0 0;
	list-style:none;
	float:right;
	color:#999;
	font-size:70%;
}

#header ul li{
	margin:0;
	padding:3px 0 0 18px;
	display:inline;
}

#header ul li#navi_onlineshop{
	background:url(../common/navi/icon_onlineshop.gif) no-repeat left bottom;
	padding-left:17px;
}

#header ul li#navi_cell{
	background:url(../common/navi/icon_cell.gif) no-repeat left bottom;
	padding-left:14px;

}

#header ul li#navi_company{	padding-left:14px;background:url(../common/navi/icon_company.gif) no-repeat left bottom }
#header ul li#navi_recruit{	background:url(../common/navi/icon_recruit.gif) no-repeat left bottom }
#header ul li#navi_inquiry{ background:url(../common/navi/icon_inquiry.gif) no-repeat left bottom }
#header ul li#navi_english{ background:url(../common/navi/icon_english.gif) no-repeat left bottom }





#g_navi{
	width:760px;
	border-bottom:5px solid #00274F;
	margin:0 auto;
	padding:0;
	font-size:75%;
	text-align:left;
}


/*body要素につけたclass名(tab01〜tab08)によりフォーカスされるタブが変わります*/
#g_navi {
	background:url("../common/navi/navi_bg_body00.jpg") repeat-y left top;
}
.tab01 #g_navi {
	background:url("../common/navi/navi_bg_body01.jpg") repeat-y left top;
}
.tab02 #g_navi {
	background:url("../common/navi/navi_bg_body02.jpg") repeat-y left top;
}
.tab03 #g_navi {
	background:url("../common/navi/navi_bg_body03.jpg") repeat-y left top;
}
.tab04 #g_navi {
	background:url("../common/navi/navi_bg_body04.jpg") repeat-y left top;
}
.tab05 #g_navi {
	background:url("../common/navi/navi_bg_body05.jpg") repeat-y left top;
}
.tab06 #g_navi {
	background:url("../common/navi/navi_bg_body06.jpg") repeat-y left top;
}
.tab07 #g_navi {
	background:url("../common/navi/navi_bg_body07.jpg") repeat-y left top;
}
.tab08 #g_navi {
	background:url("../common/navi/navi_bg_body08.jpg") repeat-y left top;
}

/*#g_navi ul {
	background:url("../common/navi/navi_bg_top01.jpg") no-repeat left top;
}*/

#g_navi ul li.navi01 {
	background:url(../common/navi/navi_bg_top01.jpg) no-repeat 0 0;
}
#g_navi ul li.navi02 {
	background:url(../common/navi/navi_bg_top01.jpg) no-repeat -137px 0;
}
#g_navi ul li.navi03 {
	background:url(../common/navi/navi_bg_top01.jpg) no-repeat -234px 0;
}
#g_navi ul li.navi04 {
	background:url(../common/navi/navi_bg_top01.jpg) no-repeat -335px 0;
}
#g_navi ul li.navi05 {
	background:url(../common/navi/navi_bg_top01.jpg) no-repeat -415px 0;
}
#g_navi ul li.navi06 {
	background:url(../common/navi/navi_bg_top01.jpg) no-repeat -525px 0;
}
#g_navi ul li.navi07 {
	background:url(../common/navi/navi_bg_top01.jpg) no-repeat -611px 0;
}
#g_navi ul li.navi08 {
	background:url(../common/navi/navi_bg_top01.jpg) no-repeat -691px 0;
}

.tab01 #g_navi ul li.navi01 {
	background:url("../common/navi/navi_bg_top02.jpg") no-repeat left 0;
}
.tab02 #g_navi ul li.navi02 {
	background:url("../common/navi/navi_bg_top02.jpg") no-repeat -137px 0;
}
.tab03 #g_navi ul li.navi03 {
	background:url("../common/navi/navi_bg_top02.jpg") no-repeat -234px 0;
}
.tab04 #g_navi ul li.navi04 {
	background:url("../common/navi/navi_bg_top02.jpg") no-repeat -335px 0;
}
.tab05 #g_navi ul li.navi05 {
	background:url("../common/navi/navi_bg_top02.jpg") no-repeat -415px 0;
}
.tab06 #g_navi ul li.navi06 {
	background:url("../common/navi/navi_bg_top02.jpg") no-repeat -525px 0;
}
.tab07 #g_navi ul li.navi07 {
	background:url("../common/navi/navi_bg_top02.jpg") no-repeat -611px 0;
}
.tab08 #g_navi ul li.navi08 {
	background:url("../common/navi/navi_bg_top02.jpg") no-repeat -691px 0;
}

#g_navi ul{
	margin:0;
	padding:0;
	border:none;
}

#g_navi ul:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

#g_navi ul{
	display:inline-table;
}

/* Hide from IE-mac \*/
*html #g_navi ul{ height:1%;}
#g_navi ul{ display:block;}
/* End hide form IE-mac */


#g_navi ul li{
	display:block;
	float:left;
	margin:0 1px 0 0;
	padding:0;
	text-align:left;
	list-style:none;
}

#g_navi ul li a{
	display:block;
	margin:0;
	padding:7px 5px 7px 15px;
	line-height:1.1;
}

#g_navi ul li.navi01{ width:136px;}
#g_navi ul li.navi02{ width:96px;}
#g_navi ul li.navi03{ width:100px;}
#g_navi ul li.navi04{ width:79px;}
#g_navi ul li.navi05{ width:109px;}
#g_navi ul li.navi06{ width:85px;}
#g_navi ul li.navi07{ width:79px;}
#g_navi ul li.navi08{ width:69px; margin:0;}

#g_navi ul li.navi08 a{ padding-left:7px;}


.tab01 #g_navi ul li.navi01 a:link{ color:#F9F9F9;text-decoration:none } 
.tab01 #g_navi ul li.navi01 a:visited { color:#F9F9F9;text-decoration:none }
.tab01 #g_navi ul li.navi01 a:hover { color:#FFCC00;text-decoration:none}
.tab02 #g_navi ul li.navi02 a:link{ color:#F9F9F9;text-decoration:none } 
.tab02 #g_navi ul li.navi02 a:visited { color:#F9F9F9;text-decoration:none }
.tab02 #g_navi ul li.navi02 a:hover { color:#FFCC00;text-decoration:none}
.tab03 #g_navi ul li.navi03 a:link{ color:#F9F9F9;text-decoration:none } 
.tab03 #g_navi ul li.navi03 a:visited { color:#F9F9F9;text-decoration:none }
.tab03 #g_navi ul li.navi03 a:hover { color:#FFCC00;text-decoration:none}
.tab04 #g_navi ul li.navi04 a:link{ color:#F9F9F9;text-decoration:none } 
.tab04 #g_navi ul li.navi04 a:visited { color:#F9F9F9;text-decoration:none }
.tab04 #g_navi ul li.navi04 a:hover { color:#FFCC00;text-decoration:none}
.tab05 #g_navi ul li.navi05 a:link{ color:#F9F9F9;text-decoration:none } 
.tab05 #g_navi ul li.navi05 a:visited { color:#F9F9F9;text-decoration:none }
.tab05 #g_navi ul li.navi05 a:hover { color:#FFCC00;text-decoration:none}
.tab06 #g_navi ul li.navi06 a:link{ color:#F9F9F9;text-decoration:none } 
.tab06 #g_navi ul li.navi06 a:visited { color:#F9F9F9;text-decoration:none }
.tab06 #g_navi ul li.navi06 a:hover { color:#FFCC00;text-decoration:none}
.tab07 #g_navi ul li.navi07 a:link{ color:#F9F9F9;text-decoration:none } 
.tab07 #g_navi ul li.navi07 a:visited { color:#F9F9F9;text-decoration:none }
.tab07 #g_navi ul li.navi07 a:hover { color:#FFCC00;text-decoration:none}
.tab08 #g_navi ul li.navi08 a:link{ color:#F9F9F9;text-decoration:none } 
.tab08 #g_navi ul li.navi08 a:visited { color:#F9F9F9;text-decoration:none }
.tab08 #g_navi ul li.navi08 a:hover { color:#FFCC00;text-decoration:none}




#g_navi_sub{
	margin:0 auto 1px auto;
	padding:5px 0;
	border:none;
	width:760px;
	background-color:#00274F;
	min-height:22px;
	text-align:left
}


#g_navi_sub dl{
	margin:0;
	padding:0;
	font-size:75%;
	color:#FFF;
	list-style:none;
}

#g_navi_sub dt{
	display:none;
}

#g_navi_sub dd{
	margin:0;
	padding:5px;
}

#g_navi_sub dd a{
	padding:0 10px;
}



#navi_sub2, #navi_sub3, #navi_sub4, #navi_sub5, #navi_sub6, #navi_sub7, #navi_sub8{
	display:none;
}



#g_navi_sub a:link{ color:#F9F9F9;text-decoration:none }
#g_navi_sub a:visited { color:#F9F9F9;text-decoration:none }
#g_navi_sub a:active { color:#F9F9F9;text-decoration:none}
#g_navi_sub a:hover { color:#FC0;text-decoration:none}


#path{
	margin:0 auto 15px auto;
	padding:0;
	width:760px;
	text-align:left;
	clear:both;
	font-size:70%;
	line-height:1.25;
}

#footer{
	width:760px;
	margin:0 auto;
	padding:10px 0;
	font-size:70%;
	text-align:left
}


#footer ul{
	margin:0 0 10px 0;
	padding:0;
}

#footer ul:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

#footer ul{
	display:inline-table;
}

/* Hide from IE-mac \*/
*html footer ul{ height:1%;}
#footer ul{ display:block;}
/* End hide form IE-mac */


#footer ul li{
	display:block;
	float:left;
	margin:0 5px 0 0;
	padding:0;
	line-height:2;
	background:transparent;
}

#copyright img{
	display:block;
	border:none;
	margin:0;
	padding:0;
}



#m_navi ul{
	margin: 0;
	padding: 0;
	border:none;
	display:inline-table;
	list-style:none;
}

#m_navi ul:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

#m_navi li{
	display:block;
	float:left;
	width: 126px;
	height: 25px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
}

#m_navi li a{
	text-decoration: none;
	display: block;
	width: 126px;
	height: 25px;
	margin: 0;
}



/* Hide from IE-mac \*/
*html #m_navi ul{ height:1%;}
#m_navi ul{ display:block;}
/* End hide form IE-mac */


#m_navi li.navi01p {
	background:url(../../common_img/navi/m_navi.gif) no-repeat 0 -50px;
	width:126px;
}
#m_navi li.navi02p {
	background:url(../../common_img/navi/m_navi.gif) no-repeat -126px -50px;
	width:126px;
}
#m_navi li.navi03p {
	background:url(../../common_img/navi/m_navi.gif) no-repeat -252px -50px;
	width:126px;
}
#m_navi li.navi04p {
	background:url(../../common_img/navi/m_navi.gif) no-repeat -378px -50px;
	width:126px;
}
#m_navi li.navi05p {
	background:url(../../common_img/navi/m_navi.gif) no-repeat -504px -50px;
	width:126px;
}
#m_navi li.navi06p {
	background:url(../../common_img/navi/m_navi.gif) no-repeat -630px -50px;
	width:130px;
}

#m_navi li.navi01 {
	background:url(../../common_img/navi/m_navi.gif) no-repeat 0 0;
	width:126px;
}
#m_navi li.navi02 {
	background:url(../../common_img/navi/m_navi.gif) no-repeat -126px 0;
	width:126px;
}
#m_navi li.navi03 {
	background:url(../../common_img/navi/m_navi.gif) no-repeat -252px 0;
	width:126px;
}
#m_navi li.navi04 {
	background:url(../../common_img/navi/m_navi.gif) no-repeat -378px 0;
	width:126px;
}
#m_navi li.navi05 {
	background:url(../../common_img/navi/m_navi.gif) no-repeat -504px 0;
	width:126px;
}
#m_navi li.navi06 {
	background:url(../../common_img/navi/m_navi.gif) no-repeat -630px 0;
	width:130px;
}
#m_navi li.navi01 a:hover {
	background:url(../../common_img/navi/m_navi.gif) no-repeat 0 -25px;
	width:126px;
}
#m_navi li.navi02 a:hover {
	background:url(../../common_img/navi/m_navi.gif) no-repeat -126px -25px;
	width:126px;
}
#m_navi li.navi03 a:hover {
	background:url(../../common_img/navi/m_navi.gif) no-repeat -252px -25px;
	width:126px;
}
#m_navi li.navi04 a:hover {
	background:url(../../common_img/navi/m_navi.gif) no-repeat -378px -25px;
	width:126px;
}
#m_navi li.navi05 a:hover {
	background:url(../../common_img/navi/m_navi.gif) no-repeat -504px -25px;
	width:126px;
}
#m_navi li.navi06 a:hover {
	background:url(../../common_img/navi/m_navi.gif) no-repeat -630px -25px;
	width:130px;
}