@charset "utf-8";

body {background: url("../img/bg.jpg") repeat;}

#contents {clear: both;margin: 0 auto;padding: 27px 0 0 0;border-top: 4px solid #b80000;width: 100%;}

h1 {margin: 0;padding: 30px 50px 0 0;text-align: right; font-weight: bold;color: #ffffff; font-size: 130%;}
.tit_01 {width:100%;margin: 0 0 20px 0;padding: 0; height: 90px; background: url("../img/bg_sub-title_info.jpg") repeat top right;}
.tit_02 {width:100%;margin: 0 0 20px 0;padding: 0; height: 90px; background: url("../img/bg_sub-title_guide.jpg") repeat top right;}
.tit_03 {width:100%;margin: 0 0 20px 0;padding: 0; height: 90px; background: url("../img/bg_sub-title_event.jpg") repeat top right;}
.tit_04 {width:100%;margin: 0 0 20px 0;padding: 0; height: 90px; background: url("../img/bg_sub-title_access.jpg") repeat top right;}
.tit_05 {width:100%;margin: 0 0 20px 0;padding: 0; height: 90px; background: url("../img/bg_sub-title_danka.jpg") repeat top right;}

.subtit {clear: both;margin: 0 0 20px 0 ;padding: 30px 0 3px 12px;border-left: 8px solid #e9b5b2;font-weight: bold; font-size: 120%;color: #a40000;}

.main {width:90%;margin: 0 auto;}


/*info*/
.info ul.top {clear: both;margin: 0;padding: 10px 0;border-top: 1px solid #aaaaaa;}
.info ul.h-2 {clear: both;margin: 0;padding: 10px 0;border-top: 1px dotted #cccccc;}
.info li {margin: 0;padding:5px 0;font-size: 90%;}
.info li.history01 {width: 40%;color: #a40000;float: left;font-weight: bold;}
.info li.history02 {width: 40%;color: #a40000;float:right; text-align: right;}
.info li.history03 {width: 100%;clear: both;}

/*guide*/
.guide-info {width: 90%; margin: auto}
.guide-info ul.top {clear: both;margin: 0;padding: 10px 0;}
.guide-info ul.h-2 {clear: both;margin: 0;padding: 10px 0;border-top: 1px dotted #cccccc;}
.guide-info li {margin: 0;padding:5px 0;}
.guide-info li.history01 {font-weight: bold;}
.guide-info li.history03 {width: 100%;clear: both;}

.guide {padding-top: 40px;}
.guide dl {clear: both;margin: 0;padding: 0;}
.guide dl img {width: 100%;border-radius: 3px; /* 角を丸くする */}
.guide dl p { padding: 10px 0 30px 0;}
.guide h4 {font-weight: bold;padding: 10px 0 0px 0;font-size: 110%;}


/*event*/
.event p {;padding: 10px 0px 40px 0px;}


header {
    position:fixed;
    width:100%;
    height:30px;
    top:0;
    left:0;
    background:#FFF;
    border-bottom:1px solid #000;
    z-index:100;
}
header .header-logo {text-align: center;height:100%;}


#header-bg {width: 100%; height: 100%; background: url("../img/s-logo.gif") no-repeat center;}
.spmenu_btn {
    display:block;
    position:absolute;
    top:8px;
    right:15px;
    width:30px;
    height:12px;
    background:#000;
    border-top:5px solid #fff;
    border-bottom:5px solid #fff;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    -moz-transition:all 0.3s;
    -webkit-transition:all 0.3s;
    transition:all 0.3s;
}
.spmenu_btn:before {
    content:'';
    position:absolute;
    width:30px;
    height:2px;
    background:#000;
    top:-9px;
    right:0;
    -moz-transition:all 0.1s;
    -webkit-transition:all 0.1s;
    transition:all 0.1s;
}
.spmenu_btn:after {
    content:'';
    position:absolute;
    width:30px;
    height:2px;
    background:#000;
    bottom:-9px;
    right:0;
    -moz-transition:all 0.1s;
    -webkit-transition:all 0.1s;
    transition:all 0.1s;
}
.spmenu_btn.active {
    background:#FFF;
}
.spmenu_btn.active:before {
    -moz-transform:rotate(-135deg);
    -webkit-transform:rotate(-135deg);
    transform:rotate(-135deg);
    top:0;
    right:0;
}
.spmenu_btn.active:after {
    -moz-transform:rotate(135deg);
    -webkit-transform:rotate(135deg);
    transform:rotate(135deg);
    bottom:0;
    right:0;
}
 
.spmenu {
    display:none;
    position:absolute;
    top:51px;
    left:0;
    width:100%;
    background:#000;
}
nav {
    display:block;
    width:100%;
    margin:0 auto;
}
nav li a {
    display:block;
    width:100%;
    color:#FFF;
    padding:15px;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    position:relative;
    border-bottom:1px solid #999;
}

.navi-mtxt-r {text-align: right;}
header a:link , header a:visited { text-decoration: none; }
header a:hover , header a:active { text-decoration: underline; }

#contents #side-s {width: 80%; clear: both; margin:0 auto; padding-top: 20px;}
#contents #side-s dl {width: 100%; clear: both;}
#contents #side-s dl dt {width: 35%; float: left;text-align: right;}
#contents #side-s dl dt img {width: 90%; display: block;}
#contents #side-s dl dd {width: 65%;  float:right;}
#contents #side-s ul {margin: 0 auto;padding: 0;width: 90%;}
#contents #side-s ul li {
	margin: 0 0 10px 0;
	padding: 3px 8px;
	width: 100%;
}
.square_btn{
    display: inline-block;
	width: 70%;
    padding: 0.5em 1em;
    text-decoration: none;
    background: #ffffff;/*f7f7f7*/
    border-left: solid 2px #a40000;/*左線*/
    color: #000000;/*文字色*/
    /*font-weight: bold;*/
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.29);
}
.square_btn:active {
    box-shadow: inset 0 0 1px rgba(128, 128, 128, 0.1);
    transform: translateY(2px);
}