@charset "utf-8";

.__________________SP-STYLE____________________{}

/*------------------------
=03 common
=04 layout
=05 module head
=06 module foot
=07 module navi
=08 module contents
=09 module form
=10 module page
=11 module item list
=12 module item info
=13 module item new/reco
=14 module news
=15 module inquiry
=16 module
------------------------*/

/* =08 module contents
------------------------*/

.two-column #main{

}

#side{

}


/*______ カラム ______*/



#ITEM-INFO.one-column #main{
	margin-right: 0px!important;
	margin-left: 0px!important;
}


/* =09 module form
------------------------*/

/*______ 共通 ______*/

td input{
	margin:0 3px 3px 3px;
	padding:2px;
	position:relative;
	top:1px;
	}

td label{
	margin:5px 20px 0 0;
	}


/*______ サブミット ______*/

.submit{
	text-align:center;
	padding:10px 0;
	clear:both;
}

.submit .sbmt_back input,
.submit .sbmt_check input,
.submit .sbmt_send input{
	width:110px;
	height:30px;
	float:left;
	text-indent:-9999px;
	overflow:hidden;
	cursor:pointer;
	border:none;
	margin:0 20px;
}

.submit .sbmt_back input {
	background:url(img/sbmt_back.gif) no-repeat 0 0;
}

.submit .sbmt_check input {
	background:url(img/sbmt_check.gif) no-repeat 0 0;
}

.submit .sbmt_send input {
	background:url(img/sbmt_send.gif) no-repeat 0 0;
}

.submit .sbmt_back input:hover,
.submit .sbmt_check input:hover,
.submit .sbmt_send input:hover{
	background-position:0 -30px;
}


/*______ フォーム ______*/

.form{
	padding:20px;
	border: double #ccc;
	margin:20px 0 0 0;
}

.form table{
	width:100%;
/*
	font-size:80%;
*/
}

.form table caption{
	color:#fff;
/*
	font-size:120%;
*/
	padding:7px;
	background:#00478b;
}

.form tr{
	border-bottom:1px dotted #ccc;
}

.form th,
.form td{
	line-height:150%;
	padding:10px;
}

.form td{
/*
	font-size: 110%;
*/
}

.form th{
	text-align:center;
	background:#f4faff;
}

.form th span {
    background:#FF6600;
    color: #FFFFFF;
/*
    font-size: 78%;
*/
    margin: 0 0 0 10px;
    padding:3px 5px;
}

.form td{
	text-align:left;
}

.form td p{
/*
	font-size: 90%;
*/
	line-height:160%;
}

.form td.row label{
	width:43%;
	float:left;
}

.form .submit{
	width:150px;
	margin:0 auto;
}


/*______ チェックフォーム ______*/

.check{
	background:#fff;
	margin:0 10px;
	padding:20px;
}
	
.check table{
	width:100%;
	margin:0 0 10px 0;
}

.check table caption{
	color:#666;
	padding:10px 0;
	border-bottom: double #ccc;
}

.check th,
.check td{
/*
	font-size:80%;
*/
	border-bottom:1px dotted #ccc;
	padding:7px;
}

.check th{
	width:30%;
	text-align:center;
}

.check td{
	width:70%;
	text-align:left;
	line-height:180%;
}

.check .submit{
	width:300px;
	margin:0 auto;
}


/*______ 検索フォーム ______*/

#side .search{

}

#side .search .narrow{
	margin:0 auto 20px auto;
	padding:0 0 2px 0;


}

#side .search h2{
	height: 40px;
	display: block;
	background-color: #00478B;
	background-image: url(img/side_search_h2.png);
	background-repeat: no-repeat;
	background-size: auto 15px;
	background-position: left 10px center;
	border-radius: 4px;
}

#side .search .narrow {

}

#side .search table{
 width: 100%;
	margin:0 auto;
	border-left:1px solid #00478b;
	border-right:1px solid #00478b;
}

#side .search th,
#side .search td{
	padding:10px;
}

#side .search td{
	padding-top: 0px;
}

#side .search td table{
	width:100%;
	margin:0 auto;
	border:0;
}
#side .search td table td{
	padding: 2px;
	border:0;
/*
	font-size:90%;
*/
}

