﻿/*------------------------
	Base
------------------------*/

*{
	padding:0;
	margin:0;
}

/* =Fonts
-------------------------------------------------------------- */
body{
	line-height: 1.5;
	font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Osaka,"ＭＳ ゴシック","ＭＳ Ｐゴシック",arial,helvetica,clean,sans-serif;
}

/* Link
-------------------------------------------------------------- */

a{
	outline:none;
	border:none;
}


area {
	outline:none;
	border:none;
}

a {
	color:#006FBE;
}

a:hover {
	color:#fac421;
}

a img {
	border: none;
}

img {
	border: none;
}

.archive_area_map img {
	border: none;
}

img#wpstats {display:none}


/* -------　リンク・アイコン　------ */

.entry_content a[href$='.pdf'], .kentei_content a[href$='.pdf']  { 
	padding-left: 25px;
	background: transparent url(../images/icon_pdf.gif) no-repeat center left;
}


.entry_content a[href$='.doc'], a[href$='.rtf'] {
	padding-left: 25px;
	background: transparent url(../images/icon_doc.gif) no-repeat center left;
}

.entry_content a[href$='.txt'] {
	padding-left: 25px;
	background: transparent url(../images/icon_txt.gif) no-repeat center left;
}

.entry_content a[href$='.xls'] {
	padding-left: 25px;
	background: transparent url(../images/icon_xls.gif) no-repeat center left;
}

/* email */
.entry_content a[href ^="mailto:"] {
	padding-left: 25px;
    background: transparent url(../images/icon_mailto.gif) no-repeat center left;
}



/* clearfix
-------------------------------------------------------------- */

.clearfix{
	float:none;
	clear:both;
	display:block;
}

.clearfix:after{
	content:"";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
}



/* Text
-------------------------------------------------------------- */

h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-weight: normal;
	font-size:100%;
}
ol, ul {
	list-style: none;
}

address{
	padding:10px;
	margin:10px;
	border: 1px solid #8DC21F;
	font-style: normal;
}

address a{
	background: url(../images/common/icon_orange.png) no-repeat left center;
	padding:0 0 0 13px ;
	display:block;
	margin:5px;
}

blockquote {
	quotes: none;
	padding:5px 10px;
	margin:10px;
	background:;
	border: 2px solid #EBF9FC;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

th {
	text-align:left;
	font-weight:normal;
}
td {
}

table caption{
	text-align:left;
}


p{
	margin:0 ;
}

.text_small{
	font-size:80%;
}
.text_small_shortstay{
	font-size:70%;
}


.icon_link{
	background: url(../images/common/icon_orange.png) no-repeat left 4px;
	padding:0 0 0 13px ;
}


/* hr
-------------------------------------------------------------- */

hr{
	border:none;
	border-bottom:1px solid #663311;
	background:#ffffff;
	margin:15px 0 ;
	float:none;
	clear:both;
	display:block;
	height:1px;
}

hr.dotted_line{
	border:none;
	border-bottom:1px dotted #808080;
	background:#ffffff;
	margin:15px 0 ;
	float:none;
	clear:both;
	display:block;
	height:1px;
}


/* border
-------------------------------------------------------------- */

.border_none{
	border:none;
}

.noborder{
	border:none;
}



/* box
-------------------------------------------------------------- */

.align-left{
	text-align:left;
	margin: 0 0 0 auto;
}

.alignleft{
	float:left;
	display:block;
}


.align-right{
	text-align:right;
	margin: 0 auto 0 0;
}

.alignright{
	float:right;
	display:block;
}

.aligncenter{
	margin: 0 auto;
	display:block;
}

.pad_10{
	padding:10px;
}


/* teble
-------------------------------------------------------------- */

table.hyou1 {
	margin:10px 0 ;
	width:100%;
	border-top:1px solid #808080;
	border-left:1px solid #808080;
} 

table.hyou1 th, table.hyou1 td {
	padding:5px;
	border-bottom:1px solid #808080;
	border-right:1px solid #808080;
} 

table.hyou1 thead td {
	background:#EBF9FC;
	text-align:center;
} 

table.hyou2 {
	margin:10px 0 ;
	width:100%;
	border-top:1px solid #808080;
	border-left:1px solid #808080;
} 

table.hyou2 td {
	padding:5px;
	border-bottom:1px solid #808080;
	border-right:1px solid #808080;
} 

table.hyou2 th {
	width:180px;
	background:#EBF9FC;
	padding:5px;
	border-bottom:1px solid #808080;
	border-right:1px solid #808080;
} 

/* button
-------------------------------------------------------------- */

.butt_link {
	margin:20px auto;
	text-align:center;
}

.butt_link a{
	background:#EB7080  url(../images/common/icon_butt.png) no-repeat 10px center;
	border-radius:5px;
	color:#ffffff;
	padding:6px 15px 6px 25px;
	text-decoration:none;
}

.butt_link a.butt_link_soudan{
	background-color:#8DC21F;
}

.butt_link a:hover{
	background-color:#FFA600;
}

/*------------------------
	Structure
------------------------*/
body{
color:#333333;
background: #F2F2F2;
}

#header {
	background:#da2800;
	margin-bottom: 20px;
}

