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

	css/sample.css

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

/* ------------------------
	breadcrumbs
------------------------ */
#breadcrumbs {
	padding-top: 15px;
	padding-bottom: 20px;
	padding-left: 10px;
}
#breadcrumbs li {
	background-image: url(../img/common/dec_breadcrumb.gif);
	background-position: right top;
	background-repeat: no-repeat;
	display: inline;
	padding: 0 15px 0 5px;
}
#breadcrumbs li.last {
	background-image: none;
}


/* ------------------------
	kanagawa
------------------------ */
#flash {
	height: 508px;
	padding-right: 0;
	padding-left: 31px;
	background-image: url(../img/shop/common/flash_ground.gif);
	background-repeat: repeat-x;
	background-position: left top;
	width: 902px;
	margin-left: 3px;
	padding-bottom: 20px;
	margin-top: -13px;
	z-index: 2;
	position: relative;
	padding-top: 27px;
}

#flash2 {
	padding-right: 0;
	background-image: url(../img/shop/common/sample_4.jpg);
	background-position: left top;
  width: 933px;
  height: 508px;
	margin-left: 3px;
	margin-bottom: 20px;
	margin-top: -13px;
	z-index: 2;
	position: relative;
}

#flashContent {
	position: absolute;
  top: 26px;
  left: 32px;
}


/* ------------------------
	main_inner
------------------------ */
#main_inner {}

/* area_title */
#main_inner .area_title {
	background-image: url(../img/shop/common/area_ttl_bg.gif);
	background-repeat: no-repeat;
	background-position: 15px top;
	height: 76px;
	width: 933px;
  padding: 0 0 5px 3px;
}
#main_inner .area_title h3 {
	float: left;
}
#main_inner .area_title p {
	float: right;
	width: 360px;
	font-size: 14px;
	line-height: 24px;
	color: #FFF;
}

#main_inner .area_title p.top {
	float: right;
	width: 430px;
  padding: 27px 0 0 0;
	font-size: 14px;
	line-height: 24px;
	color: #FFF;
}

/* area_title2 */
#main_inner .area_title2 {
	background-image: url(../img/shop/common/area_ttl_bg2.gif);
	background-repeat: no-repeat;
	background-position: 15px top;
	height: 76px;
	width: 933px;
  padding: 0 0 5px 3px;
}
#main_inner .area_title2 h3 {
	float: left;
}
#main_inner .area_title2 p {
	float: right;
	width: 360px;
	font-size: 14px;
	line-height: 24px;
	color: #FFF;
}

#main_inner .area_title2 p.top {
	float: right;
	width: 430px;
  padding: 27px 0 0 0;
	font-size: 14px;
	line-height: 24px;
	color: #FFF;
}


/* ------------------------
	shop_list
------------------------ */
#shop_list {
	background-color: #f7f7f7;
	width: 829px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
}

/* thum_box */
.thum_box {
	float: left;
	height: 186px;
	width: 400px;
	background-image: url(../img/shop/common/thum_box_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	overflow: hidden;
	padding-bottom: 20px;
}
.about {
	width: 245px;
	float: left;
	padding-top: 25px;
	padding-left: 15px;
}
.about h4 {}
.about dl {
	padding-top: 10px;
}
.about dt {
	color: #01037e;
	font-size: 12px;
	line-height: 14px;
}

.about dd {
	color: #01037e;
	font-size: 20px;
	line-height: 24px;
	font-weight: bold;
	background-image: url(../img/shop/common/thum_icon.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 30px;
}
.about p {
	font-size: 12px;
	line-height: 22px;
}
.more {
	float: left;
	width: 132px;
	text-align: center;
	padding-top: 15px;
}
.more p {
	padding: 10px 0 4px 0;
}

/* ------------------------
	area_list
------------------------ */
#area_list {
	width: 893px;
	padding-left: 15px;
	overflow: hidden;
	padding-top: 30px;
}
#area_list h5 {
	font-size: 15px;
	width: 873px;
	line-height: 30px;
	background-color: #f7f7f7;
	padding-left: 20px;
	font-weight: bold;
	clear: both;
	margin-bottom: 10px;
}
#area_list h5 a {
	line-height: 30px;
	color: #000;
	text-decoration: underline;
}
#area_list ul {
	padding-right: 10px;
	padding-left: 10px;
	clear: both;
}
#area_list li {
	color: #3160BE;
	vertical-align: top;
	display: block;
	float: left;
	padding-right: 3px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #3160BE;
	padding-left: 3px;
	margin-bottom: 5px;
	font-size: 12px;
}
#area_list li.parent {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	width: 130px;
}
#area_list li.end {}
#area_list li a {
	color: #3160BE;
	line-height: 14px;
	font-size: 12px;
}
#area_list p {
	padding-right: 10px;
	padding-left: 10px;
	clear: both;
	font-size: 12px;
	line-height: 16px;
	padding-bottom: 20px;
}

/* ------------------------
	area_search
------------------------ */
#area_search {
	width: 893px;
	padding-left: 15px;
	overflow: hidden;
}
#area_search dl {
	width: 870px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	padding-bottom: 20px;
}
#area_search dt {
	padding-bottom: 5px;
}
#area_search dd {
	float: left;
}

/* ------------------------
	area_footer
------------------------ */
#area_footer {
	background-image: url(../img/shop/common/ftr_box_bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
	width: 933px;
	padding-top: 30px;
	margin-left: 3px;
	padding-bottom: 30px;
}
#area_footer ul {
	padding-left: 37px;
	width: 886px;
	overflow: hidden;
}
#area_footer li {
	float: left;
	padding-right: 15px;
}

/* ------------------------
	汎用クラス
------------------------ */
.center {text-align:center;}

.pl2 {
  padding: 0 0 0 3px;
}

.pl3 {
  padding: 0 0 0 3px;
}

.pb10 {padding-bottom:10px;}
.pb20 {padding-bottom:20px;}
.pt15 {padding-top:15px;}
.pl11 {padding-left:11px;}
.pl12 {padding-left:12px;}
.pl14 {padding-left:14px;}
.pl15 {padding-left:15px;}
.pr29 {padding-right:29px;}
.pr30 {padding-right:30px;}

.h30 {height:30px;}

.clear {clear:both;}

p.s-font {
  line-height: 1.4;
}