@charset "UTF-8";

/* CSS Information
==================================
CSS File for "夏特集2010"
File name : 07summer.css
     Date : 2010.06.07
==================================
*/


/*-----------------------------------------------------------------------------
	ヘッダー設定
----------------------------------------------------------------------------*/
/* タイトル */
#header-summer {
	width: 950px;
	margin: 10px auto 0px;
}
#header-summer h1 {
	width: 950px;
	height: 145px;
	background-image: url(../../../special/season/07summer/img/tit_summer.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
}

/* ナビ */
#nav {
	width: 950px;
	margin: 0px auto 20px;
	overflow: hidden;
}
#nav ul {
	width: 950px;
}
#nav ul li {
	display: inline;	
}
#nav ul li a {
	display: block;
	float: left;
	height: 25px;
	background-image: url(../../../special/season/07summer/img/nav.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
}
#nav ul li.beach a {
	width: 236px;
	background-position: 0px 0px;
}
#nav ul li.hanabi a {
	width: 240px;
	background-position: -236px 0px;
}
#nav ul li.access a {
	width: 240px;
	background-position: -476px 0px;
}
#nav ul li.repo a {
	width: 234px;
	background-position: -716px 0px;
}
#nav ul li.beach a:hover {
	background-position: 0px -25px;	
}
#nav ul li.hanabi a:hover {
	background-position: -236px -25px;	
}
#nav ul li.access a:hover {
	background-position: -476px -25px;	
}
#nav ul li.repo a:hover {
	background-position: -716px -25px;	
}

/*-----------------------------------------------------------------------------
	メインコンテナ設定
----------------------------------------------------------------------------*/
#container {
	margin: 0px auto;
	width: 950px;
	overflow: hidden;
	clear: both;
}


/*-----------------------------------------------------------------------------
	 コンテンツ設定
----------------------------------------------------------------------------*/
#content {
	width: 680px;
	float: left;
	overflow: hidden;
}

/* スペシャル */
#content #special {
	width: 680px;
	overflow: hidden;
	margin-bottom: 30px;
}
#content #special .inn-l {
	width: 330px;
	float: left;
}
#content #special .inn-r {
	width: 330px;
	float: right;
}
#content #special a:hover .inn-l,
#content #special a:hover .inn-r {
	filter: alpha(opacity=80);	/* IE */
	-moz-opacity:0.80;			/* Firefox・Netscape */
	opacity:0.80;				/* Opera・Safari */
	text-decoration: none;
}
#content #special h2 {
	width: 330px;
	height: 134px;
	text-indent: -9999px;
}
#content #special h2.beach {
	background-image: url(../../../special/season/07summer/img/h2_beach.gif);
	background-repeat: no-repeat;	
}
#content #special h2.hanabi {
	background-image: url(../../../special/season/07summer/img/h2_hanabi.gif);
	background-repeat: no-repeat;	
}
#content #special #special-dtl-b,
#content #special #special-dtl-h {
	width: 330px;
	height: 270px;
}
#content #special #special-dtl-b {
	background-image: url(../../../special/season/07summer/img/special_bg_beach.jpg);
	background-repeat: no-repeat;	
}
#content #special .inn-r #special-dtl-h {
	background-image: url(../../../special/season/07summer/img/special_bg_hanabi.jpg);
	background-repeat: no-repeat;	
}
#content #special #special-dtl-b p,
#content #special #special-dtl-h p {
	width: 130px;
	padding: 20px 0px 0px 170px;
	line-height: 1.9em;
	text-align: justify;
	text-decoration: none;
	color: #555555;
}


