@charset "shift_jis";

/*------------------------------------------------------------
import css
------------------------------------------------------------*/

@import url("../import.css");

/* CSS Document */


.con-inner {
	margin-top: 20px;
}

.con-inner .s-tit {
	margin: 10px 0 10px 0;
	padding: 0;
}


.con-inner .tr-h {
	margin: 10px 0 10px 0;
}
.col3Block {
	background: #edf1cd;
	width: 700px;
	padding: 4px 0px 3px;
}
.col3Block .cl-b {
	font-size: 1px;
	line-height: 1px;
	height: 1px;
}
.col3Block .colBlock {
	float: left;
	width: 233px;
}

.col3Block .frameInner .pd {
	padding-right: 0px;
	padding-left: 7px;
	border-right: 1px solid #494536;
	border-bottom: 1px solid #494536;
	border-left: 1px solid #494536;
	background: #FFFFFF;
}
.col3Block .frameInner .w {
	width: 200px;
	padding-top: 6px;
}
.col3Block .colBlockLeft {
	float: left;
	width: 226px;
	padding-bottom: 0px;
	padding-top: 10px;
}
.col3Block .colBlockLeft .frameInner {
	padding-right: 0px;
	padding-left: 9px;
}
.col3Block .colBlockCenter {
	float: left;
	width: 233px;
	padding-bottom: 0px;
	padding-top: 10px;
}
.col3Block .colBlockCenter .frameInner {
	padding-right: 0px;
	padding-left: 15px;
}
.col3Block .colBlockRight {
	float: right;
	width: 227px;
	padding-top: 10px;
}
.col3Block .colBlockRight .frameInner {
	padding-right: 9px;
}
.col2Block {
	background: #ffc225;
	width: 700px;
	padding: 4px 0px 0px;
}
.col2Block .cl-b {
	font-size: 1px;
	line-height: 1px;
	height: 1px;
}
.col2Block .frameInner .pd {
	padding-right: 0px;
	padding-left: 5px;
	background: #FFFFFF;
	border-right: 1px solid #494536;
	border-bottom: 1px solid #494536;
	border-left: 1px solid #494536;
}
.col2Block .frameInner .w {
	width: 319px;
	padding-top: 6px;
}
.col2Block .colBlockLeft {
	float: left;
	width: 345px;
	padding-bottom: 0px;
	padding-top: 10px;
}
.col2Block .colBlockLeft .frameInner {
	padding-right: 0px;
	padding-left: 10px;
}
.col2Block .colBlockRight {
	float: right;
	width: 345px;
	padding-top: 10px;
}
.col2Block .colBlockRight .frameInner {
	padding-right: 10px;
}/*
.col2Block .colBlockLast {
	width: 355px;
	padding-bottom: 10px;
}
.col2Block .colBlockLast .frameInner {
	padding-top: 12px;
}
.col2Block .colBlockLast .frameInner .pd {
	padding-right: 15px;
	padding-left: 15px;
}*/
.col2Block .frameInner .textBlock {
	float: left;
	width: 319px;
	padding-top: 2px;
}
.btnDetail {
	float: right;
	width: 108px;
	padding-top: 2px;
}
.itemLogo {
	float: right;
	width: 150px;
	text-align: right;
	padding: 0px 0px 0px;
	margin-top: 41px;
}
.brandLogo {
	float: left;
	width: 95px;
	text-align: left;
	padding: 0px 0px 0px;
	margin-top:28px;
}
.jousetsu {
	float: left;
	width: 112px;
	text-align: left;
	padding: 0px 0px 0px;
	margin-top:38px;
}

.SpringModelhouse {
	float: left;
	width: 220px;
	text-align: left;
	padding: 0px 0px 0px;
	margin-top:38px;
}

.textBlock p {
	font-size: 75%;
	margin-bottom: 5px;
	line-height: 1.2em;
}
.textBlock p.title_seo a {
	color:#104678;
}