#side .search th p{
/*
	font-size:80%;
*/
	color:#00478b;
	width:50%;
	font-weight:bold;
	text-align:left;
	padding:0 0 0 5px;
	border-left:5px solid #00478b;
}

#side .search td{
/*
	font-size:80%;
*/
	border-bottom:1px dotted #ccc;
}
	
#side .search td input[type="text"]{
	margin:0 3px 3px 0;
	padding:2px;
	position:relative;
	top:1px;
	width: 98%
}

#side .search td.row label{
	width:40%;
	float:left;
}
	
#side .search td label{
	margin:5px 20px 0 0;
	display:block;
}

#side .search .submit{
	background: #f8f8f8;
	border-left: 1px solid #00478b;
	border-right: 1px solid #00478b;
	border-bottom: 1px solid #00478b;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
}

#side .search .submit input {
	width:95px;
	height:25px;
	/display:block;
	text-indent:-9999px;
	overflow:hidden;
	cursor:pointer;
	border:none;
	margin:0 20px;
	background:url(img/sbmt_search.gif) no-repeat 0 0;
}

#side .search .submit input:hover{
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}


/*______ エラー ______*/

.error{
	padding:20px;
	margin:20px auto 0px auto;
	border:2px solid #ff6600;
	background:#ffffee;
}
	
.error .msg{
	font-weight:bold;
	color:#ff6600;
	line-height:150%;
	padding:5px 0 5px 25px;
	margin:0 0 10px 0;
	border-bottom:1px dashed #ff6600;
	background:url(img/icon_alert.gif) no-repeat 0 50%;
}

.error ul{
	padding:0 10px;
}
	
.error li{
/*
	font-size:85%;
*/
	color:#ff6600;
	line-height:180%;
	background:url(img/icon_arrow2.gif) no-repeat 0 50%;
	padding:0 0 0 12px;
}
	
tr.validate{
	background:#ffffcc;
}

.validate p{
	color:#ff6600;
	margin:0 0 0 3px;
}

.validate .error{
	border:none;
	background:none;
	padding:0;
	margin:0;
}

.validate .error p{
	margin:0 0 5px 0;
}

.validate input{
	border:1px solid #ff6600;
}



/* =10 module common
------------------------*/

/*______ ページナビ ______*/

.page_navi p{
/*
	font-size:80%;
*/
	text-align:center;
	height:24px;
	line-height:24px;
	margin:0 0 5px 0;
}

.page_navi p strong{
	margin:0 5px 0 0;
}

.page_navi ul{
/*
	font-size:78%;
*/
	text-align:right;
}

.page_navi li{
	display:inline;
}

.page_navi li span {
	color:#fff;
	display:-moz-inline-box; /*Firefox 2*/
	display:inline-block; /*Modern*/
	/display:inline; /*IE5～7*/
	/zoom:1; /*IE5～7*/
	padding:0.4em 0.7em;
	background-color:#00478b;
	border:1px #00478b solid;
	font-weight:bold;
}

.page_navi li a{
	color:#333;
	display:-moz-inline-box; /*Firefox 2*/
	display:inline-block; /*Modern*/
	/display:inline; /*IE5～7*/
	/zoom:1; /*IE5～7*/
	padding:0.4em 0.7em;
	border:1px #ccc solid;
}
	 
.page_navi li a:link,
.page_navi li a:visited{
	border-color:#ccc;
}

.page_navi li a:hover,
.page_navi li a:active{
	border-color:#ccc;
	background-color:#f2f2f2;
}

.page_navi li.next a{
	width:32px;
	text-align:left;
	background:url(img/next.gif) no-repeat 33px 6px;
}

.page_navi li.back a{
	width:32px;
	text-align:right;
	background:url(img/back.gif) no-repeat 3px 6px;
}


/*______ 表示順 ______*/

.order{
/*
	font-size:80%;
*/
}
	
.order span a{
	color:#333;
}
	
.order span{
	padding:0 5px 0 0;
	margin:0 0 0 5px;
}


/*______ 一覧 ______*/




/*______ 詳細・問い合わせボタン ______*/

.list .btn{
	width:230px;
	_width:240px;
	margin:0 0 0 auto;
}

.list p.detail,
.list p.inquiry{
	float:left;
	margin:0 0 0 10px;
}

