@charset "utf-8";
/* CSS Document */
/*- 基本設定 -*/


html{
	background-image: url(../common_img/y/bg_y.jpg);
}
body{
	margin:0;
	font-family:"Lucida Grande", Geneva, Arial, Verdana, sans-serif;
	color:#333333;
	font-size:small;
	line-height: 140%;
}

#wrapper{
	margin: 0px auto 0px auto;
	background-repeat: repeat-y;
	background-position: center;
	position: relative;
	background-image: url(../common_img/y/wrapper_y.jpg);
	width: 900px;
}


/*- ヘッダとヘッダ内コンテンツ -*/
#mainheader{
	height:130px;
	margin: 0;
	background-image: url(../common_img/y/header_y.jpg);
}


/*-ロゴマーク-*/
.logo{
	width: 177px;
	height: 110px;
	position: absolute;
	left: 0px;
	top: 0px;
	background-repeat:no-repeat;
	background-image: url(../common_img/y/logo_top_y.jpg);
}
.footlogo{
	width:160px;
	height:76px;
	background:url(../common_img/y/foot_logo_y.jpg) no-repeat;
	float: right;
	margin-top: 30px;
}

.logo h2 span{display:none;}
.logo2{
	width: 249px;
	height: 198px;
	position: absolute;
	left: 28px;
	top: 0px;
	background-repeat:no-repeat;
	background-image: url(../common_img/headlogo_o2.gif);
}
.logo2 h2 span{display:none;}

#footer{
	height: 110px;
	width: 900px;
	background-image: url(../common_img/y/foot_y.jpg);
}

/*- ヘッダ内タブ -*/
#tabs{
	width: 548px;
	height: 81px;
	position: absolute;
	left: 350px;
	background-image: url(../common_img/y/menu_y.gif);
	top: 20px;
}
#tabs ul{list-style-type:none;display:inline;}
#tabs li{display:inline;width:635px;}
#tabs li span{position:absolute; left:-9999px;}
li.tablink1 a{
clear:none;
display:block;
float:left;
width:100px;
height:81px;
}
li.tablink1av a{
clear:none;
display:block;
float:left;
width:100px;
height:81px;
background:url(../common_img/y/menu_av_y_01.gif) no-repeat;
}
li.tablink1 a:hover {
background:url(../common_img/y/menu_y_01.gif) no-repeat;
}
li.tablink2 a{
clear:none;
display:block;
float:left;
width:91px;
height:81px;
}
li.tablink2 a:hover {
background:url(../common_img/y/menu_y_02.gif) no-repeat;
}
li.tablink3 a{
clear:none;
display:block;
float:left;
width:99px;
height:81px;
}
li.tablink3 a:hover {
background:url(../common_img/y/menu_y_03.gif) no-repeat;
}
li.tablink4 a{
clear:none;
display:block;
float:left;
width:107px;
height:81px;
}
li.tablink4 a:hover {
background:url(../common_img/y/menu_y_04.gif) no-repeat;
}
li.tablink5 a{
clear:none;
display:block;
float:left;
width:76px;
height:81px;
}
li.tablink5 a:hover {
background:url(../common_img/y/menu_y_05.gif) no-repeat;
}
li.tablink6 a{
clear:none;
display:block;
float:left;
width:75px;
height:81px;
}
li.tablink6 a:hover {
background:url(../common_img/y/menu_y_06.gif) no-repeat;
}
/*- TOPタブ -*/
#toptabs{
	width: 66px;
	height: 81px;
	position: absolute;
	left: 280px;
	background-image: url(../common_img/y/menu_ytop.gif);
	top: 20px;
}
#toptabs ul{list-style-type:none;display:inline;}
#toptabs li{display:inline;width:66px;}
#toptabs li span{position:absolute; left:-9999px;}
li.toptablink a{
clear:none;
display:block;
float:left;
width:66px;
height:81px;
}
li.toptablink a:hover {
	background:url(../common_img/y/menu_ytop_01.gif) no-repeat;
}
/*- Eヘッダ内タブ -*/
#Etabs{
	width: 548px;
	height: 81px;
	position: absolute;
	left: 350px;
	background-image: url(../common_img/y/emenu_y.gif);
	top: 20px;
}
#Etabs ul{list-style-type:none;display:inline;}
#Etabs li{display:inline;width:635px;}
#Etabs li span{position:absolute; left:-9999px;}
li.etablink1 a{
clear:none;
display:block;
float:left;
width:100px;
height:81px;
}
li.etablink1av a{
clear:none;
display:block;
float:left;
width:100px;
height:81px;
background:url(../common_img/y/emenu_av_y_01.gif) no-repeat;
}
li.etablink1 a:hover {
background:url(../common_img/y/emenu_y_01.gif) no-repeat;
}
li.etablink2 a{
clear:none;
display:block;
float:left;
width:91px;
height:81px;
}
li.etablink2 a:hover {
background:url(../common_img/y/emenu_y_02.gif) no-repeat;
}
li.etablink3 a{
clear:none;
display:block;
float:left;
width:99px;
height:81px;
}
li.etablink3 a:hover {
background:url(../common_img/y/emenu_y_03.gif) no-repeat;
}
li.etablink4 a{
clear:none;
display:block;
float:left;
width:107px;
height:81px;
}
li.etablink4 a:hover {
background:url(../common_img/y/emenu_y_04.gif) no-repeat;
}
li.etablink5 a{
clear:none;
display:block;
float:left;
width:76px;
height:81px;
}
li.etablink5 a:hover {
background:url(../common_img/y/emenu_y_05.gif) no-repeat;
}
li.etablink6 a{
clear:none;
display:block;
float:left;
width:75px;
height:81px;
}
li.etablink6 a:hover {
background:url(../common_img/y/emenu_y_06.gif) no-repeat;
}