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


html{
	background-image: url(../common_img/gr/bg_gr.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/gr/wrapper_gr.jpg);
	width: 900px;
}


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


/*-ロゴマーク-*/
.logo{
	width: 177px;
	height: 110px;
	position: absolute;
	left: 0px;
	top: 0px;
	background-repeat:no-repeat;
	background-image: url(../common_img/gr/logo_top_gr.jpg);
}
.footlogo{
	width:160px;
	height:76px;
	background:url(../common_img/gr/foot_logo_gr.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/gr/foot_gr.jpg);
}

/*- ヘッダ内タブ -*/
#tabs{
	width: 548px;
	height: 81px;
	position: absolute;
	left: 350px;
	background-image: url(../common_img/gr/menu_gr.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.tablink1 a:hover {
background:url(../common_img/gr/menu_gr_01.gif) no-repeat;
}
li.tablink2 a{
clear:none;
display:block;
float:left;
width:91px;
height:81px;
}
li.tablink2av a{
clear:none;
display:block;
float:left;
width:91px;
height:81px;
background:url(../common_img/gr/menu_av_gr_02.gif) no-repeat;
}
li.tablink2 a:hover {
background:url(../common_img/gr/menu_gr_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/gr/menu_gr_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/gr/menu_gr_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/gr/menu_gr_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/gr/menu_gr_06.gif) no-repeat;
}
/*- TOPタブ -*/
#toptabs{
	width: 66px;
	height: 81px;
	position: absolute;
	left: 280px;
	background-image: url(../common_img/gr/menu_grtop.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/gr/menu_grtop_01.gif) no-repeat;
}
/*- Eヘッダ内タブ -*/
#Etabs{
	width: 548px;
	height: 81px;
	position: absolute;
	left: 350px;
	background-image: url(../common_img/gr/emenu_gr.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.etablink1 a:hover {
background:url(../common_img/gr/emenu_gr_01.gif) no-repeat;
}
li.etablink2 a{
clear:none;
display:block;
float:left;
width:91px;
height:81px;
}
li.etablink2av a{
clear:none;
display:block;
float:left;
width:91px;
height:81px;
background:url(../common_img/gr/emenu_av_gr_02.gif) no-repeat;
}
li.etablink2 a:hover {
background:url(../common_img/gr/emenu_gr_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/gr/emenu_gr_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/gr/emenu_gr_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/gr/emenu_gr_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/gr/emenu_gr_06.gif) no-repeat;
}

.note li {
	list-style-image:url(../img/arrow_gr.gif);
	list-style-position:center middole;
}
a:link{color:#339900;}
a:visited{color:#339900;}
a:hover{color:#CC3300;}
a:active{color:#CC3300;}