.labelLeft {
	float: left;
	width: 179px;
}
.textBlockMhc {
	float: right;
	width: 154px;
	padding-top: 14px;
	padding-bottom: 7px;
	background: #FFF;
}
.textBlockMhc p {
	font-size: 75%;
	margin-bottom: 5px;
}
.textBlockSapporo {
	float: right;
	width: 155px;
	padding-top: 3px;
	padding-bottom: 7px;
}
.textBlockSapporo p {
	font-size: 75%;
	margin-bottom: 5px;
}
.textBlockAsahikawa {
	float: right;
	width: 255px;
	padding-top: 3px;
	padding-bottom: 7px;
}
.textBlockAsahikawa p {
	font-size: 75%;
	margin-bottom: 5px;
	padding-left: 3px;
}
.col2Block .colBlockRightMiddle {
	padding-bottom: 0px;
}
.col2Block .colBlockRight .colBlockRightMiddle2Inner {
	padding-top: 0px;
}
.col2Block .frameInner .pdMhc {
	padding-right: 0px;
	padding-left: 0px;
	border: 1px solid #494536;

	background: #FFF;
}
/*2012/04/27 SEO*/
p.model_top {
color: #187B3A;
font-size:15px;
margin-top:10px;
font-weight:bold;
margin-bottom:5px;
border-bottom:5px dotted #FFC225;
}
h1.model_seo {
color:#3F3F3F;
font-size:18px;
margin-top:5px;
margin-bottom:10px;
}
p.title_seo {
	margin-bottom: 20px;
	line-height: 1.8em;
font-weight:bold;
font-size:1.2em;
color:#3F3F3F;
text-decoration:none;
}
#add-text {
	text-align:left;
	padding:15px 15px 0;
	margin-bottom:10px;
}

#add-text p {
	font-size:12px;
	font-weight:normal;
	line-height:140%;
}
.listBlockWrapper {
	/*background: #716664;*/
	width: 700px;
}
.listBlockWrapper h2 {
	/*color:#FFF;*/
	color: #104678;
	font-size: 120%;
	padding: 10px 10px 30px;
}
.listWrapper {
	margin-bottom: 8px;
	padding: 0px 0px 10px 10px;
}
.listBlockWrapper .listWrapper .w {
	width: 690px;
	border: solid 2px #104678;
}
.listBlockWrapper .listWrapper .w .pd {
	padding: 9px 16px 9px 11px;
}
.listBlockWrapper .listWrapper .w .pd .photo {
	float: left;
	width: 243px;
}
.listBlockWrapper .listWrapper .w .pd .textBlock {
	float: right;
	width: 394px;
}
.listBlockWrapper .listWrapper .w .pd .textBlock .titleBlock {
	margin-bottom: 13px;
	padding-bottom: 5px;
	border-bottom: 1px solid #999;
}
.cl-b {
	height:1px;
	line-height:1px;
	font-size:1px;
}
.colorPink {
	color: #b8094f;
}
p.totop {
	font-size: 75%;
	padding-top: 7px;
	text-align: right;
	padding-right: 0px;
	width: 710px;
}
p.totop a {
	color: #265775;
}
#anchorNavi {
	border-top:2px solid #104678;
	background: #fcfdfd; /* Old browsers */
	background: -moz-linear-gradient(top, #fcfdfd 0%, #edf1f5 58%, #d6dfe8 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #fcfdfd 0%,#edf1f5 58%,#d6dfe8 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #fcfdfd 0%,#edf1f5 58%,#d6dfe8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfdfd', endColorstr='#d6dfe8',GradientType=0 ); /* IE6-9 */
	box-shadow:rgba(99, 132, 176, 0.6) 0px 2px 1px 0px;
	-webkit-box-shadow:rgba(99, 132, 176, 0.6) 0px 2px 1px 0px;
	-moz-box-shadow:rgba(99, 132, 176, 0.6) 0px 2px 1px 0px;
	width: 698px;
	height: 50px;
}
#anchorNavi ul,#anchorNavi li {
	display: block;
	list-style: none;
	padding: 0px;
	margin: 0px;
	background: none;
	border-right:1px solid #ccc;
	box-sizing:border-box;
	width: 175px;
	float: left;
	text-align: center;
	font-size: 80%;
	font-weight: bold;
}
#anchorNavi ul,#anchorNavi li.center {
	width: 174px;
}
#anchorNavi ul,#anchorNavi li.last {
	border-right:none;
	background: none;
	width: 174px;
}
#anchorNavi ul,#anchorNavi li a {
	display: block;
	width: 100%;
	height: 50px;
	line-height: 50px;
	float: left;
	color: #104678;
}