@media screen and (max-width: 1010px) {
#header {
	width:1010px;
}
}


#sale #header {
	background:#E1811F;
}
#shortstay #header {
	background:#57BA00;
}
#owner #header {
	background:#006FBE;
}
#tvcm #header {
	background:#FF5496;
}
#company #header , #shop #header{
	background:#68CFCB;
}


#content{
	width:1010px;
	margin:0 auto 50px auto;
}

#main{
	width:770px;
	float:right;
}

#aside{
	float:left;
	width: 220px;
}

#footer{
	background: url(../images/bg_footer.png) repeat left top;
	border-top:5px #808080 solid;
	width: 100%;
}

@media screen and (max-width: 1010px) {
#footer {
	width:1010px;
}
}



/*------------------------
	Header
------------------------*/


#header_content {
	width:1300px;
	margin: 0 auto;
	padding-top: 4px;
}

#logo{
	width: 310px;
	float: left;
}

#header_info {
	width: 700px;
	float: right;
	text-align: right;
}

#header_description{
	font-size:80%;
	margin:3px 0;
	color:  #ffffff;
}

#header_description2{
	font-size:80%;
	margin:3px 0;
	color:  #ffffff;
}

#header_nav a{
	margin-right: 10px;
	background: #FFC100;
	min-width: 120px;
	border-radius: 5px;
	padding: 2px 10px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	display: block;
	float: right;
	font-size: 80%;
	text-align: center;
}

#tvcm #header_nav a{
	background:#E1811F;
}
#header_nav a:hover, #tvcm #header_nav a:hover{
	background: #FFD600;
}

/*-- Navigation ---*/

#nav {
	width:1300px;
	margin: 0 auto;
	text-indent: -9999px;
}

ul#topnav {
	margin:0 auto;
	height:120px;
}

ul#topnav li {
	width:165px;
	display:block;
	float:left;
	margin-right: 4px;
}

#topnav li a{
	width:165px;
	height:120px;
	display:table-cell;
	background-image:url(../images/topnav.png) ;
	background-repeat: no-repeat;
	transition: all 0.1s;
}

#topnav li#topnav1 a{   
	background-position: left 60px;
}
#topnav li#topnav2 a{
	background-position: -169px 60px;
}
#topnav li#topnav3 a{
	background-position: -338px 60px;
}
#topnav li#topnav4 a{
	background-position: -503px 60px;
}
#topnav li#topnav5 a{
	background-position: -690px 60px;
}
#topnav li#topnav6 a{
	background-position: -882px 60px;
}
#topnav li#topnav7 a{
	background-position: -1030px 60px;
	margin-right: 0;
}

#topnav li#topnav1 a:hover{   
	background-position: left -60px;
}
#topnav li#topnav2 a:hover{
	background-position: -169px -60px;
}
#topnav li#topnav3 a:hover{
	background-position: -338px -60px;
}
#topnav li#topnav4 a:hover{
	background-position: -503px -60px;
}
#topnav li#topnav5 a:hover{
	background-position: -690px -60px;
}
#topnav li#topnav6 a:hover{
	background-position: -882px -60px;
}
#topnav li#topnav7 a:hover{
	background-position: -1030px -60px;
	margin-right: 0;
}

#topnav li#topnav1_on a{   
	background-position: left -180px;
}
#topnav li#topnav2_on a{
	background-position: -169px -180px ;
}
#topnav li#topnav3_on a{
	background-position: -338px -180px;
}
#topnav li#topnav4_on a{
	background-position: -503px -180px;
}
#topnav li#topnav5_on a{
	background-position: -690px -180px;
}
#topnav li#topnav6_on a{
	background-position: -882px -180px;
}
#topnav li#topnav7_on a{
	background-position: -1030px -180px;
	margin-right: 0;
}

