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



*    {
margin:0;
padding:0;
border:none;
font-size:100%;
font-weight:normal;
font-style:normal;
text-decoration:none;
line-height:1.0;
}

/* font reset style */
body  {
font:13px/1.231 "Lucida Grande","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro W3","ＭＳ Ｐゴシック","MS P Gothic",Geneva,Arial,Verdana,sans-serif;
*font-size:small;
*font:x-small;
margin:0;  /*---Safari対策-------*/
padding:0;
background-color:#000;
color:#FFF;
}

table  {
font-size:inherit;
font:100%;
}


pre, code, kbd, samp, tt  {
font-famiy:monospace;
*font-size:108%;
line-height:100%;
}

img  {
margin:0;
padding:0;
border:0;
text-align:left;
}


div {display: block;}

h1, h2, h3, h4, h5, h6, p, address	{
	display: block;
	font-size: 100%;
	font-weight: normal;
	font-style: normal;
	margin:0;  /*---Safari対策--各セレクタをつけてmargin,padding指定--------*/
	padding:0;
	}  

p {margin: 0px 0px 0px 0px;}
hr {display: none;}
ul, li  {margin:0; padding:0;}/*---各ブラウザで解釈がちがうのでリセット(for WORDPRESS)--------*/

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

/* clearfix --------------*/
.clearfix:after{
   content: " "; 
   display: block; 
   visibility: hidden; 
   clear: both; 
   height: 0.1px; 
   font-size: 0.1em; 
   line-height: 0;
} /*IE7以外のモダンブラウザ向け*/

.clearfix{display:inline-block;} /*IE7およびMacIE5向け*/

/*Hides from IE-mac\*/
* html .clearfix{height:1%;}
.clearfix{display:block;}
/*End hide from IE-mac*/ /*IE6以前向け*/

a  {outline:none;}  /*IEやFirefox Linkの枠を出ないようにする*/

a:link {
	text-decoration: none;
	color:#FFFFFF;
}
a:visited {
	text-decoration: none;
	color: #FFFFFF;
}
a:hover {
text-decoration: underline;
color: #FFFFFF;

}
a:active {
text-decoration: underline;
outline:none;  /*IEやFirefox Linkの枠を出ないようにする*/
}

.clear {clear: both; float:none; border: none;}




/* -------バックグラウンド---------*/

#BodyBg_L   {
margin:0;
padding:0;
background:url(../images/bg_left.jpg) left top repeat-y;
}


#BodyBg_R   {
margin:0;
padding:0;
background:url(../images/bg_right.jpg) right top repeat-y;
}

#HeaderBg_L  {
margin:0;
padding:0;
background:url(../images/bg_top_left.jpg) left top no-repeat;

}

#HeaderBg_R  {
margin:0;
padding:0;
background:url(../images/bg_top_right.jpg) right top no-repeat;
}


#FooterBg_Left  {
margin:0;
padding:0;
background:url(../images/bg_bottom_left.jpg) left bottom no-repeat;
}

#FooterBg_Right  {
margin:0;
padding:0;
background:url(../images/bg_bottom_right.jpg) right bottom no-repeat;
}


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

#Wrap   {
width:880px;
margin:0 auto;
background:url(../images/bg_wrap.png) 0 0 repeat-y;
behavior: url(/css/iepngfix.htc);
}

/*-------ページレイアウト----------------------*/


#Content  {
width:840px;
margin:40px auto 100px;
background-color:#000;
}

#MainContent  {
float:left;
width:610px;
}

#SideBar  {
float:right;
width:190px;
}

/* -------ヘッダー---------*/

#Header_Box  {
width:860px;
position:relative;
background-color:#000;
background:url(../images/bg_header.jpg) center top no-repeat;
padding-top:60px;
z-index:2;
margin:0 auto;
}

#LogoBox  {
padding-bottom:15px;
}

#LogoBox h1.logo  {
float:left;
width:165px;
padding-left:45px;
}

#LogoBox .main_ttl  {
float:left;
width:59px;
padding-left:20px;
}

#Chandelier_L  {
position:absolute;
left:-63px;
top:30px;
z-index:10;
}

#Chandelier_L img  {
behavior: url(/css/iepngfix.htc);
}


#Chandelier_R  {
position:absolute;
right:-63px;
top:30px;
z-index:10;
}

#Chandelier_R img  {
behavior: url(/css/iepngfix.htc);
}


/*---HeaderMenu----*/

#Header_Menu  {
background:url(../images/bg_obi.jpg) center top no-repeat;
height:61px;
position:relative;
}

#Header_Menu ul  {
width:776px;
margin:0 auto;
padding-top:3px;
list-style:none;
margin-bottom:7px;
}

