/* charset */
@charset "shift_jis";

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

	reset

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

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

img{ border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ul li,ol li { list-style:none; } 
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
input,textarea,select{ font-family:inherit;font-size:inherit;font-weight:inherit; }
input,textarea,select{ *font-size:100%; }
a img{border:none;}
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}
	
/* ----------------------------------------------------------------------------------------------------

	CSS

---------------------------------------------------------------------------------------------------- */
	
	
body{
	font-size: 13px;
	text-align: center;
	margin: 0px;
	padding: 0px;
	width: 100%;
	-webkit-text-size-adjust: none;
	font-family:Lato,Meiryo,メイリオ,'YuGothic','Yu Gothic','游ゴシック','游ゴシック体','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif;
	text-align:center;
	height: 100%;
	min-width:1200px;
	_display: inline;
	_zoom:1;
	color:rgba(85,85,85,1.00);
	line-height:160%;
}
td{
	line-height: 100%;
}

th{
}


dt,dl,dd,p,form {
	margin: 0px;
	padding: 0px;
}

a:link {
	color: #666699;
	text-decoration: none;
}
a:visited {
	color: #666699;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
	color: #FF9933;
}
p {
	line-height: 160%;
}
h1 {
	font-size: 12px;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}

h2 {
	font-size: 12px;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}
h3 {
	font-size: 12px;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}
img {
	border: 0px;
	vertical-align: bottom;
}



.clear {
clear: both;
}

/*width*/
.wid1em{width:1em;}
.wid2em{width:2em;}
.wid3em{width:3em;}
.wid4em{width:4em;}
.wid5em{width:5em;}
.wid6em{width:6em;}
.wid7em{width:7em;}
.wid8em{width:8em;}
.wid9em{width:9em;}
.wid10em{width:10em;}

/*height*/
.hit1{height:1px;}
.hei2{height:2px;}
.hei3{height:3px;}
.hei4{height:4px;}
.hei5{height:5px;}
.hei10{height:10px;}
.hei12{height:12px;}
.hei15{height:15px;}
.hei20{height:20px;}
.hei24{height:24px;}
.hei25{height:25px;}
.hei30{height:30px;}
.hei40{height:40px;}
.hei1em{height:1em;}
.hei2em{height:2em;}
.hei3em{height:3em;}

/*margin*/
.mg-btm-0{margin-bottom:0em;}
.mg-btm-05{margin-bottom:0.5em;}
.mg-btm-1{margin-bottom:1em;}
.mg-btm-2{margin-bottom:2em;}
.mg-btm-3{margin-bottom:3em;}
.mg-btm-60 {
	margin-bottom: 60px;
}

.mg-top-1{margin-top:1em;}
.mg-top-2{margin-top:2em;}
.mg-top-3{margin-top:3em;}
.mg-left-1{margin-left:1em;}
.mg-left-2{margin-left:2em;}
.mg-left-3{margin-left:3em;}
.mg-right-1{margin-right:1em;}
.mg-right-2{margin-right:2em;}
.mg-right-3{margin-right:3em;}

/* txt size */
.txt9{font-size: 9px;}
.txt10{font-size: 10px;}
.txt11{font-size: 11px;}
.txt12{font-size: 12px;}
.txt13{font-size: 13px;}
.txt14{font-size: 14px;}
.txt15{font-size: 15px;}
.txt16{font-size: 16px;}
.txt17{font-size: 17px;}
.txt18{font-size: 18px;}
.txt19{font-size: 19px;}
.txt20{font-size: 20px;}
.txt21{font-size: 21px;}
.txt22{font-size: 22px;}
.txt23{font-size: 23px;}
.txt24{font-size: 24px;}
.txt25{font-size: 25px;}
.txt28{font-size: 28px;}
.txt36{font-size: 36px;}
.txt48{font-size: 48px;}

