@charset "utf-8";


/* Reset
------------------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,textarea,p,th,td,select,header,nav,section,footer {
	margin: 0;
	padding: 0;
	color: #404040;
	line-height: 1.6;
	word-wrap: break-word;
}

address,em,i {
	font-style: normal;
}
strong,th,b {
	font-weight: normal;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
hr {
	display: none;
}
h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: normal;
}
img {
	border: 0;
	height:auto;
	width:100%;
}
li {
	list-style-type: none;
}
small{
	font-size: 80%;
}

a{
	color: #555;
	text-decoration: none;
	padding:0 1%;
}
a:hover{
	opacity:0.7;
}
/*----------------- font -------------------*/
@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
body {
	font-size: 100%; /* IE */
	font-family:"Noto Sans Japanese","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
}
html>/**/body {
font-size: 16px; /* Except IE */
}

body {
	-webkit-text-size-adjust: 100%;
}
img{
	max-width:100%;
	height: auto;
}

/*------------------------------------------------*/

body{

}

@media only screen and (max-width: 960px){
	body {

	}
}

@media only screen and (max-width: 640px){
	body {

	}
}

/*-----------------  header  -------------------*/

#header{
	background: #fff;
	box-shadow: 0px 2px 2px 2px rgba(0,0,0,0.2);
	position:fixed;
	width:100%;
	top:0;
	left:0;
	z-index:99999;
}
#header header{
	width:1280px;
	margin:0 auto;
	overflow:hidden;
}
@media only screen and (max-width: 1280px){
	#header header{
	width:100%;
	}
}
header h1{}
header h1 a{
	width:30px;
    display: block;
	margin: 0 auto;
	padding:1%;
}
header h1 a:hover{}
header h1 a img{}

/*-----------------  main  -------------------*/

main{
    padding: 140px 0 10%;
}
#guide{
	margin:0 auto 0;
	width:960px;
	font-size:90%;
}
@media only screen and (max-width: 960px){
	#guide{
		margin:0 auto 0;
		padding:0;
		width:98%;
	}
}
@media only screen and (max-width: 640px){
	#guide{
		margin:0 auto 0;
		padding:80;
	}
}
#guide h2{
	font-size:120%;
	border-bottom: dotted 2px #171C61;
	margin: 20px 0 20px;
	padding:5px 0;
	color: #171c61;
	text-align:  center;
}
#guide h3{
	font-size: 120%;
	margin:2% 10%;
	border-bottom: solid 2px #666;
}
#guide h4{
	padding-top: 30px;
	padding-bottom: 0px;
	font-size: 110%;
	margin:1% 10% 2%;
	border-bottom: solid 1px #ccc;
}
#guide p{
	margin:1% 10%;
	font-size: 90%;
}
#guide p em{
    color: #ff0000;
}
#guide li{
	padding-top: 0px;
	padding-bottom: 10px;
	font-size: 90%;
}
#guide ul{
	padding: 15px 10px 10px 10px;
	margin:1% 10%;
	border: 1px dotted #CCC;
	list-style: disc outside;
}
#guide ul li{
	background: url(../images/icon_ul.png) no-repeat left 4px;
	padding-left: 20px;
}
#guide ol{
	padding: 0px 10px 10px 20px;
	margin:1% 10%;
}
#guide ol li{
    list-style-type: decimal;
}
#guide p a{
    display: block;
    margin: 2% 0 5%;
}
#guide p a:hover{}
#guide br{}
#guide p a img{
	width:50px;
	height:auto;
	/* float: right; */
}
/*-----------------  footer  -------------------*/

footer{}
footer p{}
footer p small{}
footer p small span{}
#footer footer{
	background: #ff9595;
}
#footer footer p{
	font-size: 80%;
	text-align:center;
	color:#fff;
	padding: 5px 0;
}
#footer footer p span{
	font-size:120%;
	font-family:游明朝, "Yu Mincho", 游明朝体, YuMincho, "ヒラギノ明朝 Pro W3";
	vertical-align:middle;
}