#topnav li#topnav4, #topnav li#topnav4 a, #topnav li#topnav4_on , #topnav li#topnav4_on a{
	width:189px;
}

#topnav li#topnav5, #topnav li#topnav5 a, #topnav li#topnav5_on , #topnav li#topnav5_on a{
	width:195px;
}

#topnav li#topnav6, #topnav li#topnav6 a, #topnav li#topnav6_on , #topnav li#topnav6_on a{
	width:145px;
}


/*------------------------
	Content
------------------------*/


#content_path{
	font-size:84%;
}

.entry_title{
	padding: 10px 5px 7px 5px  ;
	margin: 5px 0;
}

.entry_title h1{
	border-left: 6px solid #BB2100;
	font-weight: bold;
	color: #000000;
	font-size: 140%;
	padding-left:7px;
	border-radius: 5px;
}

#sale .entry_title h1 {
	border-color: #E1811F;
}
#shortstay .entry_title h1 {
	border-color: #57BA00;
}
#owner .entry_title h1 {
	border-color: #006FBE;
}
#tvcm .entry_title h1 {
	border-color: #FF5496;
}
#company .entry_title h1 , #shop .entry_title h1{
	border-color: #68CFCB;
}

.single-post .entry_title h2{
	border-left: 6px solid #68CFCB;
	font-weight: bold;
	color: #000000;
	font-size: 140%;
	padding-left:7px;
	border-radius: 5px;
}


#midashi2 {
	background: #BBFFF0 ;
	font-weight: bold;
	border-radius: 5px;
	padding: 10px 5px 7px 5px  ;
	border-color: #68CFCB;
}

#midashi3 {
	background: #FFFFFF ;
	font-weight: bold;
	border-radius: 5px;
	padding: 10px 5px 7px 5px ;
	width:97% ;
}

#middle_midashi{
	text-align:center;
	font-size:125%;
	font-weight: bold;
	color:#ffffff;
	border-radius: 5px;
	background: #BB2100 ;
	padding: 5px 3px 5px 3px  ;
	margin: 0 0 5px 0;
}

#shop_midashi{
	font-size:125%;
	font-weight: bold;
}

#text_kwd_home {
	border-radius:3px;
	color: #767676;
	font-size:70%;
	padding: 5px 3px 5px 3px  ;
	margin:10px 0 10px auto;
}

#text_kwd_home2 {
	border-radius:3px;
	color: #767676;
	font-size:70%;
	padding: 5px 3px 5px 3px  ;
	margin:10px 0 10px auto;
}

#text_kwd_rent {
	border-radius:3px;
	color: #767676;
	font-size:70%;
	padding: 5px 3px 5px 3px  ;
	margin:10px 0 10px auto;
}
.entry_content{
	background: #ffffff ;
	border-radius: 5px;
	padding: 20px  25px;
}

.more{
	margin:10px 0 10px auto;
	text-align:right;
}
.more a{
	border-top:#EBE1AA solid 3px ;
	border-bottom:#EBE1AA solid 3px ;
	border-left:#EBE1AA solid 8px ;
	border-right:#EBE1AA solid 8px ;
	border-radius:3px;
	background:#ffffff;
	padding: 1px 10px;
}
.more a:hover{
	background:#FFFF9E;
}


.pagenavi{
	margin:15px auto;
	text-align:center;
	width:500px;
}


.entry{
	background: #ffffff ;
	border-radius: 5px;
}

.entry_content p{
	margin:5px 3px;
}

.entry_content h2{
	border:2px solid #F49890;
	font-size:125%;
	font-weight:bold;
	line-height:1.1;
	padding: 10px 10px 7px 10px;
	margin:20px 0 15px 0 ;
	border-radius:7px;
	color:#000000;
}


.entry_content h3{
	font-size:110%;
	font-weight:bold;
	line-height:1.1;
	border-left: 6px solid #F49890;
	border-radius:6px;
	padding: 5px 5px 3px 5px ;
	margin:20px 0 10px 3px ;
	color:#000000;
}

.entry_content h4{
	background-color: #E2E2E2;
	line-height:1.1;
	border-radius:6px;
	padding: 5px 5px;
	margin:15px 0 5px 0 ;
	color:#000000;
}

