@charset "Shift_JIS";





/* css reset

------------------------------------------------*/

body,div,p,

h1,h2,h3,h4,h5,h6,

dl,dt,dd,ul,ol,li,

form,input,textarea,

table,th,td,embed,object{margin:0px;padding:0px;}

	

h1,h2,h3,h4,h5,h6,em,strong{font-weight:bold;}

p,form  {font-weight:normal;}

dl,ul,ol{line-height:0px;}

ul      {list-style:none;}

dl img,dd img,

ul img  {vertical-align:bottom;}

img     {border:0px;}





/* =body設定

  （タグリセット設定）

------------------------------------------------*/

body{

	color:#666666;

	text-align:center;

	margin:0px 0px 0px 0px;

	font-size:100%;





/* =body設定

  （任意設定）

------------------------------------------------*/

	background:#ffffff url(../images/allbackbg.gif) repeat-x center top;

	text-align:center;

}





/* font family

------------------------------------------------*/

body,form textarea{

	font-family: "MS P Gothic", "ＭＳ Ｐゴシック", "Osaka−等幅", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif;

}

	

/* font size

------------------------------------------------*/

h1,h2,h3,h4,h5,h6,

p,li,dt,dd,td,th{font-size:85%;line-height:1.4em;}

li li,

dd li,

td td, td td td,

td li, td dd, td p{font-size:100%;}



	

/* link

------------------------------------------------*/

a , 

a:link   {color:#229e2e;text-decoration:none;}

a:visited {color:#229e2e;text-decoration:none;}

a:hover   {color:#229e2e;text-decoration:underline;}

a:active  {color:#229e2e;text-decoration:underline;}





/* =wrapper設定

  （全体の下地）

------------------------------------------------*/

#wrapper{

	width:870px;

	margin:0px auto;

	color:#000000;

	background:#ffffff;

	border-left:1px solid #dddddd;

	border-right:1px solid #dddddd;

	border-top:5px solid #229e2e;

}





/* header

------------------------------------------------*/

#header{

	width:840px;

	height:63px;

	padding:0px;

	margin:0px 15px;

	text-align:left;

	display:block;

}





/* header ロゴ

------------------------------------------------*/

div#header_logo{

	width:234px;

	padding-top:17px;

	float:left;

}





/* header ナビ

------------------------------------------------*/

div#header_navi{

	width:330px;

	float:right;

	margin:0px;

	padding:0px;

}

div#header_navi li{

	float:right;

	list-style: none;

	text-indent: -9999px;

}

div#header_navi li a{

	display: block;

}

div#header_navi li.navi_1{

	background: url(../images/header/headnavi_01.gif) no-repeat;

	width:100px;

	height:32px;

}

div#header_navi li.navi_2{

	background: url(../images/header/headnavi_02.gif) no-repeat;

	width:100px;

	height:32px;

	margin-left:5px;

}

div#header_navi li.navi_3{

	background: url(../images/header/headnavi_03.gif) no-repeat;

	width:100px;

	height:32px;

	margin-left:5px;

}

div#header_navi li.navi_1 a, div#header_navi li.navi_2 a, div#header_navi li.navi_3 a{

	width:100px;

	height:32px;

}

div#header_navi li.navi_1 a:hover{

	background: url(../images/header/headnavi_01_hover.gif) no-repeat;

	width:100px;

	height:32px;

}

div#header_navi li.navi_2 a:hover{

	background: url(../images/header/headnavi_02_hover.gif) no-repeat;

	width:100px;

	height:32px;

}

div#header_navi li.navi_3 a:hover{

	background: url(../images/header/headnavi_03_hover.gif) no-repeat;

	width:100px;

	height:32px;

}

div#header_navi li.navi_1_on{

	background: url(../images/header/headnavi_01_on.gif) no-repeat;

	width:100px;

	height:32px;

}

div#header_navi li.navi_2_on{

	background: url(../images/header/headnavi_02_on.gif) no-repeat;

	width:100px;

	height:32px;

	margin-left:5px;

}

div#header_navi li.navi_3_on{

	background: url(../images/header/headnavi_03_on.gif) no-repeat;

	width:100px;

	height:32px;

	margin-left:5px;

}





/* contents

------------------------------------------------*/

div#contents{

	width:840px;

	padding:0px;

	margin:17px 15px 0px 15px;

}





/* left_contents

------------------------------------------------*/

