@charset "UTF-8";

/* CSS Information
==================================
CSS File for "楽しいらぁ伊豆半島"
File name : izutabi.css
     Date : 2009.03.11
==================================
*/


/*-----------------------------------------------------------------------------
	楽しいらぁ伊豆半島共通ヘッダー設定
----------------------------------------------------------------------------*/
#header-izutabi {
	width: 950px;
	margin: 10px auto 20px;
	overflow: hidden;
}
#header-izutabi h1 {
	background-image: url(../../../special/2009/izutabi/common/header_izutabi.jpg);
	background-repeat: no-repeat;
	width: 950px;
	height: 246px;
}

/*-----------------------------------------------------------------------------
	ヘッダーサブ設定
----------------------------------------------------------------------------*/
#header-sub {
	width: 946px;
	margin: 15px auto 20px;
	border-top: 2px solid #ec6941;
	border-right: 2px solid #ec6941;
	border-bottom: 2px solid #ec6941;
	border-left: 2px solid #ec6941;
	overflow: hidden;
}
#header-sub img {
	width: 316px;
	height: 156px;
	float: left;
	margin-right: 50px;
}
#header-sub h2 {
	width: 500px;
	height: 40px;
	margin: 18px 0px 10px 366px;
}
/* 伊豆急編 */
#header-sub h2.izukyu {
	background-image: url(../../../special/2009/izutabi/izukyu/img/header_sub_tit.gif);
	background-repeat: no-repeat;	
}
#header-sub p {
	color: #804f1b;
	font-size: 116.7%;
	line-height: 1.6em;
}

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

/*-----------------------------------------------------------------------------
	サイドバー設定
----------------------------------------------------------------------------*/
#sidebar {
	width: 220px;
	float: left;
	padding-left: 20px;
	overflow: hidden;
}
#sidebar img {
	margin-bottom: 20px;
}
#sidebar p {
	line-height: 2em;
	margin-bottom: 30px;
	text-align: justify;
}
/* 黒船電車ボックス */
#sidebar #kurohune-box img {
	margin: 0px;	
}
#sidebar #kurohune-box h3 {
	height: 40px;
	width: 220px;
	background-image: url(../../../special/2009/izutabi/izukyu/img/side_kurohune_tit.gif);
	background-repeat: no-repeat;
	margin-bottom: 5px;
}
#sidebar #kurohune-box p {
	color: #804f1b;	
}

/* お得情報ボックス */
#sidebar #toku-box {
	width: 220px;
	margin-bottom: 40px;
}

/* お得情報 */
#sidebar #toku-box h3 {
	width: 220px;
	height: 30px;
	margin-bottom: 10px;
	text-indent: -9999px;
}
/* お得情報　その1 */
#sidebar #toku-box h3.case1 {
	background-image: url(../../../special/2009/izutabi/izukyu/img/toku_info01.gif);
	background-repeat: no-repeat;
}
/* お得情報　その2 */
#sidebar #toku-box h3.case2 {
	background-image: url(../../../special/2009/izutabi/izukyu/img/toku_info02.gif);
	background-repeat: no-repeat;
}
/* お得情報　その3 */
#sidebar #toku-box h3.case3 {
	background-image: url(../../../special/2009/izutabi/izukyu/img/toku_info03.gif);
	background-repeat: no-repeat;
}

/* お得情報タイトル */
#sidebar #toku-box h4 {
	width: 220px;
	height: 40px;
	margin-bottom: 15px;
	text-indent: -9999px;
}
/* お得情報タイトル　その1 */
#sidebar #toku-box h4.case1 {
	background-image: url(../../../special/2009/izutabi/izukyu/img/toku_info_tit01.gif);
	background-repeat: no-repeat;
}
/* お得情報タイトル　その2 */
#sidebar #toku-box h4.case2 {
	height: 20px;
	background-image: url(../../../special/2009/izutabi/izukyu/img/toku_info_tit02.gif);
	background-repeat: no-repeat;
}
/* お得情報タイトル　その3 */
#sidebar #toku-box h4.case3 {
	background-image: url(../../../special/2009/izutabi/izukyu/img/toku_info_tit03.gif);
	background-repeat: no-repeat;
}
#sidebar #toku-box p .point {
	color: #ea68a2;	
}



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

