html {
 overflow-y: scroll;
}

body{
	background-image: url("../img/bg.jpg");
	background-repeat: no-repeat;
	background-size: 100% 200px;
	margin : 0px;
	text-align:center;
}

#wrapper{
     margin-left: auto;
     margin-right: auto;
     text-align:left;
     width:960px;
     background : #FFFFFF;
}

#top {
	font-size: 13px;
	margin: 0px;
	padding: 3px;
	background : #1E90FF;
	color : #FFFAFA;
}

#h_img{
	background-color: #FFFFFF;
	height: 121px;
}

#h_work{
	height: 40px;
	padding: 10px 0 0 0;
}

#h_bottom{
	height: 5px;
	margin: 5px;
	text-align: right;
	text-indent: 1em;
}

#head{
	background-color: #FFFFFF;
	height:28px;
}

#head a{
	display:block;
}

#head ul{
	margin: 0px;
	padding: 0px;
}

#head li{
	list-style-type: none;
	float:left;
}

.cl{
	clear: both;
	text-align: left;
}

.box{
	background: #FFF;
	padding: 30px 50px;
	margin: 0;
	font-size: 16px;
        line-height:1.5em;
}

.box ul{
	padding: 5px;
}

.content{
	background-color: #FFFFFF;
	float: right;
	width: 600px;
	margin: 0px;
	padding: 0 0 0 15px;
	border-left: solid 1px #0A0A0A

}

.content ul{
	padding: 0px;
	margin: 0 0 0 1em;
	list-style-position: outside;
}

.content li{
	padding: 8px;
}

.space1{
	margin: 0px;
	padding: 5px;
}

.left{
	background-color: #FFFFFF;
	float: left;
	width: 180px;
	margin: 0px;
	padding: 15px 0px 0px 0px;
}

.left ul{
	padding-left: 10px;
	margin: 10px;
}

.date{
    text-align: center;
	font-weight: bolder;
}

#link{
	background-color: #3366FF;
	color: #FFFFFF;
	padding: 5px;
	margin-top: 5px;
	text-align: center;
	font-size : 0.9em;
}

#secretariat{
        color: #FFFAFA;
	background:#666;
        padding: 20px 30px;
        text-align: left;
        border-bottom: solid 1px #FFFAFA;
        margin-top: 5px;
}

#footer, #header{
	color: #FFFAFA;
	background:#666;
	background-repeat: no-repeat;
	padding: 5px;
	text-align: center;
	font-size : 0.9em;
}

#footer a{
	a:link { color: #FFFFFF; }
	a:visited { color: #FFFFFF; }
	a:hover { color: #000000; }
	a:active { color: #000000; } 
}

.red{
	color: red;
}

table,td,th {
	border-collapse: collapse;
	border: solid 1px;
}

td,th{
    padding:8px 25px;
    text-align: center;
    width: 200px;
}

th{
    background-color: #BBB;
}

.leftitem{
    width: 100px;
}

td.leftitem{
        background-color: #E0E0E0;
}

.com td {
	border-bottom: #e3e3e3 1px dotted;
	text-align: left;
	padding: 10px;
}

.com th {
	border-bottom: #e3e3e3 1px solid;
	border-left: #e3e3e3 1px solid;
	text-align: center;
	background: #E0E0E0;
	padding: 10px;
	font-weight: normal;
	width: 200px;
}

ul{
	padding: 0px;
	margin: 0 0 0 1em;
	list-style-position: outside;
	list-style-type: square;
}



h1 {
	margin : 0 ;
	font-size : 2em;
        line-height:1.5em;
	text-align: center;
	padding: 0 0 0.5em 0;
}

h2 {
	color : #000000;
	margin: 0em, 0em;
	font-size : 1.4em;
    border-bottom:1px solid #000000;
    padding:.5em .3em;
	text-indent: 12px;
}

h3 {
	color : #000000;
    background: #E0E0E0;  
	margin: 0px 0px 8px 0px;
	padding: 10px 0px 8px 0px;
	font-size : 1.4em;
	text-align: center;
}

h4 {
	color : #000000;
	margin: 1em 0px 8px 0px;
        padding-left: 10px;
	font-size : 1.4em;
	border-left: #000080 solid 6px;
}

h5 {
	color : #000000;
	margin: 1em 0px 8px 5px;
	font-size : 1.2em;
	border-left: #505050 solid 6px;
	text-indent: 5px;
}

a img {
    border-style:none;
}

textarea{
	font-size: 0.8em;
}

p {
	margin-top : 0px;
	margin-bottom : 10px;
	text-indent : 1em;
	line-height : 1.5em;
}


strong {
	color : #FF0000;
}

.q	{
	font-weight: bold;
	font-size: 110%;
}
.faq_text{
	margin: 5px 0px 10px 5px;
}

.submission	{
	width: 60%;
	padding: 10px;
	font-size: 120%;
	background: #FFFFAA;
	text-align: center;
}

.deadline{
	margin: 10px 0 50px 0;
	padding: 10px 50px;
	border:solid 1px #EFEFEF;
	border-radius: 1em; 
	background-color:#EFEFEF; 
}
.deadline-text{
	color: #000;
	margin: 5px 5px;
	padding: 5px 5px;
}

.text-bold{
	font-weight:bold;
	font-size : 1.4em;
	text-decoration:underline;
	display: inline-block;
	text-decoration:underline;
}

.text-small{
	display: inline-block;
        font-size : 0.9em;
}

.comment{
    margin-left:1em;
    text-indent:-1em;
    margin-bottom: 15px;
}

.button{
    margin: 30px;
    display: inline-block;
}

.buttoncenter{
    width: 600px;
    margin-left: auto;
    margin-right: auto;
}

.inline-box{
    display: inline-block;
    margin: 5px;
}

td.list-kaiin-left, td.list-kaiin-right {
    border: none;
    vertical-align:top;
    text-align: left;
}

td.list-kaiin-left {
    width: 280px;
}

td.list-kaiin-right {
    width: 500px;
}

table.list-kaiin{
    border: none;
}

.new, .upd, .notice, .extend{
    margin: 0 0 0 10px;
    font-size: 80%;
    display: inline;
    color: red;
    -webkit-animation:blink 1.5s ease-in-out infinite alternate;
    -moz-animation:blink 1.5s ease-in-out infinite alternate;
    animation:blink 1.5s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}

span.extend{
vertical-align: super;
color: red;
}

.reg-btn{
    text-decoration: none;
    font-weight: bold;
    text-align: center;
    font-size: 18px;
    display: block;
    background: #EEE;
    border-top: 3px solid #DDD;
    border-left: 3px solid #DDD;
    border-right: 3px solid #BBB;
    border-bottom: 3px solid #BBB;
    color:#111;
    padding: 20px 5px;
    margin: 30px auto;
}

.top-container{
    display:flex;
    flex-diretion: row;
}

.top-box a {
    width: 100%;
}