@charset "utf-8";
@import url("reset.css");
@import url("common.css");
@import url("print.css");
* {
	margin: 0;
	padding: 0; }
html {
	background-image: url(../media/bg2.jpg);
	background-repeat: repeat-x;
	background-attachment: fixed;
	background-position: center top;
	margin:  0; }
.anchor{
	position: relative;
	top:-100px;
	left:0; }
.anchor h3 {
	position: relative;
	top: 100px !important;
	left:     0; }

body {
	color: #111;
	font-size: 10px;
	line-height: 1.6;
	text-align: center; }
* html body {
	font-size: 62.5%;
	line-height: 1.6; }
*:first-child+html body {
	font-size: 62.5%;
	line-height: 1.6; }
* html .iepngfix, 
* html #lnavi li a, 
* html #rnavi li a, 
* html #main dt, 
* html #main h4, 
* html #main .png_bg1, 
* html #main .png_bg2 {
behavior: expression(IEPNGFIX.fix(this));
} 
p {
	font-size: 1.2em;
	text-align: justify;
	padding-bottom: 1.2em; }
strong {
	font-weight: bold;	 }

ul, ol {
	padding-bottom: 1.2em;
		 }

li {	font-size: 1.2em; }
li li {	font-size: 1em; }

td p, td li, td dt, td dd {
	font-size: 1em; }

table {
	font-size: 100%;
	line-height: 1.6; }
td, th {
	font-size:   1.2em;
	line-height: 1.6;
	text-align: left;
	vertical-align: top;
	padding: 4px; }
a:link { }
a:visited { }
a:hover { }
a:active { }
img {
	border-style: none;
	border-width: 0; }
.pdf {
	background-image: url(../media/pdf.gif);
	background-repeat: no-repeat;
	background-position: left center;
	margin-right: 6px;
	margin-left: 6px;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 22px; }
.word {
	background-image:    url(../media/word.gif);
	background-repeat:   no-repeat;
	background-position: left center;
	margin: 2px 6px;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left:        20px; }

.scolor {	color:        #369 !important;
	border-color: #369 !important; }

.bg_scolor {
	background-color: #369 !important;
		 }

#top {
	 }

.inbox {
	text-align: left;
	width: 944px;
	margin-right: auto;
	margin-left: auto; }

/*header*/
#header {
	background: url(../media/bg2.jpg) no-repeat center top;
	position: fixed;
	width: 944px;
	height: 81px;
	z-index: 10; }
#h_in {	background: url(../media/bg2.jpg) no-repeat center top;
	width:      944px;
	height:     81px; }

#header h1 {
	background-image: url(../media/logo.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -9999px;
	position: absolute;
	top: 10px;
	width: 266px;
	height: 37px; }
#header h1 a {
	width: 266px;
	height: 37px;
	float: left; }
#header ul {
	position: absolute;
	right: 0; }
#header ul li {
	background-image: url(../media/sn.jpg);
	background-repeat: no-repeat;
	height: 57px;
	float: left;
	display: block;	 }

#header ul li a {
	color: #369;
	line-height: 0;
	text-decoration: none;
	margin-top: 28px;
	margin-right: 20px;
	margin-bottom: 29px;
	padding-right: 10px;
	padding-left: 50px;
	display: block; }

#header ul li a:hover   {	text-decoration: underline; }

/*footer*/
#footer {
	background-color: #fff;
	position: relative;
	top: 105px;
	height: 3em;
	float: none;
	clear: both;
	padding-top: 4px;
	border-top: 1px dashed #369; }
#footer2 {	background-color: #fff;
	padding-top:      4px;
	position:         fixed;
	z-index:          50;
	bottom:           0;
	left:             0;
	width:            100%;
	height:           4em;
	float:            none;
	clear:            both;
	border-top:       1px dashed #369; }

#f_in {
	position: relative;
	padding-right: 2px;
	padding-left: 2px; }
#footer ul {
	 }
#footer li {
	display: inline; }
#footer li a {
	color: #369;
	background-image: url(../media/link01.gif);
	background-repeat: no-repeat;
	background-position: left center;
	text-decoration: none;
	margin-right: 12px;
	padding-right: 4px;
	padding-left: 8px; }
