@charset "UTF-8";

/* CSS Information
==================================
CSS File for "いちご狩り特集"
File name : 01ichigo.css
     Date : 2010.01.26
==================================
*/

/*-----------------------------------------------------------------------------
	リンク設定
----------------------------------------------------------------------------*/
a:link {
	color: #01a928;
}
a:hover {
	color: #fe0202;
	text-decoration: underline;
}

/*-----------------------------------------------------------------------------
	ヘッダー設定
----------------------------------------------------------------------------*/
#header-ichigo {
	width: 950px;
	height: 160px;
	margin: 0px auto;
	background-image: url(../../../special/2010/01ichigo/img/tit_ichigo.jpg);
	background-repeat: no-repeat;
}
#header-ichigo h1 {
	text-indent: -9999px;
}

/*-----------------------------------------------------------------------------
	コンテナ設定
----------------------------------------------------------------------------*/
#container {
	width: 950px;
	margin: 0px auto;
	background-color: #e50615;
	overflow: hidden;
}
#container .inn {
	width: 830px;
	margin: 0px auto;
	background-color: #ffffff;
	padding: 30px 40px 0px;
	overflow: hidden;
	clear: both;
}

/*-----------------------------------------------------------------------------
	 2011年版へ移動設定
----------------------------------------------------------------------------*/
#container .inn .move a {
	text-align: center;
	display: block;
	margin: 0px auto 30px;
	font-size: 175%;
	font-weight: bold;
	padding: 20px 10px;
	border: 5px solid #e50615;
	background-color: #fff1f2;
	text-decoration: none;
}
#container .inn .move a:hover {
	color: #FFFFFF;
	background-color: #ff6670;
}


/*-----------------------------------------------------------------------------
	概要設定
----------------------------------------------------------------------------*/
#container .inn #outline {
	width: 830px;
	margin-bottom: 40px;
	overflow: hidden;
	background-image: url(../../../special/2010/01ichigo/img/outline_bg.gif);
}
#container .inn #outline dl {
	width: 830px;
}
#container .inn #outline dl dt {
	width: 340px;
	float: left;
}
#container .inn #outline dl dd {
	width: 430px;
	float: right;
	padding: 20px 30px 0px;
}
#container .inn #outline dl dd #spot {
	width: 150px;
	height: 30px;
	background-image: url(../../../special/2010/01ichigo/img/spot.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	margin-bottom: 3px;
}
#container .inn #outline dl dd h2 {
	color: #01a928;
	font-size: 217%;
	margin-bottom: 5px;
}
#container .inn #outline dl dd p {
	font-size: 108.4%;
	line-height: 1.7em;
}

/*-----------------------------------------------------------------------------
	コンテンツ設定
----------------------------------------------------------------------------*/
#container .inn #content {
	width: 550px;
	float: left;
}
#container .inn #content h3 {
	width: 550px;
	height: 30px;
	text-indent: -9999px;
	margin-bottom: 20px;
}
#container .inn #content h3.farm {
	background-image: url(../../../special/2010/01ichigo/img/top_h3_farm.gif); /* いちご狩り農園画像 */
	background-repeat: no-repeat;	
}
#container .inn #content h3.item {
	background-image: url(../../../special/2010/01ichigo/img/top_h3_item.gif); /* いちご商品画像 */
	background-repeat: no-repeat;	
}
#container .inn #content h3.eat {
	background-image: url(../../../special/2010/01ichigo/img/top_h3_eat.gif); /* 食べ方画像 */
	background-repeat: no-repeat;	
	margin-bottom: 10px;
}

/* いちご狩り農園 */
#container .inn #content #farm {
	width: 550px;
	overflow: hidden;
}
#container .inn #content #farm #shop-box {
	width: 550px;
	margin-bottom: 20px;
	overflow: hidden;
}
#container .inn #content #farm #shop-box .inn-l {
	width: 260px;
	float: left;
}
#container .inn #content #farm #shop-box .inn-r {
	width: 260px;
	float: right;
}
#container .inn #content #farm #shop-box .inn-l .shop-name,
#container .inn #content #farm #shop-box .inn-r .shop-name {
	background-image: url(../../../special/2010/01ichigo/img/top_mark_ichigo.gif);
	background-repeat: no-repeat;
	padding-left: 30px;
	margin-bottom: 5px;
}
#container .inn #content #farm #shop-box .inn-l .shop-name p.kana,
#container .inn #content #farm #shop-box .inn-r .shop-name p.kana {
	font-size: 83.4%;
	color: #01a928;
	line-height: 1.2em;
}
#container .inn #content #farm #shop-box .inn-l .shop-name h4,
#container .inn #content #farm #shop-box .inn-r .shop-name h4 {
	font-size: 141.7%;
	color: #01a928;
	line-height: 1.2em;
}
#container .inn #content #farm #shop-box .inn-l .shop-name h4.small,
#container .inn #content #farm #shop-box .inn-r .shop-name h4.small {
	font-size: 133.4%;
}
#container .inn #content #farm #shop-box dl {
	width: 260px;
}
#container .inn #content #farm #shop-box dl dt {
	width: 100px;
	float: left;
}
#container .inn #content #farm #shop-box dl dd {
	width: 150px;
	float: right;
	font-size: 91.7%;
	text-align: justify;
}
#container .inn #content #farm #shop-box dl dt img {
	padding: 1px;
	border: 1px solid #dddddd;
}
#container .inn #content #farm #shop-box dl dt a:hover img {
	filter: alpha(opacity=70);	/* IE */
	-moz-opacity:0.70;			/* Firefox・Netscape */
	opacity:0.70;				/* Opera・Safari */
}


