@charset "utf-8";
/* Reset
------------------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,input,textarea,p,blockquote,th,td {
margin: 0;
padding: 0;
}


/* Fonts
------------------------------------------------------------*/
body {
	font-size: 75%; /* IE */
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
	background-position: center top;
	background-color: #191919;
	background-image: url(../image/back.jpg);
	color: #666666;
}

h1,h2,h3,h4,h5,h6 {
font-size: 100%;
}


#head {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	height: 90px;
	background-color: #000000;
	padding-bottom: 10px;
	padding-top: 10px;
}
#head #logo {
	margin-left: 30px;
	float: left;
}
#head #submenu {
	text-align: right;
	list-style-type: none;
	float: right;
	font-size: 90%;
	margin-top: 60px;
}
#head #submenu li {
	float: left;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	margin-right: 8px;
	padding-right: 8px;
}

#content {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	background-color: #000000;
	padding-bottom: 20px;
}
#content #navi {
	padding: 0px;
	list-style-type: none;
	margin: 0px;
}
#content #navi li {
	float: left;
}

#content  #infotitle {
	padding-top: 15px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
	clear: both;
}

#content #infotitle_sub {
	height: 14px;
	padding-top: 8px;
	padding-bottom: 10px;
	width: 840px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../image/page_top_item1.jpg);
	padding-left: 20px;
	font-size: 90%;
}
#content #infomation {
	background-color: #FFFFFF;
	background-image: url(../image/infomationback.jpg);
	background-position: center bottom;
	background-repeat: no-repeat;
	width: 780px;
	margin-right: auto;
	margin-left: auto;
	padding: 40px;
}

#content #infomation p {
	text-align: justify;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 15px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 25px;
	margin-left: 0px;
}

#content  #infomation  h2  {
	font-size: 120%;
	color: #666666;
	background-image: url(../image/dot.gif);
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	margin-bottom: 20px;
	clear: both;
}
#content #infomation h3 {
	font-size: 120%;
}

#content #infomation .inbox {
	margin-bottom: 25px;
}


#content #infomation #saidmenu {
	width: 190px;
	float: left;
}




#content #infomation #pagetop {
	clear: both;
	text-align: right;
	padding-top: 20px;
}
#content #infomation #saidmenu ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#content #infomation #saidmenu li {
	margin: 0px;
	padding: 0px;
	line-height: 0px;
}
#content #infomation #saidmenu #attention {
	margin-top: 15px;
}

#content #infomation #saidmenu li a { position:relative; border:dotted #999; border-width:0 0 1px; box-sizing:border-box; -webkit-box-sizing:border-box; padding:12px 10px 10px 20px; display:block; background:#eee; line-height:1.5; color:#555; font-size:14px; letter-spacing:-1px; }
#content #infomation #saidmenu li a:hover { text-decoration:none; color:#CC9900; }
#content #infomation #saidmenu li a:before { transition: all 0.1s ease 0s; top:0; left:10px; bottom:0; position:absolute; content:""; vertical-align:middle; margin:auto; box-sizing: border-box; width: 4px; height: 4px; border: 4px solid transparent; border-left: 4px solid #555; }


#footer {
	width: 860px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	height: 40px;
	padding: 20px;
	background-image: url(../image/dot1.gif);
	color: #CCCCCC;
	margin-top: 0px;
	margin-bottom: 0px;
}




address {
	font-weight: normal;
	font-size: 90%;
	font-style: normal;
}
a:link {
	color: #996600;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #996600;
}
a:hover {
	text-decoration: underline;
	color: #CC9900;
}
a:active {
	text-decoration: none;
	color: #996600;
}
#head #submenu a:link {
	color: #FFFFFF;
	text-decoration: none;
}
#head #submenu a:visited {
	text-decoration: none;
	color: #FFFFFF;
}
#head #submenu a:hover {
	text-decoration: underline;
	color: #FFFFFF;
}
#head #submenu a:active {
	text-decoration: none;
	color: #FFFFFF;
}


