@charset "UTF-8";
/* CSS Document */

html, body{
	margin:0;
	padding:0;
}

body {
	font-size:14px;
	color:#333;
	font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	line-height:1.6;
	background:#c0c0c0;
	margin: 0 auto;
}

#contents {
	position:relative;
	overflow:hidden;
	width:900px;
	margin:0 auto;
	background:#fff url(images/footer_bk.png) no-repeat right bottom;
}

header {
	position:relative;
	padding:25px 20px 0;
	margin: 0;
	background:#6f9fc3;
	color:#ffffff;
	border-bottom: 5px solid #c0c0c0;
}
header h1{
	margin:0;
	padding:0 20px 0 0;
	text-align:left;
	font-weight: 500;
	font-size: 36px;
	letter-spacing: -0.05em;
	line-height: 100%;
	float: left;
}

header p.eng_title{
	margin:0;
	padding:10px 0 0;
	font-size: 24px;
	font-weight:normal;
	line-height: 100%;
}
header p.subtitle{
	clear: both;
	margin: 0;
	color: #ff8080;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 5px;
	font-size: 24px;
	font-weight: 600;
	text-shadow:  1px  1px 5px #fff,
               -1px  1px 5px #fff,
                1px -1px 5px #fff,
               -1px -1px 5px #fff;
}



#main {
	box-sizing: border-box;
	float:right;
	width:680px;
	padding: 30px 10px 10px;	
}
.english #main {
	padding-top:15px;
	padding-bottom:300px;
}

#sub {
	box-sizing: border-box;
	float:left;
	width:220px;
	padding: 0;
}

footer {
	box-sizing: border-box;
	width:900px;
	margin:0 auto;
	padding:15px 0;
	background:#6f9fc3;
	color:#fff;
}


/* FOOTER */
address {
	font-style:normal;
	font-size:12px;
	margin:0;
	padding:0;
	text-align:center;
}


/* MENU */

nav {
	overflow:hidden;
	position:relative;
	background:#6f9fc3;
}
nav h3{
	display:none;
}
nav ul {
	margin:0 0 26px;
	padding:0 10px;
}
nav li {
	list-style:none;
	margin:0;
}
nav li a {
	display:block;
	padding:15px 10px 5px;
	color:#ffffff;
	text-decoration:none;
	border-bottom:1px solid #e1e1e1;
}
nav li a:hover{
	color: #ff8080;
}

/* SUB */

#sub_info{
	padding-top: 30px;

}
#sub_info .sub_btn{
	margin:0 10px 20px;
	padding-top: 10px;
    }
#sub_info .sub_btn a {
	display:block;
	padding:15px 10px;
	margin:10px 15px 0px 15px;
	height:20px;
	border-radius:10px;
	color:#fff;
	background:#006;
	line-height:130%;
	text-align: center;
	text-decoration:none;
}
#sub_info .sub_btn a:hover{
	background:#6f9fc3;
}

.sub_box{
	margin:0 10px 20px;
	padding:0;
    }  
.sub_box h3{
	margin:0 ;
	padding:10px;
	font-weight:bold;
	color:#fff;
	background:#6f9fc3;
	border-radius: 10px 10px 0 0;
}
.sub_box p{
	margin:0;
	padding:10px;
	font-size:13px;
	border-right: 2px solid #6f9fc3;
	border-left: 2px solid #6f9fc3;
	border-bottom: 2px solid #6f9fc3;
	border-radius: 0 0 10px 10px;
}


/* ///////// 装飾 //////// */
#main h2{
	font-size:18px;
	padding:10px;
	font-weight:bold;
	color:#fff;
	background: #0055aa;
	border-radius: 10px 10px 0 0;
}
#main h2:first-child{
	margin-top: 0;
}
#main h3{
	clear:both;
	font-size:16px;
	margin:40px 0 5px;
	padding:0;
	font-weight:bold;
	color:#0055aa;
	border-bottom:1px dashed #ccc;
}
#main h3:first-child{
	margin-top: 20px;
}
#main h4{
	clear:both;
	font-size:15px;
	margin:25px 0 5px;
	padding:0;
	font-weight:bold;
	color:#66c;
}

#main #article{
	padding: 0 10px;
}

#main p{
	margin:10px 0 5px;
}

#main .bigger{
	font-size:large;
	font-weight:bold;
}
#main .smaller{
	font-size:small;
	font-weight:normal;
}
#main p.chui{
	font-size: 11px;
	color: #666;
	margin:5px 0;
}


#main a,
#sub_info a{
	color:#33c;
}
#main a:hover,
#sub_info a:hover{
	color:#63c;
}
#main .text_right{
	text-align:right;
}
#main .text_center{
	text-align:center;
}