/* ハッピーレポート */
#content #hapirepo {
	width: 680px;
	overflow: hidden;
	margin-bottom: 30px;
	clear: both;
}
#content #hapirepo .inn-l {
	width: 340px;
	float: left;
}
#content #hapirepo .inn-r {
	width: 340px;
	height: 154px;
	float: right;
	background-image: url(../../../special/season/07summer/img/hapirepo_bg.gif);
	background-repeat: no-repeat;
}
#content #hapirepo .inn-l h2 {
	width: 340px;
	height: 154px;
	background-image: url(../../../special/season/07summer/img/h2_hapirepo.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
}
#content #hapirepo .inn-r dl {
	width: 340px;
	overflow: hidden;
	padding-top: 24px;
}
#content #hapirepo .inn-r dl dt {
	width: 231px;
	float: left;
	text-indent: -9999px;
}
#content #hapirepo .inn-r dl dt a {
	width: 231px;
	height: 100px;
	display: block;
	background-image: url(../../../special/season/07summer/img/hapirepo_new.jpg);
	background-repeat: no-repeat;
}
#content #hapirepo .inn-r dl dt a:hover {
	background-position: 0px -100px;	
}
#content #hapirepo .inn-r dl dd {
	margin-left: 248px;
	background-image: url(../../../special/season/07summer/img/hapirepo_point.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	padding-left: 15px;
	font-weight: bold;
	margin-bottom: 3px;
}

/* アクセスガイド */
#content #access {
	width: 680px;
	overflow: hidden;
	margin-bottom: 10px;
	clear: both;
}
#content #access #access-dtl {
	background-image: url(../../../special/season/07summer/img/access_bg.gif);
	background-repeat: repeat-y;
	padding: 24px 20px 0px;
}
#content #access #access-dtl dl {
	width: 640px;
	overflow: hidden;
	padding-bottom: 20px;
	clear: both;
}
#content #access #access-dtl dl dt {
	width: 230px;
	float: left;
}
#content #access #access-dtl dl dt a:hover img {
	filter: alpha(opacity=70);	/* IE */
	-moz-opacity:0.70;			/* Firefox・Netscape */
	opacity:0.70;				/* Opera・Safari */
}
#content #access #access-dtl dl dd {
	width: 370px;
	height: 110px;
	padding: 0px 20px;
	background-image: url(../../../special/season/07summer/img/access_dtl_bg.gif);
	background-repeat: repeat-y;
	float: right;
}
#content #access #access-dtl dl dd h3 {
	background-image: url(../../../special/season/07summer/img/hapirepo_point.gif);
	background-repeat: no-repeat;
	background-position: 0px 19px;
	padding-top: 16px;
	padding-left: 15px;
	margin-bottom: 3px;
}
#content #access #access-dtl dl dd p {
	line-height: 1.8em;
	text-align: justify;
}

#content #access #access-last {
	background-image: url(../../../special/season/07summer/img/access_last.gif);
	background-repeat: no-repeat;	
}

/* ページトップ */
#content .pagetop {
	text-align: right;
	margin-bottom: 20px;
}
#content .pagetop img {
	margin-right: 3px;
	vertical-align: middle;
}







/*-----------------------------------------------------------------------------
	 サイドバー設定
----------------------------------------------------------------------------*/
#sidebar {
	width: 248px;
	float: right;
	overflow: hidden;
	border-right: 1px solid #bfbfbf;
	border-left: 1px solid #bfbfbf;
}

/* 伊豆のお天気 */
#sidebar #weather {
	margin-bottom: 10px;	
}

/* サイドバーコンテンツ */
#sidebar #sub-cts {
	margin-bottom: 10px;
	overflow: hidden;
}

