@charset "utf-8";
/** *****************************************************************
コンテンツ
最終更新日：2015.01.09
***************************************************************** **/
#STAY{}


/**----------------------------------------------------------------------
 トップ
----------------------------------------------------------------------**/
#STAY section h2.h2title{
	background: #989898;
}

#STAY .staylist{
	width: 80%;
	margin: 0 auto 3.0em auto;
}

#STAY .staylist a{
	display: block;
}
#STAY .staylist a:hover{
	background: #eeffff;
}


#STAY .staylist a:hover img{
	filter: alpha(opacity=70);
  -moz-opacity:0.7;
  opacity:0.7;
}

#STAY .staylist .picture{
	float: left;
	width: 20%;
	padding: 1%;
	margin-right: 2%;
}


#STAY .staylist .txt{
	width: 70% !important;
	float: left;
	padding: 2%;
}

#STAY .staylist .txt .area{
	display: inline-block;
	background: #1361af;
	color: #fff;
	padding: 5px;
	margin-bottom: 5px;
	font-size: 1.0em;
}

#STAY .staylist .txt h3{
	color: #145c91;
	margin-bottom: 10px;
}



#STAY .staylist .txt p{
	color: #000;
}



@media only screen and (max-width: 640px) {

#STAY .staylist{
	width: 95%;
	margin: 0 auto 1.5em auto;
}

#STAY .staylist .picture{
	float: none;
	width: 100%;
	padding: 0;
	margin-right: 0;
}


#STAY .staylist .txt{
	width: 100% !important;
	float: none;
	margin: 1.0em 0 0 0;
	padding: 0%;
}

}


/**----------------------------------------------------------------------
詳細ページ
----------------------------------------------------------------------**/

#STAY .stayblock{
	width: 95%;
	margin: 0 auto 1.5em auto;
}
#STAY .stayblock .area{
	display: inline-block;
background: #029008;
	color: #fff;
	padding: 10px;
	margin-bottom: 10px;
	font-size: 1.2em;
}
#STAY .stayblock h3{
	font-size: 3.6em;
	margin-bottom: 1.0em;
	padding-bottom: 0.25em;
	border-bottom:2px #029008 solid;
}
@media only screen and (max-width: 640px) {
#STAY .stayblock h3{
	font-size: 2.4em;
}
}

#STAY .stayblock .picture{
	float: left;
	width: 36%;
	padding: 1%;
	margin-right: 2%;
}
#STAY .stayblock .picture p{
	margin-bottom: 30px;
}


#STAY .stayblock .txt{
	width: 56% !important;
	float: left;
	margin: 2%;
}
#STAY .stayblock h4{
	margin:3.0em 0 1.0em 0;
	padding-bottom: 0.25em;
	border-bottom:1px #029008 solid;
}


@media only screen and (max-width: 640px) {

#STAY .stayblock .picture{
	float: none;
	width: 100%;
	padding: 0;
	margin-right: 0;
}



#STAY .stayblock .txt{
	width: 100% !important;
	float: none;
	margin: 0;
}

}




/*テーブル*/
#STAY .staytable{
	width:100%;
	border-collapse: collapse;
	font-size:1.0em;
	margin: 2.0em 0;
}
#STAY .staytable th,
#STAY .staytable td{
	padding:10px;
	border: solid 1px #e5e5e5;
	font-weight: normal;
}
#STAY .staytable th{
	background: #eeeeee;
    text-align: left;
}
#STAY .staytable td{
}