@charset "UTF-8";


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

Reset Style

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

* {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

@font-face {
   font-family:FuturaOblique;
   src: url('../webfonts/FuturaOblique.ttf') format("truetype");}
   font-family:Gyate-Luminescence;
   src: url('../webfonts/Gyate-Luminescence.otf') format("opentype");}



body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { 
  margin:0
  padding:0;
}

html {
}

img { 
  border: 0;
}

address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
  font-weight: normal;
}

ol, ul {
  list-style: none;
}

caption, th {
  text-align: left;
}

a {
  color: #ffffff;
text-decoration: none;
}



body {
-webkit-text-size-adjust: 100%;
	font-family: sans-serif;
	margin: 0 auto;
	padding: 0;
	background-color:#000000;
	line-height:2em;
	font-size:12px;
	font-weight:600;
	letter-spacing:0.1em;
	word-spacing:0.2em;
}

#header {
	position:relative;
	font-family: 'FuturaOblique';
/*
	background:#e6d287;
*/
	text-align:left;
	width:100%;
	height:auto;
	margin:-7em auto 0em auto;
	padding:0 0 0 0;
	box-shadow:0px 0px 0px 0px rgba(0,0,0,0.4);
}

.headerlogo {	
	position: absolute;
	top:0;
	left:0;
	font-family:'FuturaOblique';
	text-align:left;
	width:100%;
	margin:0;
	padding:0;
	line-height:1.5em;
	color:#64c0bf;
	font-size:3em;
	font-weight:600;
	letter-spacing:0.2em;
	word-spacing:0.4em;
}

#container {
	position:relative;
	width:100%;
	max-width:1280px;
	margin:0 auto;
	padding:0;
	height:auto !important; /*IE6対策*/
	height: 100%; /*IE6対策*/
	min-height:100%;
}

#contents {
	position:relative;
	width:100%;
	height:100%;
	margin:0 auto;
	padding:0 0 12em 0;
	overflow-x :hidden;
}

html,
body {height:100%;}

#footer {
	clear:both;

	font-family: 'FuturaOblique';
	background-color:#0075c2;
	text-align:right;
	width:100%;
	height:11em;
	margin:0em 0 0 0;
	padding:0em 1em 1em 1em;
	border-radius:0% 0% 0 0;
	box-shadow:0px 2px 1px 0px rgba(0,0,0,0.4)inset;
	z-index: 9;
}

.footerlogo {
	position: absolute;
	bottom: 0.2em;
	right: 0.5em;
	font-family: 'FuturaOblique';
	margin:0;
	padding:0;
	color:#ffffff;
	font-size:1em;
	text-shadow: 1px 1px 3px #000;
}

.linelogo {
	display:none;
	position: absolute;
	top: 1em;
	left: 0.5em;
	text-shadow: 1px 1px 3px #000;
}

#cul01 {
	background-color:#000000;
	float:left;
	width:75%;
	margin:0 auto;
	padding:0 0 12em 0;
	overflow:auto;
}

#cul02 {
	background-color:#000000;
	text-align:left;
	float:right;
	width:22%;
	height:auto;
	margin:0em 0.5em 2em 1em;
	padding:0 0 12em 0;
	overflow:auto;
	font-size:0.8em;
}

.clearfix {
	clear:both;
	width:100%;
	height:0.9em;
}

.sig{
	background-color:#ffffff;
	background-image:url("../pic/sig.png"); 
	background-repeat:no-repeat;
	background-position:center top;
	text-align:left;
	width:100%;
	height:30em;
	margin-top:5em;
	font-size:1em;
}

img {
	box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.7);
	border-radius:0.3em;
}

img.icon {
	width:1.5em;
	line-height:1.5em;
	margin:0 0.5em 0 0;
}

p.resizeimg img {
	font-family: 'FuturaOblique';
	width:100%;
	max-width:1200px;
	height:auto;
	margin:0 auto;
	padding:0;
}

p.resizeimg.p img {
	font-family: 'FuturaOblique';
	width:100%;
	max-width:1200px;
	height:auto;
	margin:2em auto 0 auto;
	padding:0;
}

