@charset "UTF-8";

/******************************
  Common Style
******************************/
body{
	font-size:95%;
	color:#333333;
	background: #f0f8ff;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.font_s {
	font-size: 80%;
}
.font_l {
	font-size: 150%;
}
.font_b {
	font-weight: bold;
}

.txt_red{
	color:#DF1014;
}
.txt_point_blue{
	color:#0089D1;
	font-size:120%;
	font-weight:bold;
	border-left:#9acd32 double 10px;	
	padding-left:.5em;
	margin:.5em;
}
.area{
	overflow:hidden;
	clear:both;	
	margin-bottom:3em;
}

/*Text Align*/

.L {
	text-align: left !important;
}
.C {
	text-align: center !important;
}
.R {
	text-align: right !important;
}

dt{float:left;}
.FLeft{float:left;}

.MagR10px{margin-right:10px;}
/******************************
  #Wrap
******************************/
#Wrap{
	width:1000px;
	margin:0 auto 4em auto;
	background-color:#FFFFFF;
	border-bottom:#ccc solid 1px;
	border-right:#ccc solid 1px;
	border-left:#ccc solid 1px;			
}
#Header{
	border-top:#00A3DD solid 4px;
	border-bottom:#eee solid 4px;	
	padding:1em 2em;
	background:url(../images/common/header.jpg) no-repeat right top;
	overflow:hidden;
}
#Header h1{
	width:500px;
	float:left;
}
#Header strong{
	color:#00A3DD;	
	width:30em;
	margin-left:20px;
	letter-spacing:1px;
	
}

/** Gnav ********************************/

#Wrap #Gnav{
/*	background:url(../images/common/bg_gnav_off.png) repeat-x;*/
	clear:both;
	margin-left:60px;
	margin-top:1.5em;
}

#Wrap #Gnav ul li a{
	color:#666633;
	width:205px;
	line-height:40px;
	font-weight:bold;
	text-align:center;
	float:left;
	border:#B0B0B0 solid 1px;			
	background: -webkit-linear-gradient(top, #fff 0%, #f0f0f0 100%);
	background: linear-gradient(to bottom, #fff 0%, #f0f0f0 100%);
	border-radius:5px;
	margin-right:20px;
	box-sizing: border-box;
}

#Wrap #Gnav ul li a{
	text-decoration:none;
}

 
#Gnav ul li a{
	color:#666633;
 }
#Gnav ul li a:hover{
	color:#666633;
	background:url(../images/common/bg_gnav_on.png) repeat-x;
	display:block;		
 } 

/** #Contents ********************************/

#Wrap #Contents{
	clear:both;
	padding:20px 60px 30px;
	overflow: hidden;		
}

/** #Contents #RightMenu ********************************/

#Wrap #Contents #RightMenu{
	width:270px;
	float:right;	
}
#Wrap #Contents #RightMenu .address h2{
	color:#00A3DD;
	font-weight:bold;
	font-size:120%;
	width:100%;
	border-bottom:#00A3DD dotted 2px;
	margin-right:30px;
	margin-bottom:0.5em;
}


/** #Contents #RightMenu .address ********************************/
.address strong{
	font-weight:bold;
	color:#666633;	
}
.address{
	width:60%;
	border-top:#00A3DD solid 4px;	
	border-left:#808080 solid 1px;
	border-right:#808080 solid 1px;	
	border-bottom:#808080 solid 1px;		
	padding:15px;
	overflow:hidden;
	float:left;	
}
.address .map{
	margin-left:10px;
}
.address li{float:left;}

.address dt{
	width:5em;
}
.address dd{
	margin-left:5em;
}


/** #Contents #RightMenu .DL ********************************/
.DL{
	width:400px;
	border:#808080 solid 1px;
	border-top:#00A3DD solid 4px;
	float:left;
}
.DL h2{
	color:#fff;
	font-weight:bold;
	font-size:110%;
	margin-bottom:0.5em;
	padding:0.5em .75em;
	background:#00A3DD;
}

.DL ul{
	margin-left:2em;
	margin-bottom:0.8em;
}
.DL li{
	margin-bottom:0.2em;
}

/** #Contents #Main ********************************/

#Wrap #Contents #Main{
	width:880px;

}

#Wrap #Contents #Main p{
	margin:0.5em 1em;
	line-height:1.8em;
}
.info{
	background:#f0ffff;
	padding:.8em 1em;
	margin:1em;
}

#Main .info h2{
	color:#0089D1;
	font-size:120%;
	font-weight:bold;
	border-left:#9acd32 double 10px;	
	padding-left:.5em;
	margin:.5em;
}
.area{
	overflow:hidden;
	clear:both;	
	margin-bottom:3em;
}
#Wrap #Contents #Main .area .box01{
	width:430px;
	margin-right:20px;
	float:left;
	overflow:hidden;
}
#Wrap #Contents #Main .area .box02{
	width:430px;	
	float:left;
	overflow:hidden;
}
#Wrap #Contents #Main .area .box03{
	width:500px;	
	overflow:hidden;
	margin-left:auto;
	margin-right:auto;
	margin-top:2em;
	
}
#Wrap #Contents #Main .area .dlbox01{overflow:hidden;margin-left:1em;}
#Wrap #Contents #Main .area .dlbox01 dt{width:5em;}
#Wrap #Contents #Main .area .dlbox01 dd{margin-left:5em;}
#Wrap #Contents #Main .room{
	padding-bottom:1em;
	clear:both;
	overflow:hidden;
}
#Wrap #Contents #Main .room p{
	padding:0;
	margin:0;
}


