@charset "utf-8";

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

#contents-bg {clear: both;margin: 0 auto;padding: 0;background: url("../img/bg_contents.jpg") repeat-y;}
#contents {clear: both;margin: 0 auto;padding: 0;background: #ffffff;}
#contents #main , #contents #main2  {margin: 0;padding: 0;}
#contents #side {margin: 0;padding: 0;border-top: 6px solid #ececec ;text-align: center;}
#contents #side .logo {margin: 0 auto;padding: 20px 0;}

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

.main-bg {margin: 0 auto;padding:0 10px 10px 10px; width: 95%;background: #ffffff;border-radius: 10px; /* 角を丸くする */background: url("../img/bg_main_l.jpg") repeat-x;}
.main-txt {margin: 0 auto;padding:0 20px  20px 20px;}
.sh-link {margin: 0 auto;padding:10px 0px; font-size: 70%; clear: both;}
.sh-link a:link { color:#666666; text-decoration: none; }
.sh-link a:visited { color:#666666; text-decoration: none; }
.sh-link a:hover { color:#a40000; text-decoration: underline; }
.sh-link a:active { color:#a40000; text-decoration: underline; }


/*info*/
.info ul.top {clear: both;margin: 0;padding: 15px 0 0 0;border-top: 1px solid #aaaaaa;}
.info ul.h-2 {clear: both;margin: 0;padding: 15px 0 0 0;border-top: 1px dotted #cccccc;}
.info li {margin: 0;padding: 0 0 15px 0;font-size: 90%;}

/*guide*/
.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 dl dt {float: left;margin: 0;padding: 0;width: 47%;}
.guide dl dd {float: right;margin: 0;padding: 0;width: 47%;}
.guide h4 {font-weight: bold;padding: 10px 0 0px 0;font-size: 110%;}

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


/*new*/
.new-box {border: 1px solid #ececec; width: 95%;height: 100px; margin:0 auto;}
#new {background: #ffffff;padding: 5px 10px;}
#new dl {width: 100%;clear: both;color: #666666; text-align: left;font-size: 90%;padding: 10px 0px;border-: 1px dotted #eeeeee ;}



/*ブラウザ幅が1040px以上 */
@media only screen and (min-width:1040px){	
#contents-bg {width: 1044px;}
#contents {width: 1040px;}
#contents #main2 {background: url("../img/bg_main2.jpg") repeat-y;border-top: 6px solid #b80000;}	
#contents #main , #contents #main2 {width: 819px;float: right;border-top: 6px solid #b80000;}
#contents #side {width: 220px;float: left;}
.s-menu {display: none;}
#contents #side .logo {width: 175px;}
#contents #side ul {margin: 0 auto;padding: 0;width: 175px;}
#contents #side ul li {float: left;margin: 0;padding: 0;width: 39px;}
#contents #side ul li.sp {padding-right: 6px;}
#contents #main dl.info dt {float: left;margin: 0;padding: 0;width: 100px;}
#contents #main dl.info dd {float: right;margin: 0;padding: 0;width: 500px;}
/*new*/
#new dl dt {width: 10%;float: left;}
#new dl dd {width: 86%;float:right;}
/*info*/
.info li {float: left;}
.info li.history01 {width: 15%;}
.info li.history02 {width: 15%;color: #a40000;}
.info li.history03 {width: 70%;}
}

/*ブラウザ幅が800px〜1040pxの間 */
@media screen and (min-width: 800px) and (max-width: 1040px) {
	
#contents , #contents-bg {width: 100%;}
#contents #main2 {background: url("../img/bg_main2.jpg") repeat-y;border-top: 6px solid #b80000;}	
#contents #main , #contents #main2 {width: 78%;float: right;border-top: 6px solid #b80000;}
#contents #side {width: 22%;float: left;}
.s-menu {display: none;}
#contents #side .logo {width: 175px;}
#contents #side ul {margin: 0 auto;padding: 0;width: 175px;}
#contents #side ul li {float: left;margin: 0;padding: 0;width: 39px;}
#contents #side ul li.sp {padding-right: 6px;}
/*new*/
#new dl dt {width: 15%;float: left;}
#new dl dd {width: 83%;float:right;}
/*info*/
.info li {float: left;}
.info li.history01 {width: 15%;}
.info li.history02 {width: 15%;color: #a40000;}
.info li.history03 {width: 70%;}
}

/*ブラウザ幅が800px以下 */
@media only screen and (max-width:800px){
#contents , #contents-bg {width: 100%;}
#contents #main2 {background: url("../img/bg.jpg") repeat;}	
#contents #main {width: 100%; clear: both;}
#contents #side {display: none;}
/*new*/
#new dl dt {width: 20%;float: left;}
#new dl dd {width: 75%;float:right;}
/*info*/
.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;}
	
.s-menu {overflow: hidden; width: 100%;margin-bottom: 1px;}
.s-menu li {float: left;width: 20%;margin: 0px;}
.s-menu li.smenu-01 a { background: url(../img/smenu_icon_01.gif) #02428f center no-repeat; }
.s-menu li.smenu-02 a { background: url(../img/smenu_icon_02.gif) #fff center 12px no-repeat; }
.s-menu li.smenu-03 a { background: url(../img/smenu_icon_03.gif) #fff center 12px no-repeat; }
.s-menu li.smenu-04 a { background: url(../img/smenu_icon_04.gif) #fff center 12px no-repeat; }
.s-menu li.smenu-05 a { background: url(../img/smenu_icon_05.gif) #fff center 12px no-repeat; }
.s-menu li.smenu-06 a { background: url(../img/smenu_icon_06.gif) #fff center 12px no-repeat; }
.s-menu li a {
        display: block;
        height: 110px;
        /*border-radius: 8px;*/
        font-size: 80%;
        color: #333;
        text-align: center;
        text-decoration: none;
		/*border: 1px dotted #d9d9d9;*/
      }
.s-menu li a span {display: block;padding-top: 70px;line-height: 120%;}
.s-menu li a:hover { opacity: 0.7; }

.flexslider {clear: both;}
	
}