div#left_contents{

	width:180px;

	padding:0px;

	margin:0px;

	float:left;

}





/* main_contents

------------------------------------------------*/

div#main_contents{

	width:645px;

	padding:0px;

	margin:0px;

	float:right;

}





/* 左ナビ

------------------------------------------------*/

div#lnavi{

	width:180px;

	height:350px;

	margin:0px 0px 15px 0px;

	float:left;

}

div#lnavi ul{

	margin:0;

	padding:0;

	list-style: none;

}

div#lnavi ul li{

	display: block;

	margin:0;

	padding:0;

	width:180px;

	height:50px;

	overflow:hidden;

	text-align:left;

	font-size:12px;

}

div#lnavi ul li a{

	display: block;

	width:180px;

	height:50px;

	padding:17px 0 0 23px;

	background: url(../images/lnavi/bg_lnavi.gif) no-repeat 0px 0px;

}

div#lnavi ul li a:hover{

	display: block;

	width:180px;

	height:50px;

	padding:17px 0 0 23px;

	background: url(../images/lnavi/bg_lnavi_hover.gif) no-repeat 0px 0px;

}

div#lnavi ul li.on{

	margin:0;

	padding:17px 0 0 23px;

	background: url(../images/lnavi/bg_lnavi_on.gif) no-repeat 0px 0px;

	display: block;

	width:157px;

	height:33px;

	overflow:hidden;

	color:#ffffff;

	font-weight:bold;

}

div#lnavi ul li.navi_top{

	display: block;

	margin:0;

	padding:0;

	width:180px;

	height:51px;

	overflow:hidden;

}

div#lnavi ul li.navi_top a{

	display: block;

	width:180px;

	height:51px;

	padding:17px 0 0 23px;

	background: url(../images/lnavi/bg_lnavi_top.gif) no-repeat 0px 0px;

}

div#lnavi ul li.navi_top a:hover{

	display: block;

	width:180px;

	height:51px;

	padding:17px 0 0 23px;

	background: url(../images/lnavi/bg_lnavi_top_hover.gif) no-repeat 0px 0px;

}

div#lnavi ul li.navi_top_on{

	margin:0;

	padding:17px 0 0 23px;

	background: url(../images/lnavi/bg_lnavi_top_on.gif) no-repeat 0px 0px;

	display: block;

	width:157px;

	height:34px;

	overflow:hidden;

	color:#ffffff;

	font-weight:bold;

}

div#lnavi ul li.navi_bottom{

	display: block;

	margin:0;

	padding:0;

	width:180px;

	height:49px;

	overflow:hidden;

}

div#lnavi ul li.navi_bottom a{

	display: block;

	width:180px;

	height:49px;

	padding:17px 0 0 23px;

	background: url(../images/lnavi/bg_lnavi_bottom.gif) no-repeat 0px 0px;

}

div#lnavi ul li.navi_bottom a:hover{

	display: block;

	width:180px;

	height:49px;

	padding:17px 0 0 23px;

	background: url(../images/lnavi/bg_lnavi_bottom_hover.gif) no-repeat 0px 0px;

}

div#lnavi ul li.navi_bottom_on{

	margin:0;

	padding:17px 0 0 23px;

	background: url(../images/lnavi/bg_lnavi_bottom_on.gif) no-repeat 0px 0px;

	width:157px;

	height:32px;

	overflow:hidden;

	color:#ffffff;

	font-weight:bold;

}





/* eco

------------------------------------------------*/

div#eco{

	width:180px;

	padding:0px;

	margin:15px 0px 0px 0px;

	float:left;

}

div#eco_contents{

	width:170px;

	padding:0px 10px 12px 10px;

	margin:0px;

	background:url(../images/lnavi/bg_eco.gif);

}

div#eco_contents p{

	width:160px;

	text-align:left;

	font-size:11px;

	color:#666666;

	padding:13px 0px;

}



/* banner_side

------------------------------------------------*/

div#banner_side{

	width:180px;

	padding:0px;

	margin:15px 0px 0px 0px;

	float:left;

}

div#banner_side_contents{

	width:134px;

	padding:0px 23px 12px 23px;

	margin:0px;

	background:url(../images/lnavi/bg_eco.gif);

}

div#banner_side_contents p{

	width:134px;

	margin:0px;

	padding:15px 0px 0px 0px;

}





/* flash

------------------------------------------------*/

