@charset "utf-8";

*{ margin: 0px; padding: 0px; }
body {
	font-size: 75%;
	line-height: 1.6;
	font-family: Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background-image: url(../images/back.jpg);
	background-repeat: repeat-x;
	margin:0;
}
.clearfix { display: block; }

.clear { clear: both; }

/*Link===========================================================================*/
a:link { color:#0066ff; text-decoration:none; }
a:visited { color:#0066ff; text-decoration:none; }
a:hover { color:#F60; text-decoration:underline; }
a:active { color:#F60; text-decoration:underline; }

/*Base===========================================================================*/
#header { width: 900px; height:95px;margin-left:auto; margin-right:auto; }
#gnav { width: 906px; height:55px; margin-left:auto; margin-right:auto; clear:both; }
#main {  width: 900px; height:auto; margin-left:auto; margin-right:auto;}
#location { width: 900px; height: 26px; margin-left:auto; margin-right:auto; }
#midashi { width: 900px; height: auto; margin-left:auto; margin-right:auto; }
#contents { width:900px; height:auto; margin:0 auto; padding:15px 0 0 0; }
#footer_wrapper{ height:110px; width:100%; background-image:url(../images/footer_back.gif); background-repeat:repeat-x; clear:both;}
#footer { height: 110px; width: 900px; margin-right: auto; margin-left: auto; }


/*header===========================================================================*/
#header .left { width: 615px; float:left; }
#header .right { width: 285px; float:right; }

#header h1 { margin-top: 20px; float: left; background-image: url(../images/logo.png); background-repeat: no-repeat; height: 50px; width: 295px; }
#header h1 a { height: 50px; width: 295px; text-indent: -10000px; display: block; }
#header p { margin:3px 0 0 5px; width: 570px; float:left; background-image: url(../images/area.gif); text-indent: -9999px;}
#header .phone a{ margin-top: 20px; float: right; background-image: url(../images/phone.png); width:285px; height:70px; display:block; text-indent: -9999px; }


/*Global Navigation===========================================================================*/
#gnav ul{ list-style : none ;}
#gnav li{ text-indent:-10000px; font-size:1px; float:left; }
#gnav li a{ display:block; }

#gnav li#gnav01 a{ width:183px ; height:55px ; background:url(../images/home.png) no-repeat; }
#gnav li#gnav02 a{ width:180px ; height:55px ; background:url(../images/about.png) no-repeat; }
#gnav li#gnav03 a{ width:180px ; height:55px ; background:url(../images/advice.png) no-repeat; }
#gnav li#gnav04 a{ width:180px ; height:55px ; background:url(../images/member.png) no-repeat; }
#gnav li#gnav05 a{ width:183px ; height:55px ; background:url(../images/qa.png) no-repeat; }

#gnav li#gnav01 a:hover{ width:183px ; height:55px ; background:url(../images/home_on.png) no-repeat; }
#gnav li#gnav02 a:hover{ width:180px ; height:55px ; background:url(../images/about_on.png) no-repeat; }
#gnav li#gnav03 a:hover{ width:180px ; height:55px ; background:url(../images/advice_on.png) no-repeat; }
#gnav li#gnav04 a:hover{ width:180px ; height:55px ; background:url(../images/member_on.png) no-repeat; }
#gnav li#gnav05 a:hover{ width:183px ; height:55px ; background:url(../images/qa_on.png) no-repeat; }

#gnav li#gnav01.on a{ width:183px ; height:55px ; background:url(../images/home_on.png) no-repeat; }
#gnav li#gnav02.on a{ width:180px ; height:55px ; background:url(../images/about_on.png) no-repeat; }
#gnav li#gnav03.on a{ width:180px ; height:55px ; background:url(../images/advice_on.png) no-repeat; }
#gnav li#gnav04.on a{ width:180px ; height:55px ; background:url(../images/member_on.png) no-repeat; }
#gnav li#gnav05.on a{ width:183px ; height:55px ; background:url(../images/qa_on.png) no-repeat; }


/*Footer===========================================================================*/
#footer .left { width: 380px; float:left; }
#footer .left p { clear: both; font-size: 10px; color: #666666; display: block; padding:17px 0 0 10px; }


#footer .right { width: 480px; float:right; margin:15px 0 0 0;}
#footer_menu ul{ list-style : none ;}
#footer_menu li{ text-indent:-10000px; font-size:1px; float:left; }
#footer_menu li a{ display:block; }

#footer_menu li#fnav01 a{ width:91px ; height:36px ; background:url(../images/access.gif) no-repeat; }
#footer_menu li#fnav02 a{ width:89px ; height:36px ; background:url(../images/link.gif) no-repeat; }
#footer_menu li#fnav03 a{ width:89px ; height:36px ; background:url(../images/inquiry.gif) no-repeat; }
#footer_menu li#fnav04 a{ width:131px ; height:36px ; background:url(../images/policy.gif) no-repeat; }
#footer_menu li#fnav05 a{ width:80px ; height:36px ; background:url(../images/sitemap.gif) no-repeat; }

#footer_menu li#fnav01 a:hover{ width:91px ; height:36px ; background:url(../images/access_on.gif) no-repeat; }
#footer_menu li#fnav02 a:hover{ width:89px ; height:36px ; background:url(../images/link_on.gif) no-repeat; }
#footer_menu li#fnav03 a:hover{ width:89px ; height:36px ; background:url(../images/inquiry_on.gif) no-repeat; }
#footer_menu li#fnav04 a:hover{ width:131px ; height:36px ; background:url(../images/policy_on.gif) no-repeat; }
#footer_menu li#fnav05 a:hover{ width:80px ; height:36px ; background:url(../images/sitemap_on.gif) no-repeat; }