@charset "utf-8";

/* --------------
 lightbox
-------------- */
.lb-outerContainer {
	width: 70%;
}

/* --------------
 reset
-------------- */
label {
	cursor: pointer;
}

/* --------------
 base
-------------- */
.ifsp {display: none;}

/* --------------
 common
-------------- */
.imgL {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
.imgR {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}

.floatL {float: left;}
.floatR {float: right;}

/* ----- layout space */
.mt10 {margin-top: 10px;}
.mt20 {margin-top: 20px;}
.ml20 {margin-left: 20px;}
.ml40 {margin-left: 40px;}
.mr20 {margin-right: 20px;}
.mr40 {margin-right: 40px;}
.mb10 {margin-bottom: 10px;}
.mb30 {margin-bottom: 30px;}

/* ----- width */
.wd200 {width: 200px;}
.wd250 {width: 250px;}
.wd300 {width: 300px;}
.wd310 {width: 310px;}
.wd400 {width: 400px;}
.wd450 {width: 450px;}
.wd500 {width: 500px;}
.wd600 {width: 600px;}
.wd620 {width: 620px;}
.wd650 {width: 650px;}

.wd40 {width: 40px;}
.wd60 {width: 60px;}
.wd80 {width: 80px;}

/* ----- text */
.fontL {font-size: 170%;}

/* ----- etc */
img.border8 {
	border: 8px solid #FFF;
	box-shadow: 0 0 8px #AAA;
}
img.border3 {
	border: 3px solid #FFF;
	box-shadow: 0 0 3px #AAA;
}


/* --------------
 style
-------------- */

/* =header
-------------------------------------------------------------- **/
#header {
	min-width: 950px;/* fallback */
}
#header .in {
	width: 930px;
	margin: 0 auto;
	padding: 0 10px;
}

/* =siteHeader
---------------------------------------------------- */
#siteHeader {
	float: left;
	width: 545px;
	height: 80px;
}

#siteHeader h1 {
	margin-bottom: 15px;
}

#siteHeader h2 a {
	width: 315px;
	height: 30px;
}

/* =bnrTel,bnrMap
---------------------------------------------------- */
#bnrTel {
	float: left;
	width: 225px;
	margin-top: 20px;
}

#bnrMap {
	float: right;
	width: 150px;
}

/* =globalNav
---------------------------------------------------- */
#globalNav {
	float: left;
	width: 770px;
	height: 80px;
}
#mainNav {
	width: 770px;
	height: 80px;
	position: relative;/* for accordion */
}

#mainNav li {
	float: left;
	width: 120px;
	height: 80px;
	margin-left: 10px;
	position: relative;/* for accordion */
}
#mainNav li:first-child {
	margin-left: 0;
}

#mainNav li a {
	width: 120px;
	height: 80px;
	text-indent: -9999px;
	background-image: url(../img/nav.png) !important;
	background-repeat: no-repeat;
	display: block;
	position: relative;/* for accordion */
}

#mainNav #nav1 a {
	background-position: left top;
}
#mainNav #nav2 a {
	background-position: -130px top;
}
#mainNav #nav3 a {
	background-position: -260px top;
}
#mainNav #nav4 a {
	background-position: -390px top;
}
#mainNav #nav5 a {
	background-position: -520px top;
}
#mainNav #nav6 a {
	background-position: -650px top;
}

#mainNav li a:hover {
	-moz-opacity:0.8;
	opacity:0.8;
}

/* sub nav */
#mainNav li .sub {
	width: 160px;
	padding: 5px;
	color: #FFF;
	border-radius: 5px;
	box-shadow: 0 0 5px rgba(0,0,0,0.3);
	background: #DCD6C6;

	position :absolute;
	left: -25px;
	top: 70px;
	display: none;
	z-index: 100;
}
.sub li {
	height: auto !important;
	margin-left: 0 !important;
}
.sub li a {
	width: 140px !important;
	height: auto !important;
	padding: 7px 10px 5px;
	color: #835C33 !important;
	text-indent: 0 !important;
	border-top: 2px dotted #EEECE4;
}
.sub li:first-child a {
	border-top: none;
}

#sub2 li a, #sub5 li a, #sub6 li a {
	background-image: none !important;
}


/* =container
-------------------------------------------------------------- **/
#container {
	width: 930px;
	margin: 0 auto;
	padding: 20px 10px;
}

/* =main
---------------------------------------------------- */


/* =footer
-------------------------------------------------------------- **/
#footer {
	padding-top: 20px;
	background: url(../img/bgFootRim.png) no-repeat center top;
}

/* =siteFooter
---------------------------------------------------- */
#siteFooter {
	min-width: 950px;/* fallback */
}
#siteFooter .in {
	width: 910px;
	margin: 0 auto;
	padding: 30px 20px 10px;
}