/* ナビゲーション */
#nav {
}
#nav ul li {
	display: inline;
	margin-right: 20px;
	text-indent: -9999px;
}
#nav ul li a {
	display: block;
	float: left;
	margin-right: 20px;
	height: 30px;
	background-image: url(../../../special/2009/izutabi/izukyu/img/nav.gif);
	background-repeat: no-repeat;
}
#nav ul li.first a {
	width: 80px;
	background-position: left -30px;	
}
#nav ul li.second a {
	width: 80px;
	background-position: -100px -30px;
}
#nav ul li.interview a {
	width: 130px;
	background-position: -200px -30px;
}
#nav ul li.shop a {
	width: 130px;
	background-position: -350px -30px;
}

#nav ul li.first a:hover,
#nav ul li.first-act a {
	width: 80px;
	background-position: left top;	
}
#nav ul li.second a:hover,
#nav ul li.second-act a {
	width: 80px;
	background-position: -100px top;
}
#nav ul li.interview a:hover,
#nav ul li.interview-act a {
	width: 130px;
	background-position: -200px top;
}
#nav ul li.shop a:hover,
#nav ul li.shop-act a {
	width: 130px;
	background-position: -350px top;
}

/* メイン */
#content #frm-u {
	width: 680px;
	height: 10px;
	background-image: url(../../../special/2009/izutabi/izukyu/img/cts_frm_u.gif);
	background-repeat: no-repeat;
	font-size: 0px; /* IE6（隙間回避） */
	clear: both;
}
#content #frm-c {
	width: 640px;
	background-color: #fff6e3;
	overflow: hidden;
	padding: 20px 20px 0px;
}

#content #frm-d {
	width: 680px;
	height: 10px;
	background-image: url(../../../special/2009/izutabi/izukyu/img/cts_frm_d.gif);
	background-repeat: no-repeat;
	font-size: 0px; /* IE6（隙間回避） */
}

/* インデックス */
#content #frm-c #index dl {
	width: 640px;
}
#content #frm-c #index dl dt {
	float: left;
	height: 40px;
	width: 390px;
}
#content #frm-c #index dl dd {
	float: right;
	height: 40px;
	width: 190px;
}
#content #frm-c #index p {
	font-size: 116.7%;
	color: #804f1b;
	line-height: 1.8em;
	padding: 20px 0px 20px 10px;
	clear: both;
}

/* メインボックス */
#content #frm-c #main-box {
	width: 640px;
	overflow: hidden;
	clear: both;
}
#content #frm-c #main-box .point {
	width: 640px;
	height: 70px;
	margin-bottom: 30px;
}
#content #frm-c #main-box .photo {
	width: 640px;
	margin-bottom: 10px;
}
#content #frm-c #main-box p {
	color: #00a0e9;
	margin-bottom: 50px;
}
#content #frm-c #main-box p.last {
	margin-bottom: 20px;
}
#content #frm-c #main-box .next a {
	display: block;
	margin-right: 0px;
	margin-left: auto;
	height: 40px;
	width: 190px;
}
#content #frm-c #main-box #pager {
	width: 640px;
}
#content #frm-c #main-box #pager dl dt {
	float: left;
}
#content #frm-c #main-box #pager dl dd {
	float: right;
}

/*-----------------------------------------------------------------------------
	インタビュー設定
----------------------------------------------------------------------------*/
#interview-box {
	width: 620px;
	padding-right: 10px;
	padding-left: 10px;
	overflow: hidden;
}
/* インタビュータイトル */
#interview-tit {
	width: 620px;
	height: 370px;
	background-image: url(../../../special/2009/izutabi/izukyu/img/interview_tit.jpg);
	background-repeat: no-repeat;
}
#interview-tit h3 {
	font-size: 141.2%;
	color: #2ca6e0;
	padding-top: 140px;
	padding-left: 40px;
}
#interview-tit p {
	font-size: 116.7%;
	color: #898989;
	width: 300px;
	margin-top: 30px;
	margin-left: 40px;
	line-height: 1.7em;
}

