@charset "utf-8";

body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote{margin:0;padding:0;}
p{margin-bottom:4px;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}

fieldset,img{border:0;}
table{border-collapse:collapse;border-spacing:0;}
ul,ul.li,img {vertical-align:bottom;}
html,body{height: 100%;}
body{line-height:1.5em;letter-spacing: 0.1em;font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;font-size: 12pt;}

/* for modern brouser */
.clearfix:after {content: ".";display: block;clear: both;height: 0;visibility: hidden;}
.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}

/* End hide from IE-mac */
a:link {color: #000000 }
a:visited {color: #000000}
a:hover {color: #0000FF }
a:active {color: #000066 }
span.hide {display:none;}

ul{margin:0;padding:0;list-style:none;}

dt a{font-weight:normal;}

/* for image */
.blockLeft{float:left;margin:0px 5px 0px 0px;}
.blockRight{float:right;margin:0px 5px 0px 0px;}

body{
	margin:0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#wrapper { 
	margin:0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	text-align:center;
	max-width:960px;
	min-width:320px;
}
#wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
}

header{
	margin-bottom:20px;
}

footer{
	margin:10px auto 20px auto;
	max-width:960px;
	min-width:320px;
	width:90%;

}

img.headerImageDr,
img.headerImageSc
{
	width:100%;
}

nav.logoTopDr{
	margin-top:10px;
	text-align:center;
	margin-bottom:20px;
}

img.logoTopDr{
	width:50%;
}
img.gotoPcTopDr{
	width:50%;
}

img.headerLogoSc,
img.headerLogoDr
{
	width:100%;
}

img.gotoPcTopSc
{
	width:50%;
}

.headerLogo{
	margin-top:10px;
}

nav.gotoPcTopSc
{
	text-align:right;
	width:100%;
	margin-top:10px;
	margin-bottom:20px;
}

h1{
	width:98%;
	text-align:center;
	color:#1770BA;
	font-size:16pt;
	line-height:28px;
	padding-left:2px;
	margin:15px auto 10px auto;
	text-shadow:2px 2px 5px #AAA;
	display:block;
/*
	border:1px solid red;
	height:40px;
*/

}

#pageTitle{
	font-size:12pt;
	border: 1px solid #666;
	border-radius: 10px;
	box-shadow: 0px 0px 5px #DDD;
	padding:0;
	margin:10px auto 10px auto;
	height:34px;
	line-height:34px;
	width:98%;
	text-align:center;
	
/*
	background-image: -moz-linear-gradient(top, #FFF, #EEE);
	background-image: -ms-linear-gradient(top, #FFF, #EEE);
	background-image: -o-linear-gradient(top, #FFF, #EEE);
	background-image: -webkit-linear-gradient(top, #FFF, #EEE);
	background-image: linear-gradient(top, #FFF, #EEE);
	background-clip: padding-box;
*/


/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f0f9ff+0,cbebff+47,a1dbff+100;Blue+3D+%2313 */
background: #f0f9ff; /* Old browsers */
background: -moz-linear-gradient(top,  #f0f9ff 0%, #cbebff 47%, #a1dbff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f9ff), color-stop(47%,#cbebff), color-stop(100%,#a1dbff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f0f9ff 0%,#cbebff 47%,#a1dbff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f0f9ff 0%,#cbebff 47%,#a1dbff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f0f9ff 0%,#cbebff 47%,#a1dbff 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f0f9ff 0%,#cbebff 47%,#a1dbff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f9ff', endColorstr='#a1dbff',GradientType=0 ); /* IE6-9 */
}


span.headerTel{
	font-size:140%;
	color:#A00;
	text-decoration: underline
}
 a:link.headerTel,
 a:visited.headerTel,
 a:hover.headerTel,
 a:active.headerTel
{
	color:#A00;
}


article h3,
nav h3{
	font-size:14pt;
	padding:6px 6px 6px 6px;
	border-radius: 10px 10px 0px 0px;
	border-bottom: 1px solid #000000;

	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */

}


article,
.mainMenu,
.roomMenu{

	border: 1px solid #666;
	-webkit-border-radius: 8px; /* Safari, Chrome用 */
	-moz-border-radius: 8px; /* Firefox用 */
	border-radius: 8px; /* CSS3 */
	padding:0;
	margin:20px auto 0px auto;
	width:98%;
}

.articleBody{
	text-align:left;
	padding:4px 8px 4px 8px;
}
.articleBody p{
	padding-bottom:30px;
}


.inMainMenu,
.inRoomMenu{

	margin:0;
	padding:0;
}
.inMainMenu li,
.inRoomMenu li{
	line-height:36px;

}
.inMainMenu a,
.inRoomMenu a{
	padding:4px 4px 4px 24px;
	text-align:left;
	display:block;
	border-top:1px solid #AAA;
	background: url(/design/ver3mb/skins/mkGo.png) 96% 4px no-repeat;
}


.boxNews dl{
	margin:0;
	text-align:left;
}
.boxNews dt{
	background: url(/design/ver3mb/skins/mkGo.png) 96% 4px no-repeat;
}

.boxNews dt a{
	padding:4px 4px 4px 24px;
	display:block;
	border-top:1px solid #AAA;
}

.boxNews dd{
	font-size:10pt;
}


.btnMobile a{
	display:block;
	border:1px solid #666;
	width:300px;
	background-color:#FFF;
	margin:20px auto 30px auto;
	border-radius:6px;
}


.readmoreBox{
	width:200px;
	margin:0px auto 8px auto;
/*	background-color:#bbeeff; */
	background-color:#daf4fd;

	border: 1px solid #666;
	-webkit-border-radius: 8px; /* Safari, Chrome用 */
	-moz-border-radius: 8px; /* Firefox用 */
	border-radius: 8px; /* CSS3 */
}

.readmoreBox a:link,
.readmoreBox a:visited,
.readmoreBox a:hover,
.readmoreBox a:active{
	color:#000;
}


div.navButtons{
}

img.navButton{
	width:30%;
	max-width:240px;
/*	height:96px; */
	margin:4px 0px 4px 0px;
}


/*
#classInfo{
	font-size:12pt;
	border: 1px solid #666;
	border-radius: 10px;
	box-shadow: 0px 0px 5px #DDD;
	
	background-image: -moz-linear-gradient(top, #FFF, #EEE);
	background-image: -ms-linear-gradient(top, #FFF, #EEE);
	background-image: -o-linear-gradient(top, #FFF, #EEE);
	background-image: -webkit-linear-gradient(top, #FFF, #EEE);
	background-image: linear-gradient(top, #FFF, #EEE);
	background-clip: padding-box;
	padding:0;
	margin-top:8px;
}
*/

.classInfo a{
	display:block;
	background: url(/design/ver3mb/skins/mkGo.png) 96% 4px no-repeat;
	padding:4px 4px 4px 0px;

}

.classInfo li{
	line-height:36px;
	border-bottom:1px solid #AAA;
	text-align:left;
	padding-left:10px;
}


.inBanners img{
	margin:10px 10px 10px 10px;
}


#pankuzu{
	margin:10px auto 10px auto;
	width:94%;
}

#pankuzu ul{
	text-align:left
}

#pankuzu li{
	display:inline-block;
	padding-left:20px;
	padding-right:20px;
	background:url(/design/ver3pc/skins/allow.png)no-repeat 0px 6px;
}

input{
	font-size: 12pt;
	padding:2px 2px 2px 2px;
	margin:2px 2px 2px 2px;
	height:24px;
}

select{
	font-size: 12pt;
	padding:2px 2px 2px 2px;
	margin:2px 2px 2px 2px;
	height:30px;
}


div.roomImage{
	margin:8px 2px 8px 2px;
}