@charset "utf-8";

/*******************************************************************************

	shop.kutsusenka.com

	01.index

*******************************************************************************/

/* ========================================================================

	01.index
	
======================================================================== */

/* ------------------------------------------------------------------------
	contents-nav
------------------------------------------------------------------------ */

#contents-nav ul {
	line-height:1;
	border-bottom:3px solid #527B00;
	margin:0;
}
#contents-nav li {
	float:left;
	margin:0 5px 0 0;
}
#contents-nav li img {
	vertical-align:bottom;
}

/* ------------------------------------------------------------------------
	area-search
------------------------------------------------------------------------ */

/* ----- area-search-l ----- */
#area-search {
	padding:0 10px;
	margin:0 0 10px 0;
	background:url(/images/japan.gif) 10px 45px no-repeat;
	min-height:330px;
	height:auto !important;
	height:330px;
	position:relative;
}

/* ----- area-search-r ----- */
#area-search-l {
	float:left;
	width:300px;
}

#area-search-l ul li a {
	width:75px;
	height:18px;
	display:block;
	padding:5px 10px;
	text-indent:-9999px;
	overflow:hidden;
}


/* 北海道 */
li#hkd a{
	position:absolute;
	top:80px;
	left:200px;
}
li#hkd a:link,
li#hkd a:visited {
	background:url(/images/search-button.png) 0 0 no-repeat;
}
li#hkd a:hover {
	background:url(/images/search-button.png) 0 -28px no-repeat;
}

/* 東北 */
li#thk a{
	position:absolute;
	top:165px;
	left:230px;
}
li#thk a:link,
li#thk a:visited {
	background:url(/images/search-button.png) -95px 0 no-repeat;
}
li#thk a:hover {
	background:url(/images/search-button.png) -95px -28px no-repeat;
}

/* 首都圏 */
li#knt a{
	position:absolute;
	top:225px;
	left:200px;
}
li#knt a:link,
li#knt a:visited {
	background:url(/images/search-button.png) -190px 0 no-repeat;
}
li#knt a:hover {
	background:url(/images/search-button.png) -190px -28px no-repeat;
}

/* 東海 */
li#tok a{
	position:absolute;
	top:260px;
	left:160px;
}
li#tok a:link,
li#tok a:visited {
	background:url(/images/search-button.png) -285px 0 no-repeat;
}
li#tok a:hover {
	background:url(/images/search-button.png) -285px -28px no-repeat;
}

/* 甲信越 */
li#ksn a{
	position:absolute;
	top:165px;
	left:120px;
}
li#ksn a:link,
li#ksn a:visited {
	background:url(/images/search-button.png) -380px 0 no-repeat;
}
li#ksn a:hover {
	background:url(/images/search-button.png) -380px -28px no-repeat;
}


/* 北陸 */
li#hok a{
	position:absolute;
	top:195px;
	left:105px;
}
li#hok a:link,
li#hok a:visited {
	background:url(/images/search-button.png) -475px 0 no-repeat;
}
li#hok a:hover {
	background:url(/images/search-button.png) -475px -28px no-repeat;
}

/* 近畿 */
li#kin a{
	position:absolute;
	top:225px;
	left:90px;
}
li#kin a:link,
li#kin a:visited {
	background:url(/images/search-button.png) -570px 0 no-repeat;
}
li#kin a:hover {
	background:url(/images/search-button.png) -570px -28px no-repeat;
}

/* 中国 */
li#chu a{
	position:absolute;
	top:195px;
	left:10px;
}
li#chu a:link,
li#chu a:visited {
	background:url(/images/search-button.png) -665px 0 no-repeat;
}
li#chu a:hover {
	background:url(/images/search-button.png) -665px -28px no-repeat;
}

/* 四国 */
li#sik a{
	position:absolute;
	top:265px;
	left:50px;
}
li#sik a:link,
li#sik a:visited {
	background:url(/images/search-button.png) -760px 0 no-repeat;
}
li#sik a:hover {
	background:url(/images/search-button.png) -760px -28px no-repeat;
}

/* 九州・沖縄 */
li#kyu a{
	position:absolute;
	top:295px;
	left:10px;
}
li#kyu a:link,
li#kyu a:visited {
	background:url(/images/search-button.png) -855px 0 no-repeat;
}
li#kyu a:hover {
	background:url(/images/search-button.png) -855px -28px no-repeat;
}

/* ----- 都道府県リスト ----- */
#area-search-r {
	float:right;
	width:330px;
}

#area-search-r dl {
	clear:both;
	margin:15px 0 0 0;
}

