@charset "Shift_JIS";

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

/*
css-menu
------------------------
1. offleft
2. clearfix
3. commonHeaderEn
4. commonFooterEn
------------------------*/

/*
1. 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 */
}

.offleft a {
text-decoration:none;
display:block;
height:100%;
width:100%;
}


/*
2. 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 */


/*
3. commonHeader
----------------------------------------*/
#commonHeaderEn {
position:relative;
width:750px;
padding:0 0 4px 0;
text-align:left;
}

#commonHeaderEn img {
border:none;
}

#commonHeaderEn p,
#commonHeaderEn ul,
#commonHeaderEn li {
margin:0;
padding:0;
}

#commonHeader #ci {
width:230px;
height:28px !important;
}

#commonHeaderEn #home {
position:absolute;
top:7px;
left:230px;
width:54px;
height:21px;
}

#commonHeaderEn #home a {
background-image:url(../images/header_02.gif);
background-repeat:no-repeat;
background-position:bottom left;
}

#commonHeaderEn #home a:hover {
background-position:top left;
}

#commonHeaderEn #submit {
position:absolute;
top:5px;
right:0;
}

#commonHeaderEn ul {
height:29px;
background-image:url(../images/header_03.jpg);
background-repeat:no-repeat;
list-style:none;
}

#commonHeaderEn ul li {
float:left;
margin-top:3px;
height:20px !important;
}

#commonHeaderEn ul li a {
background-repeat:no-repeat;
background-image:url(../images/header_04_en.jpg);
}

#commonHeaderEn ul li#hNav01,
#commonHeaderEn ul li#hNav01 a {
width:117px;
background-position:left bottom;
}

#commonHeaderEn ul li#hNav02,
#commonHeaderEn ul li#hNav02 a {
width:118px;
background-position:-117px bottom;
}

#commonHeaderEn ul li#hNav03,
#commonHeaderEn ul li#hNav03 a {
width:166px;
background-position:-235px bottom;
}

#commonHeaderEn ul li#hNav04,
#commonHeaderEn ul li#hNav04 a {
width:132px;
background-position:-401px bottom;
}

#commonHeaderEn ul li#hNav05,
#commonHeaderEn ul li#hNav05 a {
width:118px;
background-position:-533px bottom;
}

#commonHeaderEn ul li#hNav06,
#commonHeaderEn ul li#hNav06 a {
width:99px;
background-position:-651px top;
}

#commonHeaderEn ul li#hNav01 a:hover {
background-position:left top;
}

#commonHeaderEn ul li#hNav02 a:hover {
background-position:-117px top;
}

#commonHeaderEn ul li#hNav03 a:hover {
background-position:-235px top;
}

#commonHeaderEn ul li#hNav04 a:hover {
background-position:-401px top;
}

#commonHeaderEn ul li#hNav05 a:hover {
background-position:-533px top;
}

#commonHeaderEn ul li#hNav06 a:hover {
background-position:-651px top;
}



/*
4. commonFooter
----------------------------------------*/
#commonFooterEn {
height:27px;
position:relative;
}

#commonFooterEn ul {
padding:7px 0 0 0;
margin:0;
list-style:none;
background-image:url(../images/footer_01.jpg);
background-repeat:no-repeat;
}

#commonFooterEn ul li {
float:left;
line-height:1;
margin:0;
padding:0;
}

#commonFooterEn ul li img {
border:none;
}

#commonFooterEn address {
position:absolute;
right:0;
top:2px;
}