/*txt style*/
.txt-red{color: #F00;}
.txt-white{color: #fff;}
.txt-blue{color: #0059B2;}
.txt-grey9{color: #999;}
.txt-grey6{color: #666;}
.txt-grey3{color: #333;}

.ind0 {text-indent: 0em;}
.ind1 {text-indent: 1em;}
.ind2 {text-indent: 2em;}
.ind3 {text-indent: 3em;}


/*img float*/
.img-float-right {
	float: right; margin-bottom: 1em;
	margin-left: 1em;}
.img-float-left {
	float: right; margin-bottom: 1em;
	margin-left: 1em;}
	 
	 
.caution p{
	padding-left:1em;
	text-indent:-1em;
}

/*img rollover alpha*/
.alpha a:hover img {
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha(opacity=80)";
}

/*pagetop float*/
#pagetop {
	position: fixed;
	bottom: 50px;
	right: 50px;
}

#pagetop a:hover {
	  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha(opacity=80)";
}

/*youtube sp*/
.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
 
.video-container iframe,  
.video-container object,  
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*micro clearfix*/
.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}

.rayout {
	line-height: 100%;
}
#headtop {
	width: 1020px;
	margin-right: auto;
	margin-left: auto;
	height: 128px;
	padding-right: 10px;
	padding-left: 10px;
}
#logo {
	float: left;
	width: 318px;
	vertical-align: middle;
	position: relative;
	height: 128px;
	line-height: 128px;
}
#logo img {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	margin-left: -159px;
	left: 50%;
}
#hRight {
	text-align: right;
	float: right;
	padding-top: 20px;
	height: auto;
}
#hRight .lang {
	list-style-image: none;
	list-style-type: none;
}
#hRight .lang li {
	float: right;
	margin-left: 15px;
}
#hRight .lang {
	margin: 0px;
	padding: 0px;
}
#gm {
	padding: 0px;
	list-style-image: none;	
	list-style: none;
	width: 1000px;
	margin: 0 auto;
	display:flex;
	justify-content: center;
	padding:0;
}

.box1{width:calc(100% / 8);margin:2px;}

#gm li {
	display: inline-block;
}
.gm1 {
	font-size: 16px;
	line-height: 180%;
	font-weight: bold;
	color: #FFF;
}
.gm1 a{
	color:#FFFFFF;
	text-decoration:none;
}
.gm1 a:hover{
	color:#FFFFFF;
	text-decoration:none;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
}

/*--------------------gNav-------------------*/

.container {
	max-width: 1020px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-right: 10px;
	padding-left: 10px;
	text-align: center;
	width: 1020px;
}
 
.nav-justify ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
     
    text-align: justify;
}
 
.nav-justify ul li {
    display: inline-block;
}
 
.nav-justify ul:after {
    content: "";
    display: inline-block;
    width: 100%;
    height: 0;
}
 
.nav-justify ul li a {
	font-size: 18px;
	font-weight: bold;
	color: #FFF;
}
.nav-justify ul li a:hover {
	color: #f2f2f2;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	text-decoration: none;
}

/*--------------------/gNav-------------------*/

.mg-btm-20px {
	margin-bottom: 20px;
}
#mainimg {
	background-image: url(image/boxbg.jpg);
	padding: 10px;
	margin-right: auto;
	margin-left: auto;
	width: 1000px;
}
.slideshow {
	padding: 0px;
	margin: 0px;
}
#news-Area {
	margin-top: 130px;
	padding-bottom: 40px;
	width: 1020px;
	padding-right: 10px;
	padding-left: 10px;
	margin-right: auto;
	margin-left: auto;
}
.news {
	background-image: url(image/newsbg.jpg);
	background-repeat: repeat-x;
	background-position: top;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FE0000;
	text-align: left;
	font-size: 14px;
	color: #FFF;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
}
.topbox {
	width: 1020px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	padding-right: 10px;
	padding-left: 10px;
}

#top01 {
	background-image: url(image/bd01.jpg);
	background-repeat: repeat-x;
	background-position: top;
	text-align: center;
	width: 100%;
	padding-top: 44px;
	padding-bottom: 44px;
	background-color: #FAF8F2;
	height: auto;
}
#top01-1 {
	width: 340px;
	text-align: left;
	float: left;
	height: 205px;
	display: table-cell;
	vertical-align: central;
	line-height: 205px;
}
#top01-1 h3 {
	margin-bottom: 10px;
	color: #888;
	font-size: 46px;
}
#top01-2 {
	float: right;
	width: 650px;
	height: 205px;
}
#top01-2 ul li {
	float: right;
	margin-left: 25px;
}

#top02 {
	background-image: url(image/bd02.jpg);
	background-repeat: repeat-x;
	background-position: top;
	width: 100%;
	padding-top: 44px;
	padding-bottom: 0px;
	height: auto;
	background-color: #FE0000;
}
#top02-1 {
	background-image: url(image/tp2-0.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	text-align: center;
	width: 100%;
	height: 250px;
}
#top02-1 ul {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
}
#top02-1 li  {
	float: left;
}
#top03 {
	background-image: url(image/bg03.png);
	background-repeat: repeat;
	height: auto;
	width: 100%;
}
#top02 .topbox h3  {
	text-align: right;
	font-size: 46px;
	color: #FFF;
	margin: 0px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 0px;
}

#top03sd {
	background-image: url(image/bd03.jpg);
	background-repeat: repeat-x;
	background-position: top;
	height: auto;
	width: 100%;
	padding-top: 44px;
	padding-bottom: 44px;
}
#top03-1 {
	width: 340px;
	text-align: left;
	float: left;
}
#top03-1 h3 {
	margin-bottom: 10px;
	color: #888;
	font-size: 46px;
}
#top03-2 {
	float: right;
	width: 640px;
	height: 260px;
}
#top03-2 ul li {
	float: right;
	margin-left: 28px;
}
#top03 #top03sd .topbox #top03-1 a {
	color: #666;
}

