﻿/*全体系-----------------------------------------------------------------*/
@charset "utf-8";
body{font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
a img {border:none;}
#box{width:960px;height:1550px;margin:0 auto;background:#e1e1e1;}
/*Flashエリア----------------------------------------------------------*/
#flash_area {
width:100%;
height:auto;}
#flash_area img {margin:0 auto;	}
#my_flash {
width:780px;
height:465px;
margin:0 auto;
color:#A8A8A8;
text-align:center;
font-size:0.75em;}
#my_flash a {
color:#00CCFF;}
#my_flash img {
border:none;
margin:210px 0 10px 0;}




/*一番上の予約検索とかの部分-----------------------------------------------------------------*/
#wrap {
width:940px;
height:230px;
margin:0 auto;
padding:10px 10px 0 10px;
}

#wrap a{
text-decoration:none;
}

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

	#r_search{
		width:604px;
		height:220px;
		_height:225px;/*IE6_hack*/
		padding:5px;
		background:#FFF;
		float:left;}
	#r_search h2{
		margin:0;
		height:auto;
		font-size:14px;
		color:#a9ce1c;
	}

	/*----------------------*/
	
	#r_select{
		width:302px;
		height:220px;
		padding:5px 5px 5px 19px;
		float:left;
		background:#FFF;
	}
	.selectbox {
		height:220px;
		background:#a9ce1c;
		font-size:12px;
		font-weight:bold;
		float:left;
	}
	
	.selectbox1 {
		width:136px;
		height:43px;
		margin:10px 7px 0 8px;
		list-style-type:none;
		background:#FFF;
		display:block;
		text-align:center;
		border-radius: 10px;         /* CSS3 */
   	 	-moz-border-radius: 10px;    /* Firefox */
	    -webkit-border-radius: 10px; /* Safari,Chrome */
		}
	.selectbox1 p {padding:13px 0 14px 0;color:#3d8bcb;}
	p.readmore{color:#FFF;display:none;}
	.selectbox2 {
		width:136px;
		height:43%;
		margin:10px 7px 0 8px;
		list-style-type:none;
		background:#FFF;
		text-align:center;
		border-radius: 10px;         /* CSS3 */
   	 	-moz-border-radius: 10px;    /* Firefox */
	    -webkit-border-radius: 10px; /* Safari,Chrome */

		}

	.selectbox2 p {padding:23% 0 0 0}
	
	.selectbox a:link,.selectbox a:visited,.selectbox a:hover,.selectbox a:active{
		color:#3d8bcb;
		display:block;
		}
	.box_hover{
	background:#FFCCCC;
	cursor:pointer;
	}

/*写真サムネイル部分とバナーエリア-----------------------------------------------*/

#thumb,#bunner {
	margin:0 10px 10px 10px;
	background:#FFF;
	width:940px;
	height:121px;
}

#thumb ul,#bunner ul {
	list-style-type:none;
}

#thumb ul li {
	float:left;
	width:105px;
	height:105px;
	margin:6px;
	_margin:3px;/*IE6_hack*/
}

#bunner ul li {
	float:left;
	width:222px;
	height:105px;
	margin:6px;
	_margin:3px;/*IE6_hack*/
}

#thumb img,#bunner img {
	float:left;

}

#bunner img {
position:relative ;
max-width:222px;
height:105px;
}

a img.thumb,a img.bunner{
	border:#3d8bcb 3px solid;
}
a:hover img.thumb,a:hover img.bunner{
	border:#FF9999 3px solid;
}

/*google api----------------------------------------------------------------*/
#feed{
height:688px;
width:940px;
margin:0 auto;
padding:10px;
}
#feed a{
text-decoration:none;
}
#feed a:hover{
background:#FFCCCC;
}
*:first-child+html #blog{
margin-left:-615px;}
*:first-child+html #cuisin{
margin-left:10px;}
*:first-child+html #ivent{
margin-left:10px;}

#plan {float:left;
margin-top:0px;
}
#blog {
position:absolute;
float:left;
margin-top:349px;
_margin-top:344px;
_margin-left:-625px;}
#cuisin{
position:absolute;
padding-bottom:5px;
margin-top:0px;
margin-left:628px;
_margin-left:5px;/*IE_hack*/
}
#ivent{
position:absolute;
padding-bottom:5px;
margin-top:308px;
margin-left:628px;
_margin-left:5px;/*IE_hack*/
}
#weather{
float:right;
margin-top:0px;}