p.resizeimg.logo {
	font-family: 'APJapanesefontT';
	text-align:left;
	width:100%;
	height:auto;
	margin:0 auto 1em auto;
	padding:0 0 0 0.5em;
	line-height:1.5em;
	color:#ffffff;
	font-size:3em;
	font-weight:600;
	letter-spacing:0.2em;
	word-spacing:0.4em;
	box-shadow: 0px 0px 0px 0px rgba(255,255,255,0.4);
	border-radius:0 0 0 0;
	text-shadow:
		2px 1px 0px rgba(0,0,255,0.8),
		-2px -1px 0px rgba(0,0,255,0.8);
}

p.resizeimg.i img {
	font-family: 'FuturaOblique';
	width:100%;
	max-width:1200px;
	height:auto;
	margin:0 auto;
	padding:0;
	box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.4);
	border-radius:.4em;
}

p.resizeimg.f img {
	font-family: 'FuturaOblique';
	width:30%;
	max-width:600px;
	height:auto;
	margin:1em 0.5em 0 0;
	padding:;
	box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.7);
	border-radius:0.5em 0.5em 0.5em 0.5em;
}

p.resizeimg.c2 img {
	width:98%;
}

p.resizeimg.w img {
	position:relative;
	text-align:center;
	width:100%;
	max-width:1600px;
	height:auto;
	margin:-2.8em auto 0 auto;
	padding:0 0em 0 0em;
	border-radius:0 0 0% 0%;
	border-bottom:0em solid #e6d287;
	border-left:0em solid #e6d287;
	border-right:0em solid #e6d287;
	box-shadow:0px 0px 0px 0px rgba(0,0,0,0.4);
}

.gra {
	display:inline-block;
	position:relative;
}

.gra:after {
	display:block;
	position: absolute;
	top:0;
	left:0;
	content:"";
	width:100%;
	height:100%;
	background:linear-gradient(left,rgba(255,255,255,0) 40%,#fff 100%);
}

img.postimg {
	font-family: 'FuturaOblique';
	width:30%;
	max-width:600px;
	height:auto;
	margin:2em;
	padding:0;
}

img.postimg.lt {
	float:left;
	margin-top:0;
	margin-left:0;
}

img.postimg.lc {
	float:left;
	margin-left:0;
}

img.postimg.lb {
	float:left;
	margin-bottom:0;
	margin-left:0;
}

img.postimg.rt {
	float:right;
	margin-top:0;
	margin-left:0;
}

img.postimg.rc {
	float:right;
	margin-right:0;
}

img.postimg.rb {
	float:right;
	margin-bottom:0;
	margin-right:0;
}

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

Contents Style

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

h1 {
	background-image:url("../pic/icon001.png");
	background-size:35px 35px;
	background-repeat:no-repeat;
	background-position: left center;
	text-align:left;
	font-size:1em;
	line-height:1em;
	font-weight:600;
	letter-spacing:0.4em;
	word-spacing:0.5em;
	color:#ffffff;
	margin:1em 0.2em 0 0em;
	padding:1.7em 0em 0 3em;
	border-left: solid 0em #a3d6cc;
	border-bottom: solid 0em #a3d6cc;
/*--
	text-shadow:
		1px 1px 0px rgba(84,145,127,0.5),
		-1px -1px 0px rgba(84,145,127,0.5);
--*/
}

h2 {
	font-family: 'Gyate-Luminescence';
	text-align:left;
	font-size:1.2em;
	line-height:1.5em;
	font-weight:600;
	letter-spacing:0.4em;
	word-spacing:0.5em;
	color:#ffffff;
	margin:1em 0.2em -0.5em 0.2em;
	padding:0em 0em 0.2em 0.5em;
	border-left: solid 0.5em #0075c2;
	text-shadow:
		1px 0.5px 0px rgba(0,0,255,0.8),
		-1px -0.5px 0px rgba(0,0,255,0.8);
}

h5 {
	text-align:left;
	font-size:1em;
	line-height:1em;
	font-weight:600;
	letter-spacing:0.1m;
	word-spacing:0.2em;
	color:#64c0bf;
	margin:0em 0.2em 0em 1em;
	padding:1em 0 0 0;
}

h6 {
	text-align:center;
	font-size:4em;
	line-height:1.5em;
	font-weight:600;
	letter-spacing:0.1m;
	word-spacing:0.2em;
	color:#ffffff;
	margin:0 auto;
	text-shadow:
		2px 2px 1px rgba(0,100,100,0.2),
		-2px 2px 1px rgba(0,100,100,0.2),
		2px -2px 1px rgba(0,100,100,0.2),
		-2px -2px 1px rgba(0,100,100,0.2);
}

h3{
	font-family: 'FuturaOblique';
	text-align:left;
	width:100%;
	font-size:1.2em;
	line-height:1.5em;
	font-weight:300;
	letter-spacing:0.1m;
	word-spacing:0.2em;
	color:#444444;
	margin:0 0 1em 0;
	padding:0em 0em 0.2em 0;
	border-bottom: dotted 0.2em #64c0bf;
}

p {
	text-align:left;
/*--
	text-indent:1em;
--*/
	font-size:1em;
	line-height:1.5em;
	font-weight:200;
	letter-spacing:1m;
	word-spacing:0.8em;
	color:#eeeeee;
	margin:0 0 0 0
	padding:0;
	word-wrap:break-word;
}

p.caption {
	font-size:12px;
	padding:0;
}

.narrow {
	text-align:center;
	max-width:980px;
	width:95%;
	margin:0em auto 0 auto;
}

.timeline {
    max-width: 100% !important;
    width: 100% !important;
    box-sizing:border-box;
}

.table {
	display:table;
	margin:0 auto;
}

.post+ .post {
	margin-left:0.9em;
}

.post {
	text-align:left;
	width:100%;
	height:auto;
	margin:0;
	padding:0 2em 1em 2em;
	font-size:1em;
	overflow-x:hidden;
	overflow-y:auto;
	border-radius:0em;
	border:0em dotted #444444;
	box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.4);
}

