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

#gw_holiday {
	margin: 20px;
	text-align: center;
	border: none;
	font-size: 12px;
}
.h_title {
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	font-size: 14px;
}
#delivery {
	margin-bottom: 15px;
}

/*******************************************
ビジュアル
*******************************************/

#pr {
	max-width: 460px;
	overflow: hidden;
	margin: 0 auto;
}
#pr img {
	width: 100%;
	max-width: 460px;
	margin: 0 auto;
}
#pr ul li {
	margin-bottom: 10px;
}


#visual {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
}
#search_recipe {
	display: none;
}
#search_recipe h2 {
}
#search_recipe ul {
	margin-top: 10px;
}
#main_pr {
	width: 100%;
	height: auto;
}
#main_pr img {
	max-width: 700px;
	width: 100%;
	height: auto;
}

#vacation {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #CCCCCC;
	font-size: 12px;
}
#vacation h2 {
	font-size: 14px;
	margin-bottom: 10px;
}
#vacation_caution {
	margin-top: 10px;
}
#vacation_caution h3{
	font-size: 12px;
	margin-bottom: 10px;
}
p#period {
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 10px;
}

	#topix {
		margin: 20px;
		text-align: center;
		border: 1px solid #CCCCCC;
		padding: 20px;
		background: #FFFFFF;
	}
	p#topix_title {
		margin-bottom: 10px;
		padding-bottom: 5px;
		border-bottom: 1px dotted #CCCCCC;
	}

/*******************************************
セクション
*******************************************/

#message {
	text-align: center;
}
.section_here {
	margin-bottom: 0px !important;
}
.section {
	width: auto;
	height: auto;
	overflow: hidden;
	border-bottom: 3px solid #993333;
}
.section .section_title {
	width: auto;
	height: auto;
	overflow: hidden;
	padding-left: 10px;
	padding-right: 10px;
	word-wrap: break-word;
	border-bottom: 1px solid #CCCCCC;
	margin-bottom: 20px;
	padding-bottom: 10px;
	padding-top: 10px;
	background: #993333;
	color: #FFFFFF;
	border-top: 2px solid #FFFFFF;
}
.section .section_title h2 {
	font-size: 14px;
	text-align: center;
	background: none;
	font-weight: normal;
	border-left: 5px solid #FFFFFF;
	border-right: 5px solid #FFFFFF;
}
.section .section_title p {
	margin-top: 10px;
	margin-bottom: 20px;
}
.section .section_title p.txt {
	display: none;
}
.section .section_title ul li {
	margin-bottom: 5px;
}
.section_contents {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-bottom: 10px;
}
ul.icon_feature {
	width: 220px;
	height: 25px;
}
.side_list_link {
	display: none;
}
.side_list_link ul li {
	background: url(http://www.kantenhonpo.co.jp/common/images/base/icon_side_link.png) no-repeat;
	text-indent: 3em;
	border-bottom: 1px dotted #CCCCCC;
	padding-bottom: 10px;
}
.side_list_link ul li a {
	text-decoration: underline;
}

/* 目的別 */

.section ul#purpose {
	width: 220px;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
}
.section ul#purpose li {
	width: 220px;
	height: auto;
	overflow: hidden;
	float: left;
	display: inline;
	margin-bottom: 10px;
}
.section ul#purpose li#here {
	padding-right: 0;
}


/* イベント */

.section ul#event {
	width: 220px;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
}
.section ul#event li{
	width: 220px;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
	margin-bottom: 20px;
}
.section ul#event li#here {
	padding-right: 0;
}
p.item_name {
	margin-top: 10px;
	text-align: center;
}
.section ul#event li p.item_name a {
	font-size: 14px;
	text-decoration: underline;
}
.section ul#event li ul.icon_feature{
	display: none;
}

/* ランキング */

.section ul#ranking {
	width: 220px;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
}
.section ul#ranking li{
	width: 220px;
	height: auto;
	overflow: hidden;
	margin-bottom: 20px;
}
ul#ranking li#here {
	padding-right: 0;
}
ul#ranking li p.item_name {
	margin-top: 10px;
}
.section ul#ranking li ul.icon_feature {
	margin-top: 10px;
}
.section ul#ranking li ul.icon_feature li {
	width: auto;
	float: left;
	display: inline;
	padding-right: 5px;
}
.section ul#ranking li ul.icon_feature {
	display: none;
}

/* 新商品 */

.section ul#new {
	width: 220px;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
}
.section ul#new li{
	width: 220px;
	height: auto;
	overflow: hidden;
	float: left;
	display: inline;
	margin-bottom: 20px;
}
ul#new li#here {
	padding-right: 0;
}
ul#new li p.item_name {
	margin-top: 10px;
}
ul#new li p.item_name a {
	font-size: 14px;
	text-decoration: underline;
}
.section ul#new li ul.icon_feature {
	margin-top: 10px;
	margin-bottom: 10px;
}
.section ul#new li ul.icon_feature li {
	width: auto;
	height: 25px;
	float: left;
	display: inline;
	padding-right: 5px;
}

/* ニュース */
#news {
}
#news h2 {
	font-size: 16px;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #CCCCCC;
}
dl#news_field {
	width: auto;
	overflow: hidden;
	border: 1px solid #CCCCCC;
	padding: 20px;
	overflow-y: auto;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 10px;
	background: #FFFFFF;
}
dl#news_field dd {
	margin-bottom: 15px;
	border-bottom: 1px dotted #CCCCCC;
	padding-bottom: 10px;
	margin-bottom: 10px;
	overflow: hidden;
}
dl#news_field dd.here {
	margin-bottom: 0px;
}
.section ul#news_field li time {
}
.section ul#news_field li span.icon_news {
	padding-left: 10px;
	float: right;
}
.section ul#news_field a {
	float: left;
	text-decoration: underline;
}
p#news_list {
	text-align: center;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
p#news_list a {
	display: block;
	background: #CCCCCC;
	margin-left: 20px;
	margin-right: 20px;
	padding-top: 6px;
	padding-bottom: 6px;
	text-decoration: none;
}

/* 寒天本舗について */

.section ul#about {
	width: 220px;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
}
.section ul#about li {
	width: 220px;
	height: auto;
	overflow: hidden;
}
ul#about li#here {
	padding-right: 0;
}
.introduction {
	margin-bottom: 10px;
}
.description {
	margin-top: 10px;
	text-align: center;
}

/* お役立ちリンク */

#useful {
	width: 220px;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
}
.section ul#useful li {
	width: 220px;
	height: auto;
	overflow: hidden;
}
ul#useful li#here {
	padding-right: 0;
}
.service {
	margin-bottom: 10px;
}

/*******************************************
ページ上部へ戻るリンク
*******************************************/

#link_top {
	margin: 20px;
	border: 2px solid #CCCCCC;
	background: #f8f8f8;
}
#link_top p {
	width: 100%;
	height: auto;
	text-align: center;
}
#link_top a{
	display: block;
	padding: 15px;
}
#link_top a:hover {
	text-decoration: none;
}