@charset "UTF-8";

/* common
================================================== */
html,body{
	color: #fff;
	background: #ddd;
	/*color: #ffffff;
	background: #91061a;*/
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0.4);
	-webkit-text-size-adjust: none;
}

a:link,
a:visited,
a:hover{
	color: #fff;
	text-decoration: underline;
}

p,
dl{
font-size:120%;}

.pt01,
.pt02,
.pt03,
.pt04,
.pt05,
#pagelink{
font-size:120%;}

#ohitori,#ofutari/*,#estimate h3*/{padding-top:65px;margin-top:-65px;}
#parking,#car,#air,#jr{padding-top:65px;margin-top:-65px;}

.bold{
font-weight:bold;}

h3{
color:#031d54;
	font-weight:bold;
	margin:0 10px;
	text-align:left;
	text-decoration:none;
	padding:7px 0 7px 15px;
	letter-spacing:2px;
	display: block;
	background: url(../img/common/h3.png) no-repeat left top;
	background-size: 300px 30px;}

hr{
	margin:20px 0 0;
	border-bottom:1px dotted #ddd;
	border-top:none;
	border-left:none;
	border-right:none;}

/* header
================================================== */
#header{
	width: 100%;
	min-height: 54px;
	position:absolute;
	top:0;
}


/* headBar
================================================== */
#headBar{
	background: #c4e9f4;
	width: 100%;
	z-index: 900;
	overflow: hidden;
	border-bottom:2px solid #fff;
	
	
    position: fixed !important;  
    position: absolute;  
    top: 0;  
    left: 0;  
    width: 100%;  
	
}

#headBar h1{
	float: left;
}

#headBar ul{
	padding: 12px 10px 0 0;
	width: 65px;
	float: right;
}

#headBar ul li{
	float: left;
}

#headBar ul li.gnList{
	width: 65px;
}

#headBar ul li.gnList a{
	background: url(../img/common/btn_gnlist.gif) no-repeat left top;
	background-size: 62px 30px;
	text-indent: -9999px;
	width: 62px;
	height: 30px;
	display: block;
}


/* gnList
================================================== */
#gnList{
	background: rgba(255, 255, 255, 0.8);
	width: 100%;
	height: 100%;
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1000;
}

#gnList .floatingBlk{
	width: 100%;
	position: absolute;
}

#gnList ul{
	/*font-size: 16px;*/
font-size :120%;
	background: #75a5ef;
	margin: 40px 20px 0;
	border-radius: 5px;
}

#gnList ul li{
	border-top: 1px solid #333;
}

#gnList ul li:first-child{
	border-top: 0;
}

#gnList ul li a{
	background: url(../img/common/arw_right.png) no-repeat 98% 50%;
	background-size: 10px 13px;
	text-decoration: none;
	text-shadow: 2px 2px 2px #999999;
	padding: 15px;
	display: block;
}

#gnList .close{
	margin: 20px auto 0;
	width: 160px;
}

#gnList .close a{
	font-size: 0;
	background: #75a5ef;
	text-align: center;
	padding: 15px;
	border-radius: 5px;
	display: block;
}


/* pjaxContent
================================================== */
#pjaxContent{
	padding-top:54px;
	color: #333333;
	background: #ffffff;
	width: 100%;
	position: relative;
}

#pjaxContent a{
	color: #333333;
}

#pjaxContent > article{
	/*min-height: 700px;*/
}


/* topimage
================================================== */
#topimage{
	width: 100%;
}

#topimage img{
	width: 100%;
}


/* pageHome,
   pageFacilities,
   pageProduct,
   pageQuestion,
   pageCompany,
   pageProcess
================================================== */
#pageHome{padding-bottom: 30px;}
#pageFacilities{}
#pageProduct{}
#pageQuestion{}
#pageCompany{}
#pageProcess{}


/* pageHome > billboard
================================================== */
#billboard{
	width: 100%;
}

#billboard img{
	width: 100%;
}


/* pageHome > news
================================================== */
#news{
	font-size: 12px;
	background: #dfdfdf;
	padding: 10px 0;
	width: 100%;
}

#news .unit{
	color: #003;
	background: #fff;
	padding: 0 45px 15px 15px;
	margin: 0 10px;
	border-radius: 5px;
	min-height: 32px;
	position: relative;
}

#news .unit a{
	color: #06F;
}

#news .unit ul{
	height: 32px;
	position: relative;
	overflow: hidden;
}

#news .unit ul li{
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	padding-right:0px;
	padding-bottom:15px;
	border-bottom:1px dotted #ddd;
}

#news .unit ul li p{
	padding-top: 15px;
	padding-right:0px;
	white-space: nowrap;
	position: absolute;
	top: 1px;
	left: 0;
}

#news .unit ul li p time{
	margin-right: 10px;
}

#news .unit .btn{
	position: absolute;
	top: 10px;
	right: 10px;
}

#news .unit .btn a{
	background: url(../img/home/btn_arrow_news.png) no-repeat left top;
	background-size: 26px 90px;
	text-indent: -9999px;
	width: 26px;
	height: 26px;
	display: block;
}

/* news unit open */
#news.active .unit ul{
	height: auto;
}

