@charset "UTF-8";
/**********************************
	ベースキット
**********************************/

html, body, div, span, applet, object, iframe, strong,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, legend, caption, 
tbody, tfoot, thead, label {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	list-style:none;
}

html {
	background-image: url(../img/back.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	height: 100%;
}


table {
	border-collapse: collapse;
	margin: 0 auto;
}

td {
	line-height: 0;
	vertical-align: middle;
}


a:link { color: #ffffff; }
a:visited { color: #ffffff; }
a:hover { color: #ffffff; }
a:active { color: #ffffff; }



.TAC { text-align: center; }
.TAL { text-align: left; }
.TAR { text-align: right; }



.MA0 { margin: 0 auto; }


.MT10 { margin-top: 10px; }
.MT15 { margin-top: 15px; }
.MT20 { margin-top: 20px; }
.MT25 { margin-top: 25px; }
.MT30 { margin-top: 30px; }
.MT35 { margin-top: 35px; }
.MT40 { margin-top: 40px; }
.MT45 { margin-top: 45px; }
.MT50 { margin-top: 50px; }
.MT60 { margin-top: 60px; }
.MT70 { margin-top: 70px; }
.MT85 { margin-top: 85px; }
.MT100 { margin-top: 100px; }
.MT150 { margin-top: 150px; }


.MB10 { margin-bottom: 10px; }
.MB15 { margin-bottom: 15px; }
.MB20 { margin-bottom: 20px; }
.MB25 { margin-bottom: 25px; }
.MB30 { margin-bottom: 30px; }
.MB40 { margin-bottom: 40px; }
.MB50 { margin-bottom: 50px; }
.MB60 { margin-bottom: 60px; }
.MB75 { margin-bottom: 75px; }


.MR10 { margin-right: 10px; }
.MR15 { margin-right: 15px; }
.MR20 { margin-right: 20px; }
.MR25 { margin-right: 25px; }
.MR30 { margin-right: 30px; }
.MR35 { margin-right: 35px; }
.MR40 { margin-right: 40px; }


.FNT08 { font-size: 0.8em; }
.FNT09 { font-size: 0.9em; }
.FNT10 { font-size: 1.0em; }
.FNT11 { font-size: 1.1em; }
.FNT12 { font-size: 1.2em; }
.FNT13 { font-size: 1.3em; }
.FNT14 { font-size: 1.4em; }
.FNT15 { font-size: 1.5em; }
.FNT16 { font-size: 1.6em; }
.FNT17 { font-size: 1.7em; }
.FNT18 { font-size: 1.8em; }
.FNT19 { font-size: 1.9em; }
.FNT20 { font-size: 2em; }
.FNT22 { font-size: 2.2em; }
.FNT23 { font-size: 2.3em; }
.FNT25 { font-size: 2.5em; }
.FNT30 { font-size: 3em; }


.FW100 { font-weight: 100; }
.FW200 { font-weight: 200; }
.FW300 { font-weight: 300; }
.FW400 { font-weight: 400; }
.FW500 { font-weight: 500; }
.FW600 { font-weight: 600; }
.FW700 { font-weight: 700; }
.FW800 { font-weight: 800; }
.FW900 { font-weight: 900; }
.FW1000 { font-weight: 1000; }


.LineH09 { line-height: 0.9em }
.LineH10 { line-height: 1.0em }
.LineH11 { line-height: 1.1em }
.LineH12 { line-height: 1.2em }
.LineH13 { line-height: 1.3em }
.LineH14 { line-height: 1.4em }
.LineH15 { line-height: 1.5em }
.LineH16 { line-height: 1.6em }
.LineH17 { line-height: 1.7em }
.LineH18 { line-height: 1.8em }
.LineH19 { line-height: 1.9em }
.LineH20 { line-height: 2.0em }




/**********************************
	index
**********************************/
.outbox {
/*	background-color: #000000;	*/
	margin: 0 auto;
	width: 1000px;
	padding: 0 0 80px 0;
/*	height: 100%;	*/
}

.outbox2 {
	margin: 0 auto;
	width: 600px;
	padding: 0 0 80px 0;
/
}

header {
	width: 100%;
}


.box {
	width: 1000px;
	margin: 0 auto;
}

main {
	width: 100%;
	height: 222px;
	position: absolute;
	z-index: 200;
	margin: 0 auto;
	
}

h2 {
	color: #ffffff;
	width: 100%;
/*	top: -25px;	*/
	position: relative;
}


ul {
/*	width: 50%;	*/
	width: 100%;	
	margin: 0 auto;
	position: relative;
/*	right: -200px;
	top: -150px;	*/

}

ul li {
	display: inline-block;	
	vertical-align: middle;
	margin: 0 auto;

}



#obi {
	background-color: rgba(255,255,255,0.5);
	width: 100%;
	height:114px;
	top: 54px;
	position: relative;
	
}





footer {
	width: 100%;
	position: relative;
	background-color: #000;
	top: 250px;
	diaplay: block;
	padding: 30px 0 50px;
}


ul.ft {
	all: unset;
	width: 1000px;
	margin: 0 auto;
	top: 30px;
	display: flex;
	margin-top: 15px;
}

ul.ft li {
	margin: 0 auto;
	position: relative;
	
}