@charset "utf-8"; /* 文字コード */

/*********************/
/* eyecatch */
/*********************/

#eyecatch-container {
	background: #ffffff;
}

#photo {
/*	height: 395px; */
	height: 315px;
	padding-left: 4px;
}

#photo img {
	display: block;
	float: left;
	margin: 0 2px;
}

#policy {
	background: url(../images/top/eyecatch_policy_back.gif) no-repeat;
	height: 60px;
	position: relative;
}

#policy .text {
	position: absolute;
	top: 0px;
	left: 60px;
}

#policy .btn {
	position: absolute;
	top: 12px;
	left: 730px;
}

/*********************/
/* block */
/*********************/

#leftblock-container {
	width: 720px;
	float: left;
}

#leftblock {
	padding: 20px 30px 0 0;
}

#rightblock-container {
	width: 240px;
	float: left;
}

#rightblock {
	padding: 20px 0 0 0;
}


/*********************/
/* case */
/*********************/

#case {
	background: url(../images/common/back.gif);
	padding: 10px 0 0 10px;
}

#case a {
	color: #000000;
}

.case-upper {
/*	background: url(../images/top/case_border.gif) center bottom no-repeat; */
	padding: 0 0 0 0;
}

.case-bottom {
	padding: 0 0 0 0;
	width: 169px;
	float: left;
}

.case-sep {
	background: url(../images/top/case_border.gif) center center no-repeat;
	height: 10px;
}

h2.case-upper-header {
	margin: 5px;
}

h2.case-bottom-header {
	margin: 15px 0 5px 5px;
}

.case-upper .case-photo {
	width: 220px;
	height: 180px;
	background: url(../images/top/case_photo_back_1.gif) no-repeat;
	float: left;
	margin: 0 3px 5px 0;
}

.case-bottom .case-photo {
	width: 160px;
	height: 130px;
	background: url(../images/top/case_photo_back_2.gif) no-repeat;
	margin: 0 3px 0 0;
}

.case-photo a {
	display: block;
	padding: 10px 0 0 10px;
}

.case-upper .case-comment {
	clear: both;
	margin: 0 10px;
}

.case-bottom .case-comment {
	margin: 0 0 5px 10px;
	height: 34px;
}

.case-const .case-comment {
	margin: 0 0 5px 10px;
	height: 40px !important;
}

.case-upper .more{
/*	text-align: right; */
/*	margin: 0 25px; */
	margin: 5px 0 15px 5px;
}

.case-bottom .more{
	margin: 0 5px;
}


/*********************/
/* trouble */
/*********************/

#trouble {
	margin: 15px 0 25px 0;
}

.trouble-header {
	margin: 20px 0 5px 0;
}

.trouble-1 {
	position: relative;
	background: url(../images/top/trouble_back_1.gif) no-repeat;
	width: 350px;
	height: 170px;
	float: left;
}

.trouble-2 {
	position: relative;
	background: url(../images/top/trouble_back_2.gif) no-repeat;
	width: 340px;
	height: 90px;
	float: left;
}

.trouble-1 h3,
.trouble-2 h3 {
	padding: 10px 0 5px 12px;
}

.trouble-1 p,
.trouble-2 p {
	padding: 0 12px;
}

.trouble-1 .more {
	position: absolute;
	top: 140px;
	left: 0px;
}

.trouble-2 .more {
	position: absolute;
	top: 53px;
	right: 30px;
}

.trouble-info {
	clear: both;
}

.trouble-info img {
	display: block;
	float: left;
	margin-right: 3px;
}


/*********************/
/* shop */
/*********************/

#shop {
	clear: both;
}

#shop .shop-header {
	padding: 0 0 5px 0;
}

#shop .staff {
	background: url(../images/common/back.gif);
	width: 480px;
	position: relative;
	height: 120px;
	float: left;
}

#shop .staff .staff-header {
	padding: 10px 0 5px 10px;
}

#shop .staff .comment {
	padding: 0 10px;
}

#shop .staff .more {
	position: absolute;
	bottom: 5px;
	left: 5px;
}

#shop .staff .photo {
	position: absolute;
	top: 20px;
	right: 30px;
}

#shop .goods {
	float: right;
	width: 205px;
	height: 120px;
}

#shop .interior {
	clear: both;
	padding: 10px 0 0 0;
}

#shop .interior .case {
	margin: 15px 0 10px 0;
}


/*********************/
/* koujimenu */
/*********************/

#kmenu {
	margin-top: 20px;
	margin-bottom: 15px;
}

.kmenu-header {
	margin: 0 0 5px 0;
}

