/* ------------------------------------
*
*Editor: D_sasaki BBmedia Inc.
*
*Modified: 2008-08-07
*Modified: 2008-09-30
*Editor: C_yanagisawa
*
-------------------------------------*/


/*
css-menu
------------------------
1. commonHeader Settings
2. commonFooter Settings
------------------------*/


/*
1. commonHeader Settings
-------------------------------------*/
#commonHeaderWrap {
text-align:center;
}

.commonHeaderWrapLeft {
text-align:left !important;
}



/* template background setup */
#commonHeader {
width:900px;
height:30px;
background:url(../../common/images/common_header_en.gif) no-repeat;
position:relative;
text-align:left;
margin-left:auto;
margin-right:auto;
}
/* end*/




.commonHeaderWrapLeft #commonHeader {
margin:0;
}



/* template position setup */
#commonHeader ul {
margin:0;
padding:0;
position:absolute;
top:8px; 
left:582px;
}
/*end*/

/* clearfix */
#commonHeader ul.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

#commonHeader ul.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html #commonHeader ul.clearfix {height: 1%;}
#commonHeader ul.clearfix {display: block;}
/* End hide from IE-mac */
/*end*/



#commonHeader ul li {
float:left;
margin:0;
padding:0;
list-style:none;
height:12px;
}

/* offleft */
#commonHeader ul li.offleft {
text-indent:-9999px !important; /* for MODERN blowser */
text-indent:0;
font-size:0;
line-height:0;
}

#commonHeader ul li.offleft span {
text-indent:-9999px; /* for ALL WIN IE */
}

#commonHeader ul li.offleft a {
text-decoration:none;
}
/*end*/



#commonHeader ul li a {
display:block;
width:100%;
height:100%;
margin:0;
padding:0;
}



/* list position setup1 */
#commonHeader ul li#commonHeaderLi1 {
width:122px;
}

#commonHeader ul li#commonHeaderLi2 {
width:143px;
}

#commonHeader ul li#commonHeaderLi3 {
width:53px;
}

#commonHeader ul li a:hover {
background:url(../../common/images/common_header_en.gif) no-repeat;
}

#commonHeader ul li#commonHeaderLi1 a:hover {
background-position:-582px -39px;
}

#commonHeader ul li#commonHeaderLi2 a:hover {
background-position:-704px -39px;
}

#commonHeader ul li#commonHeaderLi3 a:hover {
background-position:-847px -39px;
}
/* end*/



/* ci link */

#commonHeader p {
width:183px;
height:26px;
margin:0;
padding:0;
}

#commonHeader p img {
vertical-align:bottom;
}


/* end*/


/*
2. commonFooter Settings
-------------------------------------*/
#commonFooterWrap {
text-align:center;
}

.commonFooterWrapLeft {
text-align:left !important;
}

#commonFooter {
width:900px;
height:50px;
background:url(../../common/images/common_footer_en.gif) no-repeat;
position:relative;
text-align:left;
margin-left:auto;
margin-right:auto;
}

.commonFooterWrapLeft #commonFooter {
margin:0 !important;
}

#commonFooter address {
position:absolute;
top:10px;
left:636px;
}

#commonFooter ul {
padding:0;
margin:0;
position:absolute;
top:10px;
left:0;
}

/* clearfix*/
#commonFooter ul.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

#commonFooter ul.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html #commonFooter ul.clearfix {height: 1%;}
#commonFooter ul.clearfix {display: block;}
/* End hide from IE-mac */
/* end*/


#commonFooter ul li {
float:left;
margin:0;
padding:0;
list-style:none;
height:15px;
}

/* offleft*/
#commonFooter ul li.offleft {
text-indent:-9999px !important; /* for MODERN blowser */
text-indent:0;
font-size:0;
line-height:0;
}

#commonFooter ul li.offleft span {
text-indent:-9999px; /* for ALL WIN IE */
}

#commonFooter ul li.offleft a {
text-decoration:none;
}
/* end*/



#commonFooter ul li a {
display:block;
width:100%;
height:100%;
margin:0;
padding:0;
}

#commonFooter ul li#commonFooterLi1 {
width:108px;
}

#commonFooter ul li#commonFooterLi2 {
width:73px;
}

#commonFooter ul li#commonFooterLi3 {
width:55px;
}

#commonFooter ul li a:hover {
background:url(../images/common_footer_en.gif) no-repeat;
}

#commonFooter ul li#commonFooterLi1 a:hover {
background-position:0 -60px;
}

#commonFooter ul li#commonFooterLi2 a:hover {
background-position:-108px -60px;
}

#commonFooter ul li#commonFooterLi3 a:hover {
background-position:-181px -60px;
}