@charset "utf-8";

/*
=======================================
	Reset CSS
=======================================
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, main, menu, nav, section, summary,
time, mark, audio, 
video{
	margin:0;
	padding:0;
}


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


html{
	-webkit-text-size-adjust: 100%;
}


body{
 background-image:url("../img/bkimg.jpg"); line-height: 1.5;
	font-size: 14px;
font-family: sans-serif;
}


img{
	border: 0;  max-width: 100%;
	height: auto;
}



ul{list-style-type: none;
}


ol{
list-style-type: none;
}



table {
	border-collapse: collapse; 
	border-spacing: 0;
}


img, input, select, textarea { 
	vertical-align: middle;
}
h1 {color:#000;font-size:22px;font-family: "ＭＳ ゴシック",sans-serif;}
h2 { color:#000; font-size:16px;font-family: "ＭＳ ゴシック",sans-serif; margin-top:10px; }
h3 { color:#000; font-family: "ＭＳ ゴシック",sans-serif; text-align:center;margin-top:15px;margin-bottom:5px;}

p { color:#000; font-size:14px; background-color:##7878e0; margin-left:20px; margin-right:20px;}

a{
 color: #59220d;
	transition: 0.5s;
}

a:hover{
	color: #d53ea4;
}


a:hover img{
	opacity: 0.7;}

/*
=========================================
	Base Layout
=========================================
*/

/*ALL and Smart Phone*/

.container{
	max-width: 940px;
	padding-left: 10px;
	padding-right: 10px;
	margin: 0 auto;
}

.container:after{
	content:"";
	display: block;
	clear:both;
}


.full{
	margin-left: -10px;
	margin-right: -10px;
}



/*
=========================================
	Modules（Block）
=========================================
*/


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

#header{
	padding: 1%;
	background-size: cover;
	text-align: center;
	position: relative;
}

#header:before{
	content: "";
	display: block;
	width: 33.75%;
	height: 15%;
	max-width: 220px;
	max-height: 50px;
	background-size: contain;
	position: absolute;
	left: 0;
	top: 0;
}




/*main
--------------------*/
#main{ padding: 10px ; margin-top:15px; margin-bottom:10px;}



/*global navigation
--------------------*/

#gnav{

}

#gnav ul{
	overflow: hidden;
}

#gnav li{
	float: left;
	width: 20%;
	text-align: center;
}

#gnav a{
	display: block;
	padding: 10px 0;
	color: #fff;
	text-decoration: none;
	font-size: 16px;
}

#gnav a:hover{
	background: #66a;
}




table.tt{
margin:0 auto;
border-top: solid 1px #666; 
border-bottom: solid 1px #666; 
}

table.tt th,
table.tt td{
	padding:5px;
	text-align:left;	
	vertical-align:top;	
	border-top: solid 1px #666;}
table.tt th{ border-right: solid 1px #666;}

#wrap{overflow: hidden;}

/*footer
--------------------*/
#footer{
 color: #ffffff; 	font-size: 14px; padding: 0.5%;
	
 text-align: center;
	position: relative;
}

#footer:before{
	content: "";
	display: block;
	width: 75%;
	height: 15px;
	max-width: 220px;
	max-height: 20px;
	background: no-repeat;
	background-size: contain;
	position: absolute;
	left: 0;
	top: 0;
}