/* 伊豆のいちご商品 */
#container .inn #content #item {
	width: 550px;
	overflow: hidden;
}
#container .inn #content #item #item-box {
	width: 520px;
	border: 1px solid #dddddd;
	padding: 9px 19px 9px 9px;
	overflow: hidden;
	margin-bottom: 20px;
}
#container .inn #content #item #item-box dl {
	width: 520px;
}
#container .inn #content #item #item-box dl dt {
	width: 120px;
	float: left;
}
#container .inn #content #item #item-box dl dd {
	width: 380px;
	float: right;
}
#container .inn #content #item #item-box dl dd p.item-name {
	font-size: 116.7%;
	color: #ff0000;
	font-weight: bold;
	line-height: 1.1em;
}
#container .inn #content #item #item-box dl dd p.item-name span {
	font-size: 83.4%;
	color: #707070;
}
#container .inn #content #item #item-box dl dd p.shop-name {
	font-weight: bold;
	margin-bottom: 7px;
}
#container .inn #content #item #item-box dl dd p.more {
	width: 105px;
	height: 12px;
	text-indent: -9999px;
	margin-top: 7px;
}
#container .inn #content #item #item-box dl dd p.more a {
	width: 105px;
	height: 12px;
	background-image: url(../../../special/2010/01ichigo/img/btn_more.gif);
	background-repeat: no-repeat;
	display: block;
}
#container .inn #content #item #item-box dl dd p.more a:hover {
	background-position: 0px -12px;	
}

/* いちごの食べ方 */
#container .inn #content #eat {
	width: 550px;
	overflow: hidden;
	margin-bottom: 10px;
}



/*-----------------------------------------------------------------------------
	サイドバー設定
----------------------------------------------------------------------------*/
#container .inn #sidebar {
	width: 210px;
	background-color: #fdf7ee;
	float: right;
	padding: 10px 20px;
}
#container .inn #sidebar h3 {
	color: #e60012;
	border-left: 10px solid #58c89f;
	padding-left: 7px;
	margin-bottom: 10px;
}
#container .inn #sidebar p {
	margin-bottom: 20px;
	text-align: justify;
}
#container .inn #sidebar img {
	margin-bottom: 20px;
}


/*-----------------------------------------------------------------------------
	店舗詳細ページ設定
----------------------------------------------------------------------------*/
/* パンくず */
#container .inn #content #breadcrumbs {
	margin-bottom: 10px;
	background-image: url(../../../special/2010/01ichigo/img/breadcrumbs_mark_ichigo.gif);
	background-repeat: no-repeat;
	padding-left: 17px;
}
#container .inn #content #breadcrumbs a {
	font-weight: bold;	
}


/* ナビ */
#container .inn #content #nav {
	width: 550px;
	overflow: hidden;
	margin-bottom: 20px;
}
#container .inn #content #nav .inn-l {
	width: 350px;
	float: left;	
}
#container .inn #content #nav .inn-r {
	width: 170px;
	float: right;	
}
#container .inn #content #nav #area {
	width: 80px;
	color: #ffffff;
	background-color: #e60012;
	text-align: center;
	padding-top: 3px;
	padding-bottom: 3px;
}
#container .inn #content #nav #list-box {
	border-top: 2px solid #e60012;
	border-bottom: 2px solid #e60012;
	padding-top: 5px;
	padding-bottom: 5px;
	overflow: hidden;
}
#container .inn #content #nav #list-box dl {
	width: 350px;
}
#container .inn #content #nav #list-box dl dt {
	width: 180px;
	float: left;
}
#container .inn #content #nav #list-box dl dd {
	width: 160px;
	float: right;
}
#container .inn #content #nav #list-box ul {
	
}
#container .inn #content #nav #list-box ul li {
	margin-top: 5px;
	margin-bottom: 5px;
	background-image: url(../../../special/2010/01ichigo/img/nav_list_mark.gif);
	background-repeat: no-repeat;
	padding-left: 15px;
	background-position: 0px 3px;
}
#container .inn #content #nav #list-box ul li a {
	font-weight: bold;	
}