#news.active .unit ul li{
	position: static;
}

#news.active .unit ul li p{
	white-space: normal;
	position: static;
}

#news.active .unit .btn a{
	background-position: left -51px;
}


/* pageHome > gnav
================================================== */
#gnav{
	padding: 10px 0 0;
	width: 100%;
}

#gnav ul{
	margin: 0 auto 10px;
	width: 300px;
}

#gnav ul li{
	margin-top: 5px;
}

#gnav ul li:first-child{
	margin-top: 0;
}


/* productBlk
================================================== */
#productBlk{
	/*min-height: 500px;*/
	min-height:350px;
	height:auto;
	position: relative;
	overflow: hidden;
}


/* productPanel,
================================================== */
/*.productPanel{
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transition: opacity 0.5s ease-in;
}

.productPanel.active{
	left: 0;
	-webkit-transition: left 0.5s ease-out, opacity 0.8s ease-in;
}*/
.productPanel{
	width:300px;
	margin:0 0;}
.productPanel h3{
	width:300px;
	margin:0 0;}
.productPanel h2{
	margin:0 -10px;}


/* plan
================================================== */


#pagelink li.plan{
font-size:123%;}

#pageFacilities #pagelink li.plan a{
	/*text-indent: -9999px;*/
	/*font-size:18px;*/
	/*color:#a40000;*/
	color:#666666;
	font-weight:bold;
	margin-bottom:5px;
	text-decoration:none;
	padding:10px 0 12px 35px;
	display: block;
	background: url(../img/common/tab_bg.gif) no-repeat left top;
	background-size: 300px 52px;
}




/* voice
================================================== */

.voice{
	width:300px;
	margin:0 0 0 0px;}

.voice .month{
	text-align:right;
	width:290px;
	padding:15px 5px 0;}

.voice .voice_text{
	font-size:80%;
	line-height:120%;
	padding:25px 10px 20px;
	margin:-20px 0 10px;}

.voice .f{
	background:#fbe6ef;}
	
.voice .m{
	background:#cbe8f6;}
	
.message{
	width:300px;
	margin:0px 10px 0 0;}

.message_text{
	font-size:80%;
	line-height:120%;
	margin:0px 0px 0px;}


/* pageFacilities > contents
================================================== */
#pageFacilities,#pageCompany{
	padding: 15px 0 30px;
}

#pageFacilities .bg_middle{
	/*background: url(../img/repair/bg_middle.gif) repeat-y left top;
	background-size: 300px 1px;*/
	background:#fff;
	margin: 0 auto;
	width: 300px;
}

#pageFacilities .bg_top{
	/*background: url(../img/repair/bg_top.gif) no-repeat left top;
	background-size: 300px 12px;*/
	background:#fff;
	width: 300px;
}

#pageFacilities .bg_bottom{
	/*background: url(../img/repair/bg_bottom.gif) no-repeat left bottom;
	background-size: 300px 12px;*/
	background:#fff;
	padding: 10px 0 15px;
	width: 300px;
}

#pageFacilities h2{
	font-size: 18px;
	font-weight: bold;
	padding:0px 0 0;
	margin: 0px 10px 0;
}

#pageFacilities .image{
	margin: 0 auto;
	width: 280px;
}

#pageFacilities #pagelink,
#pageFacilities #productTab{
	margin: 15px auto 0;
/*	width: 274px;
	height: 136px;
	overflow: hidden;*/
}

#pageFacilities #pagelink{
position:relative;
z-index:100;
margin-bottom:20px;}
	
#pageFacilities #productTab li{
/*	width: 132px;
	height: 73px;
	float: left;*/
}

/*#pageFacilities #productTab li.pt02,
#pageFacilities #productTab li.pt04{
	margin-left: 10px;
}*/

#fee_menu_a li a{
	/*text-indent: -9999px;*/
	/*font-size:18px;*/
	/*color:#a40000;*/
	color:#666;
	font-weight:bold;
	margin-bottom:5px;
	text-decoration:none;
	padding:15px 0 16px 35px;
	display: block;
	background: url(../img/common/tab_bg_a.gif) no-repeat left top;
	background-size: 300px 52px;
}
#fee_menu li a{
	/*text-indent: -9999px;*/
	/*font-size:18px;*/
	/*color:#a40000;*/
	color:#666;
	font-weight:bold;
	margin-bottom:5px;
	text-decoration:none;
	padding:15px 0 16px 35px;
	display: block;
	background: url(../img/common/tab_bg.gif) no-repeat left top;
	background-size: 300px 52px;
}
/*#pageFacilities #productTab li.pt01 a{
	background: url(../img/repair/tab_rest.png) no-repeat left top;
	background-size: 132px 63px;
}

#pageFacilities #productTab li.pt02 a{
	background: url(../img/repair/tab_kitchen.png) no-repeat left top;
	background-size: 132px 63px;
}

#pageFacilities #productTab li.pt03 a{
	background: url(../img/repair/tab_bath.png) no-repeat left top;
	background-size: 132px 63px;
}

#pageFacilities #productTab li.pt04 a{
	background: url(../img/repair/tab_other.png) no-repeat left top;
	background-size: 132px 63px;
}
*/
#facilities_meeting,
#facilities_front,
#facilities_room{
	left: -100%;
	opacity: 0;
}

