@charset "utf-8";
/* CSS Document */

/*base
---------------------------*/
body { color: #333; line-height: 160%; background: #F0EDD7; text-align: center; }

*{ margin:0px; padding:0px; font-family : "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka","Verdana","Helvetica","Arial","ＭＳ Ｐゴシック",sans-serif}

/*link
---------------------------*/
a 			{ color: #00A73C; text-decoration: none; outline: none; }
a:link		{ color: #00A73C; text-decoration: none; outline: none; }
a:visited	{ color: #00A73C; text-decoration: none; outline: none; }
a:hover		{ color: #00F756; text-decoration: none; outline: none; }
a:active	{ color: #00F756; text-decoration: none; outline: none; }

/*title,p,img
---------------------------*/
h1, h2, h3, h4, h5 { font-weight: normal; margin: 0px; padding: 0px; }

p{ color: #555; margin: 10px 0px 20px; font-size: 75%; line-height: 150%; }

img { margin: 0px; padding: 0px; border: none;}

/*list,dl
---------------------------*/
ul { margin: 0px; padding: 0px; list-style-type: none; }
ul li { padding: 0px; margin: 0px; }

ol { padding: 0px; margin: 0px; list-style: decimal outside; }
ol li { padding: 0px; margin: 0px; }

dl { padding: 0px; margin: 0px; }
dt { padding: 0px; margin: 0px; }
dd { padding: 0px; margin: 0px; }

/*table
---------------------------*/
table { width: 100%; margin: 0px; padding: 0px; border-collapse: collapse; }
th { font-weight: normal; text-align: left; padding: 5px; vertical-align: top; }
td { text-align: left; padding: 5px; }

.td5{ width:5%;} .td10{ width:10%;} .td15{ width:15%;} .td20{ width:20%;} .td25{ width:25%;}
.td30{ width:30%;} .td35{ width:35%;} .td40{ width:40%;} .td45{ width:45%;} .td50{ width:50%;}

/*other
---------------------------*/
form { margin: 0px; text-align: left; }
input, textarea, select {}

iframe { border-style: none; }

em { font: normal normal; }

.hide { display: none; }


/*clearfix
---------------------------*/
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}


/*box
---------------------------*/
div#wapper { width: 1000px; margin: 0px auto; padding: 0px; text-align: center; }

div#header { width: 1000px; }

div#mainimg { width: 1000px; position: relative; }
div#mainimg img { vertical-align: bottom; }
h1 { position: absolute; left: 65px; top: 0px; width: 159px; height: 358px; }
div#top_copy { display: block; position: absolute; left: 189px; top: 47px; width: 265px; height: 75px; background: url(../img/top_copy.png) no-repeat; text-indent: -9999px; }
div#satori { position: absolute; left: 52px; top: 225px; width: 114px; height: 80px; }
div#alut { position: absolute; left: 52px; top: 305px; width: 114px; height: 70px; }
div#kokuchi { display: block; position: absolute; left: 700px; top: 30px; width: 251px; height: 251px; }
div#top_banner_area { display: block; position: absolute; left: 50px; top: 395px; padding: 51px 35px 10px 11px; width: 150px; _width: 194px; height: 233px; _height: 294px; background: url(../img/main_banner_area.png) no-repeat; text-indent: -9999px; z-index: 1; overflow: hidden; }
div.banner_ph { text-indent: 0px; }
div.banner_txt { text-indent: 0px; font-size: 11px; font-weight: bold; line-height: 140%; margin-top: 8px; text-align: left; }

div#header_navi { width: 134px; margin: 20px 100px 20px 766px; }

div#global_navi { width: 1000px; text-align: left; }

div#column { width: 800px; padding: 0px; margin: 0px auto 50px; }

div#contents { width: 520px; margin-bottom: 50px; padding: 0px; float: left; text-align: left; }
div#local_navi { width: 250px; padding: 0px; float: right; text-align: left; }

div#footer { width: 100%; margin: 0px; padding: 10px 0px 0px; background: url(../img/footer_line.jpg) no-repeat center top; }

div#footer_link { width: 800px; height: 43px; margin: 15px auto; }
div.fl_left { float: left; width: 245px; margin: 0px 0px 0px 10px; }
div.fl_right { float: right; width: 348px; margin: 0px 0px 0px 10px; }

div.footer_contents { height: 69px; background: url(../img/footer_bg.jpg) no-repeat center top; padding: 15px 0px 0px; }
div.footer_left { margin-left: 15px; text-align: left; float: left; }
div.footer_right { margin-right: 15px; width: 344px; text-align: left; float: right; }

	div.footer_logo { width: 140px; float: left; }
	address { width: 400px; font-size: 65%; line-height: 130%; color: #fff; font-style: normal; }
	
	ul.fn_list { height: 13px; margin: 5px 0px 7px; }
	ul.fn_list li { float: left; line-height: 100%; font-size: 1px; }
	div.copyrights { font-size: 65%; color: #fff; text-align: right; line-height: 130%; }

	
/*navi
---------------------------*/
ul.gnavi_list { width: 800px; margin: 0px 0px 0px 100px; padding: 0px; text-align: left; }
ul.gnavi_list li{ display: inline; }
ul.gnavi_list a{ float: left; display: block; width: 104px; height: 53px; text-indent: -9999px; font-size: 1px; line-height: 100%; margin-right: 12px; }

a#gn_concept{ background-image: url(../img/gn_concept.jpg); }
a:hover#gn_concept{ background-position: 0px -53px; }
a#gn_diary{ background-image: url(../img/gn_diary.jpg); }
a:hover#gn_diary{ background-position: 0px -53px; }
a#gn_news{ background-image: url(../img/gn_news.jpg); }
a:hover#gn_news{ background-position: 0px -53px; }
a#gn_event{ background-image: url(../img/gn_event.jpg); margin-right: 10px; }
a:hover#gn_event{ background-position: 0px -53px; }
a#gn_cafe{ background-image: url(../img/gn_cafe.jpg); }
a:hover#gn_cafe{ background-position: 0px -53px; }
a#gn_bar{ background-image: url(../img/gn_bar.jpg); margin-right: 13px; }
a:hover#gn_bar{ background-position: 0px -53px; }
a#gn_link{ background-image: url(../img/gn_link.jpg); margin-right: 0px; }
a:hover#gn_link{ background-position: 0px -53px; }

#concept li a#gn_concept{ background-position: 0px -106px; }
#diary li a#gn_diary{ background-position: 0px -106px; }
#news li a#gn_news{ background-position: 0px -106px; }
#event li a#gn_event{ background-position: 0px -106px; }
#cafe li a#gn_cafe{ background-position: 0px -106px; }
#bar li a#gn_bar{ background-position: 0px -106px; }
#link li a#gn_link{ background-position: 0px -106px; }

ul.hnavi_list { width: 134px; margin: 0px 100px 0px 0px; padding: 0px; text-align: left; }
ul.hnavi_list li{ display: inline; }
ul.hnavi_list a{ float: left; display: block; height: 38px; text-indent: -9999px; font-size: 1px; line-height: 100%; }

a#hn_home{ background-image: url(../img/header_navi1.jpg); width: 41px; margin-right: 2px; }
a:hover#hn_home{ background-position: 0px -38px; }
a#hn_mail{ background-image: url(../img/header_navi2.jpg); width: 32px; margin-right: 12px; }
a:hover#hn_mail{ background-position: 0px -38px; }
a#hn_dialy{ background-image: url(../img/header_navi3.jpg); width: 33px; margin-right: 0px; }
a:hover#hn_dialy{ background-position: 0px -38px; }

#home li a#hn_home{ background-position: 0px -38px; }
#mail li a#hn_mail{ background-position: 0px -38px; }
#dialy li a#hn_dialy{ background-position: 0px -38px; }

ul.link_list li { width: 101px; float: left; margin-left: 15px; }

ul.link_list { }
ul.link_list li{ display: inline; }
ul.link_list a{ float: left; display: block; height: 43px; width: 101px; margin-left: 15px; _margin-left: 0px; text-indent: -9999px; font-size: 1px; line-height: 100%; }

a#footer_link1{ background-image: url(../img/diary_btn1.jpg); }
a:hover#footer_link1{ background-position: 0px -43px; }
a#footer_link2{ background-image: url(../img/diary_btn2.jpg); }
a:hover#footer_link2{ background-position: 0px -43px; }
a#footer_link3{ background-image: url(../img/diary_btn3.jpg); }
a:hover#footer_link3{ background-position: 0px -43px; }

ul.fn_list { height: 14px; margin: 5px 0px 7px; }
ul.fn_list li{ display: inline; }
ul.fn_list li a { float: left; display: block; height: 13px; margin-left: 11px; _margin-left: 5px; line-height: 100%; font-size: 1px; text-indent: -9999px; }
	
a#fn_home{ background-image: url(../img/footer_navi1.jpg); width: 30px; }
a:hover#fn_home{ background-position: 0px -13px; }
a#fn_concept{ background-image: url(../img/footer_navi2.jpg); width: 48px; }
a:hover#fn_concept{ background-position: 0px -13px; }
a#fn_blog{ background-image: url(../img/footer_navi3.jpg); width: 34px; }
a:hover#fn_blog{ background-position: 0px -13px; }
a#fn_news{ background-image: url(../img/footer_navi4.jpg); width: 29px; }
a:hover#fn_news{ background-position: 0px -13px; }
a#fn_event{ background-image: url(../img/footer_navi5.jpg); width: 35px; }
a:hover#fn_event{ background-position: 0px -13px; }
a#fn_cafe{ background-image: url(../img/footer_navi6.jpg); width: 31px; }
a:hover#fn_cafe{ background-position: 0px -13px; }
a#fn_bar{ background-image: url(../img/footer_navi7.jpg); width: 22px; }
a:hover#fn_bar{ background-position: 0px -13px; }
a#fn_link{ background-image: url(../img/footer_navi8.jpg); width: 23px; }
a:hover#fn_link{ background-position: 0px -13px; }

#home li a#fn_home{ background-position: 0px -13px; }
#concept li a#fn_concept{ background-position: 0px -13px; }
#blog li a#fn_blog{ background-position: 0px -13px; }
#news li a#fn_news{ background-position: 0px -13px; }
#event li a#fn_event{ background-position: 0px -13px; }
#cafe li a#fn_cafe{ background-position: 0px -13px; }
#bar li a#fn_bar{ background-position: 0px -13px; }
#link li a#fn_link{ background-position: 0px -13px; }

/*local
---------------------------*/
div#local_navi ul { margin: 15px 0px 0px 0px; }
div#local_navi ul li { font-size: 70%; margin-bottom: 5px; line-height: 130%; }

ul.banner_list li a:hover img {filter: alpha(style=0,opacity=80);opacity: 0.8;}

/*contents
---------------------------*/
h2 { background: url(../img/hd_line.jpg) no-repeat bottom; padding-bottom: 5px; }
ul.top_list { margin: 20px 0px 40px; background: url(../img/hd_line.jpg) no-repeat bottom; padding-bottom: 15px; }
ul.top_list li { font-size: 75%; line-height: 130%; margin: 10px 0px; }
div.rss_icon { margin: 0px 0px 30px 500px; }

div.weather { width: 230px; _width: 250px; height: 100px; _height: 160px; padding: 50px 10px 10px; background: url(../img/weather_bg.jpg) no-repeat; }

div.top_banner { margin-bottom: 50px; }

/*item*/
div.item_box { margin: 30px 0px 0px -10px; _width: 560px; _margin: 30px 0px 0px -20px; }
div.item_list { width: 118px; _width: 120px; margin: 0px 0px 10px 10px; border: 1px solid #502A12; float: left; }
div.item_ph { width: 118px; position: relative; }
div.item_ph span.new { display: none; }
div.item_ph span.new img { position: absolute; left: 0px; top: 0px; }
div.item_name { width: 98px; _width: 118px; padding: 5px 10px; font-size: 70%; background: #502A12; color: #fff; line-height: 130%; }