ul.topicpass{
	width:98%;
	margin-bottom:1.5em;
	text-align:right;
	display:inline-block;
	font-size:85%;
	background:#eee;
	border-radius:20px;
	padding:.2em .75em;
	overflow:hidden;
}
.topicpass li{
	float:left;
	display:inline-block;
	margin-left:.2em;
}


/** #Footer ********************************/

#Wrap #Footer{
	color:#FFFFFF;
	background:#00A3DD;
	clear:both;
	padding-top:6px;
	overflow: hidden;			
}

#Wrap #Footer p.copyright{
	background:#00A3DD;
	padding:6px 20px;
	text-align:center;
}

/******************************
  leyout Style
******************************/

/**　見出し ********************************/
#Wrap #Contents #Main h3{
	font-weight:bold;
	padding: .75em 1em;
	border: 1px solid #ccc;
	border-top: 3px solid #3498db;
	background: -webkit-linear-gradient(top, #fff 0%, #f0f0f0 100%);
	background: linear-gradient(to bottom, #fff 0%, #f0f0f0 100%);
	box-shadow: 0 -1px 0 rgba(255, 255, 255, 1) inset;
	margin:2em 0 1em 0;
	clear:both;
}
#Wrap #Contents #Main h4{
	font-weight:bold;
	position: relative;
	padding: .5em 1em .5em 1.5em;
	border-bottom: 1px solid #ccc;
	margin-bottom:1em;
	clear:both;
	background:#f5f5dc;
}
#Wrap #Contents #Main h4::after {
	position: absolute;
	top: .5em;
	left: .75em;
	content: '';
	width: 6px;
	height: -webkit-calc(100% - 1em);
	height: calc(100% - 1em);
	background-color: #ff8c00;
}
#Wrap #Contents #Main h4{
	font-weight:bold;
	padding:.75em .5em .5em 2em;
}
#Wrap #Contents #Main h5{
	background:#afeeee;
	margin:.5em;
	padding:.5em 1em;
	font-weight:bold;
}
/********************
その他
********************/
table.Tbl{
	font-size:90%;	
	margin-bottom:1em;
	border-top:#666 solid 1px;
	border-left:#666 solid 1px;	
			
}

table.Tbl th{
	font-size:85%;
	padding:.5em;
	font-weight:bold;
	color:#FFF;
	background-color:#8C8C8C;	
	border-right:#666 solid 1px;
	border-bottom:#666 solid 1px;					
}
table.Tbl th.ttl{
	font-size:85%;	
	padding:0.2em 0.5em;
	font-weight:bold;
	color:#666666;
	background-color:#ccc;	
	border-right:#666 solid 1px;	
}
table.Tbl td{
	padding:0.2em 0.5em;
	border-bottom:#666 solid 1px;
	border-right:#666 solid 1px;		
}

.pay dt{
	float:left;
	margin:0;	
}
.pay dd{
	float:left;
	margin:0;		
		
}

.contact{
	width:30%;
	border:#808080 solid 1px;
	padding:1em;
	margin-left:20px;
	float:left;	
}

.contact h2{
	color:#fff;
	font-weight:bold;
	font-size:110%;
	width:95%;
	margin-right:30px;
	margin-bottom:0.5em;
	padding:0.5em;
	background:#00A3DD;
}
/**　番号つきリスト ********************************/
ol.no li{
	margin-top:0.8em;
}

/**　資料ＰＤＦ／ダウンロード ********************************/
ul.siryo1{
	margin-left:2.5em;
}
ul.siryo1 li{
	list-style-type:square;
	color:#d2691e;
	font-weight:bold;
}
ul.siryo2{
	margin-bottom:1em;
}
ul.siryo2 li{
	background:url(../images/common/pdf.gif) left center no-repeat;
	list-style:none;
	color:#333333;
	font-weight:normal;	
	padding-left:1.5em;		
}
.PdfLink{
	background:url(../images/common/pdf.gif) left center no-repeat;
	padding-left:1.5em;
}
.XlsLink{
	background:url(../images/common/xls.gif) left center no-repeat;
	padding-left:1.5em;
}


/**　W-Size ********************************/
.W5em{
	width:5em;
}
.W6em{
	width:6em;
}
.W7em{
	width:7em;
}
.W8em{
	width:8em;
}
.W9em{
	width:9em;
}
.W12em{
	width:12em;
}