#footer li a:hover {
	text-decoration: underline; }
#footer .copyright {
	color: #369;
	font-size: 1em;
	position: absolute;
	top: 0;
	right: 0; }
/*content*/
#content {
	position: relative;
	width: 944px; }
/*lnavi*/
#lnavi {
	position: fixed;
	top: 81px;
	width: 182px;
	z-index: 30;
	padding-bottom: 20px; }
#lnavi .menu {
	background-image: url(../media/menu.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	width: 176px;
	height: 40px;
	padding-bottom: 0; }
#lnavi ul {
	width: 176px;
	padding-bottom: 0; }
#lnavi li {
	width: 176px;
	display: inline; }
#lnavi li a {
	color: #369;
	font-weight: bold;
	line-height: 0;
	background-image: url(../media/gn.png);
	background-repeat: no-repeat;
	text-decoration: none;
	text-indent: 8px;
	width: 176px;
	float: left;
	margin-bottom: 3px;
	padding-top: 16px;
	padding-bottom: 19px;
	display: block; }
#lnavi li a:hover {
	color: #111;
	text-decoration: underline; }
#lnavi #bnr {
	padding-top: 10px; }
/*rnavi*/
#rnavi {
	padding-bottom: 20px;
	position:       fixed;
	z-index:        25;
	top:            81px;
	margin-left: 768px; }
#rnavi ul {
	width: 172px;
	padding-bottom: 0; }
#rnavi li {
	width: 176px;
	display: inline; }
#rnavi li a {
	color:             #369;
	font-weight:       bold;
	line-height:       1.2;
	text-decoration:   none;
	background:        rgba(255, 255, 255, 0.6);
	display:           block;
	width:             176px;
	float:             left;
	margin-bottom: 8px;
	padding: 8px 4px;
	border-right: 1px solid #fff;
	border-left: 4px solid #fff;
	border-bottom: 1px solid #fff;
	border-top-color: #fff;
	border-top-width: 1px; }

#rnavi li a:hover {
	color: #111;
	text-decoration: underline; }
#rnavi li.highlight a {
	color:             #d80000;
	font-weight:       bold;
	line-height:       1.2;
	text-decoration:   none;
	background:        rgba(255, 255, 255, 0.6);
	display:           block;
	width:             176px;
	float:             left;
	margin-bottom: 8px;
	padding: 8px 4px;
	border-right: 1px solid #fff;
	border-left: 4px solid #fff;
	border-bottom: 1px solid #fff;
	border-top-color: #fff;
	border-top-width: 1px; }
/* 点滅 */
.blinking{
	-webkit-animation:blink 2s ease-in-out infinite alternate;
    -moz-animation:blink 2s ease-in-out infinite alternate;
    animation:blink 2s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
    0% {opacity:0;}
    70% {opacity:1;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0;}
    70% {opacity:1;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0;}
    70% {opacity:1;}
    100% {opacity:1;}
}
/*main*/
#main {
	position: relative;
	min-height: 520px;
	height: auto!important;
	height: 400px;
	top: 81px;
	left: 192px;
	width: 560px; }
.totop {
	text-align: right;
	float: none;
	clear: both;
	margin-right: 10px;
	margin-left: 10px;
	padding-top: 12px;
		 }

.totop a {
	color: #369;
	background-image: url(../media/link01.gif);
	background-repeat: no-repeat;
	background-position: left center;
	text-decoration: none;
	padding-left: 8px; }

.totop a:hover {
	color: #369;
	text-decoration: underline; }

#main #tp_h2 {
	font-size: 12px;
	background-image: url(../media/tp_title.gif);
	background-repeat: no-repeat;
	background-position: 10px 20px;
	text-indent: -9999px;
	height: 62px;
	padding: 0; }
#main h2 {
	color: #fff;
	font-size: 2.4em;
	font-weight: bold;
	padding: 12px 10px;	 }

#main h3 {
	color: #369;
	font-size: 1.6em;
	font-weight: bold;
	background-color: #fff;
	background-image: url(../media/bar01.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	position: relative;
	margin-top: 12px;
	margin-bottom: 16px;
	padding: 4px 10px; }