.entry_content h5{
	line-height:1.1;
	border-radius:6px;
	padding: 5px 5px;
	margin:15px 0 5px 0 ;
	font-size:125%;
	font-weight: bold;
}

#sale .entry_content h2, #sale .entry_content h3 , #sale .entry_content h4 {
	border-color: #FFBB84;
}
#shortstay .entry_content h2, #shortstay .entry_content h3 , #shortstay .entry_content h4 {
	border-color: #A0D86F;
}
#owner .entry_content h2, #owner .entry_content h3 , #owner .entry_content h4 {
	border-color: #7BBCE6;
}
#tvcm .entry_content h2, #tvcm .entry_content h3 , #tvcm .entry_content h4 {
	border-color: #FFD143;
}
#company .entry_content h2, #company .entry_content h3 , #company .entry_content h4, #shop .entry_content h2, #shop .entry_content h3 , #shop .entry_content h4 {
	border-color: #B4E7E5;
}

.entry_content strong{
	font-size:105%;
	font-weight:bold;
}

.entry_content ul{
	margin:5px 5px 5px 20px ;
	list-style-type: none;
}
.entry_content ol{
	margin:5px 5px 5px 40px ;
	list-style: decimal;
}

.entry_content ol li{
	padding:3px 0;
}
.entry_content ul li{
	padding:3px 0 3px 17px ;
	background:url(../images/icon_list.png) no-repeat left 7px;
}

.entry_content dl{
	margin:5px ;
	list-style-type: none;
}

.entry_content  dt{
	background-color: #E2E2E2;
	line-height:1.1;
	border-radius:6px;
	padding: 3px 5px;
	margin:15px 0 5px 0 ;
	color:#000000;
	display: inline;
}

.entry_content  dd{
	padding: 5px 0px 8px 5px;
	border-bottom: 1px dotted #808080;
	margin-bottom: 10px;
}



.entry_content .entry_box{
	width:30%;
	float:left;
	margin: 0 0 7px 10px;
}

.entry_content .entry_box h3{
	border-radius:3px;
}

.entry_content .post_date{
	text-align: right;
	margin: 0 0  10px 0;
	font-size: 90%;
}



/*------------------------
	Sidebar
------------------------*/

#btn_chitaikensaku a{
	background: #39B54A;
	border-radius: 5px;
	display: block;
	height: 100px;
	margin-bottom: 5px;
}

#btn_chitaikensaku a:hover{
	background: #FFC100;
}

#aside .banner img{
margin-bottom: 5px;
}
#aside .banner img:hover{
	opacity:0.8;
	filter: alpha(opacity=80);
}

#btn_sidemenu_shop{
	width: 220px;
	height: 50px;
	background: #FFFFFF;
	margin: 0 0 5px 0;
	border-radius: 5px;
	display: block;
	cursor: pointer;
}

#list_sidemenu_shop{
	margin: 0 0 10px 0;
	display: block;
}

#list_sidemenu_shop li a{
	background: url(../images/icon_yaji.png) no-repeat 3px 9px;
	padding:3px 0 3px 25px ;
	border-bottom: 1px dotted #808080;
	display: block;
	color: #333333;
	text-decoration: none;
}

#list_sidemenu_shop li a:hover{
	background-color: #FFD600;
}

#btn_sidemenu_shop:hover{
	background: #FFD600;
}

#side_nav {
	width: 220px;
}

#side_nav a{
	width: 220px;
	height: 50px;
	background: #FFFFFF;
	margin: 0 0 5px 0;
	border-radius: 5px;
	display: block;
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}

#side_nav a span{
	height: 30px;
	display: inline-block;
	vertical-align: middle;
	border-left:6px solid #39B54A;
	border-radius: 5px;
	padding-left:8px ;
	padding-top: 10px;
	margin: 5px;
}

#side_nav a:hover{
	background: #FFD600;
}

#side_nav .btn_room{
	height: 59px;
}

#side_info, #side_bookinfo{
	margin: 10px auto;
	border-radius: 5px;
	background: #FFFFFF;
	padding: 10px;
	font-size: 90%;
}

#side_info .midashi_text{
	background: url(../images/icon_company.png) no-repeat left top;
	padding: 3px 0 3px 35px;
	font-weight: bold;
	margin-bottom: 5px;
	font-size: 110%;
}