/**　table ********************************/
.TbMidashi{
	color:#FFF;
	font-weight:bold;
	background-color:#808080!important;
	letter-spacing:5px;
	text-align:center;
}
.General{
	color:#666!important;
	font-weight:bold;
	background-color:#f1f1d2!important;
	letter-spacing:5px;
	text-align:center;
}
.General span{
	width:4em;
	font-size:150%;
	color:#FFF;
	background-color:#FF9701;
	display:inline-block;
	padding:0.2em 1em;
	margin:0.5em;
	border-radius:5px;
}
.GeneralBox{
	width:3em;
	color:#FFF;
	background-color:#FF9701;
	display:inline-block;
	padding:0.2em 1em;
	margin:0.5em;
	border-radius:5px;
}
.priority{
	color:#666!important;
	font-weight:bold;
	background-color:#afeeee!important;
	letter-spacing:5px;
	text-align:center;
}	
.priority span{
	min-width:10em;
	font-size:150%;
	color:#FFF;
	background-color:#486d94;
	display:inline-block;
	padding:0.4em 1em;
	margin:0.2em;
	border-radius:5px;
}	
.priorityBox{
	width:3em;	
	color:#FFF;
	background-color:#486d94;
	display:inline-block;
	padding:0.2em 1em;
	margin:0.5em;
	border-radius:5px;
}	
.BtnLink a{
	color:#444;
	font-weight:bold;
	padding: .75em 1em;
	border: 1px solid #ccc;
	background: -webkit-linear-gradient(top, #fff 0%, #f0f0f0 100%);
	background: linear-gradient(to bottom, #fff 0%, #f0f0f0 100%);
	box-shadow: 0 -1px 0 rgba(255, 255, 255, 1) inset;
	margin:1em 4em;
	clear:both;
	display:block;
	text-decoration:none;
}

#preview{
	position: absolute;
	border: 1px solid #8d8d8d;
	background: #444;
	padding: 6px;
	display: none;
	color: #333;
	font-weight:bold;
	text-align: center;
}

.slider {
	margin-left:auto;
	margin-right:auto;	
}

.roomName3f h3{margin-top:0 !important;}
.roomName3f p,.roomName4f p,.roomName5f p,.roomName6f p{
	font-weight:bold;
	margin:1em 0 !important;
	padding:0.2em 1em;
}

 .Close {
	width:100%;
	text-align:center !important;
	border-top:1px dotted #999;
	margin-top:20px;
	padding-top:10px;
}

.Close p a{
	width:10em;
	font-weight:bold;
	padding: .75em 1em;
	border: 1px solid #ccc;
	background: #f0f8ff;
	background: linear-gradient(to bottom, #fff 0%, #f0f0f0 100%);
	box-shadow: 0 -1px 0 rgba(255, 255, 255, 1) inset;
	margin:0.5em auto !important;
}
.Close p a{
	text-decoration:none;
	color:#666;
	display:inline-block;
}

.point{
	font-size:150%;
	color:#4A9325;
}

.pagetop {
	display: none;
	position: fixed;
	bottom: 30px;
	right: 55px;
}
.pagetop a {
	display: block;
	width: 50px;
	height: 50px;
	background-color:#1E90FF;
	border-radius: 50px;
	text-align: center;
	color: #fff;
	font-size: 24px;
	text-decoration: none;
	line-height: 50px;
}

.Links{
	color:#666;
	border-bottom:#333333 dotted thin;
	padding-left:.75em;
	margin-top:4em;
	margin-bottom:1em;
}
.point-orange{
	font-size:90%;
	font-weight:bold;
	width:3em;
	color:#FFF;
	background-color:#FF9701;
	display:inline-block;
	padding:0.05em 1em;
	border-radius:5px;
}

/* 追加CSS：20230707 */
.boxGuide h2{
	color: #00A3DD;
	background: #fff;
    font-size: 120%;
    font-weight: bold;
    border-left: #00A3DD solid 10px;
    padding-left: 0.5em;
    margin: 1em auto -1em;
	padding: 0.5em 1em;
}
/* お知らせ */
.boxinfo{
	margin: 1em 0 1em 1em;
	box-sizing: border-box;
	overflow: hidden;
}
.boxinfo dt{
	font-size: 105%;
}
.boxinfo dt,.boxinfo dd{
	width: 100%;
	display: block;
}
.boxinfo dt::before{
	content: "◆";
	color:#0089D1;
}
.boxinfo dd p{
	padding: .5em 0;
	line-height: 150%;
}

/*吹き出しスタイル*/
.boxballoon{
  position: relative;
  display: inline-block;
  background: #ff8c00;
  border-radius: 30px;
  padding: 8px 3em;
  font-weight: bold;
  color: #fff;
}
.boxballoon::before{
  content: "";
  /* borderで三角形を作る */
  border: 8px solid transparent;
  border-top: 8px solid #ff8c00;
  /* 配置する */
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
}

.DL ul{
	margin-left: 1.5em;
}

.clearfix:after {
	content: "";
	display: block;
	clear: both;
}

.clearfix:before {
　　　　content: "";
	display: block;
	clear: both;
}

.clearfix {
	display: block;
}
.boxWrap{
	display: flex;
}