.post.x2 {
	display:table-cell;
	text-align:left;
	vertical-align:top;
	width:48.5em;
}

.post.x3 {
	display:table-cell;
	width:31.4em;
}

.post.t {
	text-align:center;
	vertical-align:top;
	width:100%;
}

.post.tx2 {
	display:table-cell;
	text-align:left;
	vertical-align:top;
	width:48.5em;
}

.post.tx3 {
	display:table-cell;
	width:31.4em;
}

.banner {
	text-align:center;
	width:100%;
	height:auto;
	margin:0 auto;
	padding:0;
	border-radius:0em;
	box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.7);
}

strong {
  background: linear-gradient(transparent 50%, #a3d6cc 95%); 
  position: relative;
}

.buttoncon {
	width:auto;
	text-align:center;
	margin-top:2em;
}



.button.nav {
	width:50%;
	height:3em;
	font-size:1em;
	line-height:3em;
}

.button.ico.h {
	margin:0em;	
}

.button.ico {
	width:5em;
	height:5em;
	font-size:1em;
	line-height:2em;
	border-radius:2.5em;
	margin:2.2em;
}

.button.i {
	display: inline-block;
	width:100%;
	text-align:center;
	text-decoration: none;
	margin:-1em 0 3em 0;
	padding:0.5em;
	line-height:3em;
	font-size:14px;
	outline: none;
	border-radius:0.2em;
	box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.7);
	text-shadow:0px 0px #006a6c;
	color:#25b7c0;
	position: relative;
	z-index: 2;
	background-color:#ffffff;
	overflow: hidden;
}

.button.mf {
	font-family: sans-serif;
	display: inline-block;
	width:10em;
	text-align:center;
	text-decoration: none;
	margin:0;
	padding:0.2em;
	line-height:3em;
	font-size:1em;
	font-weight:800;
	outline: none;
	border-radius:1em;
	box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.7);
	text-shadow:-0px -0px #006a6c;
	color:#999999;
	position: relative;
	z-index: 0;
	background-color:#e6d287;
	overflow: hidden;
}

.button {
	font-family: sans-serif;
	display: inline-block;
	width:100%;
	text-align:center;
	text-decoration: none;
	margin:1em 0 1em 0;
	padding:1em;
	line-height:3em;
	font-size:1.5em;
	outline: none;
	border-radius:0.5em;
	box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.7);
	text-shadow:1px 1px #006a6c;
	color:#25b7c0;
	position: relative;
	z-index: 2;
	background-color: rgba( 204, 255, 204, 0.7 );
	overflow: hidden;
}
.button::before,
.button::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button,
.button::before,
.button::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.button:hover {
	color: #fff;
}
.button::after {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.button:hover::after {
	-webkit-transform: scale(2) rotate(180deg);
	transform: scale(2) rotate(180deg);
	background: #a3d6cc;
}







.afccon {
	display:inline;
	text-align:center;
	height:auto;
	margin:0 0em 1em 0;
	float:left;
	padding:0;
	font-size:1em;
	overflow-x: hidden;
	overflow-y: auto;
	border-radius:0.5em;
	border:0em solid #444444;
	box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.4);
}

