
/*-- header --*/
header {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100px;
    background:#3498ca;
    z-index:7777;
}
div.topUtil {
    position:absolute;
    top:27px;
    right:30px;
}
div.topUtil a {
    display:inline-block;
    width:45px;
    height:45px;
    text-indent:-9999px;
}
div.topUtil a.login {
    background:url('../img/head_Icon.png') no-repeat 0 0;
}
div.topUtil a.logout {
    background:url('../img/head_Icon.png') no-repeat -45px 0;
}
div.topUtil a.edit {
    background:url('../img/edit.png') no-repeat 0px 0;
}
div.topUtil a.headPrev {
    background:url('../img/head_Icon.png') no-repeat -135px 0;
}
header h1 {
    text-align:center;
    font-size:30px;
    line-height:100px;
    color:#134a79;
}
header h1 a {
    display:block;
    margin-top:12px;
}
div.navBtn {
    position:absolute;
    top:27px;
    left:30px;
    display:block;
    width:45px;
    height:45px;
    background:url('../img/head_Icon.png') no-repeat -90px 0;
}
/*-- END header --*/
/*-- quick menu --*/
div.quickMenu {
    position:fixed;
    left:0;
    bottom:0;
    width:100%;
    z-index:7777;
    background:#324956;
}
div.quickMenu a {
    display:block;
    float:left;
    width:20%;
    height:130px;
    text-align:center;
    font-size:22px;
    color:#fff;
}
span.ic {
    display:block;
    margin:20px auto;
    margin-bottom:8px;
    width:60px;
    height:60px;
    font-size:0;
    text-indent:-9999px;
    background:url('../img/quick_Icon.png') no-repeat;
    
}
span.ic01 {background-position:0 0;}
span.ic02 {background-position:-60px 0;}
span.ic03 {background-position:-120px 0;}
span.ic04 {background-position:-180px 0;}
span.ic05 {background-position:-240px 0;}
/*-- END quick menu --*/

div.contents {
    padding:20px 30px; min-height: 200px;
}
div.cntBox {
    margin-top:30px; 
}
div.cntBox:first-child {
    margin-top:0;
}
div.cntBox .imgBox{
    margin-top:30px; width:580px; float:left; 
}
div.cntBox .imgBox p {
    font-size:16px; line-height:1.3; 
}
div.cntBox div.imgComment {
    background-color:#dadada; margin-top:30px; width: 520px; float:left; margin-right: 20px; padding:20px;
}
div.cntBox div.imgComment p {
    font-size:16px; line-height:1.5;
}
div.cntBox img{
    margin-bottom:10px; 
}
div.cntBox .reservButton {color:#fff; width:120px; float:right; text-align:center; padding:10px; border-radius:5px; border:1px solid #9dc7f2; background-color:#9dc7f2; font-size:20px;}
div.cntBox li.transP {
    text-decoration:none; font-size:24px; width:130px; background-color:#d0d0d0 ; border:2px solid #ededed; border-radius:30px; text-align:center; padding:20px; display:inline-block;
}

/*-- tabMenu --*/
ul.tabMenu {
    width:100%;
    height:80px;
    background:#2a368c;
}
ul.tabMenu li {
    float:left;
    width:33.3333%;
    text-align:center;
}
ul.tabMenu li a {
    padding:0 20px;
    display:inline-block;
    font-size:22px;
    line-height:80px;
    color:#cccccc;
}
ul.tabMenu li a.active {
    height:75px;
    border-bottom:5px solid #ffc600;
    color:#fff;
}
/*-- END tabMenu --*/

/*-- text --*/
h2.subTit01 {
    display:inline-block;
    margin-bottom:30px;
    font-size:28px;
    line-height:36px;
    color:#43371f;
}
h2.subTit02 {
    display:inline-block;
    margin-bottom:10px;
    font-size:26px;
    line-height:36px;
    color:#076198;
}
p.subTit03 {
    display:block;
    margin-bottom:0px;
    font-size:22px;
    line-height:36px;
    color:#575757;
}
p.subTit04 {
    font-size:20px;
    font-weight:300;
}
ul.textLine {
    line-height: 1.5; 
    margin-top: 10px;
    margin:20px;
}
p.inTxt {
    padding-left:10px;
    display:inline-block;
    font-size:20px;
    font-family: 'Noto Sans DemiLight';
    color:#555;
}
p.subTxt01 {
    margin-bottom:30px;
    font-size:20px;
    line-height:30px;
    color:#333;
}
/*-- END text --*/

/*-- table --*/
table.tbl01 {
    margin-bottom:20px;
	width:100%;
}
table.tbl01 tr th {
	padding:10px 2px;
	border:1px solid #eee;
	background:#f9f9f9;
	font-family: 'Noto Sans DemiLight';
	font-size:16px;
	line-height:24px;
	color:#777;
}
table.tbl01 tr td {
	padding:10px 2px;
	border:1px solid #eee;
	text-align:center;
	font-size:16px;
	line-height:24px;
	color:#555;
    position: relative;
}
table.tbl01 tr td span.colPoint {
    color:#f15b23;
}
table.tbl01 tr td.alignLeft {
    text-align:left;
}
table.tbl01 tr td p{font-size:18px; font-weight:800;}
/*-- END table --*/

/*-- button --*/
div.btn01 {
	margin-top:30px;
	text-align:center;
}
div.btn01 > a {
	margin:0 5px;
	padding:13px 0;
	display:inline-block;
	width:130px;
	background:#bbb;
	font-size:22px;
	color:#fff;
}
div.btn01 > a.colBlue {
	background:#07b4b0;
}
div.btn01 > a.colOrange {
	background:#ff9914;
}
/*-- END button --*/

/*-- listStyle --*/
p.markTxt {margin-bottom:8px; font-size:16px; line-height:30px; color:#555; letter-spacing:-1px}
ul.commonUl li {
    margin-bottom:8px;
    padding-left:10px;
    font-size:20px;
    line-height:30px;
    background:url('../img/spot01.png') no-repeat 0 12px;
    color:#555;
}
ol.commonOl {
    margin-top:20px;
}
ol.commonOl li {
    list-style:decimal;
    margin-bottom:5px;
    margin-left:30px;
    font-size:20px;
    line-height:30px;
    color:#555;
}
/*-- END listStyle --*/
.txtcntBox p {font-size: 18px; margin: 15px 0; line-height: 22px;}
.pointPhrz {font-size: 24px; letter-spacing: -1px; color: #ffc600; margin: 20px 0;}

.bigTtitle {font-size: 36px; font-weight: normal; margin: 20px auto 10px auto;}

ul.commonText li {
    margin-bottom:8px;
    padding-left:10px;
    font-size:20px;
    line-height:30px;
    color:#555;
}

.endline {clear:both;}

/*-- footer --*/
footer {
    padding:30px 0;
    background:#2a368c;
    text-align:center;
	/*bottom: 0; position: absolute; width: 100%;*/
}
footer p {
    margin:0 auto;
    width:580px;
    font-size:15px;
    line-height:24px;
    color:#fff;
}
footer .copy {font-size: 18px;}/*-- END footer --*/

/*240701*/