#side_bookinfo .midashi_text{
	background: url(../images/icon_book.png) no-repeat left top;
	padding: 3px 0 3px 35px;
	font-weight: bold;
	margin-bottom: 5px;
	font-size: 110%;
}

#side_bookinfo  .main_photo{
	margin: 0 auto;
	text-align: center;
}

#side_info .btn_text a, #side_bookinfo .btn_text a{
	margin: 8px auto;
	background: #FFC100;
	min-width: 120px;
	border-radius: 5px;
	padding: 2px 10px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	display: block;
	text-align: center;
}

#side_info .btn_text a:hover, #side_bookinfo .btn_text a:hover{
	background: #FFD600;
}

#side_info h1{
	font-weight: bold;
	font-size: 140%;
	margin-bottom: 5px;
}

#side_info h2{
	font-weight: bold;
	font-size: 120%;
	margin-top: 5px;
}

/*------------------------
	Footer
------------------------*/

#shop_list_block_footer{
	width: 1010px;
	border-top:1px solid #808080;
	padding: 10px 0 0 0 ;
	margin: 0 auto ;
}

#shop_list_block_footer h2 {
	margin: 10px auto 0 auto;
}

#shop_list_block_footer #shop_list {
	margin: 0 auto  20px auto;
}

#shop_list_block_footer #shop_list li{
	display: block;
	padding: 5px ;
	float: left;
	width: 300px ;
}

#shop_list_block_footer #shop_list li a{
border-left: 6px solid #39B54A;
border-radius: 5px;
padding-left: 8px;
}

#footer_content{
	width:1010px;
	margin: 0 auto;
}

#footer_logo, #footer_nav, #footer_search{
	float: left;
	margin: 15px 5px 0 5px
}

#footer_logo{
	margin-top:10px;
	margin-right: 10px;
	float:left;
}

#footer_nav a{
	margin-right: 10px;
	background: #FFC100;
	min-width: 120px;
	border-radius: 5px;
	padding: 2px 10px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	display: block;
	float: left;
	font-size: 80%;
}

#footer_nav a:hover{
	background: #FFD600;
}


#footer_search input{
	margin-right: 5px;
	border-radius: 5px;
	border:none;
	padding: 5px;
}

#footer_search_submit{
	font-weight: bold;
	background: #FFC100;
}

#footer_search_submit:hover{
	background: #FFD600;
}

#footer_description{
	padding: 10px 0;
	font-size: 50%;
	color:#ffffff;
}

/*------------------------
	Favorite_list
------------------------*/


#btn_favorite{
	bottom:0;
	width: 100%;
	z-index: 100;
}

.btn_favorite_tab{
	display: block;
	float: left;
	margin: 0 3px;
}

.btn_favorite_tab a{
	display: block;
	background: #cccccc;
	color: #333333;
	text-decoration: none;
	padding: 5px 8px;
	border-radius: 5px 5px 0 0;
	font-size: 90%;
}

.btn_favorite_tab a:hover{
	background: #FFD600;
}

#btn_favorite4{
	display: none;
}

.btn_favorite_box{
	width: 100%;
	height: 300px;
	background: #cccccc;
	display: none;
}

#btn_favorite4box{
	height: 0px;
}


/*------------------------
	Wide_content
------------------------*/


#side_banner{
	position:absolute;
	top:190px;
	right:20px;
	display: block;
}

.admin-bar #side_banner{
	top:230px;
}


#side_banner a:hover{
	opacity: 0.8;
	filter: alpha(opacity=80);
}

@media screen and (max-width: 1440px) {
#side_banner{
	display: none;
}
}

#btn_pagetop{
	position:fixed;
	bottom:-10px;
	right:0;
	display: block;
	background-image:url(https://www.roomstation.com/cmd/images/btn_pagetop_hover.png);
}

#btn_pagetop a{
}

#btn_pagetop a:hover img{
	visibility: hidden;

}

#btn_toiawase{
	position:fixed;
	bottom:120px;
	right:0;
	display: block;
	background-image:url(https://www.roomstation.com/wpcms/wp-content/themes/kawasho/images/btn_toiawase_hover.png);
	background-repeat:no-repeat; 
}

#btn_toiawase a{
}

#btn_toiawase a:hover img{
	visibility: hidden;
}

#red1{
	color: #ff0000;
}

#red2{
	color: #ff0000;
}

#red3{
	color: #ff0000;
}

#red4{
	color: #ff0000;
}