@charset "utf-8";

/********************************************
  共通CSS
********************************************/

body{
background:url("../../img/bg_top.jpg") top center repeat-x;
}


/********************************************
  ヘッダー
********************************************/

#header{
height:549px;
}

#topheader{
padding-top:20px;
clear:both;
text-align:left;
}

#topbutton{
clear:both;
padding-top:13px;
}

#topbutton ul{
list-style-type:none;
margin:0;
padding:0;
}

#topbutton ul li{
	float:left;
}

#topbutton #th01 a{
background:url("../../img/bg_vb1.gif") top left no-repeat;
width:320px;
height:73px;
text-indent:-9999px;
display:block;
}

#topbutton #th01 a:hover{
background:url("../../img/bg_vb1.gif") bottom left no-repeat;
}


#topbutton #th02 a{
background:url("../../img/bg_vb2.gif") top left no-repeat;
width:320px;
height:73px;
text-indent:-9999px;
display:block;
}

#topbutton #th02 a:hover{
background:url("../../img/bg_vb2.gif") bottom left no-repeat;
}


#topbutton #th03 a{
background:url("../../img/bg_vb3.gif") top left no-repeat;
width:310px;
height:73px;
text-indent:-9999px;
display:block;
}

#topbutton #th03 a:hover{
background:url("../../img/bg_vb3.gif") bottom left no-repeat;
}



#topbuttonL a{
background:url("../../img/tsuki1367.gif") top left no-repeat;
width:950px;
height:70px;
text-indent:-9999px;
display:block;
clear:both;
border:#06F solid 1px;
}

#topbuttonL a:hover{
background:url("../../img/tsuki1367.gif") bottom left no-repeat;
width:950px;
height:70px;
text-indent:-9999px;
display:block;
clear:both;
border:#06F solid 1px;
}




#topbuttonL2 {
  padding: 0;
  margin:0;
clear:both;
  display: inline;
}


#topbuttonL2 a {
  margin: 0;
  padding: 0;
}


#topbuttonL2 a:hover img{
filter: alpha(opacity=60);
-moz-opacity:0.6;
opacity:0.6;
-ms-filter: "alpha( opacity=80 )";
background: #fff;
} 













#topvisual{
	float:left;
	width:565px;
}

#topvisual #v02{
	width:565px;height:320px;
	background:url("../../img/point1_23.jpg") bottom left no-repeat;
	text-indent:-9999px;
	display:none;
}

#topvisual #v03{
	width:565px;height:320px;
	background:url("../../img/point3_2.jpg") bottom left no-repeat;
	text-indent:-9999px;
	display:none;
}

#topvisual #v04{
	width:565px;height:320px;
	background:url("../../img/point5_3.jpg") bottom left no-repeat;
	text-indent:-9999px;
	display:none;
}


#topvisual #v05{
	width:565px;height:320px;
	background:url("../../img/point4_2.jpg") bottom left no-repeat;
	text-indent:-9999px;
	display:none;
}


#topvisual #v06{
	width:565px;height:320px;
	background:url("../../img/point5.jpg") bottom left no-repeat;
	text-indent:-9999px;
	display:none;
}


#topvisual #v07{
	width:565px;height:320px;
	background:url("../../img/point6.jpg") bottom left no-repeat;
	text-indent:-9999px;
	display:none;
}


#topvisual #v08{
	width:565px;height:320px;
	background:url("../../img/point7.jpg") bottom left no-repeat;
	text-indent:-9999px;
	display:none;
}


#topvisual #v09{
	width:565px;height:320px;
	background:url("../../img/point8.jpg") bottom left no-repeat;
	text-indent:-9999px;
	display:none;
}


#topvisualmenu{
	float:left;
	width:385px;
	height:320px;
	background:#fff;
}

#topvisualmenu h2{
background:url("../../img/img_reason2.gif") 15px 11px no-repeat;
margin:0;
padding:0;
text-indent:-9999px;
height:54px;
}