.kmenu {
	width: 320px;
	padding: 5px 0 5px 5px;
	margin-bottom: 8px;
	float: left;
	border: 1px solid #cccccc;
}

.kmenu-left {
	margin-right: 10px;
}

.kmenu-photo {
	width: 130px;
	float: left;
}

.kmenu-text {
	width: 175px;
	margin: 0 5px 0 0;
	float: left;
}

.kmenu-text h3 {
	padding: 1px 1px 0 1px;
	font-weight: bold;
	font-size: 110%;
	color: #66a571;
	border-bottom: 1px solid #d9e021;
}

.kmenu-text p {
	padding: 5px 2px;
}


/*********************/
/* recommend */
/*********************/

#recommend {
	clear: both;
	margin: 20px 0;
}

#recommend .recommend-header {
	padding: 0 0 5px 0;
}

.bigbanner-fp {
}

.recommend-tbl {
	margin: 20px 0;
}

.pcluster {
	width: 340px;
	border: 1px solid #cccccc;
}

.pcluster td {
	padding: 3px;
}

.pcluster .img {
	text-align: center;
	padding: 10px 10px 0 10px;
	vertical-align: bottom;
}

.pcluster .img img {
	display: block;
	margin: auto;
}

.pcluster .spec .s1 {
}

.pcluster .spec .s2 {
	font-weight: bold;
	font-size: 120%;
}

.pcluster .price .num {
	font-size: 150%;
	font-weight: bold;
	color: #ff6600;
}

.pcluster .price .tax {
	color: #ff6600;
}



/*********************/
/* topics */
/*********************/

#topics {
	margin-bottom: 15px;
}

.topics-header {
	margin: 0 0 5px 0;
}

.topics-box {
	border: 1px solid #cccccc;
/*	padding: 5px 10px;*/
	padding: 5px 2px;
}

/*
.topics-box p {
	margin-bottom: 5px;
}
*/

.topics-box iframe {
	width: 95%;
	height: 300px;
}

#topics .more {
	margin: 10px 0;
}


/*********************/
/* topics-blog */
/*********************/

#topics-blog {
	margin-bottom: 5px;
}

.topics-blog-header {
	margin: 0 0 5px 0;
}

.topics-blog-box {
	border: 1px solid #cccccc;
	padding: 5px 2px;
}


.topics-blog-box iframe {
	width: 95%;
	height: 150px;
}

#topics-blog .more {
	margin: 10px 0;
}


/*********************/
/* blog-box */
/*********************/

#blog-box {
	margin-bottom: 20px;
}


/*********************/
/* point */
/*********************/

#point {
	margin-bottom: 15px;
}

#point td {
	vertical-align: top;
	padding: 5px 0 0 5px;
}

#point p {
	line-height: 1.25;
}

.point-header {
	margin: 0 0 5px 0;
}

.point-box {
	border: 1px solid #cccccc;
/*	padding: 5px;*/
	margin-bottom: 5px;
}

#point h3 {
	font-weight: bold;
}

#point h3 a {
	color: #000000;
}

#point .icon {
	width: 80px;
	float: left;
}

#point h3,
#point .text,
#point .more {
	width: 140px;
	float: right;
}

#point h3 {
	margin-bottom: 5px;
}

#point .text {
	margin-bottom: 5px;
}


/*********************/
/* leaflet */
/*********************/

#leaflet {
	margin-bottom: 15px;
}

#leaflet td {
	vertical-align: top;
	padding: 5px 0 0 5px;
}

.leaflet-header {
	margin: 0 0 5px 0;
}

.leaflet-box {
	border: 1px solid #cccccc;
	margin-bottom: 5px;
/*	padding: 5px;*/
}

#leaflet .icon {
	width: 80px;
	float: left;
}

#leaflet h3,
#leaflet .zoom {
	width: 140px;
	float: right;
}

.leaflet-box div {
	margin-bottom: 5px;
}

#leaflet h3 {
	margin-bottom: 5px;
}

#leaflet .more {
	margin: 5px;
}


/*********************/
/* link */
/*********************/

#link {
	margin-bottom: 15px;
}

.link-header {
	margin: 0 0 5px 0;
}

#link img {
	margin-bottom: 5px;
}

/*********************/
/* slideshow */
/*********************/

div.slideshow {
	display: block;
	float: left;
	width: 234px;
	margin: 0 2px;
}

ul.slideshow,
ul.slideshow li,
ul.slideshow li a,
ul.slideshow li a img {
	display: block;
	margin: 0;
	padding: 0;
}

ul.slideshow {
	position: relative;
}

ul.slideshow li {
	position: absolute;
	top: 0;
	left: 0;
}

ul.slideshow li.hidden {
	visibility: hidden;
}