﻿@charset "utf-8";

article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary
{display:block;}

*{
	margin:0px;
	padding:0px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}

 a:link{color:#0088ff;text-decoration:none;}
 a:hover{color:#196FBB;text-decoration:underline;}
 a:visited{color: #0088ff;text-decoration:none;}
 a:active{color:#4462c4;} 
 
 body{
     font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
     background:#FFFFFF;
     text-align:center;
     color:#000000;
}

h1{
	font-size:30px;
	font-family:HG創英角ﾎﾟｯﾌﾟ体;
	text-align:center;
	margin-top:40px;
	color:#111111;
}

h2{
	width:100%;
	padding-left:2%;
	padding-top:10px;
	padding-bottom:10px;
	font-size:16px;
	font-weight:800;
	border-bottom:1px solid #DDDDDD;
}
hr{
	border:0px;
	width:100%;
	height:1px;
	background:#0088FF;
	margin-top:10px;
	margin-bottom:10px;
}

.wrapper{
	width:80%;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	text-align:left;
}  
.left{
	width:30%;
	float:left;
	padding-right:30px;
}

.right{
	width:70%;
	float:right;
}
.menu{
	text-align:left;
	border:1px solid #DDDDDD;
	margin-bottom:20px;
	width:100%;
	font-size:14px;
}
.menu a{
	display:block;
	border-bottom:0px;
	padding:12px;
	background:#FFFFFF;
	background: linear-gradient(#FFFFFF, #EEEEEE);
	background: -moz-linear-gradient(#FFFFFF, #EEEEEE);
	background: -webkit-linear-gradient(#FFFFFF, #EEEEEE);
	border:outset 1px #FFFFFF;
	text-align:center;
	color:#444444;
	font-size:15px;
}
.menu a:link {color:#444444;text-decoration:none;}
.menu a:visited{color:#444444;} 
.menu a:hover{
	background:#FFFFFF;
	text-decoration:none;
} 
.info{
	width:100%;
	border:1px solid #DDDDDD;
	text-align:left;
	font-size:15px;
	color:#444444;
	margin-bottom:20px;
}
.info p{
	padding:2%;
}
.list{
	width:100%;
	text-align:left;
	list-style-type:none;
	border-top:0px;
	font-size:14px;
}
.list li{ 
	width:100%;
	background:#FFFFFF;
	border-top:solid 1px #DDDDDD;
}

.list li a:link{
	display: block;
	text-decoration:none;
	width:100%;
	padding-top:13px;
	padding-bottom:13px;
	padding-left:1.5%;
}
.list li a:hover{
	background:#EEEEEE;
	text-decoration:none;
} 
.form{
	text-align:left;
	font-size:17px;
    padding:10px;
    line-height:1.7;
}
.text{
	font-size:17px;
	width:100%;
	padding:3px;
	margin-top:5px;
	margin-bottom:5px;
}

.submit{
	font-size:14px;
	width:100%;
	font-size:17px;
	text-align:center;
	padding-top:5px;
	padding-bottom:5px;
	margin-top:5px;
}

.info .last_date{
	color:#222222;
	text-align:right;
	font-size:11px;
	padding:0px;
	padding-right:5px;
}
footer{
	clear:both;
	width:100%;
	text-align:center;
}
/*スマホ*/
@media screen and (max-width: 600px){
	.wrapper{ width:100%;}
	.left{width:100%;clear:both;padding:0px;}
	.right{width:100%;clear:boht;padding:0px;}
}