/* インタビュー詳細 */
#interview-dtl {
}
#interview-dtl h3 {
	height: 30px;
	width: 620px;
	margin-top: 30px;
	margin-bottom: 30px;
	text-indent: -9999px;
}
#interview-dtl h3.tit01 {
	background-image: url(../../../special/2009/izutabi/izukyu/img/int_dtl_tit01.gif);
	background-repeat: no-repeat;	
}
#interview-dtl h3.tit02 {
	background-image: url(../../../special/2009/izutabi/izukyu/img/int_dtl_tit02.gif);
	background-repeat: no-repeat;	
}
#interview-dtl h3.tit03 {
	background-image: url(../../../special/2009/izutabi/izukyu/img/int_dtl_tit03.gif);
	background-repeat: no-repeat;	
}
#interview-dtl h3.tit04 {
	background-image: url(../../../special/2009/izutabi/izukyu/img/int_dtl_tit04.gif);
	background-repeat: no-repeat;	
}

/* 本文 */
#interview-dtl #text-box {
	padding-right: 10px;
	padding-left: 10px;
	overflow: hidden;
}
#interview-dtl #text-box p {
	font-size: 108.4%;
	line-height: 1.7em;
	clear: both;
}
#interview-dtl #text-box p .ans {
	color: #8051c0;	
}
#interview-dtl #text-box p .que {
	color: #898989;	
}
#interview-dtl #text-box p img {
	float: right;
	padding-left: 30px;
	padding-bottom: 30px;
}
#interview-dtl #text-box p .left img {
	float: left;
	padding-left: 0px;
	padding-right: 30px;
	padding-bottom: 30px;
}

/* 取材者より */
#interview-box #msg {
	border-top: 10px solid #ddbcf0;
	background-color: #FFFFFF;
	padding-right: 30px;
	padding-left: 30px;
	background-image: url(../../../special/2009/izutabi/izukyu/img/interview_msg_bg.gif);
	background-repeat: no-repeat;
	background-position: 30px bottom;
	margin-bottom: 30px;
}
#interview-box #msg h3 {
	color: #2ca6e0;
	margin-top: 20px;
	background-image: url(../../../special/2009/izutabi/izukyu/img/interview_msg_line.gif);
	background-repeat: no-repeat;
	background-position: 0px bottom;
	padding-bottom: 10px;
	font-size: 108.4%;
}
#interview-box #msg p {
	color: #898989;
	padding-top: 20px;
	padding-bottom: 40px;
	line-height: 1.8em;
	text-align: justify;
}

/*-----------------------------------------------------------------------------
	ショップリスト設定
----------------------------------------------------------------------------*/
#shop-box {
	width: 580px;
	padding-right: 30px;
	padding-left: 30px;
	overflow: hidden;
}
#shop-box #map {
	width: 580px;
	height: 650px;
	margin-bottom: 60px;
}
#shop-list-box {
	width: 580px;
	overflow: hidden;
}
#shop-list-box dl {
	width: 260px;
	float: left;
	margin-bottom: 50px;
}
#shop-list-box dl.left {
	margin-right: 60px;
	clear: both;
}
#shop-list-box dl dt {
	font-size: 125%;
	color: #22bfed;
	padding-bottom: 3px;
	border-bottom: 1px solid #22bfed;
	margin-bottom: 6px;
}
#shop-list-box dl dd {
	font-size: 125%;
	color: #22bfed;
	font-family: "MS Pゴシック", "Lucida Grande";
	line-height: 1.2em;
}
#shop-list-box dl dd .add {
	font-size: 83.4%;
	color: #7ecef4;
}
/* 詳細ボタン */
#shop-list-box dl img {
	margin-left: 5px;
	margin-bottom: 4px;
}