#main table{
	border-top:1px solid #ccc;
	border-right:1px solid#ccc;
}
#main table td,
#main table th{
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
	padding:3px;
}
#main table th{
	background:#eee;
	font-weight:bold;
}

#main table.reg{
    width: 95%;
    margin-left:12px;
    border-spacing: 0px;
    -webkit-border-horizontal-spacing: 0px;
    -webkit-border-vertical-spacing: 0px;
}
#main table.reg th{
	font-weight: normal;
}
#main table.reg th.hissu{
	background : #ffc1c1;
	font-weight: bold;
}
#main .t_small{
	font-size: smaller;
}

#main dd.kikan {
    font-size: 160%;
    font-weight: bold;
}
#main dd.kikan span {
    font-size: 150%;
}
#main .red {
    color: #c00;
}

#main .bold{
	font-weight:bold;
}
#main .clear{
	clear:both;
}

#main .top{
	clear:both;
	text-align:right;
	font-size:75%;
}

#main  ul {
    list-style: none;
}

#main .deci {
    list-style-type: decimal;
}
#main .deci li{
	margin-bottom:10px;
}

#main .disc{
	list-style-type: disc;
}
#main .disc li{
	margin-bottom:10px;
}

#main .sage13 {
    margin: 0 0 7px 1.3em;
    text-indent: -1.3em;
}
#main .sage1{
	text-indent: 1em;
}

#main ul.btn_sanka {
	margin:0;
	padding-left: 30%;
}

#main .btn_sanka li {
	margin:10px 5px 5px 0;
	width: 250px;
	height:50px;
	float:left;
	border-radius:10px;
	color:#fff;
	line-height:130%;

}

#main .btn_2 li{
	width:275px;
	height:50px;
}

#main .btn_3 li{
	width:180px;
	height:50px;
}

#main .btn_sanka a li{
	background:#006;
}
#main .btn_sanka a:hover li {
	background:#6f9fc3;
}


#main .btn_sanka li > p {
	margin:15px 0;
	text-align:center;
	font-weight:bold;
}

#main p.btn_p a{
	padding:10px 50px;
	border-radius:10px;
	color:#fff;
	line-height:130%;
	text-decoration:none;
	text-align:center;
	background:#006
}
#main p.btn_p a:hover{
	background:#6c9;
}
	

/* //////// TOPPAGE //////// */
.top_slide{
	box-sizing: border-box;
	float:right;
	width:680px;
	margin: 0px;
	padding:0px 0px;
	height: 540px;
}
.top_info{
	box-sizing: border-box;
	float:right;
	width:680px;
	background: #339 url("images/topimage.jpg") no-repeat bottom;
	background-size:cover;
	margin: 0 0 0px;
	padding: 20px 40px 0px;
	min-height: 540px;
}
p.top1{
	margin: 0;
	padding: 20px 0 0 100px;
	color: #000066;
	font-size: 5px;
}
p.top2{
	color: #ffffff;
	font-weight: 600;
	font-size: 28px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 0px;
	margin: 0;
	text-shadow:  2px  2px 10px #40cce7,
               -2px  2px 10px #40cce7,
                2px -2px 10px #40cce7,
               -2px -2px 10px #40cce7;
}
p.top2 strong{
	font-size: 40px;
}
p.top3{
	color: #000066;
	font-size: 20px;
	padding-left: 50px;
	margin: 0 0 20px;
	text-indent: -50px;
}
p.top3 .title{
	background: #ff8080;
	padding: 2px 5px;
	margin-right: 3px;
	border-radius: 3px;
	color: #000066;
	font-weight: normal;
}
p.top3 strong{
	background: #ffffff;
	padding: 2px 5px;
	margin-right: 3px;
	border-radius: 3px;
	color: #000066;
	font-weight: normal;
}


.top_box{
	margin:0 10px 10px 0px;
	padding:0;
	width: 52%;
	text-align: center;
    }  
.top_box h3{
	margin:0 ;
	padding:0 10px;
	font-weight:bold;
	color:#404040;
	background: #ffbb00;
	border-radius: 10px 10px 0 0;
}
.top_box p{
	background: #fff;
	margin:0;
	padding:10px;
	font-size: 17px;
	border-right: 2px solid #ff8080;
	border-left: 2px solid #ff8080;
	border-bottom: 2px solid #ff8080;
	border-radius: 0 0 10px 10px;
}

#top_news{
	padding: 10px;
}
#top_news h2{
	margin-bottom: 0;
}

#top_news .boxmsg{
	/* margin: 5px 5px 15px 5px; */
	padding: 0px 0px 10px 0px;
	text-align: center;
	border-width: 7px;
	border-style: double;
	border-radius: 15px;
	/* width: 100%; */
}