.standingLavel {
	width:100%;
	background:#104678;
	padding:0;
}
.standingLavel p {
	margin:7px 0 5px 12px; 
	color:#fff;
	font-weight:bold;
	font-size:1.2em;
}

.btn_reservation {
	float:left;
	width:180px;
	height:30px;
	line-height:30px;
	text-align:center;
	background:#5fbe30 url(../../new_global/images/common/ic_link_white.gif) no-repeat 95% center;
}
.btn_detail {
	float:right;
	width:180px;
	height:30px;
	line-height:30px;
	text-align:center;
	background:#ce3875 url(../../new_global/images/common/ic_link_white.gif) no-repeat 95% center;
}
.btn_reservation a, .btn_detail a {
	display:block;
	color:#fff;
	font-weight:bold;
	font-size:14px;
	text-decoration:none;
}

@media screen and (max-width: 768px){
#anchorNavi {
	border-left:3px solid #104678;
	border-top:none;
	background: #edf1f5;
	box-shadow:rgba(99, 132, 176, 0.6) 0px 0px 2px 1px;
	-webkit-box-shadow:rgba(99, 132, 176, 0.6) 0px 0px 2px 1px;
	-moz-box-shadow:rgba(99, 132, 176, 0.6) 0px 0px 2px 1px;
	width: 80%;
	height: auto;
	margin:0 auto;
}
#anchorNavi ul,#anchorNavi li {
	display: block;
	list-style: none;
	padding: 0px;
	margin: 0px;
	border-right:none;
	border-bottom:1px solid #ccc;
	width: 100%;
	float: none;
	font-size: 90%;
}
#anchorNavi ul,#anchorNavi li.center {
	width: 100%;
}
#anchorNavi ul,#anchorNavi li.last {
	border-bottom:none;
	width: 100%;
}
#anchorNavi ul,#anchorNavi li a {
	display: block;
	width: 100%;
	height: auto;
	line-height: 50px;
	float: none;
	color: #104678;
}
.listBlockWrapper {
	width: 100%;
}
.listWrapper {
	width: 100%;
	margin-bottom: 25px;
	padding: 0px;
}
.listBlockWrapper .listWrapper .w {
	width: 100%;
	border: solid 2px #104678;
	box-sizing:border-box;
}
.listBlockWrapper .listWrapper .w .pd {
	padding: 10px 10 10px 10px;
}
.listBlockWrapper .listWrapper .w .pd .photo {
	float: none;
	text-align:center;
	width: 100%;
}
.listBlockWrapper .listWrapper .w .pd .textBlock {
	float: none;
	width: 100%;
}
.listBlockWrapper .listWrapper .w .pd .textBlock .titleBlock {
	margin: 10px 0;
	padding-bottom: 5px;
	border-bottom: 1px solid #999;
}
.title_seo {
	padding-bottom: 10px;
}
p.title_seo {
	margin-bottom: 15px;
	font-size:1.1em;
}
.textBlock p {
	margin-bottom: 5px;
	line-height: 1.5em;
}

.standingLavel p {
	text-align:center;
}

.btn_reservation {
	float:none;
	margin:0 auto 15px;
	text-align:center;
	width:80%;
	padding:10px 0;
}
.btn_detail {
	float:none;
	margin:0 auto 10px;
	text-align:center;
	width:80%;
	padding:10px 0;
}

p.totop {
	width: 100%;
}
}