@charset "utf-8";

/*---------------------------------
01.default style clear
02.clearfix
03.margin and color and font-size and icon item
04.layout
05.hedder
06.navi
07.main_contents
08.コンテンツ左_前頁共通
09.コンテンツ左 index.html
10.コンテンツ左 intro.html
11.コンテンツ左 public.html
12.コンテンツ左 beauty.html
13.コンテンツ左 foot.html
14.コンテンツ右
15.footer
---------------------------------*/

/*-- 01.default style clear ---------------------*/
* {
	margin: 0;
	padding: 0;}

body {
	font-family: Verdana, "qMmpSPro W3", "Hiragino Kaku Gothic Pro", "CI", Meiryo, "lr oSVbN", sans-serif;
	font-size: 74.5%;
	font-weight : normal;
	font-style : normal;
	text-align: center;
	line-height: 1.6;
	color: #444;
	background-color: #fff;
	background: url(../img/img_back01.jpg) repeat-x;}

html>/**/body {overflow: scroll;}

h1,h2,h3,h4,h5,h6,address,strong,em,th {
	font-size: 100%;
	font-weight: normal;
	font-style: normal;}
	
img {
    border-style: none;
	vertical-align: bottom;}
		
ul,ol,li {list-style: none;}


/*-- 02.clearfix ---------------------*/
#container .clearfix:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;}
#container .clearfix {display: inline-block;}/* exlude MacIE5 \*/
* html .clearfix {height: 1%}
#container .clearfix {display:block;}/* end MacIE5 */


/*-- 03.margin and color and font-size and icon item ---------------------*/
.icon01 {
	padding-left: 23px;
	background: url(../img/icon01.gif) no-repeat 0 3px;}

.icon02 {
	margin-top: 4px;
	padding-left: 23px;
	background: url(../img/icon01.gif) no-repeat 0 3px;}

.m_item01 {margin: 4px;}

.m_item02 {margin-bottom: 10px;}

.m_item03 {margin-top: 6px;}

.m_item04 {margin-left: 23px;}

.f_85 {font-size: 85%;}


/*-- 04.layout ---------------------*/
#wrapper {
	margin: 0 auto;
	width: 842px;
	height: auto;
	text-align: left;
	background-color: #fff;}

#container {
	border-left: 1px solid #d0d9ff;
	border-right: 1px solid #d0d9ff;
	background: url(../img/img_back02.gif) no-repeat 0 top;}


/*-- 05.hedder ---------------------*/
#hedder {margin-left: 17px;}

#hedder h1 {
	position: relative;
	float: left;
	width: 350px;
	height: 103px;
	text-indent: -99999px;
	background: url(../img/tit_h1.jpg) no-repeat 0 0;}

#hedder h1 a {
	position: absolute;
	top: 0;
	left: 26px;
	display: block;
	width: 178px;
	height: 67px;
	overflow: hidden;}

#hedder h2 {float: left;}


/*-- 06.navi ---------------------*/	
#navi {
	margin-left: 17px;
	width: 651px;
	height: 74px;
	background: url(../img/navi_back2.gif) no-repeat 0 top;
	line-height: 2px;}

#navi ul {
	margin-left: 14px;
	padding-top: 1px;
	}

#navi li {
	float: left;
	margin-right: 1px;
	width: 155px;
	height: 32px;
	text-indent: -99999px;}

#navi li a {
	display: block;
	width: 155px;
	height: 32px;
	overflow: hidden;}

#navi .top a {background: url(../img/navi_top.jpg) no-repeat 0 -32px;}
#navi .intro a {background: url(../img/navi_intro.jpg) no-repeat 0 -32px;}
#navi .public a {background: url(../img/navi_public.jpg) no-repeat 0 -32px;}
#navi .beauty a {background: url(../img/navi_beauty.jpg) no-repeat 0 -32px;}
#navi .foot a {background: url(../img/navi_foot.jpg) no-repeat 0 -32px;}
#navi .hakuhan a {background: url(../img/navi_hakuhan.jpg) no-repeat 0 -32px;}
#navi .syouseki a {background: url(../img/navi_syouseki.jpg) no-repeat 0 -32px;}
#navi .datumou a {background: url(../img/navi_datumou.jpg) no-repeat 0 -32px;}


#navi .top a:hover {background: url(../img/navi_top.jpg) no-repeat 0 0;}
#navi .intro a:hover {background: url(../img/navi_intro.jpg) no-repeat 0 0;}
#navi .public a:hover {background: url(../img/navi_public.jpg) no-repeat 0 0;}
#navi .beauty a:hover {background: url(../img/navi_beauty.jpg) no-repeat 0 0;}
#navi .foot a:hover {background: url(../img/navi_foot.jpg) no-repeat 0 0;}
#navi .hakuhan a:hover {background: url(../img/navi_hakuhan.jpg) no-repeat 0 0;}
#navi .syouseki a:hover {background: url(../img/navi_syouseki.jpg) no-repeat 0 0;}
#navi .datumou a:hover {background: url(../img/navi_datumou.jpg) no-repeat 0 0;}


