/* CSS Document */


body{font-family:"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",
  "Osaka","ＭＳ Ｐゴシック", "MS P Gothic",
  Verdana,Arial, Helvetica, sans-serif;font-size:14px;color:#333333;background:#FFF8D9;margin:0 auto;}
a:link {color:#0000ff;text-decoration:none;}
a:visited {color:#9900cc;}
a:hover {color:#ff6600;text-decoration:underline;}
a:active {color:#ffff66;}
a{overflow:hidden;text-decoration:none;}


/* 共通飾り */
img{border:0px;}

.gibunred{color:#7D0013;}
.yellowFD{color:#CC9900;}
.blueFD{color:#000066;}
.greenF{color:#226600;}


.green{color:#339900;}



.lgreenBG{background:#D4F47A;}


.red{font-weight:bold;color:#FF0000;}

.underGray{border-bottom:solid 1px #CCCCCC;}


.red{color:#FF0000;}


.w350{width:350px;}
.mt05{margin-top:5px;}
.mb05{margin-bottom:5px;}
.f12{font-size:12px;}
.f14{font-size:14px;}

/* 共通レイアウト系 */
.Left{float:left;}
.Right{float:right;}

.center{text-align:center;}
.tLeft{text-align:left;}
.tRight{text-align:right;}

img.r{text-align:right;float:right;margin-left:10px;}
img.l{text-align:left;float:left;margin-right:10px;}

p.tRight{text-align:right;}




/* 共通サイズ */
.w10{width:10px;} .w20{width:20px;} .w35{width:35px;} .w30{width:30px;} .w40{width:40px;}
.w100{width:100px;} .w200{width:200px;} .w350{width:350px;} .w300{width:300px;} .w400{width:400px;}
.mt10{margin-top:10px;} 
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}

.mb10{margin-bottom:10px;}
.mt15{margin-top:15px;} .mb15{margin-bottom:15px;}


.ml10{margin-left:10px;} 
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}


.f12{font-size:12px;}
.f14{font-size:14px;}
.f16{font-size:16px;}

.font10{font-size:10px;}
.m2{font-size:8px;}



/* 全体 */
#wrap{width:930px;height:100%;margin:0 auto;padding:0;background:url(../img/basic/bg_wrap.jpg) repeat-y;}

/* ヘッダー */
#header{width:930px;height:128px;margin:0;padding:0;background:url(../img/basic/bg_head.jpg) right bottom no-repeat;}
img.logo{float:left;margin:20px 0 0 15px;}
h1{font-size:12px;font-weight:normal;margin:0 0 0 30px;padding:6px 0 0 0;font-family:"ＭＳ Ｐゴシック";}

#header div{float:right;width:420px;}
#header div p{margin:10px 0 0 190px;}
#header div p strong{font-size:16px;}/*IE6*/

* html #header div p{margin:10px 0 0 210px;}

/* ヘッダー内リスト */
#header ul{list-style:none;margin:-3px 5px 0 0;width:274px;padding:0;background:url(../img/basic/ul_head.gif) no-repeat;text-indent:-9999px;float:right;}
#header li,#header li a{display:block;float:left;}

*+html #header ul{margin-top:-36px;}/*IE7*/
* html #header ul{margin-top:-36px;}/*IE6*/

#header li.policy,#header li.policy a{width:160px;height:42px;background:url(../img/basic/ul_head.gif) no-repeat;}
#header li.policy a:hover{width:160px;height:42px;background:url(../img/basic/ul_head.gif) 0 -47px no-repeat;}

#header li.sitemap,#header li.sitemap a{width:114px;height:42px;background:url(../img/basic/ul_head.gif) -160px 0 no-repeat;}
#header li.sitemap a:hover{width:114px;height:42px;background:url(../img/basic/ul_head.gif) -160px -47px no-repeat;}

#header p{font-family : Arial,'ＭＳ Ｐゴシック';padding-top:3px;}

/* メインビジュアル */
#mainvisual{margin:0;padding:0;vertical-align: bottom;}



/* グローバルメニュー */
#global{clear:both;width:920px;height:44px;margin:0 0 0 5px;boder:1px solid #FFCCCC;}
#global ul{margin:0;padding:0;}
#global li,#global li a{float:left;height:44px;margin:0;padding:0;background:#333333;list-style:none;background:url(../img/basic/ul_global.jpg) no-repeat;text-indent:-9999px;}

#global li.about,#global li.about a,#global li.about a:hover{width:217px;}
#global li.about a:hover{background:url(../img/basic/ul_global.jpg) no-repeat 0 -44px;}
#global li.about_now,#global li.about_now a{width:217px;background:url(../img/basic/ul_global.jpg) no-repeat 0 -88px;}

#global li.guide,#global li.guide a,#global li.guide a:hover{width:242px;background:url(../img/basic/ul_global.jpg) no-repeat -217px 0;}
#global li.guide a:hover{background:url(../img/basic/ul_global.jpg) no-repeat -217px -44px;}
#global li.guide_now,#global li.guide_now a{width:242px;background:url(../img/basic/ul_global.jpg) no-repeat -217px -88px;}

#global li.event,#global li.event a,#global li.event a:hover{width:242px;background:url(../img/basic/ul_global.jpg) no-repeat -459px 0;}
#global li.event a:hover{background:url(../img/basic/ul_global.jpg) no-repeat -459px -44px;}
#global li.event_now,#global li.event_now a{width:242px;background:url(../img/basic/ul_global.jpg) no-repeat -459px -88px;}

#global li.access,#global li.access a,#global li.access a:hover{width:219px;background:url(../img/basic/ul_global.jpg) no-repeat -701px 0;}
#global li.access a:hover{background:url(../img/basic/ul_global.jpg) no-repeat -701px -44px;}
#global li.access_now,#global li.access_now a{width:219px;background:url(../img/basic/ul_global.jpg) no-repeat -701px -88px;}


/* フッター */
#footer{clear:both;width:100%;height:80px;margin:0;padding:10px 0 0 0;background:url(../img/basic/bg_foot.gif) left bottom no-repeat;text-align:center;color:#333333;}
#footer p{font-size:12px;line-height:230%;}
#footer p a{text-decoration:underline;}



/* TOP用--------------------------------------------------------*/

/* TOP-最新情報*/
#top_info{float:left;width:568px;margin:20px 0 0 25px;background:url(../img/basic/bg_topinfo.gif) right bottom no-repeat;}
#top_info h2{width:568px;height:50px;background:url(../img/basic/h2_topinfo.gif) no-repeat;margin:0px;text-indent:-9999px;}

#top_info ul{width:500px;list-style:none;margin:10px 0 50px 0;padding-left:30px;}

#top_info li{background:url(../img/basic/ul_topinfo.gif) 0 0 no-repeat;padding-left:55px;line-height:23px;display:block;margin:10px 0 5px 0;}
#top_info li.new{background:url(../img/basic/ul_topinfo_new.gif) 0 0 no-repeat;padding-left:55px;line-height:23px;display:block;margin:10px 0 5px 0;}
#top_info li.kyukanbi{background:url(../img/basic/ul_topinfo_holiday.gif) 0 2px no-repeat;padding-left:55px;line-height:23px;display:block;margin:10px 0 5px 0;}

#top_info li .date{color:#FF6600;font-size:12px;}

/* TOP-臨時お知らせ*/
#top_info .news{border:1px solid #32cd32;width:480px;padding:10px;margin:10px 0 0 30px;line-height:180%;}



/* TOP-右メニュー */
#menu_r{float:right;width:300px;margin:20px 25px 0 0;}


#menu_r ul{margin:0;padding:0;text-indent:-9999px;list-style:none;}
#menu_r li,#menu_r li a{width:300px;background:url(../img/basic/ul_menu_r.jpg) no-repeat;display:block;}

#menu_r li.reserve,#menu_r li.reserve a{height:55px;}
#menu_r li.reserve a:hover{background:url(../img/basic/ul_menu_r.jpg) -300px 0;}

#menu_r li.pamphlet,#menu_r li.pamphlet a{height:55px;background:url(../img/basic/ul_menu_r.jpg) 0 -55px;}
#menu_r li.pamphlet a:hover{background:url(../img/basic/ul_menu_r.jpg) -300px -55px;}

#menu_r li.worksheet,#menu_r li.worksheet a{height:55px;background:url(../img/basic/ul_menu_r.jpg) 0 -110px;}
#menu_r li.worksheet a:hover{background:url(../img/basic/ul_menu_r.jpg) -300px -110px;}

#menu_r li.tsushin,#menu_r li.tsushin a{height:55px;background:url(../img/basic/ul_menu_r.jpg) 0 -269px;}
#menu_r li.tsushin a:hover{background:url(../img/basic/ul_menu_r.jpg) -300px -269px;}

#menu_r li.energypark,#menu_r li.energypark a{height:52px;background:url(../img/basic/ul_menu_r.jpg) 0 -165px;}
#menu_r li.energypark a:hover{background:url(../img/basic/ul_menu_r.jpg) -300px -165px;}

#menu_r li.link,#menu_r li.link a{height:52px;background:url(../img/basic/ul_menu_r.jpg) 0 -217px;}
#menu_r li.link a:hover{background:url(../img/basic/ul_menu_r.jpg) -300px -217px;}





/* コンテンツ用--------------------------------------------------------*/


/* 右-コンテンツ */
#contents{float:right;width:610px;margin:13px 30px 30px 0;}


/* 左-メニュー */
#menu_l{float:left;width:230px;margin:20px 0 0 25px;}

#menu_l ul{margin:0;padding:0;text-indent:-9999px;list-style:none;}
#menu_l li,#menu_l li a{width:229px;background:url(../img/basic/ul_menu_l.jpg) no-repeat;display:block;}

#menu_l li.home,#menu_l li.home a{height:46px;}
#menu_l li.home a:hover{background:url(../img/basic/ul_menu_l.jpg) -229px 0;}

#menu_l li.reserve,#menu_l li.reserve a{height:47px;background:url(../img/basic/ul_menu_l.jpg) 0 -68px;margin-top:20px;}
#menu_l li.reserve a:hover{background:url(../img/basic/ul_menu_l.jpg) -229px -68px;}

#menu_l li.pamphlet,#menu_l li.pamphlet a{height:47px;background:url(../img/basic/ul_menu_l.jpg) 0 -115px;}
#menu_l li.pamphlet a:hover{background:url(../img/basic/ul_menu_l.jpg) -229px -115px;}

#menu_l li.worksheet,#menu_l li.worksheet a{height:84px;background:url(../img/basic/ul_menu_l.jpg) 0 -162px;}
#menu_l li.worksheet a:hover{background:url(../img/basic/ul_menu_l.jpg) -229px -162px;}

#menu_l li.tsushin,#menu_l li.tsushin a{height:60px;background:url(../img/basic/ul_menu_l.jpg) 0 -340px;}
#menu_l li.tsushin a:hover{background:url(../img/basic/ul_menu_l.jpg) -229px -340px;}

#menu_l li.energypark,#menu_l li.energypark a{height:47px;background:url(../img/basic/ul_menu_l.jpg) 0 -246px;}
#menu_l li.energypark a:hover{background:url(../img/basic/ul_menu_l.jpg) -229px -246px;}

#menu_l li.link,#menu_l li.link a{height:47px;background:url(../img/basic/ul_menu_l.jpg) 0 -293px;}
#menu_l li.link a:hover{background:url(../img/basic/ul_menu_l.jpg) -229px -293px;}


/* コンテンツ基本 */
#contents p{line-height:180%;width:580px;margin:0 0 25px 15px;letter-spacing:1px;}
.mb20{margin-bottom:20px;}

#contents strong{color:#009933;}



#contents table{margin:0 0 15px 15px;
    border-top:1px solid #CCCCCC;
    border-left:1px solid #CCCCCC;
    border-collapse:collapse;
    border-spacing:0;
    background-color:#ffffff;
    line-height:180%;
    width:580px;
    letter-spacing:1px;}
#contents table th,
#contents table td {padding:5px 10px;border-right:1px solid #CCCCCC;
    border-bottom:1px solid #CCCCCC;color:#333333;line-height:180%;text-align:left;
}
#contents table th{width:130px;background:#cce5ff;}

#contents ul.leaf{line-height:180%;letter-spacing:1px;margin:15px 0 25px 0;list-style:none;}
#contents ul.leaf li{background:url(../img/basic/ul_leaf.gif) 0 0 no-repeat;padding-left:35px;margin-bottom:10px;}


/* コンテンツタイトル */
#contents h2{height:54px;width:610px;margin:0 0 25px 0;padding:0;background:url(../img/basic/h2_title.gif) no-repeat;text-indent:-9999px;}
#contents h2.guide{background-position:0 -54px;}
#contents h2.event{background-position:0 -108px;}
#contents h2.access{background-position:0 -162px;}
#contents h2.formtitle{background-position:0 -216px;}
#contents h2.pamphlet{background-position:0 -270px;}
#contents h2.worksheet{background-position:0 -324px;}
#contents h2.energypark{background-position:0 -378px;}
#contents h2.link{background-position:0 -432px;}
#contents h2.policy{background-position:0 -486px;}
#contents h2.sitemap{background-position:0 -540px;}
#contents h2.ecotsushin{background-position:0 -596px;}
#contents h2.policy_facebook{background-position:0 -651px;}

#contents h3{font-size:16px;height:32px;width:610px;margin:45px 0 0 5px;padding:0;background:url(../img/basic/h3_title.gif) 0 4px no-repeat;text-indent:35px;}

#contents h4.mes{font-size:16px;line-height:180%;color:#ff6600;text-align:center;}

#contents h4.leaf{font-size:14px;line-height:180%;text-indent:30px;background:url(../img/basic/ul_leaf.gif) 0 0 no-repeat;margin:20px 0 10px 10px; }


/* ページトップへ戻る */
.pagetop{clear:both;text-align:right;margin:0;padding:0;}




/* フォーム関連--------------------------------------------------------*/
table.form{ margin:0 0 10px 0; font-size:12px;
    border-top:1px solid #CCCCCC;
    border-left:1px solid #CCCCCC;
    border-collapse:collapse;
    border-spacing:0;
    background-color:#ffffff;
    line-height:15px;
    width:575px;
}
table.form th,
table.form td { font-size:12px;padding:5px 10px;border-right:1px solid #CCCCCC;
    border-bottom:1px solid #CCCCCC;color:#333333;line-height:180%;text-align:left;
}
table.form th{width:130px;background:#cce5ff;}

input ,select{
padding:1px;
vertical-align:-0.1em;
margin-right:3px;
margin-bottom:3px;}

#error{width:550px;border:solid 1px #FF0000;font-size:12px;font-weight:bold;color:#FF0000;text-align:left;line-height:180%;margin:0 0 30px 30px;}
#ok{width:550px;border:solid 1px #009900;font-weight:bold;color:#009900;text-align:left;line-height:180%;margin:0 0 30px 30px;}