div#flash{

	padding:0px;

	margin:0px;

	border:1px solid #dddddd;

}





/* shop_ad

------------------------------------------------*/

div#shop_ad{

	width:315px;

	padding:0px;

	margin:0px;

	float:left;

}

div#shop_ad_r{

	width:315px;

	padding:0px;

	margin:0px 0px 0px 15px;

	float:left;

}

div#shop_ad_contents, div#shop_ad_r_contents{

	width:285px;

	padding:11px 15px;

	margin:0px;

	background:url(../images/top/bg_shop_ad.gif)

}





/* top_calendar

------------------------------------------------*/

table#top_calendar{

	width:647px;

	margin-top:15px;

}

table#top_calendar th, table#top_calendar td {

	padding:5px 2px;

	font-size:12px;

	border:none;

}

table#top_calendar th{

	background:#5abe64;

	color:#FFFFFF;

	text-align:center;

}

table#top_calendar th.sunday{

	background:#f86841;

}

table#top_calendar th.saturday{

	background:#77bee3;

}

table#top_calendar td{

	background:#9dd9a2;

	color:#666666;

	font-weight:bold;

	text-align:center;

}

table#top_calendar td.event{

	background:#e2f5e3;

	font-size:11px;

	font-weight:normal;

	padding:6px 3px;

	text-align:left;

}

table#top_calendar td.sunday_date{

	background:#fabcac;

}

table#top_calendar td.sunday_event{

	background:#fbede8;

	font-size:11px;

	font-weight:normal;

	padding:6px 3px;

	text-align:left;

}

table#top_calendar td.saturday_date{

	background:#a6d4ec;

}

table#top_calendar td.saturday_event{

	background:#e1eff6;

	font-size:11px;

	font-weight:normal;

	padding:6px 3px;

	text-align:left;

}

table#top_calendar td span{

	color:#e52e08;

}





/* news

------------------------------------------------*/

div#news01{

	width:645px;

	padding:0px;

	margin:15px 0px 0px 0px;

}





/* event_news

------------------------------------------------*/

div#event_news{

	width:315px;

	padding:0px;

	margin:0px;

	float:left;

}

div#event_news_contents{

	width:315px;

	padding:0px;

	margin:0px;

	background:url(../images/top/bg_event_news.gif)

}

div#event_news_contents ul{

	list-style:none;

	margin:0px;

	padding:0px;

}

div#event_news_contents ul li{

	background:url(../images/top/mark_event_news.gif) no-repeat 7px 13px;

	text-align:left;

	margin:0px 27px;

	padding:8px 20px;

	border-bottom:1px solid #d3ecd5;

	color:#666666;

	font-size:12px;

	line-height:1em;

}

div#event_news_contents ul li.end{

	background:url(../images/top/mark_event_news.gif) no-repeat 7px 13px;

	text-align:left;

	margin:0px 27px;

	padding:8px 20px;

	border-bottom: none;

	color:#666666;

	font-size:12px;

}

div#event_news_contents ul li img.new,

div#event_news_contents ul li.end img.new{

	margin-bottom:3px;

}



/* blog_news

------------------------------------------------*/

div#blog_news{

	width:315px;

	padding:0px;

	margin:0px 0px 0px 15px;

	float:left;

}

div#blog_news_contents{

	width:315px;

	padding:0px;

	margin:0px;

	background:url(../images/top/bg_blog_news.gif)

}

div#blog_news_contents ul{

	list-style:none;

	margin:0px;

	padding:0px;

}

div#blog_news_contents ul li{

	background:url(../images/top/mark_blog_news.gif) no-repeat 7px 13px;

	text-align:left;

	margin:0px 27px;

	padding:8px 0px 8px 20px;

	/padding:7px 0px 6px 20px;/*---ie用---*/

	border-bottom:1px solid #dddddd;

	color:#666666;

}

div#blog_news_contents ul li.end{

	background:url(../images/top/arrow_blog.gif) no-repeat 126px 6px;

	text-align:right;

	margin:0px 27px;

	padding:8px 0px 8px 20px;

	/padding:8px 0px 7px 20px;/*---ie用---*/

	border-bottom: none;

	color:#666666;

	font-size:12px;

}

div#blog_news_contents ul li dl{

	margin:0px;

	padding:0px;

}

div#blog_news_contents ul li dl dt{

	width:118px;

	float:left;

	display:block;

	font-size:12px;

	margin:0px;

	padding:0px;

}