#topvisualmenu ul{
	list-style-type:none;
	margin:0;
	padding:0 0 0 18px;
}

#topvisualmenu ul li a{
display:block;
width:355px;
height:58px;
text-indent:-9999px;
}

#topvisualmenu ul li#tm01{
	width:355px;
	height:58px;
}

#topvisualmenu ul li#tm02{
	margin-top:5px;
	width:355px;
	height:58px;
}

#topvisualmenu ul li#tm03,
#topvisualmenu ul li#tm05,
#topvisualmenu ul li#tm07
{
	margin-top:5px;
	width:355px;
	height:58px;
}

#topvisualmenu ul li#tm04,
#topvisualmenu ul li#tm06,
#topvisualmenu ul li#tm08
{
	margin-top:5px;
	width:355px;
	height:58px;
}




#topvisualmenu ul #tm01 a{
background:url("../../img/bg_vmenu4.gif") 0px 0px no-repeat;
}
#topvisualmenu ul #tm01 a:hover{
background:url("../../img/bg_vmenu4.gif") -355px 0px no-repeat;
}
#topvisualmenu ul #tm02 a{
background:url("../../img/bg_vmenu4.gif") 0px -58px no-repeat;
}
#topvisualmenu ul #tm02 a:hover{
background:url("../../img/bg_vmenu4.gif") -355px -58px no-repeat;
}

#topvisualmenu ul #tm03 a{
background:url("../../img/bg_vmenu4.gif") 0px -116px no-repeat;
}
#topvisualmenu ul #tm03 a:hover{
background:url("../../img/bg_vmenu4.gif") -355px -116px no-repeat;
}
#topvisualmenu ul #tm04 a{
background:url("../../img/bg_vmenu4.gif") 0px -174px no-repeat;
}
#topvisualmenu ul #tm04 a:hover{
background:url("../../img/bg_vmenu4.gif") -355px -174px no-repeat;
}

#topvisualmenu ul #tm05 a{
background:url("../../img/bg_vmenu.gif") 0px -232px no-repeat;
}
#topvisualmenu ul #tm05 a:hover{
background:url("../../img/bg_vmenu.gif") -174px -232px no-repeat;
}

#topvisualmenu ul #tm06 a{
background:url("../../img/bg_vmenu.gif") 0px -290px no-repeat;
}
#topvisualmenu ul #tm06 a:hover{
background:url("../../img/bg_vmenu.gif") -174px -290px no-repeat;
}

#topvisualmenu ul #tm07 a{
background:url("../../img/bg_vmenu.gif") 0px -348px no-repeat;
}
#topvisualmenu ul #tm07 a:hover{
background:url("../../img/bg_vmenu.gif") -174px -348px no-repeat;
}

#topvisualmenu ul #tm08 div{
background:url("../../img/bg_vmenu.gif") 0px -406px no-repeat;
	width:174px;
	height:58px;
	text-indent:-9999px;

}
#topvisualmenu ul #tm08 div:hover{
background:url("../../img/bg_vmenu.gif") -174px -406px no-repeat;
	width:174px;
	height:58px;
	text-indent:-9999px;

}

#content #toptxt01{
background:url("../../img/top_t01.gif") no-repeat;
text-indent:-9999px;
margin:0;
padding:0;
height:50px;
width:700px;
}

#content #toptxt02{
background:url("../../img/top_t02.gif") no-repeat;
text-indent:-9999px;
margin:0;
padding:0;
height:50px;
clear:both;
width:700px;
}

#content ul#toplink{
	margin:0;
	padding:0;
	list-style-type:none;
	width:700px;
}

#content ul#toplink li{
background:url("../../img/bg_link.gif") left bottom no-repeat;
width:228px;
border-top:1px solid #4387bb;
padding:0;
margin:0 7px 6px 0;
float:left;
}

#content ul#toplink li.end{
margin:0 0 0 0;

}