#Header_Menu li  {
float:left;
margin:0;
padding:0;
height:34px;
text-indent:-9999px;
}

#Header_Menu li a  {
text-decoration:none;
display:block;
height:34px;
}

/*---Normal----*/

#Header_Menu li#home a  {
background:url(../images/header_menu.gif) no-repeat 0px 0px;
width:91px;
}
#Header_Menu li#topics span#topics a  {
background:url(../images/header_menu.gif) no-repeat -91px 0px;
width:102px;
}
#Header_Menu li#schedule a  {
background:url(../images/header_menu.gif) no-repeat -193px 0px;
width:130px;
}
#Header_Menu li#blog a  {
background:url(../images/header_menu.gif) no-repeat -323px 0px;
width:92px;
}
#Header_Menu li#rental a  {
background:url(../images/header_menu.gif) no-repeat -415px 0px;
width:110px;
}
#Header_Menu li#drink a  {
background:url(../images/header_menu.gif) no-repeat -525px 0px;
width:148px;
}
#Header_Menu li#access a  {
background:url(../images/header_menu.gif) no-repeat -673px 0px;
width:103px;
}

/*---:hover----*/

#Header_Menu li#home a:hover, #Header_Menu li#home.active a  {
background:url(../images/header_menu.gif) no-repeat 0px -34px;
width:91px;
}
#Header_Menu li#topics span#topics a:hover, #Header_Menu li#topics.active span#topics a    {
background:url(../images/header_menu.gif) no-repeat -91px -34px;
width:102px;
}
#Header_Menu li#schedule a:hover, #Header_Menu li#schedule.active a    {
background:url(../images/header_menu.gif) no-repeat -193px -34px;
width:130px;
}
#Header_Menu li#blog a:hover, #Header_Menu li#blog.active a    {
background:url(../images/header_menu.gif) no-repeat -323px -34px;
width:92px;
}
#Header_Menu li#rental a:hover, #Header_Menu li#rental.active a    {
background:url(../images/header_menu.gif) no-repeat -415px -34px;
width:110px;
}
#Header_Menu li#drink a:hover, #Header_Menu li#drink.active a    {
background:url(../images/header_menu.gif) no-repeat -525px -34px;
width:148px;
}
#Header_Menu li#access a:hover, #Header_Menu li#access.active a    {
background:url(../images/header_menu.gif) no-repeat -673px -34px;
width:103px;
}

/*---submenu----*/

#Header_Menu li#topics   {
position:relative;
z-index:5;
overflow:hidden;
}

#Header_Menu li#topics:hover   {
overflow:visible;
}

#Header_Menu li#topics span#news a {
width:101px;
height:38px;
background:url(../images/header_submenu.gif) 0 0 no-repeat;
position:absolute;
left:0;top:34px;
margin:0;
padding:0;
list-style:none;
text-indent:-9999px;
}

#Header_Menu li#topics span#interview a {
width:101px;
height:34px;
background:url(../images/header_submenu.gif) 0 -38px no-repeat;
position:absolute;
left:0;top:72px;
margin:0;
padding:0;
list-style:none;
text-indent:-9999px;
}

#Header_Menu li#topics span#report a {
width:101px;
height:34px;
background:url(../images/header_submenu.gif) 0 -72px no-repeat;
position:absolute;
left:0;top:106px;
margin:0;
padding:0;
list-style:none;
text-indent:-9999px;
}

#Header_Menu li#topics span#news a:hover {
background:url(../images/header_submenu.gif) -101px 0 no-repeat;
}
#Header_Menu li#topics span#interview a:hover {
background:url(../images/header_submenu.gif) -101px -38px no-repeat;
}
#Header_Menu li#topics span#report a:hover {
background:url(../images/header_submenu.gif) -101px -72px no-repeat;
}

html>body #Header_Menu li#topics {display:block;}  /*IE対策*/

#Header_Box #blog_up  {
position:absolute;
top:32px;
left:369px;
width:83px;
height:25px;
background-image:url(../images/blog_update_bg.gif);
background-repeat:no-repeat;
}

#Header_Box #blog_up a {
position:absolute;
top:10px;
left:8px;
font-size:0.7em;
color:#FFF;
/letter-spacing:1px;
/left:6px
}


/*----------サイドバー-------------*/

#Side_Banner  {
width:190px;
padding-bottom:15px;
}

/*------Calendar-----*/

#Side_Calendar  {
padding-bottom:20px;
width:190px;
}

#calendar  {
font-family: Verdana, Arial, sans-serif;
width:190px;
height:190px;
font-size:12px;
font-weight:bold;
color:#fff;
text-align:center;
margin:0 auto;
}

#calendar a  {
color:#ffd438;
text-decoration:none;
padding:4px;
}

