/* 

    Created on : 2019/3/1, 10:24:11
    Author     : crosswork.inc

Version: 1.00
*/

@font-face {
  font-family: 'Mamelon';
  src: url("./fonts/Mamelon.otf");
  font-display: swap;
}

html,body  { margin: 0; padding: 0; font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif; }
ul,li { margin:0; padding:0; }
li { list-style-type:none; }

header { border-top:3px solid #0086D1; width:100%; }
footer { width:980px; margin:0 auto; font-size:80%; padding-top:8px; }

img { vertical-align: bottom; }
body { background: #D3EADA;}

.ctsFrame { width:980px; margin: 0 auto; position:relative; }
.ctsFrame::after { display: table; content: " "; clear: both; }

#telBox { position:absolute; top:0; right:0; width:280px; height:78px; background-color:#00A0E9; border-radius: 4px; color:#FFF; text-align:center; font-size:14px; line-height:24px;}
#telNo { font-size:24px; font-weight:bold; }
#contents { 
	width:980px; margin: 0 auto; padding:42px; background-color:#FFF;
	box-sizing:border-box;
	border-radius: 14px;
}
#contents::after { display: table; content: " "; clear: both; }
#sidebar  {
	width:180px;
	font-family:'Mamelon';
	float:left;
	position:fixed;
}
#sidebar  ul { margin:0; padding:0; }
#sidebar  li { margin:0 0 8px 0; padding:0; list-style-type:none; text-indent:0.5em; line-height:32px; }
#sidebar a { display:block; width:180px; height:32px; background-color:#6AB82D; text-decoration:none; color:#FFF; border-radius: 4px; }
#sidebar a:hover { background-color:#CFDB00; }

#admin { text-align:center; margin-top:24px; }

#main { width:680px; float:right; }

h2 { background:url("images/h2.png") no-repeat 0 0; border-bottom:1px solid #6AB82D; font-family:'Mamelon'; text-indent:40px; margin:0; padding:0; }
h3 { font-family:'Mamelon'; }
/* TOP */
ul#topImg { margin:0 0 48px -10px; }
ul#topImg li { float:left; margin:0 0 0 10px; padding:0; width:220px; height:150px; }
ul#topImg::after { display: table; content: " "; clear: both; }

#information { padding:14px; }
#information li { border-bottom:1px dotted #0086D1; }
#information li span { display:inline-block; width:100px; }

/* */
ul.roomImg { margin:0 0 0 -10px; }
ul.roomImg li { float:left; margin:0 0 24px 10px; padding:0; }
ul.roomImg::after { display: table; content: " "; clear: both; }

#madori { text-align:center; margin:24px 0; }

h3 { clear:both; }

table#fee { font-size:90%; margin-top:24px; }
table#fee th,table#fee td { border:1px solid #999; }

#ctTelBox { margin:24px 0; text-align:center; }
#ctTelNo  { font-size:32px; font-weight:bold; }

dl#contact { width:90%; margin:14px auto; }
dl#contact dt { }
dl#contact dd { margin:0 0 12px 0; padding:0; }
dl#contact input,dl#contact textarea { width:100%; box-sizing:border-box; padding:8px; border-radius: 4px; border:1px solid #6AB82D; }
dl#contact textarea { height:64px; }

#btnBox { text-align:right; width:90%; margin: 0 auto; }
#btnBox input { padding:8px; background-color:#6AB82D; border:1px solid #999; border-radius: 4px; color:#FFF; }