/* 夏休みおでかけガイド・おいしい毎日 */
#sidebar #sub-cts h3 {
	
}
#sidebar #sub-cts #inn {
	width: 210px;
	padding: 19px;
	background-color: #f0fbfe;
}
#sidebar #sub-cts #inn p {
	line-height: 1.9em;	
}
/* おでかけメニュー */
#sidebar #sub-cts #inn ul {
	width: 210px;
	margin-top: 10px;
}
#sidebar #sub-cts #inn ul li {
	margin-bottom: 10px;	
}
#sidebar #sub-cts #inn ul li a {
	width: 210px;
	height: 60px;
	display: block;
}
#sidebar #sub-cts #inn ul.odekake li a {
	width: 210px;
	height: 60px;
	display: block;
	background-image: url(../../../special/season/07summer/img/sidebar_menu_odekake.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
}
#sidebar #sub-cts #inn ul.odekake li.event a {
	background-position: 0px 0px;	
}
#sidebar #sub-cts #inn ul.odekake li.camp a {
	background-position: 0px -60px;	
}
#sidebar #sub-cts #inn ul.odekake li.spa a {
	background-position: 0px -120px;	
}
#sidebar #sub-cts #inn ul.odekake li.spot a {
	background-position: 0px -180px;	
}
#sidebar #sub-cts #inn ul.odekake li.event a:hover {
	background-position: -210px 0px;	
}
#sidebar #sub-cts #inn ul.odekake li.camp a:hover {
	background-position: -210px -60px;	
}
#sidebar #sub-cts #inn ul.odekake li.spa a:hover {
	background-position: -210px -120px;	
}
#sidebar #sub-cts #inn ul.odekake li.spot a:hover {
	background-position: -210px -180px;	
}

/* おいしい毎日メニュー月 */
#sidebar #sub-cts #inn ul.oishi li a {
	width: 210px;
	height: 60px;
	display: block;
	background-image: url(../../../special/season/07summer/img/sidebar_menu_oishi.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
}
#sidebar #sub-cts #inn ul.oishi li.yakitori a {
	background-position: 0px 0px;
}
#sidebar #sub-cts #inn ul.oishi li.ice a {
	background-position: 0px -60px;
}
#sidebar #sub-cts #inn ul.oishi li.yakitori a:hover {
	background-position: -210px 0px;
}
#sidebar #sub-cts #inn ul.oishi li.ice a:hover {
	background-position: -210px -60px;
}
#sidebar #sub-cts #inn ul.oishi li.ice {
	width: 210px;
	height: 60px;
	display: block;
	background-image: url(../../../special/season/07summer/img/sidebar_menu_oishi.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	background-position: 0px -60px;
}

/* おいしい毎日メニュー商品 */
#sidebar #sub-cts #inn ul.item {
	width: 210px;
	margin-top: 5px;
	overflow: hidden;
}
#sidebar #sub-cts #inn ul.item li {
	display: inline;
	float: left;
	text-indent: -9999px;
}
#sidebar #sub-cts #inn ul.item li a {
	width: 105px;
	height: 100px;
	display: block;
	background-image: url(../../../special/season/07summer/img/sidebar_menu_oishi2.jpg);
	background-repeat: no-repeat;
}
#sidebar #sub-cts #inn ul.item li.tokusan a {
	background-position: 0px 0px;	
}
#sidebar #sub-cts #inn ul.item li.omuraisu a {
	background-position: -105px 0px;	
}
#sidebar #sub-cts #inn ul.item li.obento a {
	background-position: 0px -110px;	
}
#sidebar #sub-cts #inn ul.item li.kaisen a {
	background-position: -105px -110px;	
}
#sidebar #sub-cts #inn ul.item li.purin a {
	background-position: -0px -220px;	
}
#sidebar #sub-cts #inn ul.item li.salada a {
	background-position: -105px -220px;	
}

#sidebar #sub-cts #inn ul.item li.tokusan a:hover {
	background-position: -210px 0px;	
}
#sidebar #sub-cts #inn ul.item li.omuraisu a:hover {
	background-position: -315px 0px;	
}
#sidebar #sub-cts #inn ul.item li.obento a:hover {
	background-position: -210px -110px;	
}
#sidebar #sub-cts #inn ul.item li.kaisen a:hover {
	background-position: -315px -110px;	
}
#sidebar #sub-cts #inn ul.item li.purin a:hover {
	background-position: -210px -220px;	
}
#sidebar #sub-cts #inn ul.item li.salada a:hover {
	background-position: -315px -220px;	
}