.list .detail a,
.list .inquiry a{
	width:105px;
	height:23px;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
}

.list .detail a{
	background:url(img/btn_info.jpg) no-repeat 0 0;
}

.list .inquiry a{
	background:url(img/btn_inquiry.jpg) no-repeat 0 0;
}

.list .detail a:hover,
.list .inquiry a:hover{
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

.list .delete{
	width:20px;
	height:20px;
	display:-moz-inline-box; /*Firefox 2*/
	display:inline-block; /*Modern*/
	/display:block; /*IE5～7*/
	/zoom:1; /*IE5～7*/
	text-indent:-9999px;
	overflow:hidden;
	margin:0 5px;
}

.list a.delete{
	background:url(img/btn_delete.gif) no-repeat 0 0;
}

.list a.delete:hover{
	background-position:0 -20px;
}


/*______ 詳細用テーブル ______*/

table.detail{
	width:100%;
	background:#ccc;
	border-collapse:separate;
	border-spacing:1px;
	border:none;
}

table.detail th,
table.detail td{
	width:25%;
	border:1px solid #fff;
	line-height:150%;
	padding:5px;
}

table.detail th{
	text-align:center;
	background:#f8f8f8;
}

table.detail td{
	background:#fff;
}


/*______ オプション ______*/

.option ul{
	text-align:left;
}

.option li{
	color: #259acf;
	text-align: center;
	border: 1px solid #259acf;
	margin: 0 3px 6px 0;
	display: inline-block;
	background: #FFF;
}



/* =11 module item list
------------------------*/

.tab{
	border-bottom:3px solid #00478b;
	margin:0 0 10px 0;
}

.tab p{
	float:left;
}

.tab .tab1,
.tab .tab1 a,
.tab .tab2,
.tab .tab2 a{
	width:150px;
	height:30px;
	text-indent:-9999px;
	display:block;
	overflow:hidden;
}

.tab .tab1{
	background:url(img/tab1.jpg) no-repeat 0 0;
}

.tab .tab1 a{
	background:url(img/tab1.jpg) no-repeat 0 -30px;
}

.tab .tab1 a:hover{
	background-position:0 0;
}

.tab .tab2{
	background:url(img/tab2.jpg) no-repeat 0 -30px;
}	
	
.tab .tab2 a{
	background:url(img/tab2.jpg) no-repeat 0 0;
}

.tab .tab2 a:hover{
	background-position:0 -30px;
}


/*______ tab1 ______*/

.tab1 h2{
	line-height:150%;
	font-family:"メイリオ", Meiryo;
	border-left:7px solid #00478b;
	padding:0 0 0 10px;
	margin:0 0 20px 0;
}

.tab1 .list .photo a{
	height: 60px;
	width: 80px;
	display: block;
	overflow: hidden;
	margin-right: auto;
	margin-left: auto;
}

.tab1 .list .photo img{
}


/*______ tab2 ______*/

.tab2 h2{
	line-height:150%;
	font-family:"メイリオ", Meiryo;
	border-left:7px solid #00478b;
	padding:0 0 0 10px;
	margin:0 0 20px 0;
}

.tab2 .list table.detail{
/*
	font-size:100%;
*/
	}

.tab2 .list td{
	text-align:left;
	vertical-align:top;
}

.tab2 .list .access{
	background:#ffffee;
}

.tab2 .list .photo a{
	width: 280px;
	height: 210px;
	display: block;
}

.tab2 .option li{
	display: inline-block;
	padding: 5px 10px;
}



/* =12 module item info
------------------------*/


.item_info #contents > .inner{
 width: 0!important;
 margin:  0!important;
}

.item_info h2{
	font-size: 14px;
	line-height: 24px;
	font-weight: 600;
	font-family: "メイリオ", Meiryo;
	border-left: 7px solid #00478b;
	padding-top: 5px;
	padding-right: 0;
	padding-left: 10px;
	padding-bottom: 5px;
	margin-bottom: 10px;
}

.item_info h3{
	color: #00478b;
	border-left: 5px solid #00478b;
	padding: 0 0 0 10px;
	margin: 30px 0 20px;
	clear: both;
}

.item_info .option{
	margin:20px 0 0 0;
}