#top04 {
	padding-top: 44px;
	padding-bottom: 44px;
	background-image: url(image/bd04.jpg);
	background-repeat: repeat-x;
	background-position: top;
}
#top04-1 {
	float: left;
	width: 660px;
	padding-top: 30px;
	padding-bottom: 30px;
}
#top04 .topbox #top04-2 h3 {
	font-size: 46px;
	color: #888;
	margin-bottom: 10px;
}

#top04-1 ul li {
	float: left;
	margin-right: 10px;
}
#top04-2 {
	float: right;
	width: 330px;
	text-align: right;
	display: table-cell;
	line-height: 245px;
}
#top04 h3 {
	margin-bottom: 25px;
}
#top05 {
	background-image: url(image/bg05.jpg);
	height: auto;
	width: 100%;
	text-align: center;
}
#top05sd {
	background-image: url(image/bd05.jpg);
	background-repeat: repeat-x;
	background-position: top;
	padding-top: 44px;
	padding-bottom: 44px;
}
#top05-1 {
	float: left;
	width: 440px;
	text-align: left;
}
#top05-2 {
	float: right;
	width: 530px;
	height: auto;
}
#top05-2 ul li {
	float: right;
	margin-left: 30px;
}
#top05-1 h3 {
	margin-bottom: 10px;
	font-size: 46px;
	color: #888;
}
#top06 {
	background-image: url(image/bd04.jpg);
	background-repeat: repeat-x;
	background-position: top;
	padding-top: 70px;
	padding-bottom: 15px;
	text-align: center;
	background-color: #FFF;
}
footer {
	background-image: url(image/footbg.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	height: auto;
	width: 100%;
	padding-top: 192px;
	padding-bottom: 40px;
}
footer table{
	table-layout:fixed;
}

.footertb td a{
	color:#FFFFFF;
}

.footertb td a:hover{
	color:#f2f2f2;
	text-decoration:none;
}

.footertb{
	
	
}



#contents {
	width: 1020px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 180px;
	text-align: left;
	padding-bottom: 60px;
	padding-right: 10px;
	padding-left: 10px;
}
#contents h2 {
	margin-bottom: 25px;
	font-size: 46px;
	color: #888;
}
.cBox {
	text-align: left;
	width: 1000px;
	margin-top: 80px;
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
}
.cBox h3 {
	font-size: 36px;
	color: #888;
	margin-bottom: 30px;
}
#page {
	width: 100%;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	background-image: url(image/bodybg.png);
	background-repeat: no-repeat;
	background-position: center top;
}

.tbtxt td{
	line-height:160%;
}

#contents h2{
	margin-bottom:60px;
}
#joint {
	font-size: 28px;
}



#cc01 {
	width: 100%;
	height: auto;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	padding-top: 30px;
	padding-bottom: 80px;
	background-image:url(image/mg/cc01bg.png);
	background-repeat:no-repeat;
	background-position:left 20px;
	;
	background-size:22%;
	}


#cc02 {
	text-align: center;
	width: 100%;
	margin-right: auto;
	margin-left: auto;

}
#cc02head{
	background-color: #2E2E2F;
	height: 280px;
	background-size:42% 280px;
}
#cc02txt{
	background-image:url(image/mg/cc03bg.gif);
	padding-top: 40px;
	padding-bottom: 40px;
}


.line2 {
	background-image: url(image/mg/border_t.jpg);
	background-repeat: repeat-y;
	background-position: center;
	width: 50px;
}
#cc03 {
	padding-top: 50px;
	padding-bottom: 80px;
}

#formWrap {
	width: 100%;
	margin: 0 auto;
	color: #555;
	line-height: 120%;
	font-size: 90%;
}

table.formTable{
	width: 100%;
	margin: 0 auto;
	border-collapse: collapse;
}

table.formTable td,table.formTable th{
	border: 1px solid #ccc;
	padding: 10px;
}

table.formTable th{
	width: 35%;
	font-weight: normal;
	background: #efefef;
	text-align: left;
}

@media screen and (max-width: 572px) {
#formWrap {
	width: 95%;
	margin: 0 auto;
}
table.formTable th, table.formTable td {
	width: auto;
	display: block;
}
table.formTable th {
	margin-top: 5px;
	border-bottom: 0;
}
input[type="text"], textarea {
	width: 80%;
	padding: 5px;
	font-size: 110%;
	display: block;
}
input[type="submit"], input[type="reset"], input[type="button"] {
	display: block;
	width: 100%;
	height: 40px;
}
}