#main h4 {
	color:               #fff;
	font-size:           1.6em;
	font-weight:         bold;
	background-image: url(../media/dt_bg.png);
	position: relative;
	margin-top: 12px;
	margin-bottom: 12px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 7px;
	border-left: 3px solid #369; }
#main h4 .mini_r {
	font-size: 0.75em;
	text-align:right;
	display: block;
	padding: 2px 10px;
}
#main h5 {
	color: #369;
/*	color:               #fff;*/
	font-size:           1.6em;
	font-weight:         bold;
/*	background-image: url(../media/dt_bg.png);*/
	position: relative;
	margin-top: 12px;
	margin-bottom: 12px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 7px;
	border: 1px solid #efefef;
	border-left: 3px solid #369; }
	
#main dl {
	position: relative;
	margin-right: 10px;
	margin-bottom: 12px;
	margin-left: 10px; }

#main dt {
	color: #111;
	font-size: 1.4em;
	font-weight: bold;
	background-image: url(../media/dt_bg2.png);
	background-position: 0 0;
	margin-bottom: 6px;
	padding-right: 8px;
	padding-left: 8px;
	border: solid 1px #fff; }

#main dd { }
#main dd ul { }

#main dd ul li {
	margin-left: 1.4em;
	list-style-type: circle;
	list-style-position: outside; }

#main p {
	position: relative;
	padding-right: 10px;
	padding-left: 10px; }
#main ul, #main ol {
	position: relative;
	padding-right: 10px;
	padding-left: 10px; }
#main .news {
	min-height:250px;}
#main .news span {
	color: #555;
	font-size: 0.86em;
	line-height: 1;
	margin-top: 10px;
	display: block; }
#main .news a {
	margin-bottom: 10px;
	padding-left: 6px; }
#main .news li {
	display: inline; }
.list_class {
	 }

.list_name {
	background-image: url(../media/line01.gif);
	width: 12em; }
.png_bg1 {
	background-image: url(../media/png_bg1.png);
	padding-top: 12px; }

.png_bg2 {	background-image: url(../media/dt_bg2.png);
	padding-top: 12px; }
.inli {
	overflow: auto;
	float: none;
	clear: both; }
.inli li {
	display: inline !important;
	float:   left;
	margin-right: 24px;
	white-space: nowrap; }
.inli.half li {
    width: 240px; }
#main .outline {
	width: 540px;
	margin-right: 10px;
	margin-left: 10px;
	border: 0 #fff; }
#main .outline th {
	color: #369;
	font-weight: bold;
	width: 7em;
	padding-right: 0;
	padding-bottom: 1.2em;
	padding-left: 0;
	border-color: #fff;
	border-style: none none solid;
	border-width: 0 0 1px; }
#main .outline td {
	padding-right: 0;
	padding-bottom: 1.2em;
	padding-left: 12px;
	border-color: #fff;
	border-style: none none solid solid;
	border-width: 0 0 1px 1px; }
#main .list1 {
	width: 540px;
	margin-right: 10px;
	margin-left: 10px;
	border: 0 #fff; }
#main .list1 th {
	color: #369;
	font-weight: bold;
	width: 7em;
	padding-right: 0;
	padding-bottom: 1.2em;
	padding-left: 0;
	border-color: #fff;
	border-style: none none solid;
	border-width: 0 0 1px; }
#main .list1 td {
	padding-right: 0;
	padding-bottom: 1.2em;
	padding-left: 12px;
	border-color: #fff;
	border-style: none none solid solid;
	border-width: 0 0 1px 1px; }
#main .list2 {
	width: 540px;
	margin-right: 10px;
	margin-bottom: 12px;
	margin-left: 10px;
	border-color: #bbb;
	border-style: solid none none solid;
	border-width: 1px 0 0 1px; }
#main .list2 th {
	font-weight: bold;
	padding: 8px;
	border-color: #bbb;
	border-style: none solid solid none;
	border-width: 0 1px 1px 0; }