div#blog_news_contents ul li dl dd{

	width:120px;

	float:left;

	display:block;

	font-size:12px;

	margin:0px;

	padding:0px;

}

div#blog_news_contents ul li dl dd img.new{

	margin-bottom:3px;

}



/* banner_space

------------------------------------------------*/

div#banner_space{

	width:645px;

	padding:0px;

	margin:15px 0px 0px 0px;

	float:left;

}

div#banner_space_contents{

	width:645px;

	padding:0px;

	margin:0px;

	background:url(../images/top/bg_banner.gif);

}

div#banner_space_contents ul{

	list-style:none;

	margin:0px 0px 0px 22px;

	padding:0px;

	/padding:0px 0px 18px 0px;/*---ie用---*/

}

div#banner_space_contents ul li{

	width:134px;

	height:54px;

	margin:8px 22px 14px 0px;

	padding:0px;

	float:left;

}

div#banner_space_contents ul li.end{

	width:134px;

	height:54px;

	margin:8px 0px 14px 0px;

	padding:0px;

	float:left;

}





/* main_contents_in

------------------------------------------------*/

div#main_contents_in{

	margin:15px 30px 40px 30px;

	width:585px;

}





/* main_contents_in

------------------------------------------------*/

div#main_contents_in_2{

	margin:30px 30px 40px 30px;

	width:585px;

}





/* service_info

------------------------------------------------*/

dl.service_info{

	padding:15px 0px 0px 0px;

}

dl.service_info dt,dl.service_info dd{

	text-align:left;

	font-size:12px;

}

dl.service_info dt{

	color:#229e2e;

	font-weight:bold;

	background:url(../images/top/mark_event_news.gif) no-repeat 0px 5px;

	padding-left:10px;

}

dl.service_info dd{

	color:#666666;

	padding:15px 10px 30px 10px;

	margin:0px 0px 30px 0px;

	border-bottom:1px dotted #81c06a;

}

dl.service_info dd span{

	font-weight:bold;

}

dl.service_info dd ul{

	margin-top:10px;

	margin-left:30px;

}

dl.service_info dd ul li.ttl{

	font-weight:bold;

	padding-bottom:5px;

}





/* shop_ttl

------------------------------------------------*/

div#shop_ttl{

	background:url(..//images/bg_shop_logo.gif) no-repeat;

	width:545px;

	height:135px;

	margin:0px;

	padding:20px 20px;

}

div#shop_ttl div.logo{

	margin:auto;

	float:left;

	width:335px;

	height:135px;

	padding:22px 0px;

}

div#shop_ttl img.s_image{

	float:right;

}





/* shop_detail

------------------------------------------------*/

div#shop_detail{

	margin:40px 30px 0px 30px;

	text-align:left;

}

div#shop_detail p.shop_name{

	font-size:20px;

	font-weight:bold;

	color:#666666;

}

div#shop_detail dl{

	margin:20px 0px 0px 0px;

	padding:0px;

	width:350px;

}

div#shop_detail dl dt{

	float:left;

	display:block;

	width:90px;

	color:#666666;

	font-size:12px;

	line-height:1.8em;

	background:url(../images/top/mark_event_news.gif) no-repeat 0px 7px;

	padding-left:10px;

}

div#shop_detail dl dd{

	float:left;

	display:block;

	width:250px;

	color:#666666;

	font-size:12px;

	line-height:1.8em;

}

div#shop_detail h3{

	margin:50px 0px 0px 0px;

}

div#shop_detail p.shop_event{

	color:#666666;

	font-size:12px;

	margin:20px 0px 0px 0px;

}

div#shop_detail div.photo_space{

	margin:50px 0px 0px 0px;

}





/* footer

------------------------------------------------*/

div#footer{

	margin:30px 0px 0px 0px;

	padding:10px 15px;

	text-align:right;

	background:#bce2c0;

	font-size:12px;

	color:#666666;

}



/* 汎用

------------------------------------------------*/

.floatleft{float:left;}

.floatright{float:right;}

.mt15{margin-top:15px;}

.mt40{margin-top:40px;}





/* clearfix

------------------------------------------------*/

.clearfix:after {   

    content: ".";   

    display: block;   

    visibility: hidden;   

    height: 0.1px;   

    font-size: 0.1em;   

    line-height: 0;   

    clear: both;   

}  

.clearfix {   

    zoom: 100%;   

}