#navi .top_on {background: url(../img/navi_top.jpg) no-repeat 0 0;}
#navi .intro_on {background: url(../img/navi_intro.jpg) no-repeat 0 0;}
#navi .public_on {background: url(../img/navi_public.jpg) no-repeat 0 0;}
#navi .beauty_on {background: url(../img/navi_beauty.jpg) no-repeat 0 0;}
#navi .foot_on {background: url(../img/navi_foot.jpg) no-repeat 0 0;}
#navi .hakuhan_on {background: url(../img/navi_hakuhan.jpg) no-repeat 0 0;}
#navi .syouseki_on {background: url(../img/navi_syouseki.jpg) no-repeat 0 0;}
#navi .datumou_on {background: url(../img/navi_datumou.jpg) no-repeat 0 0;}


/*-- 07.main_contents ---------------------*/
#main {
	position: relative;
	margin: 30px 0 0 21px;}


/*-- 08.コンテンツ左_前頁共通 --*/
#main_left,
#intro,
#public,
#beauty,
#foot {width: 564px;}

.pagetop {
	width: 564px;
	text-align: right;}

#intro .pagetop,
#public .pagetop,
#beauty .pagetop,
#foot .pagetop {margin-top: 30px;}

#h2_box {
	margin-bottom: 10px;
	padding-bottom: 12px;
	background: url(../img/img_h2_bottom.gif) no-repeat 9px bottom;}

#h2_box .h2_item {
	padding: 4px 18px;
	background: url(../img/img_back03.gif) repeat-y 0 0;}

#beauty p a,
#public li a {
	padding-left: 10px;
	color: #3e66fe;
	background: url(../img/icon02.gif) no-repeat 0 center;}

#beauty p a:hover,
#public li a:hover {text-decoration: none;}

#beauty ul,
#foot ul {width: 564px;}

#beauty .li_item01,
#foot .li_item01 {
	float: left;
	margin-right: 10px;}

#beauty .li_item01_sub,
#foot .li_item01_sub {
	float: left;
	width: 180px;
	text-align: center;}

#beauty .li_item02,
#foot .li_item02 {
	float: left;
	margin-right: 0;}

#main .link_item a {color: #3e66fe;}

#main .link_item a:hover {text-decoration: none;}

#main strong {color: #E44C37;}

#main .offer,
#main .offer_item {
	font-size: 85%;
	color: #999;}

#main .offer {
	width: 560px;
	text-align: center;}


/*-- 09.コンテンツ左 index.html --*/
#main_left h3 {padding: 20px 0 10px;}

#main_left .h3_item {padding-top: 0;}

#main_left .map {margin-left: 5px;}
	
#main_left h4 {
	margin-top: 10px;
	color: #ff4684;}

#main_left .h4_p {margin-left: 23px;}

#main_left p a {
	padding-left: 10px;
	color: #3e66fe;
	background: url(../img/icon02.gif) no-repeat 0 center;}

#main_left p a:hover {text-decoration: none;}

#main_left table {
	margin: 10px 0 0 10px;
	width: 543px;
	border-collapse: collapse;
	font-size: 100%;}

#main_left th,
#main_left tr,
#main_left td {
	height: 40px;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #d0d9ff;}

#main_left .table_item01 {
	text-indent: 10px;	
	text-align: left;}

#main_left #th_item01 {width: 28%;}
#main_left .th_item02 {width: 12%;}

#main_left .table_item02 {
	width: 557px;
	text-align: right;}


/*-- 10.コンテンツ左 intro.html ---------------------*/
#intro_box {margin: 10px 0 0 4px;}

#intro_box .intro_item01 {
	display: block;
	float: left;
	margin-right: 10px;}

#intro_box .intro_r {
	float: left;
	width: 379px;}

#intro_box .intro_h3 {margin-top: 10px;}

#intro_box ul {margin-left: 19px;}

#intro_box li {
	margin-top: 4px;
	background: url(../img/line01.gif) repeat-x 0 bottom;}	

#intro_box dl {margin-left: 19px;}

#intro_box dt {
	float: left;
	clear: right;
	width: 60px;} 

#intro_box dd {
	margin-bottom: 2px;
	padding-left: 60px;
	background: url(../img/line01.gif) repeat-x 0 bottom;}

#intro_box .intro_item02 {padding-left: 19px;}


/*-- 11.コンテンツ左 public.html ---------------------*/
#public .public_h2_li {
	display: inline;
	margin-right: 20px;}

#public h3 {
	margin-top: 10px;
	padding-left: 23px;
	color: #ff4684;
	background: url(../img/icon01.gif) no-repeat 0 3px;}

#public .public_h3_p {
	margin: 2px 0 0 23px;
	padding-top: 2px;
	background: url(../img/line01.gif) repeat-x 0 0;}