#main .list2 td {
	background-image: url(../media/dt_bg2.png);
	padding: 8px;
	border-color: #bbb;
	border-style: none solid solid none;
	border-width: 0 1px 1px 0; }
#main .list3 {
	width: 540px;
	margin-right: 10px;
	margin-bottom: 12px;
	margin-left: 10px;
	border-color: #bbb;
	border-style: solid none none solid;
	border-width: 1px 0 0 1px; }
#main .list3 th {
	font-weight: bold;
	padding: 4px 8px;
	border-color: #bbb;
	border-style: none solid solid none;
	border-width: 0 1px 1px 0; }
#main .list3 td {
	text-align: right;
	padding: 4px 8px;
	border-color: #bbb;
	border-style: none solid solid none;
	border-width: 0 1px 1px 0; }
#main .list3 thead td {
	color: #fff;
	font-weight: bolder;
	background-image: url(../media/dt_bg.png);
	text-align: center;
	padding: 4px 8px;
	border-color: #bbb;
	border-style: none solid solid none;
	border-width: 0 1px 1px 0; }
#main .list3 thead th {
	color: #fff;
	font-weight: bolder;
	background-image: url(../media/dt_bg.png);
	text-align: center;
	width: 9em;
	padding: 4px 8px;
	border-color: #bbb;
	border-style: none solid solid none;
	border-width: 0 1px 1px 0; }
#main .list3 tfoot td {
	background-image: url(../media/dt_bg2.png);
	padding: 4px 8px;
	border-color: #bbb;
	border-style: none solid solid none;
	border-width: 0 1px 1px 0; }
#main .list3 tfoot th {
	background-image: url(../media/dt_bg2.png);
	padding: 4px 8px;
	border-color: #bbb;
	border-style: none solid solid none;
	border-width: 0 1px 1px 0; }
#main .list3 caption {
	color: #369;
	font-size: 1.4em;
	font-weight: bold; }
#main .list4 {
	width: 540px;
	margin-right: 10px;
	margin-bottom: 12px;
	margin-left: 10px;
	border-color: #bbb;
	border-style: solid none none solid;
	border-width: 1px 0 0 1px; }
#main .list4 th {
	font-weight: bold;
	padding: 4px 8px;
	border-color: #bbb;
	border-style: none solid solid none;
	border-width: 0 1px 1px 0; }
#main .list4 td {
	padding: 4px 8px;
	border-color: #bbb;
	border-style: none solid solid none;
	border-width: 0 1px 1px 0; }
#main .list4 thead td {
	color: #fff;
	font-weight: bolder;
	background-image: url(../media/dt_bg.png);
	text-align: center;
	padding: 4px 8px;
	border-color: #bbb;
	border-style: none solid solid none;
	border-width: 0 1px 1px 0; }
#main .list4 thead th {
	color: #fff;
	font-weight: bolder;
	background-image: url(../media/dt_bg.png);
	text-align: center;
	padding: 4px 8px;
	border-color: #bbb;
	border-style: none solid solid none;
	border-width: 0 1px 1px 0; }
#main .list4_name {
	width: 18em;	 }
#main .em9 {	width: 9em; }
#main .em16 {	width: 16em; }
#main .em18 {	width: 18em; }
#main .em20 {	width: 20em; }

#main .list4 caption {
	color: #369;
	font-size: 1.4em;
	font-weight: bold; }
/*
#main #event img {
	position: relative;
	left: 10px;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	display: block;
	 }
*/
#event p {
	float: none;
	clear: both; }
#main img.must {
	width: 30px;
	height: 16px;
	float: left;
	margin: 0 4px 0 0; }
#thanks {
	background-image: url(../media/dt_bg2.png);
	margin-right: 9px;
	margin-bottom: 24px;
	margin-left: 9px;
	padding: 30px 8px;
	border: solid 1px #fff; }

#thanks p,
#mfp_thanks {
	font-size: 1.6em;
	font-weight: bold;
	padding-bottom: 0;
	text-align: center;
}

#main .photo2_flex {
	padding: 0 10px 6px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
#main .attention_txt {
	padding-left: calc(3em + 10px);
	text-indent: -3em;
}