@charset "iso-8859-1";

/* ------------------------------------
*
*Modified: 2007-08-29
*Editor: D_sasaki BBmedia Inc.
*
-------------------------------------*/

/*
css-menu
------------------------
1. clearfix
2. offleft
3. commonHeader Settings
4. commonFooter Settings
------------------------*/


/*
1. clearfix
-------------------------------------*/
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.clearfix {display: inline-block;}

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



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

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


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

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



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

.commonHeader2 {
background:url(images/common_header2.gif) no-repeat !important;
}

.commonHeader3 {
background:url(images/common_header3.gif) no-repeat !important;
}
/* end*/




.commonHeaderWrapLeft #commonHeader {
margin:0;
}



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

.commonHeader2 ul {
left:552px !important;
}

.commonHeader3 ul {
left:692px !important;
}
/* end*/




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

#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(images/common_header_en.gif) no-repeat;
}

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

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

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



/* list position setup2 */
.commonHeader2 ul li#commonHeaderLi1 {
width:84px !important;
}

.commonHeader2 ul li#commonHeaderLi2 {
width:100px !important;
}

.commonHeader2 ul li a:hover {
background:url(images/common_header2.gif) no-repeat !important;
}

.commonHeader2 ul li#commonHeaderLi1 a:hover {
background-position:-564px -38px !important;
}

.commonHeader2 ul li#commonHeaderLi2 a:hover {
background-position:-648px -38px !important;
}
/* end*/




/* list position setup3 */
.commonHeader3 ul li#commonHeaderLi1 {
width:77px !important;
}

.commonHeader3 ul li#commonHeaderLi2 {
width:47px !important;
}

.commonHeader3 ul li a:hover {
background:url(images/common_header3.gif) no-repeat !important;
}

.commonHeader3 ul li#commonHeaderLi1 a:hover {
background-position:-626px -38px !important;
}

.commonHeader3 ul li#commonHeaderLi2 a:hover {
background-position:-703px -38px !important;
}
/* end*/



/* ci link */

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

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


/* end*/


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

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

#commonFooter {
width:750px;
height:34px;
background:url(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:4px;
left:0;
}

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


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

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

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

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

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

/*
#commonFooter ul li#commonFooterLi4 {
width:42px;
}
*/

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

#commonFooter ul li#commonFooterLi1 a:hover {
background-position:-516px -47px;
}

#commonFooter ul li#commonFooterLi2 a:hover {
background-position:-579px -47px;
}

#commonFooter ul li#commonFooterLi3 a:hover {
background-position:-686px -47px;
}

/*
#commonFooter ul li#commonFooterLi4 a:hover {
background-position:-708px -47px;
}
*/