html,body{height:100%;}
body{background: url(../images/body-tail.jpg) top center repeat; font:13px/18px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; color:#a29f87; position:relative; min-width:320px; height:100%;}
.bg{background:url(../images/body-shadow-tail.png) center bottom repeat-x; width:100%; min-height:100%;}
.main{width:980px; position:relative; margin:0 auto; padding:0;}
.content-box{background:#fff; box-shadow:0px -1px 5px rgba(158,158,158,0.12); -moz-box-shadow:0px -1px 5px rgba(158,158,158,0.12); -webkit-box-shadow:0px -1px 5px rgba(158,158,158,0.12);}

/*********************************header*************************************/
header{width:100%; background:url(../images/header-tail.png) center top repeat-x; position:relative;}
	header .indents{padding:33px 25px 9px;}
.indents::after{content: ""; display:block; clear: both;}
h1{overflow:hidden;}
	h1 a{display:inline-block; font-size:60px; line-height:75px; text-decoration:none; text-transform:uppercase; color:#46473e; margin-right:12px;}
		h1 a:hover{text-decoration:none;}
		h1 a strong{color:#b0d50f;}
	h1 > strong{display:inline-block; background:url(../images/slogan-marker.png) 0px 6px no-repeat; font: normal 13px/16px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; padding-left:15px; vertical-align:-32px;}
header .content-box{padding:21px 23px 0; border-radius:30px 30px 0 0; -moz-border-radius:30px 30px 0 0; -webkit-border-radius:30px 30px 0 0;}
.poster{width:100%; padding-top:2px; height:auto;}
.container-k{width:auto;}
#topl-k{
 width: 60%;
 float: left;
}
#topr-k{
 width: 40%;
 text-align: right;
 float: right;
}
/********************************* Content **********************************/
#content{width:100%;}
	#content .content-box{padding:15px 23px 22px;}
		#page4 #content .content-box{padding:15px 23px 50px;}
/* ---------- Tags ---------*/
h2{
 font-family: 'Oswald', sans-serif;
 font-weight: bold;
 font-size: 35px;
 line-height: 53px;
 color: #00FBFF;
 vertical-align: middle
}
h3{
 font-weight: bolder;
 font-size: 24px;
 line-height: 36px;
 color: #006625;
}
h4{
 font-weight: bolder;
 font-size: 18px;
 line-height: 29px;
 color: #009E08;
}
	h4 a{color:#a0c900; text-decoration:none;}
		h4 a:hover{text-decoration:none; color:#777262;}
h6{font-weight:bold; color:#6c7261;}
	h6 a{text-decoration:none; color:#6c7261;}
		h6a:hover{text-decoration:none; color:#b0d50f;}
	h6.title1 a{text-decoration:underline; color:#94c807;}
		h6.title1 a:hover{text-decoration:none; color:#94c807;}
p, .p3-1{
 margin-bottom: 10px;
 color: #6F6D5C;
 color: #191970;
 font-size: 14px;
}
	.p0{margin-bottom:0;}
	.p1{margin-bottom:5px;}		.p1-1{margin-bottom:8px;}
	.p2{margin-bottom:10px;}	.p2-1{margin-bottom:12px;}
	.p3{margin-bottom:15px;}
	.p4{margin-bottom:20px;}	.p4-1{margin-bottom:22px;}
	.p5{margin-bottom:25px;}	.p5-1{margin-bottom:28px;}
	.p6{
 margin-bottom: 0px;
}	.p6-1{margin-bottom:32px;}
	.p7{margin-bottom:35px;}	.p7-1{margin-bottom:37px;}
	.p8{margin-bottom:40px;}	.p8-1{margin-bottom:42px;}
a{color:#94c807; outline:none;cursor:pointer;text-decoration:underline;}
	a:hover{text-decoration:none;}
blockquote{width:100%;}
	.quote-caption{text-align:right;}
time{display:block; font-size:24px; line-height:29px; color:#a0c900;}
	time a{text-decoration:none;}
		time a:hover{text-decoration:none; color:#6c7261;}
/*----- Global Structure -----*/
.clear{clear:both;line-height:0;font-size:0;overflow:hidden;height:0;width:100%;}
.wrapper{width:100%;overflow:hidden;position:relative;}
.extra-wrap{overflow:hidden;display:block;}
.fleft{float:left}
.fright{float:right}
.alignright{text-align:right}
.aligncenter{text-align:center}
.alignmiddle *{vertical-align:middle}
.bold{font-weight:bold;}
.img-indent{
 float: left;
 margin-right: 15px;
 margin-right: 5px;
}
.last-item{margin-right:0 !important; margin-bottom:0 !important;}
/*---------- Columns --------*/
.col-4{float:left; width:300px; margin-right:10px;}
.col-4x{float:left; width:310px; margin-right:14px;}
.col-4xx{float:left; width:300px; margin-right:17px;}
.col-6{
 float: left;
 width: 440px;
 margin-right: 30px;
 margin-bottom: 10px;
}
.col-8{float:left; width:610px; margin-right:14px;}
/*---------- Links ----------*/
.button{display:inline-block; font: normal 13px/16px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; color:#f7f7f7; text-decoration:none; background:#6c7261; cursor:pointer; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
	.button span{
 display: inline-block;
 background: url(../images/button-marker.gif) 10px 9px no-repeat;
 padding-top: 3px;
 padding-right: 15px;
 padding-left: 18px;
 padding-bottom: 4px;
 position: relative;
}
	.button:hover{text-decoration:none; background-color:#b0d50f;}
/*----------- Boxes ----------*/
.banner1, .banner2{display:block; width:300px; height:174px; overflow:hidden; position:relative; text-decoration:none;}
	.banner1 span{position:absolute; top:138px; left:29px; display:block; background:#fff; font: bold 13px/16px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; color:#f2b119; text-decoration:none; padding:3px 7px 4px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
	.banner2 span{position:absolute; top:138px; left:28px; display:block; background:#fff; font: bold 13px/16px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; color:#d63f34; text-decoration:none; padding:3px 7px 4px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.banner3, .banner4, .banner5{display:block; width:305px; height:174px; overflow:hidden; position:relative; float:left; margin-right:9px; text-decoration:none;}
	.banner3 span{position:absolute; top:138px; left:29px; display:block; background:#fff; font: bold 13px/16px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; color:#f2b119; text-decoration:none; padding:3px 7px 4px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
	.banner4 span{position:absolute; top:138px; left:28px; display:block; background:#fff; font: bold 13px/16px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; color:#d63f34; text-decoration:none; padding:3px 7px 4px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
	.banner5 span{position:absolute; top:138px; left:28px; display:block; background:#fff; font: bold 13px/16px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; color:#aacd12; text-decoration:none; padding:3px 7px 4px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
		.banner1:hover span, .banner2:hover span, .banner3:hover span, .banner4:hover span, .banner5:hover span{color:#474747; text-decoration:none;}
.sidebar{background:#f8f7ef; padding:28px 22px 28px 35px; color:#474747; border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px;}
	.sidebar h3{font-size:34px; line-height:41px; color:#5b5543;}
	.sidebar .border-bottom{border-bottom:1px solid #ebe9d7;}
	#page1 .sidebar .button{background-color:#777262;}
		.sidebar .button:hover, #page1 .sidebar .button:hover{background-color:#b0d50f;}
	.sidebar dl{float:none; margin-right:0; padding:0px 8px 0px 3px; width:auto; font-weight:bold; line-height:19px; color:#94c807;}
		.sidebar dt{color:#94c807;}
		.sidebar dl span {float:right; width:auto;}
/*---------- Lists -----------*/
.list-1 li{font:13px/16px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; background:url(../images/marker-1.gif) 0 5px no-repeat; padding-left:18px; margin-bottom:14px;}
	.list-1 a{color:#474747;}
		.list-1 a:hover{color:#94c807; text-decoration:underline;}
/*---------- Indents ---------*/
.content-indents1{
 padding-top: 25px;
 padding-right: 20px;
 padding-left: 20px;
 padding-bottom: 0px;
}



#map01 {height: 350px;}

.mapBox {
	border: solid 1px #eee;
	border-bottom: none;
}
.mapBox>div {
	padding: 15px;
	background: #FFF;
	margin-bottom: 5px;
}
.mapBox>.example::before,
.mapBox>.html::before,
.mapBox>.css::before,
.mapBox>.js::before,
.mapBox>.php::before {
	display: block;
	font-weight: bold;
	font-size: 140%;
	margin-bottom: 10px;
	color: #666;
}
.mapBox>.example::before {
	content: "SAMPLE";
}
.mapBox>.html::before {
	content: "HTML";
}
.mapBox>.css::before {
	content: "CSS";
}
.mapBox>.js::before {
	content: "JS";
}
.mapBox>.php::before {
	content: "PHP";
}



	#page3 .content-indents1{padding:32px 20px 30px;}
.content-indents2{padding:0 20px;}
.content-indents3{padding:32px 30px 28px 20px;}
.indent-top1{padding-top:5px;}
.indent-top3{padding-top:15px;}
.indent-top6-1{padding-top:32px;}
.indent-right3{padding-right:15px;}
.indent-right4{padding-right:20px;}
.indent-left1{padding-left:5px;}
.indent-left3{padding-left:15px;}
.indent-left4{padding-left:20px;}
.indent-left5{padding-left:25px;}
.indent-left7-1{padding-left:37px;}
.indent-bottom2{padding-bottom:10px;}
.indent-bottom3-1{padding-bottom:18px;}
.indent-bottom5-1{padding-bottom:27px;}
.indent-bottom7{padding-bottom:35px;}
.indent-bottom10{padding-bottom:50px;}
.indent-bottom12-1{padding-bottom:63px;}
/*----------- Contacts ------------*/
dl{float:left; margin-right:20px; padding-left:20px; width:230px; position:relative; overflow:hidden;}
dt{font-weight:bold; color:#777262;}
dl span {float:left; width:86px;}
/************************************** Footer *************************************/
footer{width:100%; position:relative; padding:44px 0 23px;}
	#page1 footer{padding:26px 0 23px;}
	footer .col-4{width:309px; margin-right:0px !important;}
	footer .col-4x{width:332px;}
	footer .col-8{width:633px;}
	footer .border-top{border-top:1px solid #dad8cf;}
	footer .border-left{border-left:1px solid #b9b5a2;}
	footer .indent-bottom{
 padding-bottom: 20px;
}
	footer .indents{padding:9px 22px 0 12px;}
	footer h3{
 font-size: 20px;
 line-height: 41px;
 color: #F0FF00;
 letter-spacing: 1px;
 word-spacing: -1px;
}
	.footer-list li{
 background: url(../images/footer-list-marker.png) 0 3px no-repeat;
 font: 13px/16px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
 padding-left: 21px;
 margin-bottom: 7px;
 color: #FFFFFF;
}
		.footer-list a{font-weight:normal; color:#fff;}
			.footer-list a:hover{text-decoration:underline; color:#4f4833;}
	a.small-logo{display:block; float:left; font-weight:normal; font-size:35px; line-height:42px; text-transform:uppercase; color:#d0cdb8; text-decoration:none;}
		a.small-logo:hover{text-decoration:none;}
		a.small-logo strong{color:#b0d50f;}
	.footer-text{float:right; color:#f4f2e1; padding-top:9px;}
		.footer-text a{color:#f4f2e1; font-weight:normal;}



table.brwsr2 { 
color: #2f4f4f;
    margin: 0 auto; 
    width: 650px; 
    width: 80%; 
    border: none; 
    border-top: solid 1px #666; 
    border-bottom: solid 1px #666; 
    border-collapse: separate; 
    border-spacing: 0 10px; 
    background: #f5f5f5; 
} 
table.brwsr2 th { 
    vertical-align: middle; 
/*    height: 30px; */
    width: 20%; 
    border-right: solid 1px #666; 
    margin: 10px; 
    text-align: center; 
/*  color: #333; */
color: #2f4f4f;

    font-size: 16px; 
    font-weight: bold; 
    white-space: nowrap; 
} 
table.brwsr2 td.data { 
    padding: 10px; 
    margin: 0;
    height: 20px; 

    border: none; 
/*  color: #666; */
color: #2f4f4f;

    font-size: 12px; 
    line-height: 16px; 
    text-align: left; 
    vertical-align: middle; 
    white-space: nowrap; 
    overflow: hidden; 
} 
table.brwsr2 td:fst-child { 
    padding: 0 0 0 10px; 
    vertical-align: middle;
} 
table.brwsr2 td.bar { 
    height: 1px; 
    width: 100%; 
    border-top: solid 1px #34495e; 
}



table.outline {
 color: #2f4f4f;
    margin: 0 auto; 
	border-collapse: collapse;
	width:80%;
}
table.outline th.t_top {
    border-top: #be1309 4px solid;
}
table.outline th {
	border-bottom: #e3e3e3 1px dotted;
	text-align: left;
	padding: 10px;
	font-weight: normal;
    white-space: nowrap; 
}
table.outline td.t_top {
	border-top: #b3b3b3 4px solid;
}
table.outline td {
	border-bottom: #e3e3e3 1px dotted;
	text-align: left;
	padding: 10px;
}
table.outline tr:hover {
    background: #3D80DF;
    color: #FFFFFF;
}



table.fee {
 color: #2f4f4f;
    margin: 0 auto; 
	border-collapse: collapse;
	width:85%;
}
table.fee th.t_top {
    border-top: #be1309 4px solid;
}
table.fee th {
	border-bottom: #e3e3e3 1px dotted;
	text-align: left;
	padding: 5px;
	font-weight: normal;
    white-space: nowrap; 
}
table.fee td.t_top {
	border-top: #b3b3b3 4px solid;
}
table.fee td {
	border-bottom: #e3e3e3 1px dotted;
	padding: 5px;
}
table.fee tr:hover {
    background: #3D80DF;
    color: #FFFFFF;
}
.scroll{
overflow: auto;/*tableをスクロールさせる*/
white-space: nowrap;/*tableのセル内にある文字の折り返しを禁止*/
}
.scroll::-webkit-scrollbar{/*tableにスクロールバーを追加*/
 height: 5px;
}
.scroll::-webkit-scrollbar-track{/*tableにスクロールバーを追加*/
 background: #F1F1F1;
}
.scroll::-webkit-scrollbar-thumb {/*tableにスクロールバーを追加*/
 background: #BCBCBC;
}


table.inq {
 color: #2f4f4f;
    margin: 0 auto; 
	border-collapse: collapse;
	width:100%;
}
table.inq th.t_top {
	text-align: left;
	vertical-align: middle;
    /* border-top: #be1309 4px solid; */
}
table.inq th {
	border-bottom: #e3e3e3 1px dotted;
	text-align: right;
	vertical-align: middle;
	padding: 10px;
	font-weight: normal;
    white-space: nowrap; 
}
table.inq td.t_top {
	border-top: #b3b3b3 4px solid;
	vertical-align: middle;
}
table.inq td {
	border-bottom: #e3e3e3 1px dotted;
	text-align: left;
	vertical-align: middle;
	padding: 10px;
}
table.inq tr:hover {
    background-color: tan;
    color: #FFFFFF;
}
/* table.inq textarea {width: 93%;} */


.ztopics{
 display: block;
 width: 80%;
height: 500px;
margin: 0 auto;}

.InqButton{
	width:500px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

	img{
 width: 100%;
 height: auto;
}

/*=================================================================================*/
@media only screen and (max-width: 995px) {

	.hide1{display:none;}
	.img-indent-none1{float:none; margin-right:0; margin-bottom:10px;}
	p, .p3, .p3-1{margin-bottom:13px}
		.p4, .p4-1{margin-bottom:15px;}
		.p5, .p5-1{margin-bottom:20px;}
		.p6, .p6-1{
 margin-bottom: 0px;
}
		.p7, .p7-1{margin-bottom:30px;}
		.p8, .p8-1{margin-bottom:35px;}
	.col-4, .col-4x, .col-4xx{width:232px; margin-right:10px;}
	.col-6{width:349px; margin-right:20px;}
	.col-8{width:475px; margin-right:10px;}
	footer .col-4, footer .col-4x{width:249px;}
	footer .col-8{width:498px;}
	/*-----------------------------------------*/
	.main{width:758px;}
	#content .content-box, #page4 #content .content-box{padding:15px 20px 30px;}
	.banner1, .banner2{width:232px; height:135px;}
	.banner3, .banner4, .banner5{width:232px; height:132px;}
		.banner1 span, .banner2 span, .banner3 span, .banner4 span, .banner5 span{top:103px; left:20px; font-size: 12px; line-height:15px; padding:2px 7px 3px;}
	dl{padding-left:0px; width:220px;}
	.sidebar dl{padding:0px;}
	.sidebar{padding:10px 15px 20px;}
	.img-indent{
 margin-right: 15px;
 margin-bottom: 15px;
}
	footer .border-left{border-left:none;}
	header .indents{padding:10px 20px 11px;}
	header .content-box{padding:20px 20px 0;}
	.indent-top1{padding-top:0;}
	.indent-right3{padding-right:10px;}
	.indent-left1, .indent-left3, .indent-left4, .indent-left5{padding-left:0;}
	.content-indents1, #page3 .content-indents1, .content-indents3{padding:0 0 25px;}
	.content-indents2{padding-left:0; padding-right:0;}
	footer .indent-right4{padding-right:10px;}
	footer .indent-left7-1{padding-left:15px;}
	.indent-bottom7, .indent-bottom10, .indent-bottom12-1{padding-bottom:30px;}
}

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

.hide-L767{ display:none }

 .InqButton{
	width:80%;
}
	.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .extra-marg-bot{margin-bottom:25px;}
	.hide2{display:none;}
	.last-col{margin-bottom:0 !important;}
	.even-last-item{margin-right:0 !important;}
	.img-indent-none2{float:none; margin-right:0; margin-bottom:10px;}
	.col-4, .col-4x, .col-4xx, .col-6, .col-8{width:100%; margin-right:0px; margin-bottom:25px;}
	/*-----------------------------------------*/
	.main{width:460px;}
	.banner1, .banner2{width:420px; height:244px;}
		.banner1 span, .banner2 span{top:188px; left:38px; font-size: 15px; line-height:18px; padding:7px 12px 8px;}
	.banner3, .banner4, .banner5{width:305px; height:174px; margin-right:0; margin-bottom:10px; float:none;}
		.banner3 span, .banner4 span, .banner5 span{top:138px; left:29px; font-size: 13px; line-height:16px; padding:3px 7px 4px;}
	dl{width:200px;}
	.sidebar dl{width:240px;}
	header .indents{padding:10px 0px 11px 10px;}
	.poster{padding-top:20px;}
	.sidebar{padding:15px 20px 20px;}
	footer .col-4{width:230px;}
	footer .col-4x, footer .col-8{width:100%; float:none; margin-right:0;}
	footer .indent-left7-1{padding-left:0;}
	footer .indents{padding:9px 0 0;}
	.indent-right3{padding-right:0;}

.indents .container-k #topl-k, #topr-k {
 width: auto;
 margin-right: 6px;
 margin-left: 6px;
 margin-bottom: -13px;
 float: right;
 margin-top: -13px;
}
 #topl-k{
 width: 100%;
 float: none;
}
.main .indents #topl-k {
}

#topr-k{
 width: 100%;
 text-align: right;
 float: none;
}
 
}

@media only screen and (max-width: 479px) {
 .InqButton{
//	width:100%;
}
	.hide3{display:none;}

	.img-indent-none3 img{width:120px; float:left; margin-right:0; margin-bottom:10px;}
	/*-----------------------------------------*/
	h1 > strong{display:block; margin-top:-3px; padding-right:20px; text-align:right; background-position:137px 6px;}
	.main{width:310px;}
	.banner1, .banner2{width:270px; height:157px;}
	.banner3, .banner4, .banner5{width:270px; height:154px;}
		.banner1 span, .banner2 span, .banner3 span, .banner4 span, .banner5 span{top:123px; left:24px; font-size: 12px; line-height:15px; padding:2px 7px 3px;}
	dl{width:100%; float:none; margin-right:0; margin-bottom:18px;}
	.sidebar dl{width:100%;}
	footer .col-4{float:none; width:100%;}
	footer .indent-right4{padding-right:0;}
	a.small-logo, .footer-text{float:none;}
.indents #topr-k h2 {

}

 
}