/* =bnrContact
------------------------------------------ */
#bnrContact {
	float: right;
	width: 350px;
}

/* =footTop
------------------------------------------ */
#footTop {
	float: left;
	width: 560px;
}
#footTop h2 {
	margin-bottom: 10px;
}

/* =footNav
------------------------------------------ */
#footNav {
	clear: both;
	width: 100%;
	margin-top: 15px;
	padding-top: 15px;
}
#footNav li {
	float: left;
	margin-right: 20px;
}

/* =copyright
------------------------------------------ */


/* =pageTop
-------------------------------------------------------------- **/
#pageTop {
	right: 30px;
	bottom: 50px;
}
#pageTop a {
	width: 60px;
	height: 60px;
}


/* --------------
 home
-------------- */
/* -------------------- visual */
#visual {
}

/* ---------- mainVisual */
#mainVisual {
	float: left;
	width: 627px;
	height: 286px;
	margin-bottom: 20px;
	border: 8px solid #FFF;
	box-shadow: 0 0 8px #AAA;
}
#mainVisual2 {
	float: left;
	width: 914px;
	height: 300px;
	margin-bottom: 20px;
	border: 8px solid #FFF;
	box-shadow: 0 0 8px #AAA;
}

/* ---------- clmEvent */
#clmEvent {
	float: right;
}
#clmEvent2 {
	width: 640px;
	height: 153px;
	background: url(../img/bgEvent02.png) no-repeat center top;
}
#clmEvent2 p {
	padding-top: 12px;
	padding-left:250px;
	text-align: center;
}
#clmEvent2 img {
	border: 3px solid #FFF;
	box-shadow: 0 0 2px #AAA;
}

/* -------------------- main */
.homeConts {
	float: left;
	width: 640px;
}

#ttlHmShisetsu {
	width: 330px;
	height: 50px;
}

#homeShisetsu .wd310 {
	float: left;
}

/* -------------------- sidebar */
#sidebar {
	float: right;
	width: 260px;
}

/* --------------
 sub page common
-------------- */
/* -------------------- pageHeader */
#pageHeader {
	margin: 15px 0;
}
#pageTtl {
	min-height: 40px;
	padding-top: 10px;
	padding-left: 40px;
}

/* -------------------- contents */
.contents {
	padding: 10px 0 20px;
}

/* ---------- title style */
.clmTtl {
	padding: 7px 20px;
	border-radius: 15px;
}

/* ---------- column style */
.boxWhite img {
	margin-bottom: 5px;
}

.clmLead {
	padding: 20px;
}


/* --------------
 sub page
-------------- */
/* =training 
-------------------------------------------------------------- **/
/* =regulations 
---------------------------------------------------- **/
.pgRegulations .tblA th {
	width: 200px;
}

/* =lecturer 
---------------------------------------------------- **/
.pgLecturer .contents,
.pgSchedule .contents {
	min-height: 400px;
}


/* =shisetsu 
-------------------------------------------------------------- **/
.tdImgWrap {
	padding: 10px 30px !important;
}

/* =olive 
---------------------------------------------------- **/
.ulBtnL li {
	float: left;
	margin: 0 2%;
}
.wd2 li {width: 46%;}
.wd3 li {width: 29%;}

.ulBtnL li a {
	padding: 10px 0 10px 10px;
	font-size: 140%;
	background: url(../img/arwBtnL.png) no-repeat 10px center #6aa220;
}
.ulBtnL li a:hover {
	background: url(../img/arwBtnL_ov.png) no-repeat 10px center #EDA42F;
}
.ulBtnL li#active a {
	background: url(../img/arwBtnL_ov.png) no-repeat 10px center #EDA42F;
}

/* ---------- merit */
.clmMerit article {
	float: left;
	width: 270px;
	margin: 10px;
	padding: 10px;
}

.boxA {
	margin: 10px;
	padding: 10px;
}

/* ---------- gallery */
.ulThumb li {
	margin-right: 10px;
	margin-bottom: 10px;
}

/* ---------- roomType */
.clmTp4 dl {
	float: left;
	width: 23%;
	margin: 5px 1%;
}

/* =contact 
-------------------------------------------------------------- **/
.pgContact .tblA th {
	width: 210px;
}

.pgContact textarea[name="adr"],
.pgContact textarea[name="ques"] {
	width: 600px;
}

.inputBtn input {
	padding: 5px 20px;
}

/* =info 
-------------------------------------------------------------- **/

/* =access 
---------------------------------------------------- **/
.ulBtnM li {
	margin-right: 10px;
}
.ulBtnM li a {
	padding: 5px 20px;
}