#top_news .boxmsg-title{
	padding: 6px;
	text-align: center;
	font-size: 18px;
	font-weight:bold;
}

#top_news .boxmsg-body{
	text-align: center;
	line-height: 1.2em;
	font-size: 14px;
	padding-bottom: 6px;
}

#news {
	height:200px;
	padding: 0 10px;
	overflow-y: scroll;
}

#news dl dt{
	clear: left;
	float: left;
	width: 90px;
	margin:0 0 5px;
	padding:10px 0;
}
#news dl dd{
	margin:0 0 5px;
	padding:10px 0;
	padding-left: 100px;
	border-bottom:1px dotted #ccc;
}

.t10{
	font-size: 10px;
}
.t11{
	font-size: 11px;
}
.t12{
	font-size: 12px;
}
.t14{
	font-size: 14px;
}
.t16{
	font-size: 16px;
}


/*================================================
 *  スマートフォン向けデザイン
 ================================================*/
@media screen and (max-width:767px) {
	#contents{
		width:100%;
		background:#fff;
	}
	#contents.toppage{
		background:#fff;
	}
	header{
		padding:5px;
		height: 70px;
	}
	header h1{
		width:100%;
		height:auto;
		margin:0;
		padding:0 0 10px;
		font-size: 18px;
	}
	header p.eng_title{
		margin:0;
		padding:10px 0 0;
		font-size: 14px;
		font-weight:normal;
		line-height: 1.0em;
	}
	header p.subtitle{
		clear: both;
		margin: 0;
		color: #ff8080;
		line-height: 1.0em;
		padding-left: 10%;
		font-size: 14px;
		font-weight: 600;
		text-shadow:  1px  1px 3px #fff,
	               -1px  1px 3px #fff,
        	        1px -1px 3px #fff,
	               -1px -1px 3px #fff;
	}
	footer{
		width:100%;
	}
	.sub_box br{
		display: none;
	}
	.sub_box br.on{
		display: inherit;
	}
	
	.top_info{
		float: none;
		width: 100%;
		padding: 10px 0px 0px;
		background-size:cover;
		min-height: inherit;
	}
	p.top2{
		font-size:18px;
		padding: 0;
	}
	p.top2 strong{
		font-size: 22px;
	}
	p.top3{
		font-size: 14px;
		padding: 0;
		margin: 0 0 5px;
		text-indent: 0;
	}
	.top_box{
		width: 52%;
		margin-left: 0;
		padding:0;
		text-align: center;
	}
	
	#main {
		float:none;
		width:100%;
		padding: 20px 10px 500px;
		background:none;
	}
	#main h2{
		margin:0 0 5px;
	}

	.english #main {
		padding-top:5px;
		padding-bottom:450px;
	}


	#sub {
		float:none;
		width:100%;
		padding:0;
	}
	nav {
		display:block;
		position:relative;
		width:100%;
		border-radius:0;
	}
	nav h3 {
		display:block;
		cursor:pointer;
		margin:0;
		padding:10px;
		color:#fff;
		border:none;
		font-weight:normal;
		font-size:14px;
	}
	nav ul {
	margin:0 ;
	}
	nav li a {
		padding:10px 30px;
	}

	#navBtn {
		display:inline-block;
		position:absolute;
		top:10px;
		right:10px;
		width:30px;
		height:30px;
		border-radius:5%;
		background:#0055aa;
	}
	#navBtnIcon {
		display:block;
		position:absolute;
		top:50%;
		left:50%;
		width:14px;
		height:2px;
		margin:-1px 0 0 -7px;
		background:#fff;
		transition:.2s;
	}
	#navBtnIcon:before,
	#navBtnIcon:after {
		display:block;
		content:'';
		position:absolute;
		top:50%;
		left:0;
		width:14px;
		height:2px;
		background:#fff;
		transition:0.3s;
	}
	#navBtnIcon:before {
		margin-top:-6px;
	}
	#navBtnIcon:after {
		margin-top:4px;
	}
	#navBtn .close {
		background:transparent;
	}
	#navBtn .close:before,
	#navBtn .close:after {
		margin-top:0;
	}
	#navBtn .close:before {
		transform:rotate(-45deg);
		-webkit-transform:rotate(-45deg);
	}
	#navBtn .close:after {
		transform:rotate(-135deg);
		-webkit-transform:rotate(-135deg);
	}
	#sub_info{
		position:absolute;
		background:none;
		padding-top:20px;
		bottom:0;
	}

	#top_info{
		padding:10px;
	}
	#top_date p.box1, #top_date p.box2{
		float:none;
		width:auto;
	}
	#news dl dt{
		float:none;
		width:100%;
	}
	#news dl dd{
		padding:0;
	}
	#main ul.btn_sanka {
		margin:0;
		padding-left: 5%;
	}

}