#calendar a:hover  {
color: #000;
background-color:#ffd438;
}

#calendar td, #calendar th  {
color:#fff;
text-align:center;
width:26px;
}

#calendar caption  {
color:#fff;
font-size:11px;
text-align:center;
padding-bottom:5px;
}

#calendar #prev {
text-align:left;
width:auto;
padding-top:5px;
}


#calendar #next {
text-align:right;
width:auto;
padding-top:5px;
}

#calendar #prev a, #calendar #next a   {
color:#ffd438;
background-color:#000;
}

#calendar #prev a:hover, #calendar #next a:hover   {
text-decoration:underline;
color: #fff;
}

th#sat, td#sat  {
color:#578bea;
}

th#sun, td#sun  {
color:#e86f6f;
}

/*------Calendar-end-----*/

#Side_Schedule  {
padding-bottom:50px;
}

#Side_Schedule h3  {
padding-bottom:15px;
}

#Side_Schedule ul  {
list-style:none;
margin:0;
padding-left:15px;
}

#Side_Schedule li  {
line-height:1.8;
word-spacing:4px;
letter-spacing:0.5px;
}

#Side_Schedule li a:hover  {
color:#ffd438;
}

#Side_Banner_Bottom  {
width:190px;
padding-top:15px;
}


#MailMag_Box  {
border:solid 1px #312c18;
margin:15px 0px;
}

#MailMag  {
width:155px;
margin:0 auto;
padding:18px 0px 12px;
}

#MailMag h3  {
padding-bottom:5px;
}


#MailMag p  {
font-size:0.85em;
line-height:1.4;
padding-bottom:10px;
}

form#mailmag  {
}

input#address  {
width:150px;
height:12px;
color:#666;
font-size:0.85em;
border-top:solid 2px gray;
border-bottom:solid 2px silver;
border-left:solid 2px gray;
border-right:solid 2px silver;
margin-bottom:10px;
padding:3px 0px 1px;
}

input#send  {
float:right;
width:50px;
height:19px;
background:url(../images/btn_send.gif) 0 0 no-repeat;
border:none;
}


/* -------ページトップ---------*/

#PageTop  {
width:840px;
margin:0 auto;
padding-bottom:30px;
}

#PageTop p#pagetop  {
float:right;
margin:0;
padding:0;
width:87px;
height:17px;
text-indent:-9999px;
}

#PageTop p#pagetop a  {
text-decoration:none;
display:block;
width:87px;
height:17px;
background:url(../images/pagetop.gif) 0 -17px no-repeat;
}

#PageTop p#pagetop a:hover {
background:url(../images/pagetop.gif) 0 0 no-repeat;
width:87px;
height:17px;
}

/* -------フッター---------*/

#Footer_Wrap  {
width:840px;
margin:0 auto;
}

#Footer_Box  {
background:url(../images/footer_bg.gif) 0 0 no-repeat;
padding-bottom:5px;
}

#Footer_Menu   {
float:left;
padding:25px 0px 0px 45px;
width:235px;
height:220px;
}

#Footer_Contact  {
float:left;
padding:25px 0px 0px 30px;
width:250px;
height:220px;
}

#Footer_Mobile  {
float:left;
padding:25px 0px 0px 23px;
width:220px;
height:220px;
}

#Footer_Menu h3  {
padding-bottom:15px;
}

#Footer_Contact h3  {
padding-bottom:10px;
}

#Footer_Contact p  {
width:220px;
}


#Footer_Mobile h3  {
padding-bottom:8px;
}

#FMenu_Box  {
}

#FMenu_Box p  {
padding-bottom:10px;
}

#FMenu_Box .leftmenu  {
float:left;
}

#FMenu_Box .rightmenu  {
float:left;
padding-left:35px;
}

#FMenu_Box a  {
color:#fff9e5;
font-size:1.2em;
}

#FMenu_Box a:hover  {
color:#ffd438;
}

#Footer_Box p  {
color:#fff9e5;
line-height:1.5;
font-size:0.85em;
}

#Contact_Btn  {
padding-top:30px;
}

#Qr_Box  {
padding-top:10px;
}

#Qr_Box .qrcode  {
width:81px;
float:left;
}

#Qr_Box p.m_url  {
float:left;
padding-left:15px;
font-size:0.8em;
}

#Qr_Box p.m_url a  {
color:#fff9e5;
text-decoration:underline;
}

#Qr_Box p.m_url a:hover  {
color:#ffd438;
}

#Footer_Bottom  {
margin-top:10px;
padding-bottom:15px;
}

#Footer_Logo  {
float:left;
width:530px;
}

#Footer_Copyright  {
float:right;
width:240px;
text-align:right;
}

.harvesta  {
padding-top:3px;
}