@charset "Shift_JIS";

/* ------------------------------------
*
*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;
}



/* 各テンプレート背景設定 */
#commonHeader {
width:900px  !important;
height:30px  !important;
background:url(../images/common_header.gif) no-repeat  !important;
position:relative  !important;
text-align:left  !important;
margin-left:auto  !important;
margin-right:auto  !important;
}

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

.commonHeader3 {
background:url(../../common900/images/common_header3.gif) no-repeat  !important;
}
/*▲ここまで*/




.commonHeaderWrapLeft #commonHeader {
margin:0;
}



/* 各テンプレートポジション設定 */
#commonHeader ul {
margin:0;
padding:0;
position:absolute;
top:8px; 
left:582px;
}

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

.commonHeader3 ul {
left:776px !important;
}
/*▲ここまで*/



/* 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 */
/*▲ここまで*/



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

/* 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;
}
/*▲ここまで*/

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



/* リストポジション設定1 */
#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(../../common900/images/common_header.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;
}
/*▲ここまで*/



/* リストポジション設定2 */
.commonHeader2 ul li#commonHeaderLi1 {
width:84px !important;
}

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

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

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

.commonHeader2 ul li#commonHeaderLi2 a:hover {
background-position:-798px -38px !important;
}
/*▲ここまで*/




/* リストポジション設定3 */
.commonHeader3 ul li#commonHeaderLi1 {
width:77px !important;
}

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

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

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

.commonHeader3 ul li#commonHeaderLi2 a:hover {
background-position:-853px -38px !important;
}
/*▲ここまで*/



/* ciからのリンク */

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

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


/*▲ここまで*/


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

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

#commonFooter {
width:900px;
height:50px;
background:url(../../common900/images/common_footer.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 */
/*▲ここまで*/



#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;
}
/*▲ここまで*/

#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:78px;
}

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

#commonFooter ul li a:hover {
background:url(../images/common_footer.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:-186px -60px;
}