#public .public_item01 {
	margin-top: 20px;
	padding-left: 1em;
	text-indent: -1em;}

#public #public_h3_ul01,
#public #public_h3_ul02 {
	margin: 10px 0;} 

#public .public_h3_li01 {
	float: left;
	padding-left: 68px;}

#public .public_h3_ul_sub {text-align: center;}


/*-- 12.コンテンツ左 beauty.html ---------------------*/
#beauty .beauty_item01 {margin: 4px 0 6px;}

#beauty h3 {
	margin-top: 20px;
	padding-left: 6px;
	color: #FE508B;
	border-bottom: 1px solid #FE508B;
	background: url(../img/icon03.gif) no-repeat 0 4px;}

#beauty .ppx_gas_box {margin-left: 10px;}

#beauty h4 {margin: 10px 0 4px;}

#beauty dl,
#beauty .price {margin-top: 20px;}

#beauty dt {
	float: left;
	clear: right;
	width: 218px;}

#beauty dd {
	float: left;
	padding: 0 0 10px 10px;
	width: 324px;
	border-left: 1px solid #E0E0E0;
	border-bottom: 1px solid #E0E0E0;}

#beauty .price_item01 {color: #FE508B;}

#beauty .price_item02 {margin-left: 20px;}

#beauty .price_item03 {background-color: #EDF0FF;}

#beauty table {
	margin-top: 10px;
	width: 553px;
	border-collapse: collapse;
	font-size: 100%;}

#beauty th,
#beauty tr,
#beauty td {
	padding-left: 10px;
	height: 40px;
	text-align: left;
	vertical-align: middle;
	border: 1px solid #d0d9ff;}

#beauty .table_item01 {text-align: left;}

* html #beauty .td_item {border-right: 2px solid #d0d9ff;}/* end IE6hack */

*:first-child+html body #beauty .td_item {border-right: 2px solid #d0d9ff;}/* end IE7hack */

#beauty .gas_item01 {margin-top: 10px;}

#beauty .gas_item02 {
	margin-top: 4px;
	width: 553px;
	text-align: right;}


/*-- 13.コンテンツ左 foot.html ---------------------*/
#foot h3 {
	margin-left: 4px;
	padding-left: 23px;
	color: #ff4684;
	background: url(../img/icon01.gif) no-repeat 0 3px;}

#foot .h3_p {margin-left: 27px;}

#foot .foot_item01 {
	margin-top: 6px;
	padding-left: 1em;
	text-indent: -1em;}
	
#foot .foot_item02 {
	padding-left: 1em;
}
	
#foot #foot_pic_item {background: url(../img/pic_foot_bu.jpg) no-repeat 0 0;}

#foot .li_item {
	margin-top: 10px;
	padding-left: 16px;
	background: url(../img/icon04.gif) no-repeat 0 5px;}

#foot .foot_item03 {margin-top: 20px;}

#foot .foot_item04 {margin: 4px 0 0 23px;}

#foot dl {margin: 4px 0 0 23px;}

#foot dt {
	float: left;
	clear: right;
	width: 135px;
	color: #ff4684;}

#foot .foot_h2_li {
	display: inline;
	margin-right: 20px;}

#foot .foor_h3_p {
	margin: 2px 0 0 23px;
	padding-top: 2px;
	background: url(../img/line01.gif) repeat-x 0 0;}

#foot #foot_h3_ul01,
#foot #foot_h3_ul02 {
	margin: 10px 0;} 

#foot .foot_h3_li01 {
	float: left;
	padding-left: 68px;}

#foot .foot_h3_ul_sub {text-align: center;}


/*-- 14.コンテンツ右 --*/
#main_right {
	position: absolute;
	top: 0;
	left: 596px;
	width: 205px;
	background: url(../img/img_back_top.jpg) no-repeat right bottom;}

#main_right h4 {margin-top: 10px;}

#main_right dl {margin-left: 8px;}

#main_right dt {
	margin: 4px 0 2px;
	padding-bottom: 2px;
	font-size: 85%;
	color: #5A7CFF;
	background: url(../img/line01.gif) repeat-x left bottom;}

#main_right p {margin: 4px 0 0 10px;}

#main_right a,
#main_right a:hover {
	text-decoration: none;
	color:#444;}

#main_right a:hover {text-decoration: underline;}

#main_right .lh_item {line-height: 1.3;}


/*-- 15.footer ---------------------*/
#footer {
	position: relative;
	margin-top: 20px;
	padding: 20px 20px 20px 0;
	background-color: #6CC3DF;
	text-align: right;
	color: #fff;}

#footer h1 a {
	position: absolute;
	top: 36px;
	left: 33px;}

#footer ul {margin-bottom: 4px;}

#footer li {display: inline;}

#footer a,
#footer a:hover {
	text-decoration: underline;
	color: #fff;}

#footer a:hover {text-decoration: none;}

#footer p,
#footer address {font-size: 85%;}

#footer address a {text-decoration: none;}

#footer address a:hover {text-decoration: underline;}