figure { display:block; padding:0; margin:0; }
.gallerySample { padding:0; display:flex; display:-webkit-flex; flex-wrap:wrap; -webkit-flex-wrap:wrap; }
.gallerySample li { list-style:none; margin:0 17px 17px 0; }
.gallerySample li:nth-child(4n) { margin:0 0 17px 0; }
.gallerySample li a { display:block; text-decoration:none; }
.gallerySample li a img { vertical-align:bottom; border:solid #000; border-width:1px; }
.gallerySample li a:hover { text-decoration:none; }
.gallerySample li a figcaption { text-align:center; color:#000; display:block; padding:5px; font-size:13px; text-decoration:none; }
#infomation #samples p { padding:0; }

.gNavigation { margin:0 0 6px; padding:0; display:flex; display:-webkit-flex; border:solid #515151; border-width:1px 0 0 1px; width:100%; box-sizing:border-box; -webkit-box-sizing:border-box; clear:both; }
.gNavigation li { list-style:none; border:solid #515151; border-width:0 1px 1px 0; width:149px; }
.gNavigation li:last-child { width:150px; }
.gNavigation li a { font-family: '-apple-system', 'BlinkMacSystemFont','Hiragino Sans','Hiragino Kaku Gothic ProN',"segoe ui",'游ゴシック  Medium','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
line-height:1; display:block; text-align:center; font-size:14px; font-weight:bold; color:#ccc; padding:13px 0 15px 0;
background: rgb(56,57,59);
background: -moz-linear-gradient(top, rgba(56,57,59,1) 0%, rgba(4,6,5,1) 100%);
background: -webkit-linear-gradient(top, rgba(56,57,59,1) 0%,rgba(4,6,5,1) 100%);
background: linear-gradient(to bottom, rgba(56,57,59,1) 0%,rgba(4,6,5,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#38393b', endColorstr='#040605',GradientType=0 );
}
.gNavigation li a:hover { text-decoration:none; color:#fff; }
#infotitle img { vertical-align:bottom; }
.commonHead { width:900px; margin-right:auto; margin-left: auto; height:90px; background-color: #000000; padding-bottom: 10px; padding-top: 10px; overflow:hidden; margin-bottom:5px; }
.commonHead h1 { float:left; }
.commonHead .navMenus { float:right; display:table; margin:60px 0 0; }
.commonHead .navMenus li { display:table-cell; padding:0 8px 0 8px; border:solid #fff; border-width:0 1px 0 0; line-height:1;  }
.commonHead .navMenus li a { color:#fff; line-height:1; }


.BasicTable { border:solid #ccc; border-width:1px 0 0 1px; }
.BasicTable th { border:solid #ccc; border-width:0 1px 1px 0; }
.BasicTable td { border:solid #ccc; border-width:0 1px 1px 0; }

.baseTable { border-collapse:collapse; width:100%; margin:0 auto 30px auto; border:solid #d0d0d0; border-width:1px 0 0 1px; }
.baseTable th { line-height:1.5; width:25%; font-weight:bold; background:#f5f5f5; padding:10px 15px; text-align:left; vertical-align:top; border:solid #d0d0d0; border-width:0 1px 1px; }
.baseTable td { line-height:1.5; padding:10px 15px; vertical-align:top; border:solid #d0d0d0; border-width:0 1px 1px; }
.baseTable td strong { color:#85AC21; }
.baseTable p { margin:0 0 20px; line-height:1.5; }
.baseTable p:last-child { margin:0; }

.transTitle { background:#191919; color:#fff; margin:0 0 20px; font-weight:bold; padding:12px 15px; border-radius:0.3em; font-size:18px !important; }

.transWrap { border:solid #ddd; border-width:1px; padding:10px; box-sizing:border-box; margin:0 0 20px; }
.transWrap p { margin:0 !important; color:#000 !important; }
#content #infomation .transWrap p { margin:0 !important; padding:0; }
.transWrap h4 { font-weight:bold; font-size:17px; color:#000; margin:0 0 10px; border:solid #ddd; border-width:1px; background:#eee; padding:5px 10px; border-radius:0.3em; }
.transWrap h5 { border:dotted #ddd; border-width:0 0 1px; padding:10px 0 0; color:#000; padding:20px 0 5px 0; font-size:16px; margin:0 0 10px; }

/*--------------------------------------------------
FORMSET
---------------------------------------------------*/
.contactForm { margin:0 0 30px; width:100%;  border-collapse:collapse; border-spacing:0; border:#d0d0d0 solid; border-width:1px 0 0 1px; }
.contactForm li { list-style:none; }
.contactForm th { font-size:15px; padding:15px 10px; border:#d0d0d0 solid; border-width:0 1px 1px 0; background:#eee; width:25%; text-align:left; font-weight:bold; }
.contactForm th span { font-size:13px; color:#DA3C14; }
.contactForm td { padding:13px 10px; border:#d0d0d0 solid; border-width:0 1px 1px 0; background:#fff; }
.contactForm td input { outline:0; border:solid #bbb; border-width:1px; padding:8px 7px; margin:0 5px 0 0; }
.contactForm td textarea { outline:0; border:solid #bbb; border-width:1px; padding:8px 7px; min-height:170px; width:100%; -webkit-box-sizing: border-box; box-sizing: border-box; resize:none; }
.contactForm td span { margin:0 10px 0 0; font-size:15px; display:inline-block; }
.contactForm td em { font-style:normal; font-size:13px; color:#666; display:inline-block; margin:0 0 0 5px; }
.required { color:#DA3C14; }
.contactForm td input[type=text] { width:100%; -webkit-box-sizing: border-box; box-sizing: border-box; }

#content #infomation .contactForm p { padding:0; }

.tc { text-align:center !important; }

.contactForm td input.ssRange { width:5em; }
.contactForm td input.sRange { width:10em; }
.contactForm td input.mRange { width:20em; }
.contactForm td input.lRange { width:30em; }
.scape { overflow:hidden; }
.scape li { float:left; margin:0 20px 0 0; }
.scape li:last-child { margin:0; }
.recIcon { font-style:normal; display:inline-block; color:#fff; font-size:12px; background:#c71c24; -moz-border-radius:0.3em; -khtml-border-radius:0.3em; -webkit-border-radius:0.3em; border-radius:0.3em; padding:4px 5px 4px 4px; line-height:1; vertical-align:text-top; margin:0 5px 0 0; }

.iconcheckBox { display:block; margin:4px 0 0; font-family:Avenir,"Open Sans","Helvetica Neue",Helvetica,Arial,Verdana,Roboto,"游ゴシック Medium","Yu Gothic Medium","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Meiryo UI","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic", sans-serif; }
.iconcheckBox:before { display:inline-block; transition: all 0.1s ease 0s; font-family: 'icomoon'; content: "\ea52"; font-size:12px; margin:0 5px 0 0; text-decoration:none; color:#c14343; vertical-align:text-top; }

input[type=radio], input[type=checkbox] { display: none; }
.radio { font-size:18px; -webkit-box-sizing: border-box;box-sizing: border-box;position: relative;display: inline-block;padding: 0 0 0 28px;vertical-align: middle;cursor: pointer;}
.radio:hover:after {border-color: #bbb;}
.radio:after { -webkit-transition: border-color 0.1s linear;transition: border-color 0.2s linear;position: absolute;top: 50%;left: 0;display: block;margin-top: -10px;width: 18px;height: 18px;border: 1px solid #bbb;border-radius: 50%;content: '';}
.radio:before {outline: 0; -webkit-transition: opacity 0.1s linear;transition: opacity 0.1s linear;position: absolute;top: 50%;left: 5px;display: block;margin-top: -5px;width: 10px;height: 10px;border-radius: 50%;background-color: #AEBC41;content: '';opacity: 0;}
input[type=radio]:checked + .radio:before {opacity: 1;}
.formList li { margin:0 0 10px; color:#000; }
.formList li:last-child { margin:0; }

.checkbox {-webkit-box-sizing: border-box;box-sizing: border-box;position: relative;display: inline-block;padding: 0 0 0 28px;vertical-align: middle;cursor: pointer; }
.checkbox:after { -webkit-transition: border-color 0.1s linear;transition: border-color 0.2s linear;position: absolute;top: 50%;left: 0;display: block;margin-top: -10px;width: 18px;height: 18px;border: 1px solid #D9D2BD; content: ''; -moz-border-radius:0.1em; -khtml-border-radius:0.1em; -webkit-border-radius:0.1em; border-radius:0.1em;}
.checkbox:before {-webkit-transition: opacity 0.2s linear; transition: opacity 0.2s linear; position: absolute; top: 50%;left: 7px; display: block; margin-top: -7px; width: 4px; height: 8px; border-right: 3px solid #1CB193; border-bottom: 3px solid #6BB836; content: ''; opacity: 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
input[type=checkbox]:checked + .checkbox:before { opacity: 1; }

.form-list .custom-select:after { line-height: 137%; }
.custom-select { outline:0; overflow: hidden;display: inline-block;*display: inline;*zoom: 1;position: relative;border: solid #bbb;border-width: 1px;vertical-align: middle;}
.custom-select > select { outline:0; width: 100%;padding: 10px 70px 10px 10px;height: 38px;font-size: 15px;-moz-appearance: none;-webkit-appearance: none;-o-appearance: none;-ms-appearance: none;appearance: none;border-radius: 0;border: 0;margin: 0;background: #fff;vertical-align: middle;color: #333;-webkit-box-sizing: border-box;box-sizing: border-box;}
.custom-select:after { outline:0; position: absolute;top: 0;right: 0;bottom: 0;display: block;pointer-events: none;border: solid #bbb;border-width: 0 0 0 1px; content:""; background: #F9F8F3; transform: rotateX(180deg); padding: 5px 18px; }
.custom-select:before { position:absolute; right:11px; bottom:0; top:0; margin:auto; content:""; width: 0; height: 0; border-left:7px solid transparent; border-right: 7px solid transparent;border-top:7px solid #ccc; z-index:10; }

.error { border:solid #D9D2BD; border-width:2px; padding:20px; background:#F9F8F3; color:#DA3C14; }
.errorTitle { font-weight:bold; font-size:18px; margin:0 0 20px; }
.error_messe { color:red; font-weight:bold; font-size:18px; margin:0 0 10px !important; padding:0 !important; }

textarea { font-size:16px; outline:0; border:solid #D9D2BD; border-width:1px; padding:8px 7px; min-height:170px; width:100%; -webkit-box-sizing: border-box; box-sizing: border-box; resize:none; display:block; }

.sBtn { font-weight:bold; outline:0; color:#fff; padding:8px 30px; border:solid #093879; border-width:0 0 2px; font-size:16px; display:inline-block; background:#005ad9; cursor:pointer; -moz-border-radius:1.5em; -khtml-border-radius:1.5em; -webkit-border-radius:1.5em; border-radius:1.5em; transition: all 0.25s ease-in-out 0s; }
.gray:hover { background:#A5A5A5; }
.red:hover { background:#DD2F1C; color:#fff; }
.gray { background:#BBBBBB; border-color:#A5A5A5; }
.aBtn { text-decoration:none !important; color:#fff !important; font-weight:bold; outline:0; color:#fff; padding:8px 30px; border:solid #097e8b; border-width:0 0 2px; font-size:16px; display:inline-block; background:#099cac; cursor:pointer; -moz-border-radius:1.5em; -khtml-border-radius:1.5em; -webkit-border-radius:1.5em; border-radius:1.5em; transition: all 0.25s ease-in-out 0s; }
.aBtn:hover { background:#11aebf; }

.checkInnner { border-radius:0.2em; margin:10px 0 0; font-size:16px; color:#000; padding:15px; box-sizing:border-box; border:solid #d5bb72; border-width:1px; background:#fff8e5; }