#area-search-r dt {
	font-weight:bold;
	width:5em;
	float:left;
	clear:left;
	text-align:right;
	line-height:1;
}
* html #area-search-r dt {
	line-height:1.2;
}
*+ html #area-search-r dt {
	line-height:1.2;
}

#area-search-r dd {
	color:#999;
	margin:0 0 0 6em;
	line-height:1;
}
* html #area-search-r dd {
	line-height:1.2;
}
*+ html #area-search-r dd {
	line-height:1.2;
}

#area-search-r dd ul {
	list-style:none;
	margin:0 0 5px 0;
	
}
#area-search-r dd ul li {
	float:left;
	margin:0 0 5px 8px;
	padding:0 0 0 8px;
	white-space:nowrap;
	border-left:1px solid #CCC;
}



/* ------------------------------------------------------------------------
	condition-search
------------------------------------------------------------------------ */
/* ------------------------------
	condition-box
------------------------------ */
/* ---------- condition-box-half ---------- */
.condition-box-half {
	margin:0 15px 15px 15px;
	background:url(/images/condition-box-half-bottom.gif) left bottom no-repeat;
	padding:0 0 10px 0;
}
.condition-box-half .box-h3 {
	background:url(/images/condition-box-half-h3-bottom.gif) left bottom no-repeat;
	margin:0 5px 15px 5px;
	padding:0 0 5px 0;
}
.condition-box-half h3 {
	background:url(/images/condition-box-half-h3-top.gif) left top no-repeat;
	font-size:100%;
	color:#FFF;
	padding:5px 10px 0 10px;
}
.condition-box-half dl {
	margin:0 15px 10px 15px;
}
.condition-box-half dt {
	margin:0 0 5px 0;
}
.condition-box-half dd{
	margin:0 0 5px 0;
}
.condition-box-l {
	width:320px;
	float:left;
	background:url(/images/condition-box-half-top.gif) left top no-repeat;
	padding:5px 0 0 0;
}

.condition-box-r {
	width:320px;
	float:right;
	background:url(/images/condition-box-half-top.gif) left top no-repeat;
	padding:5px 0 0 0;
}
/* ---------- condition-box ---------- */
.condition-box {
	margin:0 15px 30px 15px;
	background:url(/images/condition-box-top.gif) left top no-repeat;
	padding:5px 0 0 0;
}
* html .condition-box {
	height:170px;
}
.condition-box .box-h3 {
	background:url(/images/condition-box-h3-bottom.gif) left bottom no-repeat;
	margin:0 5px 15px 5px;
	padding:0 0 5px 0;
}
.condition-box h3 {
	background:url(/images/condition-box-h3-top.gif) left top no-repeat;
	font-size:100%;
	color:#FFF;
	padding:5px 10px 0 10px;
}
.condition-box p {
	clear:both;
	text-align:center;
	background:url(/images/condition-box-bottom.gif) left bottom no-repeat;
	padding:5px 0 20px 0;
}
.condition-box dl {
	margin:0 15px 5px 15px;
}
.condition-box dt {
	float:left;
	clear:left;
	width:8em;
	margin:0 0 5px 0;
	line-height:1.4;
}
.condition-box dd{
	margin:0 0 5px 0;
	line-height:1.4;
}

/* ---------- common ---------- */
.condition-box dd ul li,
.condition-box-half dd ul li {
	float:left;
	margin:0 5px 0 0;
}


.condition-box-half-l {
	background:url(/images/condition-box-half-bottom.gif) left bottom no-repeat;
	padding:0 0 5px 0;
}

/* ---------- gmap ---------- */
#gmap {
	width: 600px;
	height: 400px;
	border:solid #c0c0c0 1px;
	margin:0 auto;
}

/* ----------------------------------------------------------------
	info-area
---------------------------------------------------------------- */
.info-area .article-list {
	margin:0 10px 15px 10px;
}

/* ----- article-list ----- */
.info-area .article-list dl {
	margin:0 10px;
}
.info-area .article-list dt {
	float:left;
	clear:left;
	width:9em;
}
.info-area .article-list dd {
	margin:0 0 0 9em;
}
/* ----- to-list-page ----- */
.info-area .to-list-page {
	text-align:right;
	margin:0 10px 0 0;
}
.info-area .to-list-page a {
	background:url(/images/arrow-right.gif) left center no-repeat;
	padding:0 0 0 18px;
}



.purpose-search {
	margin:0 10px 20px 10px;
}
.purpose-search h3 {
	margin:0 10px 10px 0;
}
.purpose-search ul {
	margin: 0 10px;
}
.purpose-search ul li {
	width:309px;
	float:left;
}
.purpose-search ul li.middle {
	float:right;
}
.purpose-search ul li img {
	margin:0 0 5px 0;
}