/* ローカルナビ */
#container .inn #content #nav-local {
	width: 550px;
	overflow: hidden;
	margin-bottom: 20px;
}
#container .inn #content #nav-local dl {
	width: 550px;
}
#container .inn #content #nav-local dl dt {
	width: 100px;
	height: 20px;
	float: left;
	background-image: url(../../../special/2010/01ichigo/img/btn_prev_no.gif); /* 前へなし */
	background-repeat: no-repeat;
	text-indent: -9999px;
}
#container .inn #content #nav-local dl dd {
	width: 100px;
	height: 20px;
	float: right;
	background-image: url(../../../special/2010/01ichigo/img/btn_next_no.gif); /* 次へなし */
	background-repeat: no-repeat;
	text-indent: -9999px;
}
#container .inn #content #nav-local dl dt a {
	width: 100px;
	height: 20px;
	background-image: url(../../../special/2010/01ichigo/img/btn_prev.gif); /* 前へ */
	background-repeat: no-repeat;
	display: block;
}
#container .inn #content #nav-local dl dt a:hover {
	background-image: url(../../../special/2010/01ichigo/img/btn_prev.gif);
	background-repeat: no-repeat;
	background-position: 0px -20px;
}
#container .inn #content #nav-local dl dd a {
	width: 100px;
	height: 20px;
	background-image: url(../../../special/2010/01ichigo/img/btn_next.gif); /* 次へ */
	background-repeat: no-repeat;
	display: block;
}
#container .inn #content #nav-local dl dd a:hover {
	background-image: url(../../../special/2010/01ichigo/img/btn_next.gif);
	background-repeat: no-repeat;
	background-position: 0px -20px;
}

/* 店舗詳細 */
#container .inn #content #shop-dtl .shop-name {
	background-image: url(../../../special/2010/01ichigo/img/top_mark_ichigo.gif);
	background-repeat: no-repeat;
	padding-left: 30px;
	margin-bottom: 5px;
}
#container .inn #content #shop-dtl .shop-name p.kana {
	font-size: 83.4%;
	color: #313131;
	line-height: 1.2em;
}
#container .inn #content #shop-dtl .shop-name h4 {
	font-size: 141.7%;
	color: #313131;
	line-height: 1.2em;
}

#container .inn #content #shop-dtl #info1 {
	width: 550px;
	overflow: hidden;
	margin-bottom: 30px;
}
#container .inn #content #shop-dtl #info1 dl {
	width: 550px;
}
#container .inn #content #shop-dtl #info1 dl dt {
	width: 320px;
	float: left;
}
#container .inn #content #shop-dtl #info1 dl dd {
	width: 210px;
	float: right;
	font-size: 108.4%;
	line-height: 1.7em;
	text-align: justify;
}
#container .inn #content #shop-dtl #info1 dl dt img {
	padding: 4px;
	border: 1px solid #eeeeee;
}

#container .inn #content #shop-dtl #info2 {
	width: 550px;
	overflow: hidden;
	margin-bottom: 30px;
}
#container .inn #content #shop-dtl #info2 dl {
	width: 550px;
}
#container .inn #content #shop-dtl #info2 dl dt {
	width: 260px;
	float: left;
}
#container .inn #content #shop-dtl #info2 dl dd {
	width: 260px;
	float: right;
}
#container .inn #content #shop-dtl #info2 dl dt img,
#container .inn #content #shop-dtl #info2 dl dd img {
	margin-bottom: 15px;	
}
#container .inn #content #shop-dtl #info2 dl dt p,
#container .inn #content #shop-dtl #info2 dl dd p {
	text-align: justify;		
}

#container .inn #content #shop-dtl #info3 {
	width: 550px;
	margin-bottom: 20px;
}
#container .inn #content #shop-dtl #info3 table {
	width: 550px;
	border: 1px solid #a0a0a0;	
	border-collapse: collapse;
}
#container .inn #content #shop-dtl #info3 table th {
	width: 130px;
	background-color: #edfef3;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #a0a0a0;
}
#container .inn #content #shop-dtl #info3 table th,
#container .inn #content #shop-dtl #info3 table td {
	vertical-align: middle;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #a0a0a0;
}
#container .inn #content #shop-dtl #info3 table td #map {
	width: 377px;
	height: 250px;
	margin: 7px 0px;
}


/*-----------------------------------------------------------------------------
	フッター設定
----------------------------------------------------------------------------*/
#footer-ichigo {
	width: 950px;
	margin: 0px auto;
	background-color: #e50615;
	text-align: center;
}
#footer-ichigo img {
	margin-bottom: 20px;	
}