#plan h2,#blog h2{
padding:5px;
height:auto;
font-size:14px;
color:#a9ce1c;
}

#cuisin h2,#ivent h2{
padding:5px;
margin:5px 5px 2px 5px;
height:auto;
font-size:14px;
background:#a9ce1c;
color:#FFF;
}

#blog,#plan,#cuisin,#ivent{
background:#FFF;
}

#plan a.feedbox,#blog a.feedbox{
width:142px;
height:300px;
margin:5px;
border:#CCC solid 1px;
float:left;
/*font-size:12px;*/
}

#plan a.feedbox img,#blog a.feedbox img{
width:140px;
height:105px;
padding:1px;
}

a.feedbox:link,a.feedbox:visited,a.feedbox:hover,a.feedbox:active{
color:#3d8bcb;
display:block;
}

#ivent a.feedbox,#cuisin a.feedbox{
width:300px;
height:66px;
padding:0;
margin:-1px 5px 0 5px;
border:#CCC solid 1px;
font-size:12px;
}

#ivent a.feedbox img,#cuisin a.feedbox img{
width:88px;
height:66px;
float:left;
}

/*navigation-------------------------------------------------------------*/
#MainMenu 
{
	width:960px;
	height:35px;
	background:#FFF url(/top/images/bmid_092.gif);
	border:0;
	margin:0 auto;
}
#tab 
{
	top:0;
	height:0;
	background:repeat-x top;
	margin:0;
}
#tab ul 
{
	list-style:none;
	float:left;
	margin:0;
	padding:0;
}
#tab li 
{
	display:inline;
	float:left;
	margin:0;
	padding:0;
}
#tab a,#tab .effectFade 
{
	background:#000 url(/top/images/bright_092.gif) no-repeat right top;
	text-decoration:none;
	border:0;
	display:block;
	float:left;
	margin:0;
	padding:0;
}
#tab a span,#tab .effectFade span 
{
	display:block;
	background:url(/top/images/bleft_092.gif) no-repeat left top;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFF;
	font-weight:700;
	line-height:35px;
	padding:0 15px 0 13px;
}
#tab li.item_active a,#tab ul li a 
{
	background-position:right bottom;
}
#tab li.item_active a span,#tab ul li a span 
{
	background-position:left bottom;
	color:#FFF;
	font-weight:700;
	font-style:normal;
	text-decoration:none;
}
.effectFade 
{
	position:absolute;
	cursor:pointer;
}
.dropmenudiv,.dropmenudiv ul,.dropmenudiv li ul 
{
	position:absolute;
	top:0;
	float:left;
	display:block;
	visibility:hidden;
	border:0;
	background:#FFF url(/top/images/bmid_092.gif);
	color:#FFF;
	z-index:100;
	text-decoration:none;
	margin:0;
	padding:0;
}
.dropmenudiv ul 
{
	list-style:none;
	margin:0;
	padding:0;
}
.dropmenudiv li 
{
	list-style:none;
	margin:0;
	padding:0;
}
.dropmenudiv a:link,.dropmenudiv a:visited 
{
	width:180px;
	display:block;
	border:0;
	color:#FFF;
	background:url(/top/images/bleft_092.gif) no-repeat left top;
	font-weight:700;
	font-style:normal;
	text-decoration:none;
	margin:0;
	padding:0;
}
.dropmenudiv a span 
{
	display:block;
	line-height:35px;
	background:url(/top/images/bright_092.gif) no-repeat right top;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFF;
	float:none;
	padding:0 15px 0 13px;
}
.dropmenudiv a:hover 
{
	border:0;
	background-position:left bottom;
	font-weight:700;
	font-style:normal;
	text-decoration:none;
	color:#FFF;
}
.dropmenudiv a:hover span 
{
	background-position:right bottom;
	color:#FFF;
	font-weight:700;
}

div#facebook {
    margin:0px 10px 10px 10px;
	padding:5px;	
	background:#FFF;
}