/*#pageFacilities h3{
	text-align: center;
	margin-top: 30px;
}*/

#pageFacilities .area{
	margin-top: 15px;
}

#pageFacilities .area img{
	display: block;
}

#pageFacilities .area .img{
	margin-left: 0;
}
p.text{
	margin:2px 12px 15px;
	font-size:90%;
	color:#060829;
}
#pageFacilities .area p.text img{ margin-top:5px;}
#pageFacilities .area p.boxtext{
	margin:2px 0 15px;
	padding:10px;
	/*font-size:100%;*/
	color:#290606;
	background:#eee;
}

#pageFacilities .area .caution{
	margin-left: 15px;
}

#pageFacilities .area .check{
	margin: 15px 0 0 10px;
}




/*#c_single,
#single,
#twin,
#double{
	left: -100%;
	opacity: 0;
}*/

.r-img{width:280px;margin:5px auto;text-align:center}
.r-smn{display:inline; float:left; margin:0 0 10px 10px;}
.r-smn img{ float:left; margin:0 1px 0 0px;}

.clear{clear:both;}

/* pageCompany > contents
================================================== */

#pageCompany h2{
	font-size: 18px;
	font-weight: bold;
	padding:15px 0 0;
	margin: 0px 15px 0;
}

#pageCompany dl{
	/*font-size: 14px;*/
	margin: 15px 15px 0;
}

#pageCompany dl dt{
	font-weight: bold;
	color: #6e0611;
	margin-top: 10px;
}

#pageCompany dl dt:first-of-type{
	margin-top: 0;
}

#pageCompany dl dd{
	background: url(../img/company/border.png) repeat-x left bottom;
	background-size: 3px 2px;
	padding-bottom: 12px;
	margin-top: 5px;
}

 .map{
	text-align: center;
	padding: 15px 10px 30px;
}

 .map iframe{
	padding: 0;
	margin: 0;
	border: 0;
	overflow: hidden;
}


/* pageProcess > contents
================================================== */
#pageProcess{
	padding: 15px 0 30px;
}

#pageProcess h2{
	text-align: center;
}

#pageProcess .step{
	margin-top: 20px;
}

#pageProcess .step img{
	margin: 0 auto;
	display: block;
}

#pageProcess .finish{
	margin-top: 15px;
}

#pageProcess .finish img{
	margin: 0 auto;
	display: block;
}



/* access
================================================== */

p.title{
/*font-size:100%;*/
font-weight:bold;
margin:5px 0 3px;
color:#a40000;}

ol.access{
	font-size :100%;
	padding : 0 40px 0 40px;
	margin:-10px 0 20px;
	list-style:decimal;
}
ol.access li{
	margin-top : 5px;
}



/* footer
================================================== */
#footer{
	padding: 35px 0 10px;
	width: 100%;
	background:#031d54;
}

#footer #footerTel{
	text-align: center;
}

#footer #footerOfficial{
	text-align: center;
	margin-top: 10px;
}

#footer #footerNav{
	font-size: 15px;
	margin: 30px 10px 0;
	overflow: hidden;
}

#footer #footerNav li.home{
	float: left;
}

#footer #footerNav li.home a{
	background: url(../img/common/arw_left.png) no-repeat left center;
	background-size: 10px 13px;
	padding-left: 15px;
}

#footer #footerNav li.pagetop{
	float: right;
}

#footer #footerNav li.pagetop a{
	color:#666;
	background: url(../img/common/arw_top.png) no-repeat left center;
	background-size: 12px 10px;
	padding-left: 17px;
}

#footer #copyright{
	font-size: 11px;
	color: #666;
	text-align: center;
	margin: 10px 10px 0;
	display: block;
}





/* --- clearfix --- */
.clearFix:after {
content: " ";  
display: block; 
visibility: hidden; 
clear: both; 
height: 0.1px; 
font-size: 0.1em; 
line-height: 0; 
/*content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;*/
}
.clearFix {
min-height: 1px;
}

/****台風情報****/
.alert{
    width: 98%;
    height: 150px;
    margin: 15px auto;
    border: 2px solid red;
    text-align: center;
	}
.alert h5{
	font-size: 1em;
	font-weight: bold;
	color: red;
	padding: 30px 0 0 0;
	}
.alert p{
	font-size: 1em;
	padding: 10px 0 0 0;
	}
	
/** カレンダー **/
@media screen and (max-width: 800px){
	.alert{
		height: auto;
		padding: 0 15px;
		box-sizing: border-box;
		text-align: left;
	}
	.alert h5{
		padding: 15px 0 0;
	}
	.alert .content{
		font-size: 14px;
		padding-bottom: 15px;
	}
	span.fc-title{
	    font-size: 0.75em!important;
		}
	.fc-toolbar .fc-left {
		font-size: 1.35em!important;
		padding-top: 0.35em!important;
		font-weight: bold!important;
		}
	.fc-toolbar .fc-right {
		font-size: 1em!important;
		}
}