@charset "UTF-8";

@import url(https://fonts.googleapis.com/css?family=Open+Sans:300);

@font-face {
 font-family: 'M+1c light';
 src: url('/fonts/mplus-1c-light.ttf');
 }
 
/*----------------------------------------------------- */
/*	for all						*/
/*----------------------------------------------------- */

/* ------ General Settings ------ */
html {overflow-x: hidden; }

/* ------ General Settings ------ */
img {
	max-width: 100%;
	height: auto;
	width: auto\9;
	border-width:0;
	vertical-align: bottom;
}

a:hover img {
	opacity:0.6;
	-moz-opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
}

/* ------ float ------ */
.fLeft { float:left; }
.fRight { float:right; }

/* ------ caption------ */
.caption {
	font-size:0.85em;
}

/* ------ h1 - h6------ */
h1, h2, h3, h4, h5, h6 {
	font-family:'Open Sans', 'M+1c light', ‘游ゴシック体’, ‘Yu Gothic’, ‘YuGothic’, ‘ヒラギノ角ゴ ProN W3’, ‘Hiragino Kaku Gothic ProN’, ‘メイリオ’, ‘Meiryo’, ‘ＭＳ Ｐゴシック’, ‘MS PGothic’, sans-serif;
	font-weight:normal;
}

/*---------------------------------------------
	body
  ---------------------------------------------*/

body {
	margin:0;
	padding:0;
	font-family:'Open Sans', 'M+1c light', ‘游ゴシック体’, ‘Yu Gothic’, ‘YuGothic’, ‘ヒラギノ角ゴ ProN W3’, ‘Hiragino Kaku Gothic ProN’, ‘メイリオ’, ‘Meiryo’, ‘ＭＳ Ｐゴシック’, ‘MS PGothic’, sans-serif;
	line-height: 1.4;
	text-align: left;
	-webkit-text-size-adjust: none;
	background-color:#336699;
}


/* ------wrapper------ */
#wrapper {
	margin:1% auto;
	width:98%;
	padding:0;
	font-family:'Open Sans', 'M+1c light', ‘游ゴシック体’, ‘Yu Gothic’, ‘YuGothic’, ‘ヒラギノ角ゴ ProN W3’, ‘Hiragino Kaku Gothic ProN’, ‘メイリオ’, ‘Meiryo’, ‘ＭＳ Ｐゴシック’, ‘MS PGothic’, sans-serif;
	font-size:1em;
}

#flame {
	margin:0;
	padding:0;
	border:solid 1px white;
}

/*---------------------------------------------------------- */
/* clear               　　　　　　　　　　　　　 */
/*---------------------------------------------------------- */
.clear {
	clear:both;
}

/*---------------------------------------------
	clearfix
  ---------------------------------------------*/
.clearfix {  display: inline-block; }

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

* html .clearfix { height: 1px; }
.clearfix { display: block; }

/*---------------------------------------------------------- */
/* text, font, color　　　　　　　　　　　　　 */
/*---------------------------------------------------------- */
.tRight {
	text-align:right;
}

.tLeft {
	text-align:left;
}

.tCenter {
	text-align:center;
}

.red {
	color:#f00;
}

.black {
	color:#000;
}

.white {
	color:#fff;
}

.blue {
	color:#369;
}

.orange {
	color:#fc0;
}

p {
	margin:0;
	padding:0;
}

.small {
	font-size:90%;
}

.x-small {
	font-size:75%;
}

.large {
	font-size:110%;
}

.x-large {
	font-size:130%;
}


strong {
	font-size:1.1em;
}

.text-shadow {
	text-shadow:0px 0px 4px #000; /* FireFox, Webkit, Opera */
	-ms-filter:"progid:DXImageTransform.Microsoft.DropShadow(color=#000000,offx=3,offy=3)"; /* IE8 */
  display:block; /* IE */
}
/* ----------------------------------------------
__header
------------------------------------------------*/
header {
	margin:0;
	padding:0;
	width:100%;
}


#header-L {
	margin:0;
	padding:0;
	width:50%;
	height:auto;
	float:left;
}

#header-L h1 {
	font-size:10px;
	line-height:0;
}

/* ----------------------------------------------
__section
------------------------------------------------*/
#type1 {
	margin:0;
	border-style:solid;
	border-width:1px 0;
	border-color:white; 
}

.floatTxt {
	position:relative;
	top:0px;
	left:0px;
	z-index:2;
}

/* ----------------------------------------------
__form
------------------------------------------------*/

#form {
	margin:1em auto;
	width:60%;
	text-align:center;
	line-height:1.8;
	color:white;
}

#form h3 {
	margin:0;
	padding:2em 0 0;
	font-size:1.2em;
	line-height:1.8;
}

#form p {
	margin:1em 0;
	font-size:1em;
	line-height:1.2;
}


#formTable td {
	padding:2px;
	vertical-align:center;
}

#formTable {
	width:100%;
	border:0;
	margin-left:-2em;
}

#formTable .textBox {
	width:100%;
	height:1.5em;
	font-size:0.9em;
	padding:2px;
	font-family:'Open Sans', 'M+1c light', ‘游ゴシック体’, ‘Yu Gothic’, ‘YuGothic’, ‘ヒラギノ角ゴ ProN W3’, ‘Hiragino Kaku Gothic ProN’, ‘メイリオ’, ‘Meiryo’, ‘ＭＳ Ｐゴシック’, ‘MS PGothic’, sans-serif;
	border:solid 1px #ccc;
	border-radius:2px;
}