.item_info .option ul{
	margin:0 -3px 0 0;
	/margin:0 -7px 0 0;
}

.item_info .option li{
	padding: 3px 10px;
	margin: 0 3px 4px 0;
	/margin:0 7px 6px 0;
	display: inline-block;
}

.item_info table.detail{
/*
	font-size:100%;
*/
	}



/*______ お問い合わせボタン ______*/

.item_info .inquiry{
	width: 275px;
	margin-top: 30px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 30px;
}

.item_info .inquiry a{
	width:275px;
	height:40px;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	background:url(img/btn_inquiry_full.gif) no-repeat 0 0;
}

.item_info .inquiry a:hover{
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

/*______ 画像 ______*/

.item_info .photo{
	margin:30px -2px 0 0;
	/margin:30px -7px 0 0;
}

.item_info .photo li{
	overflow: hidden;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	background: #FFF;
	border: 1px solid #CCC;
	padding: 5px;
	text-align: center;
}

.item_info .photo li:nth-of-type(3),
.item_info .photo li:nth-of-type(6),
.item_info .photo li:nth-of-type(9){
	margin-right: 0px;

}


.item_info .photo li a{
	display: block;
	width: 300px;
	height: 225px;
}

.item_info .photo li img{

}

	.item_info .access .map{
		width: 100%;
		float: none;
		overflow: hidden;
	}

	.item_info .access .address{
		width: 100%;
		float: none;
	}


.item_info .access .address dl{
	border:1px dashed #ccc;
	padding:10px;
}
	
.item_info .access .address dt{
	color:#00478b;
	margin:0 0 10px 0;
}

.item_info .access .address dd{
	margin:0 0 20px 0;
}



/* =13 module item new/reco
------------------------*/

.new h2,
.reco h2{
	margin:0 0 20px 0;
}

.new ul,
.reco ul{
	margin:0 -16px 0 0;
	/margin:0 -19px 0 0;
}

.new li,
.reco li{
	width:158px;
	line-height:150%;
	text-align:center;
	padding:10px;
	margin:0 16px 16px 0;
	/margin:0 19px 19px 0;
	_margin:0 17px 17px 0;
	border:1px solid #ddd;
	display:-moz-inline-box; /*Firefox 2*/
	display:inline-block; /*Modern*/
	/display:inline; /*IE5～7*/
	/zoom:1; /*IE5～7*/
}

.new li img,
.reco li img{
	display:block;
}

.new li p,
.reco li p{
	margin:10px 0 0 0;
}

.new li .access,
.reco li .access{
	color:#fff;
	background:#ffc75a;
	padding:10px;
}

.new li .price span,
.reco li .price span{
/*
	font-size:110%;
*/
	color:#ff0000;
	font-weight:bold;
}


/* =14 module news
------------------------*/

.news{
	padding:0 0 10px 0;
	background:url(img/news_bg_bottom.gif) no-repeat left bottom;
}

.news h2{
	margin-bottom:0 !important;
}

.news ul{
	padding:10px 38px 10px 30px;
	background:url(img/news_bg.gif) repeat-y;
}

.news li{
	line-height:160%;
	padding:10px 0;
	border-bottom:1px dotted #ccc;
}

.news li span{
	width:80px;
	font-weight:bold;
	color:#00478b;
	float:left;
}

.news li p{
	width:820px;
	float:right;
}


/* =15 module inquiry
------------------------*/

.inquiry h2{
	line-height:150%;
	font-family:"メイリオ", Meiryo;
	border-left:7px solid #00478b;
	padding:0 0 0 10px;
	margin:0 0 20px 0;
}

.inquiry .list .title{
	width:auto;
	}


/*______ メッセージ ______*/

.comp{
	margin:0 10px;
	padding:20px;
	border:double #ccc;
}

.comp dt{
	line-height:150%;
	margin:0 0 20px 0;
}

.comp dd{
	text-align:center;
}

.comp dd p{
	display:inline;
	margin:0 10px;
	padding:1px 0 2px 20px;
	background:url(img/icon_arrow1.gif) no-repeat left 50%;
}

.select_send {
	line-height:150%;
	margin:5px 0 0 5px;
	padding:0 0 0 25px;
	background:url(img/icon_arrow1.gif) no-repeat left 50%;
}