.affcon {
	text-align:center;
	height:auto;
	margin:0 auto;
	float:left;
	padding:0;
	font-size:1em;
	overflow-x: hidden;
	overflow-y: auto;
	border-radius:0.5em;
	border:0em dotted #444444;
	box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.4);
}

.imgcon {
	background-color:#fffffff;
	text-align:center;
	max-width:30%;
	height:auto;
	margin:0 auto;
	float:left;
	padding:0 1em 0em 0;
	font-size:1em;
	overflow-x: hidden;
	overflow-y: auto;
	border-radius:0em;
	border:0em dotted #444444;
	box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.4);
}

.maf {
	position: absolute;
	top:2em;
	left:3em;
	text-align:center;
	width:60%;
	height:auto;
	margin:0 auto;
	padding:0.5em;
	overflow-x: hidden;
	overflow-y: auto;
	border-radius:0em;
	border:0em dotted #444444;
	box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.4);
}











@media screen and (max-width: 590px) {

body {

}

p {
	text-align:left;
	font-size:1.2em;
	margin:0 0 2em 0;
	word-wrap:break-word;
}

h1 {
	font-size:1em;
	background-size:15px 15px;
	padding:0.2em 0em 0em 1.7em;
}

h2 {
	font-size:1.2em;
	background-size:15px 15px;
	margin-bottom:0.5em;
	padding:0.2em 0 0em 0.5em;
	margin:1em 0em 0.5em 0;
}

.headerlogo {
	bottom: 0.46em;
	left: 0.5em;
	font-size:40px;
}

#header {
	padding-left:0.5em;
}

#contents {
	padding:0 0 0em 0;
}

#footer {
	width:100%;
	height:13em;
}

#container {
	max-width:59em;
	min-width:30em;
	width:100%;
	font-size:10px;
	margin:0 auto;
}

#cul01 {
	float:none;
	width:100%;
	padding:0 0 0em 0;
}

#cul02 {
	float:none;
	width:100%;
	text-align:left;
	margin:0 auto 0em auto;
	padding:0 0 14em 0;
}

.narrow {
	max-width:100%;
	padding:0 0 0 0;
}

.linelogo {
	display:inline;
}

.buttoncon {
	width:100%;
	text-align:center;
}

.button.ico {
	margin:1em;
}

.button.mf {
	font-size:0.8em;
	font-weight:200;
}

.maf {
	top:1em;
	left:1em;
	width:80%;
}

p.resizeimg img {
	margin:0em auto -2em auto;
}

p.resizeimg.logo img {
	font-family: 'FuturaOblique';
	width:30%;
}

p.resizeimg.f img {
	font-family: 'FuturaOblique';
	width:100%;
	margin:1em auto 1em auto;
	padding:;
	box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.4);
	border-radius:0.5em 0.5em 0.5em 0.5em;
}

p.resizeimg.w img {
	padding:0 0em 0 0em;
}

img.postimg {
	width:100%;
	max-width:600px;
	height:auto;
	margin:2em 0 2em 0;
	padding:0;
	border-radius:0.3em;
}

img.postimg.lt {
	float:none;
}

img.postimg.lc {
	float:none;
}

img.postimg.lb {
	float:none;
}

img.postimg.rt {
	float:none;
}

img.postimg.rc {
	float:none;
}

img.postimg.rb {
	float:none;
}

.table {
	width:100%;
}

.post+ .post {
	margin:0 auto 0 auto;
}

.post {
	text-align:left;
	width:92%;
	height:auto;
	float:none;
	margin:0 auto;
	padding:2% 1.5% 2% 1.5%;
	font-size:1em;
	overflow:hidden;
	border-radius:0em;
}

.post.tx2 {
	display:block;
	width:92%;
}

.post.tx3 {
	display:block;
	width:92%;
}

.post.x2 {
	display:block;
	width:92%;
}

.post.x3 {
	display:block;
	width:92%;
}

.post.x4 {
	display:block;
	width:92%;
}

.afccon {
	display:inline-block;
	width:100%;
	margin:0 0 0 0;
}


.imgcon {
	text-align:center;
	max-width:100%;
	height:auto;
	margin:0 auto;
	padding:0em;
	font-size:1em;
	overflow-x: hidden;
	overflow-y: auto;
	border-radius:0em;
	border:0em dotted #444444;
	box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.4);
}



}