#content ul#toplink li a{
padding:13px 0 13px 27px;
display:block;
width:200px;
color:#3f3f3f;
font-weight:bold;
}

#content ul#toplink li a:hover{
text-decoration:none;
color:#3f3f3f;
}

#content ul#toplink li:hover{
background:url("../../img/bg_link_on.gif") left bottom no-repeat;
}

#content ul#toplink li.toplink1 a{
background:url("../../img/top_l01.gif") no-repeat;
}


#content ul#toplink li.toplink2 a{
background:url("../../img/top_l02.gif") no-repeat;
}

#content ul#toplink li.toplink3 a{
background:url("../../img/top_l03.gif") no-repeat;
}


#content ul#toplink li.toplink4 a{
background:url("../../img/top_l04.gif") no-repeat;
}


#content ul#toplink li.toplink5 a{
background:url("../../img/top_l05.gif") no-repeat;
}


#content ul#toplink li.toplink6 a{
background:url("../../img/top_l06.gif") no-repeat;
}

#contents #news1{
margin-top:10px;
background:url("../../img/bg_news1.gif") no-repeat;
clear:both;
height:28px;
}

#contents #news1 #news1txt{
float:left;
width:726px;
height:28px;
padding:8px 0 0 97px;
font-size:90%;
}

#contents #news1 #news1list{
float:right;
width:127px;
height:28px;
text-indent:-9999px;
background:url("../../img/news1_view.gif") no-repeat;

}

#contents #news1 #news1list a{
width:127px;
height:28px;
display:block;
}

#content #newsarea{
clear:both;
height:50px;
}

#content #newsarea #newstitle{
float:left;
background:url("../../img/top_t03.gif") no-repeat;
width:556px;
height:34px;
text-indent:-9999px;
}

#content #newsarea #newsmenu{
width:144px;
float:left;
}

#content #newsarea #newsmenu ul{
	list-style-type:none;
	margin:0;
	padding:0;
	clear:both;
}

#content #newsarea #newsmenu ul li{
	float:left;
	background:none;
	padding:0;
	margin:0;
}


#content #newsarea #newsmenu ul li.newsm1 a{
background:url("../../img/news_more.gif") no-repeat;
text-indent:-9999px;
display:block;
width:83px;
height:34px;
}

#content #newsarea #newsmenu ul li.newsm1 a:hover{
background:url("../../img/news_more.gif") bottom left no-repeat;
}

#content #newsarea #newsmenu ul li.newsm2 a{
background:url("../../img/news_more.gif") top right no-repeat;
text-indent:-9999px;
display:block;
width:61px;
height:34px;
}

#content #newsarea #newsmenu ul li.newsm2 a:hover{
background:url("../../img/news_more.gif") bottom right no-repeat;
}

#content #bnrtsushin ul{
height:120px;
clear:both;
margin:0;
padding:0:
}

#content #bnrtsushin li{
margin:0;
padding:0;
background:none;
float:left;
width:228px;
height:90px;
}

#content #bnrtsushin li.bnrtsushin1{
background:none;
width:237px;

}

#content #bnrtsushin li.bnrtsushin1 a{
background:url("../../img/btn_tsushin.jpg") left top no-repeat;
width:228px;
height:90px;
display:block;
text-indent:-9999px;
margin:0;
padding:0;
}

#content #bnrtsushin li.bnrtsushin1 a:hover{
background:url("../../img/btn_tsushin.jpg") left bottom no-repeat;
}

#content #bnrtsushin li.bnrtsushin2{
background:none;
width:228px;
height:90px;
}

#content #bnrtsushin li.bnrtsushin2 a{
background:url("../../img/btn_tsushin.jpg") right top no-repeat;
width:228px;
height:90px;
display:block;
text-indent:-9999px;
}


#content #bnrtsushin li.bnrtsushin2 a:hover{
background:url("../../img/btn_tsushin.jpg") right bottom no-repeat;
}