#formTable .textBox2 {
	width:100%;
	height:8em;
	font-size:0.9em;
	font-family:'Open Sans', 'M+1c light', ‘游ゴシック体’, ‘Yu Gothic’, ‘YuGothic’, ‘ヒラギノ角ゴ ProN W3’, ‘Hiragino Kaku Gothic ProN’, ‘メイリオ’, ‘Meiryo’, ‘ＭＳ Ｐゴシック’, ‘MS PGothic’, sans-serif;
	line-height:1.5;
	padding:5px 2px;
	margin-top:10px;
	border:solid 1px #ccc;
	border-radius:2px;
}

#formTable .button {
	width:6em;
	height:2em;
	font-size:0.9em;
	padding:2px;
	margin-top:1em;
	line-height:1.6;
	border:solid 0px #ccc;
	border-radius:10px;
	color:white;
	background-color:#8ab;
}

#formTable .button:hover {
	color:#036;
	background-color:#cde;
	cursor:pointer;     /*←これでカーソルを指先型に変化させる*/
}


.alignTOP {
	text-align:right;
	vertical-align:top;
	white-space: nowrap;
}
.alignBTM {
	text-align:left;
	vertical-align:bottom;
}


/* ----------------------------------------------
__footer
------------------------------------------------*/
footer {
	margin:0.5em 0;
	padding:0;
	width:100%;
	text-align:right;
	font-family:'Open Sans', 'M+1c light', ‘游ゴシック体’, ‘Yu Gothic’, ‘YuGothic’, ‘ヒラギノ角ゴ ProN W3’, ‘Hiragino Kaku Gothic ProN’, ‘メイリオ’, ‘Meiryo’, ‘ＭＳ Ｐゴシック’, ‘MS PGothic’, sans-serif;
}

footer p {
	margin:0;
	padding:0;
	line-height:1.4;
	font-size:0.7em;
	color:white;
}


/* ----------------------------------------------
__responsive
------------------------------------------------*/
/*=========================================
●画面の横幅が1280px以上
==========================================*/
@media screen and (min-width: 1280px){

h2 {
	font-size: 480%;
	line-height: 1;
	margin: 0;
}

h3 {
	font-size: 200%;
	line-height: 1;
	margin: 0;
}

h4 {
	font-size: 140%;
	line-height: 1;
	margin: 0;
}

}

/*=========================================
●画面の横幅が1279px以下
==========================================*/
@media screen and (max-width: 1279px){

h2 {
	font-size: 400%;
	line-height: 1;
	margin: 0;
}

h3 {
	font-size: 200%;
	line-height: 1;
	margin: 0;
}

h4 {
	font-size: 140%;
	line-height: 1;
	margin: 0;
}

}

/*=========================================
●画面の横幅が1024px以下
==========================================*/
@media screen and (max-width: 1024px){


h2 {
	font-size: 350%;
	line-height: 1;
	margin: 0;
}

h3 {
	font-size: 180%;
	line-height: 1;
	margin: 0;
}

h4 {
	font-size: 140%;
	line-height: 1;
	margin: 0;
}

}

/*=========================================
●画面の横幅が800px以下
==========================================*/
@media screen and (max-width: 800px){

header {
	margin:0;
	padding:0;
	width:100%;
	border-bottom:solid 1px #369;
}




h2 {
	font-size: 300%;
	line-height: 1;
	margin: 0;
}

h3 {
	font-size: 150%;
	line-height: 1;
	margin: 0;
}

h4 {
	font-size: 120%;
	line-height: 1;
	margin: 0;
}

}

/*=========================================
●画面の横幅が639px以下
==========================================*/
@media screen and (max-width: 639px){

h2 {
	font-size: 250%;
	line-height: 1;
	margin: 0;
}

h3 {
	font-size: 140%;
	line-height: 1;
	margin: 0;
}

h4 {
	font-size: 120%;
	line-height: 1;
	margin: 0;
}


#form {
	margin:1em;
	width:80%;
	line-height:1.8;
	color:white;
	text-align:right;
}

#formTable {
	width:90%;
	border:0;
	margin-left:1em;
}



}

/*=========================================
●画面の横幅が580px以下
==========================================*/
@media screen and (max-width: 580px){

h2 {
	font-size: 200%;
	line-height: 1;
	margin: 0;
}

h3 {
	font-size: 140%;
	line-height: 1;
	margin: 0;
}

h4 {
	font-size: 120%;
	line-height: 1;
	margin: 0;
}



#form {
	margin:1em auto;
	width:90%;
	text-align:center;
	line-height:1.8;
	color:white;
}


}

/*=========================================
●画面の横幅が480px以下
==========================================*/
@media screen and (max-width: 480px){


h2 {
	font-size: 150%;
	line-height: 1;
	margin: 0;
}

h3 {
	font-size: 130%;
	line-height: 1;
	margin: 0;
}

h4 {
	font-size: 115%;
	line-height: 1;
	margin: 0;
}


#form {
	margin:1em auto;
	width:100%;
	text-align:center;
	line-height:1.8;
	color:white;
}


}