@charset "UTF-8";
html{
	min-height: 100%;
	height: 100%;
}
ul, ol{
	list-style : none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}
body {
	font-family:  Meiryo, メイリオ, Osaka, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3','MS PGothic', arial, helvetica, sans-serif!important;
	-webkit-text-size-adjust: 100%;
	margin: 0px;
	padding: 0px;
	text-align: center;
	height: 100%;
	line-height: 150%;
	background-image: url(../img/background.jpg);
	background-attachment: fixed;
}
img {
	margin: 0px;
	padding: 0px;
	border: none;
}
a:link {
	color: #000000;
	text-decoration: none;
	transition: 0.3s ease 0s;
	-webkit-transition: 0.3s ease 0s;
	-moz-transition: 0.3s ease 0s;
	-ms-transition: 0.3s ease 0s;
}
a:visited {
	color: #000000;
	text-decoration: none;
}
a:hover {
	color: #FF0000;
	text-decoration: none;
}
a:active {
	color: #FF0000;
	text-decoration: none;
}
/*---------------layout----------------*/
#container{
	margin: 0px auto;
	min-height:100%;
	height: inherit;
	width:100%;
}
#wrapper {
	margin: 0px auto 0px auto;
	color: #333333;
	text-align: center;
	overflow: hidden;
	width: 1000px;
}
#anchor{
	clear:both;
	text-align: right;
	margin: 10px 0px 10px 0px;
	background-image: url(../img/bodyback.gif);
	background-position: center 0pt;
}
/*----------------midashi teigi---------------- */

h1{
	font-size: 10px;
	font-weight: normal;
	letter-spacing: 2px;
	margin: 0px auto 0px auto;
	padding: 2px 5px 2px 5px;
	text-align: right;
	background-color: #000000;
	color: #FFFFFF;
}
h2{
	font-size: 20px;
	overflow:hidden;
	}
h2 .japanese{
	letter-spacing:1px;
	float:right;
	padding-top:25px;
}

h3{
	font-size: 20px;
	margin: 5px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	height:30px;
	text-align: left;
	color: #b37b3b;
	clear: both;
	letter-spacing: 3px;
	text-indent: 35px;
	background-image:url(../img/h3back.png);
	background-position:left middle;
	background-repeat:no-repeat;
	line-height:170%;
	font-weight: normal;
}
h4{
	font-size: 14px;
	margin: 10px 0px 0px 20px;
	padding: 0px 0px 4px 0px;
	text-align: left;
	color: #000000;
	clear: both;
	letter-spacing: 1px;
	background-repeat: no-repeat;
}
.necessary {
	color: #40ae00;
}
/*----------------header---------------- */

#header {
	height: auto;
	width: auto;
	color: #2c2c2c;
	margin: 0px auto 0px auto;
	padding: 0px 0px 15px 0px;
	font-size: 12px;
	background-image:url(img/top_background.jpg);
	overflow: hidden;
	}

#header #header_inside{
	width:1000px;
	margin:0px auto 0px auto;
	}

#header #header_left{
	float: left;
	margin:20px 0px 20px 0px;
	}
	
#header #header_left_sub{
	float: left;
	margin:20px 0px 20px 10px;
	}
	
#header #header_center{
	font-size:12px;
	letter-spacing:2px;
	text-align:left;
	margin:40px 5px 0px 5px;
	float:left;
	}
	
#header #header_right{
	float: right;
	margin:20px 0px 20px 0px;
	overflow:hidden;
	text-align:right;
	}
	
	#header #header_right01{
	float: right;
	margin:20px 0px 20px 0px;
	overflow:hidden;
	text-align:right;
	}
	
#header #header_right_sub{
	float: right;
	margin:5px 0px 0px 0px;
	overflow:hidden;
	text-align:right;
	}	

#header .headbtn_right{
	margin:5px 0px 0px 0px;
	transition: 1.0s ;	
	}

#header .headbtn_right:hover{
	opacity:0.6
	}
	
#header #header_right ul{
	margin:5px 0px 0px 0px;
	transition: 1.0s ;
	overflow:hidden;
	}

#header #header_right ul li{
	display:block;
	float:left;
	text-align:left;
	margin:0px 0px 0px 0px;
	padding:0px 20px 0px 20px;
	color:#b37b3b;
	background-image:url(img/head_li.png);
	background-repeat:no-repeat;
	}
#header #header_right ul li:last-child{
	padding:0px 0px 0px 20px;
	}

/*----------------header_sub---------------- */

#header_sub {
	height: auto;
	width: 1000px;
	color: #2c2c2c;
	margin: 0px auto 0px auto;
	padding: 0px 0px 15px 0px;
	font-size: 12px;
	overflow:hidden;
	}
	
#header_sub #header_left{
	float: left;
	margin:20px 0px 30px 10px;
	}
	
#header_sub #header_left_sub{
	float: left;
	margin:20px 0px 20px 10px;
	}
	
#header_sub #header_center{
	font-size:12px;
	letter-spacing:3px;
	text-align:left;
	margin:40px 5px 0px 5px;
	float:left;
	}
	
#header_sub #header_right{
	float: right;
	margin:10px 0px 0px 0px;
	overflow:hidden;
	text-align:right;
	}
	
#header_sub #header_right_sub{
	float: right;
	margin:5px 0px 0px 0px;
	overflow:hidden;
	text-align:right;
	}	

#header_sub .headbtn_right{
	margin:5px 0px 0px 0px;
	transition: 1.0s ;	
	}

#header_sub .headbtn_right:hover{
	opacity:0.6
	}
	
#header_sub #header_right ul{
	margin:5px 0px 0px 0px;
	transition: 1.0s ;
	overflow:hidden;
	}

#header_sub #header_right ul li{
	display:block;
	float:left;
	text-align:left;
	margin:0px 0px 0px 0px;
	padding:0px 20px 0px 20px;
	color:#b37b3b;
	background-image:url(img/head_li.png);
	background-repeat:no-repeat;
	}
#header_sub #header_right ul li:last-child{
	padding:0px 0px 0px 20px;
	}

/* ----------------contents---------------- */

#contents{
	padding: 0px 0px 0px 0px;
	margin: 0px auto 0px auto;
	clear: both;
	background-color:#FFFFFF;
	min-height:100%;
	width:100%;
}
#topimg{
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	clear: both;
	height: auto;
	text-align:center;
	overflow:hidden;
}
#topimg img{
	margin: 0px auto 0px auto;
}
#topimg_sub{
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	clear: both;
	height: auto;
	text-align:center;
	background-color:#ededed;
}

#topimg_sub2{
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	clear: both;
	height: auto;
	text-align:center;
	background-color:#222222;
}

#bottomimg{
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	clear: both;
	height: auto;
	text-align:center;
}
#slider{
	margin: 0px auto 0px auto;
}
#logo{
	text-align: center;
	margin: 0px auto;
	height: inherit;
	position: absolute;
	top: 375px;
	left: 48%;
}
.img_right{
	float:right;
	padding: 2px;
	border: solid 1px #cccccc;
	margin:0px auto;
}
/* ----------------topnavi ----------------*/
#navi {
	text-align: center;
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background-color: #00883b;
	width:100%;
	position: inherit;
}
.accordion {
	height:65px
	overflow:hidden;
	display:inherit;
	text-align:left;
	text-indent:0em;
	border-bottom:#555555 solid 1px;
	border-top:#555555 solid 1px;
	background: #dddddd; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #dddddd 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ffffff 0%,#dddddd 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ffffff 0%,#dddddd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dddddd',GradientType=0 ); /* IE6-9 */
	color: #000; 
	width:100%; 
	margin:0 auto 0px; 
	padding:0px 0px;
	position:inherit; 
	top:0; 
	z-index:10; 
}
.accordion p {
	cursor:pointer; 
	text-align:right;
	padding-right:1em;
	display:none;
}
.accordion a {
	display:block;
	padding: 15px 0px 0px 0px;
	text-decoration:none;
	color:#333333;
	transition: 1.0s ;
	height:50px;
	width: 248px;
	text-align:center;

}
.accordion span {
	display:block;
	padding:0px;
	color:#fff;
}
.accordion ul {
	padding:0px 0px 0px 0px;
	margin:0px auto 0px auto;
	display:inherit;
	overflow:hidden;
}
.accordion > li > p {
	cursor:pointer;
}

.accordion > li > ul  {
	margin:0px auto 0px auto;
	width:1000px;
	
}
.accordion > li > ul > li {
	font-size: 1.0em;
	letter-spacing:1px;
	font-weight:bold;
	padding: 0px 0px 0px 0px;
	border-bottom:none;
	float:left;
	border-left: solid 1px #aaaaaa;
}
.accordion li ul li .subtex{
	font-size: 12px;
	letter-spacing:1px;
	text-align:center;
	color:#ff7f39;
	line-height:100%;
}

.accordion > li > ul > li a:hover {
	background-color:#FFFFFF;
	color:#ec4e4c;
}
.accordion > li > ul > li:first-child {
	padding: 0px 0px 0px 0px;
}
.accordion > li > ul > li:last-child {
	padding: 0px 0px 0px 0px;
	width:250px;
	border-right: solid 1px #aaaaaa;
}
#navi .select{
}

/*---------------- column ----------------*/

#columnmain{
	width:100%;
	line-height: 150%;
	text-align: left;
	float: left;
	color: #000000;
	font-size: 12px;
	letter-spacing: 1px;
	background-color: #FFFFFF;
	padding: 10px 0px 0px 0px;
}


.midashi{
	margin:10px 0px 10px 0px;
	font-weight:normal;
	font-size:1.6em;


}
.textbox{
	margin: 5px auto 10px auto;
	padding: 0px 0px 10px 0px;
	font-size: 16px;
	font-weight: normal;
	line-height: 170%;
	letter-spacing: 1px;
	overflow: hidden;
	width: 1000px;
	text-align:left;
}

.textbox .wordbox{
	margin: 10px auto 10px auto;
	padding: 0px 0px 5px 5px;
	overflow:hidden;
	width:80%;
}

.textbox .menubox{
	margin: 10px auto 10px auto;
	padding: 0px 0px 5px 5px;
	overflow:hidden;
	width:85%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-content: space-between;
}

.textbox .menubox img{
	margin: 0px 0px 15px 0px;
}


.textbox p{
	margin: 10px 0px 10px 0px;
	padding: 0px 0px 5px 5px;
	font-size: inherit;
	clear: both;
	line-height: 175%;
	overflow:hidden;
}

.textbox .product_img{

	margin-bottom:10px;
}

.textbox .copy_img{
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	clear: both;
	width:100%;
	height: auto;
	text-align:center;
}


/*---------------- staffbox ----------------*/

.textbox .staffbox{
	margin: 10px auto 50px auto;
	padding: 10px 10px 10px 10px;
	overflow:hidden;
	width:75%;
	background-color:#fffbf7;
	box-shadow: 10px 10px 10px rgba(10,10,10,0.2);	
}


.textbox .staffbox .staffimg{
float:right;
margin-left:10px;
margin-right:10px;
margin-bottom:10px;
box-shadow: 5px 5px 5px rgba(10,10,10,0.2);	
}

.textbox .staffbox .nameimg{

}


.textbox .staffbox .staff_cap{
	margin: 5px auto 5px auto;
	padding: 10px 10px 10px 10px;
	overflow:hidden;
	width:90%;
	background-color:#ffffff;
	border:dashed 1px #bbbbbb;
	font-size:0.9em;
	line-height:1.2em;
}

/*---------------- suisobox ----------------*/

.textbox .tenpoimg{
float:right;
margin-left:10px;
margin-right:10px;
margin-bottom:10px;
box-shadow: 5px 5px 5px rgba(10,10,10,0.2);	
width:30%;
height:auto;
}

.textbox .suisobox{
	margin: 10px auto 50px auto;
	padding: 30px 20px 20px 40px;
	overflow:hidden;
	width:80%;
	background-color:#fffbf7;
	color:#121212;
	opacity:0.6;
}


.textbox .suisobox .suisoimg{

}


.product_copy{
	border-left:solid 10px #20a359;
	color:#20a359;
	font-size: 1.8em;
	font-weight: 700;
	padding:0px 0px 0px 15px;
	line-height: 1.8em;
	margin:10px auto 10px auto;
	text-shadow: 1px 1px 3px #ccc;  
}

.etc_title{
	border-left:solid 7px #20a359;
	color:#20a359;
	font-size: 1.5em;
	font-weight: 600;
	padding:5px 0px 5px 15px;
	line-height: 1.5em;
	margin:10px auto 10px auto;
	text-shadow: 1px 1px 3px #ccc;  
}


.textbox .top_ul{
	padding: 15px 15px 15px 15px;
	margin: 10px auto 0px auto;
	overflow: hidden;
	background-color:#f1d5ae;
	border:dashed 1px #cccccc;
}
.top_ul li{
	padding: 0px 0px 5px 0px;
	margin: 0px;
	color: #000000;
	font-size: 16px;
	line-height: 130%;
	font-weight: normal;
	list-style-position: inside;
	letter-spacing: 0em;
	float: none;
	width: auto;
	list-style-image: url(img/mark2.png);
}
.textbox .sub_ul{
	padding: 15px 15px 15px 15px;
	margin: 10px auto 0px auto;
	overflow: hidden;
	background-color:#fce1d5;
}
.sub_ul li{
	padding: 0px 0px 5px 0px;
	margin: 0px;
	color: #000000;
	font-size: 14px;
	line-height: 130%;
	font-weight: normal;
	list-style-position: inside;
	letter-spacing: 0em;
	float: none;
	width: auto;
	list-style-image: url(img/mark.png);
}
.textbox .position_center{
	text-align:center;
	margin:15px auto;
	clear: both;
	overflow:hidden;
}
.textbox .buttonbox{
	text-align:right;
	margin:10px auto;
	clear: both;
}
.textbox .table_box{
	margin:0px 0px 0px 15px;
	padding:0px 0px 0px 0px;
	float:left;
	width:65%;
}
.textbox .table_box li{
	font-size: 16px;
	overflow:hidden;
}
.textbox .table_box li .table_left{
	float:left;
	padding:5px 0px;
	width:7em;
}
.textbox .table_box li .table_right{
	padding:5px 0px;

}

.textbox .table_box li .table_caution{
	padding:5px 0px;
	font-size:14px;
}

.textbox .info_box{
	margin:0px 0px 0px 15px;
	padding:0px 0px 0px 0px;
	float:right;
	width:65%;
	height:auto;
}

.textbox .info_box li{
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 0px;
}



.contact_box{
	text-align:center;
	margin:10px auto;
	clear: both;

}


.centering_box{
	text-align:center;
	margin:10px auto;
	clear: both;

}
.center_box{
	text-align:left;
	width: auto;
	padding-left: 0px;
	color: #BF4800;

}
.left_box{
	text-align:left;
	float:left;
	width: 370px;
	padding-left: 30px;
	color: #BF4800;
}
.link_box{
	text-align:left;
	width: 630px;
	overflow:hidden;
	margin: 10px auto;
	padding: 5px 5px 10px 5px;
	clear: both;
	border-bottom: dashed 1px #cccccc;

}
.link_box .link_name{
	text-align:left;
	padding-left: 10px;
	float: left;
	font-size: 16px;
	list-style-type: square;
}
.link_box .link_banner{
	float: right;
}

.textbox .button{
    -moz-transition: -moz-transform 0.1s linear;
    -webkit-transition: -webkit-transform 0.1s linear;
    -o-transition: -o-transform 0.1s linear;
    -ms-transition: -ms-transform 0.1s linear;
    transition: transform 0.1s linear;
}

.textbox .button:hover{
	opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha(opacity=60)";	
    -webkit-transform: scale(1.02);
    -moz-transform: scale(1.02);
    -o-transform: scale(1.02);
    -ms-transform: scale(1.02);
    transform: scale(1.02);
}

.infobuttonbox{
	width:1000px;
	margin:20px auto 10px auto;
	overflow:hidden;
}

.infobutton{

}


.infobutton a{
	width:150px;
	float:right;
	background-color: #FF6600;
	text-align:center;
	color:#FFFFFF;
	font-size:14px;
	display:block;
	line-height:20px;
	vertical-align:middle;
	padding:10px;
	text-shadow: 1px 1px 3px #000;
	border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */ 
}

.infobutton a:hover{
	background-color: #FF0000;
	color: #ffffff;
}


.display_box{
width:100%;
margin:10px auto 10px auto;
overflow:hidden;
  display: flex;
  -webkit-flex-wrap: wrap; /* Safari */
  flex-wrap:         wrap;
  -webkit-justify-content: space-between; /* Safari */
  justify-content:         space-between;
justify-content: flex-start;

}

.display_box .display_inside{

width:30%;
overflow:hidden;
margin-bottom:10px;
margin-right:1.5%;
margin-left:1.5%;
}

.display_box img{
width:100%;
height:auto;


}

.display_box .display_text{
text-align:left;
font-size:14px;

}




/* ----------------table ----------------*/
.image_box {
	display:flex;
	justify-content: space-between;
	margin: 0px 10px 0px 10px;
	padding: 0px 0px 0px 0px;
}

.image_box .image {
	width:100%;
	margin: 10px 5px;
	color: #000;
	display: block;
	padding: 1px 1px;
	text-decoration: none;
	text-align:center;
}
.photo_box {
	display:flex;
	justify-content: space-between;
	margin: 0px 10px 0px 10px;
	padding: 0px 0px 0px 0px;
}

.photo_box .photo {
	width:100%;
	margin: 10px 5px;
	color: #000;
	display: block;
	padding: 1px 1px;
	text-decoration: none;
	text-align:center;
}

.photo_box .photo ul {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.photo_box .photo ul img {
	width:100%;
	height:auto;
	margin-bottom:5px;
}

.banner{
	display:block;
	text-align: center;
	margin-bottom: 0px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
}

/* ----------------etcbox ----------------*/
.submitbox{
	text-align: center;
	margin: 10px auto;
}

/* ----------------timetable ----------------*/
.timetable{
	text-align: center;
}

/*---------------- form ----------------*/

.form_block{
	margin:0px auto;
	padding:10px;
	overflow:hidden;
}
.form_01{
	display:block;
	font-size:16px;
	width:40%;
	float:left;
}
.form_02{
	width:60%;
	float:right;
}

textarea {
	width: 90%;
	height: 10em;
}

input.formsize { width: 90%; }

/* ----------------list ----------------*/

.menu_inline{
 display: flex;
 flex-wrap: wrap;
 width: 100%;
}

.menu_inline a{
 width: 50%;
 text-align:center;
    -moz-transition: -moz-transform 0.2s linear;
    -webkit-transition: -webkit-transform 0.2s linear;
    -o-transition: -o-transform 0.2s linear;
    -ms-transition: -ms-transform 0.2s linear;
	transition: transform 0.2s linear;
	margin-top:15px;
}

.menu_inline a:hover{
	color:#000000;
}

.menu_inline a ul{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	overflow:hidden;
	background-color: #FFFFFF;
}

.menu_inline a ul li{
	overflow:hidden;
}

.intitle{
	color:#FFFFFF;
	font-size:18px;
	margin:0px 0px 15px 0px;
	padding:7px 5px;
	background-color: #313333;
	text-align:left;

}
.intitle:hover{
	color:#cc5555;
}

.inimg{
	margin:0px 5px 5px 0px;
	display: inline-block;
	float:left;
	
}

.intext{
	font-size:12px;
	margin:5px 12px;
	text-align:left;
	background-color:#FFFFFF;
	padding:0px 5px 5px 5px;
	min-height:162px;
	height:200px;
	overflow:hidden;
}

.innext{
	clear:both;

	bottom:0;
	color:#FFFFFF;
	margin: 15px 0px 0px 0px;
	padding:5px 5px;
	background-color: #313333;
	text-align:right;
}

.innext:hover{
	color:#cc5555;
}






/* ----------------font ----------------*/

.strong_01{
	font-size:24px;
	font-weight:normal;
	color:#b37b3b;
	line-height: 24px;

}

.strong_02{
	font-size:17px;
	font-weight:normal;
	color:#CC0000;
	letter-spacing: 2px;
	margin:0px 3px 0px 4px;

}

.strong_03{
	font-size:15px;
	font-weight:normal;
	color:#CC0000;

}

.style1 {
	color: #FF0000;
}

.style2 {
	border-bottom: solid #C42525 1px;
}

.style3 {
	border-bottom: solid #C42525 1px;
}

.style4 {
	border-bottom: solid #0055e5 1px;
}

.style5 {
	color: #1666a4;
	font-size:14px;
	font-weight:bold;
}

.style6 {
	color: #1666a4;
	font-size:18px;
	font-weight:bold;
}

.style7 {
	font-size: 14px;
	font-weight: bold;
}

.style9 {
	font-size: 11px;
	font-weight: bold;
}
.style_caution {
	color: #000000;
	font-size: 11px;
}

.style_midashi {
	font-size:20px;
	font-weight:normal;
	color:#CC0000;
	letter-spacing: 2px;
	margin:10px 0px 20px 0px;
	line-height: 200%;
}

.style_midashi2 {
	font-size:22px;
	font-weight:normal;
	color:#CC0000;
	letter-spacing: 2px;
	margin:10px 0px 0px 0px;
}


/*------------footer------------*/

#footer{
	clear:both;
	text-align: center;
	font-size: 12px;
	color: #000000;
	margin: 0px auto;
	letter-spacing: 2px;
	background-color: #ceebd8;
	padding-top: 20px;
}
#footerlink{
	width:1000px;
	margin: 3px 0px 0px 0px;
	clear:both;
	text-align: center;
	font-size: 12px;
	color: #000000;
	line-height: 140%;
	padding: 0px 20px 0px 20px;
}


#footer_inside{
	width: 1000px;
	overflow: hidden;
	margin: 0px auto;

}
.footerdata{
	width: 450px;
	margin: 3px 0px 0px 0px;
	text-align: left;
	font-size: 12px;
	color: #000000;
	line-height: 200%;
	padding: 10px 10px 10px 10px;
	float: left;
	letter-spacing: 2px;
}


.footerlink{
	width: 1000px;
	margin: 3px 0px 0px 0px;
	text-align: center;
	font-size: 12px;
	color: #000000;
	line-height: 140%;
	padding: 10px 10px 10px 10px;
	float: none;
}
.footerlink ul{
	float: none;
	margin: 0px;
	display: inline-flex;
	justify-content: center ;

}
.footerlink li{
	display:block;
	float:none;
	margin: 0px 0px 10px 0px;
	padding:0px 10px 0px 10px;
	line-height: 150%;
	padding-bottom: 0.1em;
	color: #000000;
	border-right:solid 1px #111111;
}


#copyright{
	text-align: center;
	font-size: 12px;
	color: #000000;
	line-height: 140%;
	padding: 10px 0px 10px 0px;
	letter-spacing: 2px;
	clear: both;
	width: 1000px;
	margin: 0px auto;
}
#footer a:link {
 color: #000000;
 text-decoration: none;
}
#footer a:visited {
 color: #000000;
 text-decoration: none;
}
#footer a:hover {
 color: #FF0000;
 text-decoration: none;
}
#footer a:active {
 color: #FF0000;
 text-decoration: none;
}
.footerbanner{
	list-style:none;
	text-align: center;
	float: left;
	width: 400px;
}

.bottom_title{
	text-align: left;
	clear:both;
	overflow:hidden;
	width:1000px;
	margin:0px auto 10px auto;
	font-weight:200!important;
}

.bottom_title .japanese{
	font-weight:200!important;
}

#bottom_link{
	text-align: center;
	clear:both;
	overflow:hidden;
	width:1000px;
	margin:10px auto 20px auto;
	display:flex;
	justify-content: space-between;
}

#bottom_link a{

}

#bottom_link2{
	text-align: center;
	clear:both;
	overflow:hidden;
	width:1000px;
	margin:10px auto 10px auto;
	display:flex;
  -webkit-justify-content: space-around; /* Safari */
  justify-content:         space-around; 
}

#bottom_link2 a{

}

.fb-page{
}
.g-page{
}
.sns_box_l{
	float:left;
}
.sns_box_r{
	float:right;
}
#topcontrol{
	z-index: 5;
}

#newsbox{
float:none;
margin-top:20px;

}

#newsbox ul{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:100%;
	overflow:hidden;
}


#newsbox li{
	padding-left:100px;
	padding-top:15px;
	padding-bottom:5px;
	border-bottom:dashed 1px #666666;
	font-size:1.1em;
}

#newsbox li:last-child{
	padding-left:100px;
	padding-top:15px;
	border-bottom:none;
}



#newsbox .news_end{
text-decoration: line-through;

}


#newsbox .news_news{
	background-image:url(img/news_header01.png);
	background-repeat:no-repeat;
	background-position:left;
}

#newsbox .news_event{
	background-image:url(img/news_header02.png);
	background-repeat:no-repeat;
	background-position:left;
}

#newsbox .news_detail{
	margin-bottom:20px;
	padding:10px 5px;
	border-bottom:dashed 1px #666666;
	overflow:hidden;

}

#newsbox .news_detail .news_title{
	font-size:16px;
	padding-left:100px;
	line-height:30px;

}

#newsbox .news_detail .news_text{
	margin: 10px 0px;
	padding:10px 10px;

}


#newsbox .news_detail .news_link{
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
	display: block;
	padding:5px 10px;
	background-color: #FF7060;
	color:#FFFFFF;
	text-align:center;
	letter-spacing:1px;
	margin:0px auto 0px auto;
	float:right;
	font-size:10px;
	
}


#newsbox .news_detail .news_date{
	clear:both;
	margin: 0px 0px;
	padding:10px 10px;
	text-align:right;


}

#top_li{
float:none;
margin:20px auto 20px auto;
border:solid 1px #000000;
width:90%;
padding:20px;
background-color:#fff;
}


#top_li li{
	padding-left:25px;
	padding-top:15px;
	padding-bottom:10px;
	font-size:1.3em;
	background-image:url(img/mark2.png);
	background-repeat:no-repeat;
	background-position:left center;
}


.topics_date{
text-align:right;
padding:0px 10px 0px 0px;
	font-size:0.8em;
}


.top_detail{
	margin:0px auto 20px auto;
	padding:10px 10px;
	overflow:hidden;
	border:solid 1px #cccccc;
	width:980px;
	background-color:#FFFFFF;
}

.top_detail .top_title{
	margin-bottom:0px;
	padding:20px 10px;
	overflow:hidden;
	font-size:30px;
	color:#FF0000;
}

.top_detail .top_text{
	margin-bottom:0px;
	padding:10px 10px;
	overflow:hidden;
	text-align:left;
}

.top_detail .top_date{
	margin-bottom:0px;
	padding:10px 10px;
	overflow:hidden;
	text-align:right;
}

.titlebox{
text-align:left;
width:1000px;
margin:0px auto;

}

.img_info{
	float:left;
	margin: 0px auto 0px auto;
	text-align:center;
}

.infobox{
	width:80%;
	margin:10px auto 10px auto;
	font-size:14px;

}

.infobox .info_cate{
	font-size:16px;
	width:40%;
	padding:5px;

}

.infobox .info_text{
	width:60%;
	padding:5px;

}


.databox{
display:flex;

}

.datatable{
font-size:12px;
width: 100%;
padding:2px;
float:left;
margin:5px 0px 5px 0px;
overflow:hidden;

}

.datatable li{

padding:2px 5px;
border-top:solid 1px #cccccc;
border-left:solid 1px #cccccc;
border-right:solid 1px #cccccc;

}

.datatable li:last-child{

padding:2px 5px;
border-top:solid 1px #cccccc;
border-left:solid 1px #cccccc;
border-right:solid 1px #cccccc;
border-bottom:solid 1px #cccccc;

}

.dataleft{
	background-color:#d2ebe8;

}

.dataright{
	background-color:#fceac6;

}

.data_caution{
background-color:#20a359;
color:#ffffff;
text-align:center;
width:100%;
margin:10px auto 10px auto;
padding: 10px 5px;
font-size:16px;
font-weight: normal;
}

.data_caution .caution_small{

font-size:12px;

}

/* General Slides */ 

.slide{
	background-attachment: fixed;
	width:100%;
	height:auto;
	position: relative;
	padding:0px 0 0px 0;
	overflow: hidden;
}

/* Slide 1 */ 

#slide1{
	background-color:#ffffff;
	padding: 0px 0 0px 0;
}
#slide1 h2 {
	text-align: left;
	clear: both;
	letter-spacing: 5px;
	width: 1000px;
	font-weight: 300;
	color: #000000;

}
#slide1 h3 {
	font-size: 2em;
	color: #8a8683;
	line-height: 0px;
	padding-bottom:20px;
	font-weight: 400;
}

/* Slide 2 */ 

#slide2{
	background-image:url(img/background_01_100w.jpg);
	-moz-background-size: cover;
	background-size: cover;
	background-attachment: fixed;
	background-position: left center;
	color:#000000;
	padding: 25px 0 25px 0;
	margin:25px 0px 25px 0px;
}
#slide2 h2 {
	text-align: left;
	clear: both;
	letter-spacing: 5px;
	width: 1000px;
	font-weight: 300;
	color: #000000;

}
#slide2 h3 {
	font-size: 2em;
	color: #ffffff;
	line-height: 0px;
	padding-bottom:20px;
	font-weight: 400;
}

/* Slide 3 */ 

#slide3{
	padding: 0px 0 25px 0;
}
#slide3 h2 {
	padding:10px 5px;
	text-align: left;
	clear: both;
	letter-spacing: 5px;
	width: 1000px;
	font-weight: 200;
	color: #000000;
}
#slide3 h3 {
	font-size: 1.5em;
	color: #FF6600;
	line-height: 1.5em;
	padding-bottom:0px;
	font-weight: 400;
	text-indent:0px;
}

#slide3 .textbox .wordbox{
	background-image:url(img/background_02_100w.jpg);

	padding:15px 15px 15px 15px;
	font-size:1.0em;
	line-height:125%;
	border:solid 2px #cccccc;
}

/* Slide 4 */

#slide4{
	padding: 0px 0 25px 0;
}
#slide4 h2 {
	text-align: left;
	clear: both;
	letter-spacing: 3px;
	width: 1000px;
	font-weight: 200;
	color: #ffffff;
}
#slide4 h3 {
	font-size: 2em;
	color: #ffffff;
	line-height: 0px;
	padding-bottom:20px;
	font-weight: 400;
}

/* Slide 6 */

#slide5{
	color:#000000;
	padding: 25px 0 25px 0;
}
#slide5 h2 {
	text-align: left;
	clear: both;
	letter-spacing: 5px;
	width: 1000px;
	font-weight: 200;

}
#slide5 h3 {
	font-size: 2em;
	color: #ffffff;
	line-height: 0px;
	padding-bottom:20px;
	font-weight: 400;
}

/* Slide 6 */

#slide6{
	color:#000000;
	padding: 25px 0 25px 0;
}
#slide6 h2 {
	text-align: left;
	clear: both;
	letter-spacing: 5px;
	width: 1000px;
	font-weight: 200;

}
#slide6 h3 {
	font-size: 2em;
	color: #ffffff;
	line-height: 0px;
	padding-bottom:20px;
	font-weight: 400;
}


/*サムネイルのポインターの色を変える*/
.sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail:before,
.sp-right-thumbnails.sp-has-pointer .sp-selected-thumbnail:before {
    border-color: #ffa801;
}
.sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail:after,
.sp-right-thumbnails.sp-has-pointer .sp-selected-thumbnail:after {
  color: #ffa801;
}
/*縦スライド時の矢印の位置*/
.sp-vertical .sp-previous-arrow {
  top: 0;
}
.sp-vertical .sp-next-arrow {
  bottom: 0;
}


/* -------------------- サイトマップ -------------------- */

.sitemap {
  font-size:1.2em;
  letter-spacing:0.1em;
  	font-weight:bold;
    border-top: solid #1e366a 1px;/*ドット 色 太さ*/
    border-bottom: solid #1e366a 1px;/*ドット 色 太さ*/
    padding: 0em 0em 0em 0em;
	margin:15px auto 15px auto;
}

.sitemap .sitemapinfo{
  font-size:0.8em;
  letter-spacing:0em;
  margin-left:15px;
  font-weight:normal;

}

.sitemap ul li ul {
  margin-top: .5em;
  margin-bottom: .75em;
  margin-left: 48px;
}
 
.sitemap ul li ul li {
  margin-bottom: .5em;
  margin-left: 2em;
  position: relative;
}
 
.sitemap ul li ul li::before {
  content: "";
  position: absolute;
  top: -0.5em;
  left: -16px;
  width: 10px;
  height: calc(100% + .75em);
  border-left: 1px solid #3972b2;
}
 
.sitemap ul li ul li:last-child::before {
  height: calc(1em + .25em);
}
 
.sitemap ul li ul li::after {
  content: "";
  position: absolute;
  top: .75em;
  left: -16px;
  width: 10px;
  border-bottom: 1px solid #3972b2;
}

/* -------------------- フォーム -------------------- */
.form_outside{
	overflow:hidden;
	width:100%;
	margin:10px auto;
	border-bottom: dashed 1px #000000;
	padding:20px 0px 20px 0px;
}

.form_outside2{
	overflow:hidden;
	width:100%;
	margin:10px auto;
	padding:20px 0px 0px 0px;
}

.form_inside_cate{
	float:left;
	width: 25%;
	text-align: center;
	font-weight:bold;
}

.form_inside_tx{
	float:right;
	margin-left: 10px;
	width: 70%;
}

.center_box{

margin-top:20px;
text-align:center;

}



.form_data{
	background-color:transparent;
}

.submit_button{

width:30%;
height:50px;
color:#000000;

}



#loading{
position: absolute;
top: 40%;
left: 0;
right: 0;
bottom: 0;
margin:auto;
}
#loader-bg {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin:auto;
background: #fff;
z-index: 200;
}

.map{
	width:1000px;
	height:500px;

}

.product_name_box{
	overflow:hidden;
	background-image:url(img/dragon_wall.jpg);
	background-repeat:none;
	-moz-background-size:cover;
	background-size:cover;
	background-position:center center;
	margin:10px auto 10px auto;
	color:#ffffff;
	padding:25px 20px;
	width:960px;
	box-shadow: 
	inset 0 0 10px #fff /* 背景色と同じ色 */,
	inset 0 0 10px #fff,
	inset 0 0 10px #fff,
	inset 0 0 10px #fff;
	border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;  
}
.product_name_box .name_logo{
float:left;

}

.product_name_box .name_text{
float:right;
width:72%;
}
.product_name_box .name_text img{
margin-bottom:15px;
}

.load_img{
}
.load_subimg{
display:none;

}



.linkpage li{
	margin:0px 0px 20px 0px;
	border-bottom: solid 1px #cccccc;
	padding:0px 0px 15px 0px;
}



/* ----------------traffic_etc ----------------*/
.faqbox{
box-sizing: border-box;
border:solid 1px #A4420D;
margin:0px auto 10px auto; 
}

.faqbox .faq_q{
background:linear-gradient(-90deg, #A4420D, #CC6719);
color:#FFFFFF;
padding:10px;
font-size:1.2em;

}

.faqbox .faq_a{
padding:10px;
}

.flowbox{
box-sizing: border-box;
margin:0px auto 10px auto; 
width:80%;
border-radius:20px 20px 20px 20px;
box-shadow:8px 5px 15px -7px #898989;
}

.flowbox .flow_q{
background-color:#20a359;
color:#FFFFFF;
padding:10px;
font-size:1.2em;
border-radius:20px 20px 0px 0px;
border-left:solid 2px #20a359;
border-top:solid 2px #20a359;
border-right:solid 2px #20a359;
}

.flowbox .flow_a{
padding:10px;
border-radius:0px 0px 20px 20px;
border-left:solid 2px #20a359;
border-bottom:solid 2px #20a359;
border-right:solid 2px #20a359;
}

.flow_img{
text-align:center;

}

.coursebox{
box-sizing: border-box;
margin:0px auto 8px auto; 
width:85%;
border:solid 8px #f2a345;
box-shadow:8px 5px 15px -7px #898989;
padding:10px;
margin:20px auto 40px auto;
}

.coursebox .coursetitle{
font-size:2.2em;
font-weight:bold;
color:#FF6600;
margin:10px 0px 10px 0px;
}

.coursebox .coursetitle2{
font-size:1.6em;
line-height:1.6em;
font-weight:bold;
color:#FF6600;
margin:10px 0px 10px 0px;
letter-spacing:0.1em;
}

.coursebox .priceimg{
margin:5px auto 5px auto;
text-align:center;

}

.coursebox .text_right{
text-align:right;

}

.coursebox .contentsbox{
box-sizing: border-box;
margin:0px auto 8px auto; 
width:98%;
border:dashed 1px #cccccc;
padding:5px;
margin:10px auto 10px auto;
font-size:0.9em;
line-height:1.6em;
}


.cautionbox{
box-sizing: border-box;
margin:0px auto 8px auto; 
width:98%;
border:dashed 1px #cccccc;
padding:5px;
margin:10px auto 10px auto;
font-size:0.9em;
line-height:1.6em;
letter-spacing:0.1em;
}

.img-flex{
  margin:10px auto 10px auto;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  justify-content: space-around;;
  align-items: flex-start;
  margin-bottom:30px;
}

.img-flex img{
	width:30%;
	height:auto;
	margin:10px;

}


.itembox{
box-sizing: border-box;
margin:0px auto 20px auto; 
width:90%;
border-radius:10px 10px 10px 10px;
box-shadow:8px 5px 15px -7px #898989;
}

.itembox .item_t{
background-color:#20a359;
color:#FFFFFF;
padding:15px;
font-size:1.2em;
border-radius:10px 10px 0px 0px;
border-left:solid 2px #20a359;
border-top:solid 2px #20a359;
border-right:solid 2px #20a359;
}

.itembox .item_a{
padding:10px;
border-radius:0px 0px 10px 10px;
border-left:solid 2px #20a359;
border-bottom:solid 2px #20a359;
border-right:solid 2px #20a359;
overflow:hidden;
}


.itembox .itembuttonbox{
	float:right;
	margin:0px auto 0px auto;
	overflow:hidden;
	padding-top:5px;
	padding-right:0px;
	clear:both;
}

.itembox .itembutton{

}


.itembox .itembutton a{
	width:165px;
	float:right;
	background-color: #FF6600;
	text-align:center;
	color:#FFFFFF;
	font-size:14px;
	display:block;
	line-height:15px;
	vertical-align:middle;
	padding:5px;
	text-shadow: 1px 1px 3px #000;
	border-radius: 3px;        /* CSS3草案 */  
    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 3px;   /* Firefox用 */ 
}

.itembox .itembutton a:hover{
	background-color: #ff8800;
	color: #ffffff;
}

.itembox img{
float:right;
margin-left:10px;
}

.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}



@media (max-width : 765px){
body {
	-webkit-text-size-adjust: 100%;
	margin: 40px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: center;
	height: 100%;
	line-height: 150%;
	background-image: url(../img/background.jpg);
	background-attachment: fixed;
}



#wrapper {
	margin: 0px auto 0px auto;
	color: #333333;
	text-align: center;
	overflow: hidden;
	width: 100%;
}


/*----------------midashi teigi---------------- */
h1{
	display:none;
	text-indent:-9999px;
	font-size: 0px;
	font-weight: normal;
	letter-spacing: 0px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: right;
	background-color: #b37b3b;
	color: #FFFFFF;
}
h2{

	}

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

h2 .japanese{
	display:none;
	}
h3{
	font-size: 18px;
	margin: 5px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	height:30px;
	text-align: left;
	color: #b37b3b;
	clear: both;
	letter-spacing: 1px;
	text-indent: 33px;
	background-image:url(../img/h3back.png);
	background-position:left middle;
	background-repeat:no-repeat;
	line-height:180%;
	font-weight: normal;
}
/*------------------header---------------- */
#header {
	height: auto;
	width: 100%;
	color: #2c2c2c;
	margin: 40px auto 0px auto;
	padding: 0px 0px 40px 0px;
	font-size: 12px;
	overflow:hidden;
}

#header #header_inside{
	width:auto;
	margin:0px auto 0px auto;
	}

#header #header_left{
	float: none;
	margin:15px 0px 0px 0px;
	}
#header #header_center{
	font-size:16px;
	letter-spacing:3px;
	text-align:center;
	margin:10px 10px 0px 10px;
	float:none;
	}
#header #header_right{
	float: none;
	margin:10px 10px 0px 10px;
	}

	#header #header_right01{
		display:none;
	}

#header .headbtn_right{
margin:5px 0px 0px 0px;
}
#header img{
	width:80%;
	height:auto;
	}
#header_sub {
	display:none;
}
#header_sub #header_left{
	display:none;
	float: left;
	margin:15px 0px 0px 10px;
	}
#header_sub #header_center{
	display:none;
	font-size:16px;
	letter-spacing:3px;
	text-align:left;
	margin:40px 10px 0px 15px;
	float:left;
	}
#header #header_right{
	float: none;
	margin:5px 0px 0px 0px;
	overflow:hidden;
	text-align:center;
	}
#header #header_right img{
	width:50%;
	height:auto;
	}
#header .headbtn_right{
	margin:5px 0px 0px 0px;
	transition: 1.0s ;	
	}

#header .headbtn_right:hover{
	opacity:0.6
	}
	
#header #header_right ul{
	display:none;
	margin:5px 0px 0px 0px;
	transition: 1.0s ;
	overflow:hidden;
	}

#header #header_right ul li{
	display:none;
	float:left;
	text-align:left;
	margin:0px 0px 0px 0px;
	padding:0px 20px 0px 20px;
	color:#b37b3b;
	background-image:url(img/head_li.png);
	background-repeat:no-repeat;
	}
#header #header_right ul li:last-child{
	padding:0px 0px 0px 20px;
	}

/* ----------------contents---------------- */
#contents{
	padding: 0px 0px 0px 0px;
	margin: 5px 5px 5px 5px;
	clear: both;
	background-color:#FFFFFF;
	min-height:100%;
	width:auto;
}
#topimg{
	margin: 20px auto 0px auto;
	padding: 0px 0px 0px 0px;
	clear: both;
	width:100%;
	height: auto;
	text-align:center;
	background-color:#ffffff;
}
#topimg_sub{
	margin: 40px auto 0px auto;
	padding: 0px 0px 0px 0px;
	clear: both;
	width:100%;
	height: auto;
	text-align:center;
	background-color:#ffffff;
}

#topimg_sub2{
	margin: 45px auto 0px auto;
	padding: 0px 0px 0px 0px;
	clear: both;
	width:100%;
	height: auto;
	text-align:center;
	background-color:#ffffff;
}

#bottomimg{
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	clear: both;
	width:100%;
	height: auto;
	text-align:center;
	background-color:#ffffff;
}
#topimg img{
	width:100%;
	height: auto;
}

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

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

#bottomimg img{
	width:100%;
	height: auto;
}
#slider{
	margin: 0px auto 0px auto;
}
#slider img{
	width:100%;
	height:auto;
}
.img_right{
	float:none;
	padding: 2px;
	border: solid 1px #cccccc;
	margin:0px auto;
}
/* ----------------topnavi ----------------*/
#navi {
}
.accordion {
	overflow:hidden;
	display:inherit;
	text-align:left;
	text-indent:1em;
	background: #00883b; /* Old browsers */
	background: -moz-linear-gradient(top, #00883b 0%, #20a359 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #00883b 0%,#20a359 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #00883b 0%,#20a359 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00883b', endColorstr='#20a359',GradientType=0 ); /* IE6-9 */
	color: #fff; 
	width:100%; 
	margin:0 auto 0px; 
	padding:0px 0px; 
	font-size:14px; 
	position:fixed; 
	top:0; 
	z-index:10; 
	letter-spacing:0.1em;
	height:auto;
}
.accordion p { 
	cursor:pointer; 
	text-align:right;
	padding-right:1em;
	display:inherit;
	padding-top:2px;
	padding-bottom:2px;
	margin:5px 0px 0px 0px;
}
.accordion a {
	text-align:left;
	display:block;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	text-decoration:none;
	color:#fff;
	letter-spacing:0.1em;
	float:none;
	width:100%;
	font-weight:100;
}
.accordion span {
	display:block;
	padding:0px;
	color:#fff;
}
.accordion ul {
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	display:none;
	width:100%;
}
.accordion > li > p {
	cursor:pointer;
}
.accordion > li > ul > li {
	height:40px;
	line-height:40px;
	padding:0px 0px;
background: #00883b; /* Old browsers */
background: -moz-linear-gradient(top, #00883b 0%, #20a359 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #00883b 0%,#20a359 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #00883b 0%,#20a359 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00883b', endColorstr='#20a359',GradientType=0 ); /* IE6-9 */
	border-bottom:1px solid #EEE;
	width:100%;
	text-align:left;
}
.accordion > li > ul > li:hover {
	background-color:#000000;
	color:#ffffff;
}
.accordion > li > ul > li:first-child {
	padding:0px 0px;
	border-top:1px solid #EEE;
	border-bottom:1px solid #EEE;
	width:100%;
	text-align:left;
}
.accordion > li > ul > li:last-child {
	padding:0px 0px;
	width:100%;
	text-align:left;
}

.accordion li ul li .subtex{
	display:none;
}

/*---------------- column ----------------*/
.midashi{
	margin:10px 5px 10px 5px;
	font-weight:normal;
	font-size:1.5em;
	line-height:1.5em;


}

.textbox{
	margin: 5px auto 10px auto;
	padding: 0px 5px 10px 5px;
	font-size: 14px;
	font-weight: normal;
	line-height: 170%;
	letter-spacing: 1px;
	overflow: hidden;
	clear:both;
	width:auto;
}
.textbox .wordbox{
	margin: 10px auto 10px auto;
	padding: 0px 10px 5px 10px;
	overflow:hidden;
	width:inherit;
}

.textbox p{
	margin: 5px 0px 20px 0px;
	padding: 0px 0px 5px 0px;
	font-size: inherit;
	clear: both;
	line-height: 175%;
	overflow:hidden;
}

.textbox .product_img{
	width:100%;
	height:auto;
	margin-bottom:10px;
}

.product_copy{
	border-left:solid 10px #20a359;
	color:#20a359;
	font-size: 1.4em;
	font-weight: 700;
	padding:5px 0px 5px 10px;
	line-height: 1.3em;
	margin:10px auto 10px auto;
	text-shadow: 1px 1px 3px #ccc;  
}

.etc_title{
	border-left:solid 5px #20a359;
	color:#20a359;
	font-size: 1.2em;
	font-weight: 600;
	padding:5px 0px 5px 15px;
	line-height: 1.2em;
	margin:10px auto 10px auto;
	text-shadow: 1px 1px 3px #ccc;  
}

.textbox .top_ul{
	padding: 0px 5px 0px 5px;
	margin: 10px 5px 10px 0px;
	overflow: hidden;
}

.top_ul li{
	padding: 0px 0px 5px 0px;
	margin: 0px;
	color: #000000;
	font-size: 14px;
	line-height: 130%;
	font-weight: normal;
	list-style-position: inside;
	letter-spacing: 0em;
	float: none;
	width: auto;
	list-style-image: url(img/mark2.png);
}
.textbox .sub_ul{
	padding: 0px 5px 0px 5px;
	margin: 10px 5px 10px 0px;
	overflow: hidden;
}
.sub_ul li{
	padding: 0px 0px 5px 0px;
	margin: 0px;
	color: #000000;
	font-size: 14px;
	line-height: 130%;
	font-weight: normal;
	list-style-position: inside;
	letter-spacing: 0em;
	float: none;
	width: auto;
	list-style-image: url(img/mark.png);
	text-indent:5px;
}
.textbox .position_center{
	text-align:center;
	margin:15px auto;
	clear: both;
	overflow:hidden;
}
.textbox .position_center img{
	width:100%;
	height:auto;
}
.textbox .buttonbox{
	text-align:right;
	margin:10px auto;
	clear: both;
}
.textbox .table_box{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	float:none;
	width:100%;

}
.textbox .table_box li{
	font-size: 14px;
	overflow:hidden;
}
.textbox .table_box li .table_left{
	float:left;
	padding:5px 0px;
	width:5em;
}
.textbox .table_box li .table_right{
	padding:5px 0px;
}
.textbox .table_box li .table_caution{
	padding:5px 0px;
	font-size:14px;
}

.textbox .info_box{
	margin:15px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	float:right;
	width:100%;
	height:auto;
}

.textbox .info_box li{
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 0px;
}

.textbox .copy_img{
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	clear: both;
	width:100%;
	height: auto;
	text-align:center;
}

.textbox .copy_img img{
	width:100%;
	height:auto;
}


/*---------------- staffbox ----------------*/

.textbox .staffbox{

}


.textbox .staffbox .staffimg{
width:33%;
height:auto;

}

.textbox .staffbox .nameimg{
width:100%;
height:auto;

}


.contact_box img{
	width:100%;
	height:auto;
}
.centering_box img{
	width:100%;
	height:auto;
}
.center_box{
	text-align:left;
	width: 100%;
	padding-left: 0px;
	color: #BF4800;
}
.left_box{
	text-align:left;
	float:left;
	width: 370px;
	padding-left: 30px;
	color: #BF4800;
}

.link_box{
	text-align:left;
	width: auto;
	overflow:hidden;
	margin: 10px auto;
	padding: 5px 5px 10px 5px;
	clear: both;
	border-bottom: dashed 1px #cccccc;
}
.link_box .link_name{
	text-align:none;
	padding-left: 10px;
	float: left;
	font-size: 14px;
	list-style-type: square;
}
.link_box .link_banner{
	float: none;
}
.textbox .button{
    -moz-transition: -moz-transform 0.1s linear;
    -webkit-transition: -webkit-transform 0.1s linear;
    -o-transition: -o-transform 0.1s linear;
    -ms-transition: -ms-transform 0.1s linear;
    transition: transform 0.1s linear;
}
.textbox .button:hover{
	opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha(opacity=60)";	
    -webkit-transform: scale(1.02);
    -moz-transform: scale(1.02);
    -o-transform: scale(1.02);
    -ms-transform: scale(1.02);
    transform: scale(1.02);
}

.infobuttonbox{
	width: auto;
	margin:20px auto 20px auto;
	padding:0px 10px;
	overflow:hidden;
	clear:both;
	text-align:center;
}

.infobutton{
	margin:0px auto 0px auto;

}


.infobutton a{
	width:150px;
	float: right;
	background-color: #FF6600;
	text-align:center;
	color:#FFFFFF;
	font-size:14px;
	display:block;
	line-height:20px;
	padding:10px;
	text-shadow: 1px 1px 3px #000;
	border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */ 
}

.infobutton a:hover{
	background-color: #FF0000;
	color: #ffffff;
}

/* ----------------table ----------------*/
.image_box {
	display:flex;
	justify-content: space-between;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.image_box .image {
	width: auto;
	margin: 10px 5px;
	color: #000;
	display: block;
	padding: 10px 10px;
	text-decoration: none;
	text-align:center;
}
.image_box .image img {
	width:100%;
	height:auto;
}

.banner{
	display:block;
	text-align: center;
	margin-bottom: 0px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
}
/* ----------------etcbox ----------------*/
.submitbox{
	text-align: center;
	margin: 10px auto;
}
/*---------------- form ----------------*/
.form_block{
	margin:0px auto;
	padding:10px;
	overflow:hidden;
}
.form_01{
	width:auto;
	float:none;
}
.form_02{
	width:auto;
	float:none;
}
.textarea {
width: 75%;
height: 10em;
line-height: 1.5em;
}
/* ----------------list ----------------*/
.menu_inline{
	display: inherit;
	text-align:center;
	padding:0px 0px 0px 0px;
}

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

.inline2{
	width:100%;
	margin:0px auto 0px auto;
}
.menu_inline a{
	display:block;
	margin:10px 5px 10px 5px;
	text-align:center;
	min-height:0px;
	text-decoration:none;
	width:auto;
}
.menu_inline a:hover{
	color:000000;

}



.intitle{
	position: relative;
	top:0;
	font-size:16px;
	color:#FFFFFF;
	font-size:18px;
	margin:0px 0px 15px 0px;
	padding:7px 5px;
	background-color: #313333;
	text-align:left;
}
.inimg{
	margin:10px auto 10px auto;
	display: inline-block;
	position: relative;
}

.intext{
	font-size:12px;
	margin:15px 12px;
	text-align:left;
	background-color:#FFFFFF;
	padding:5px 5px 5px 5px;
	overflow:hidden;
	min-height:0px;
	height:160px;
	width:auto;
}
.innext{
	bottom:0;
	color:#FFFFFF;
	margin: 15px 0px 0px 0px;
	padding:5px 5px;
	background-color: #313333;
	text-align:right;
}



/*------------footer------------*/
#footer{
	clear:both;
	text-align: center;
	font-size: 12px;
	color: #000000;
	margin: 0px auto;
	letter-spacing: 2px;
	background-color: #ceebd8;
	padding-top: 0px;
}
#footerlink{
	width:100%;
	margin: 3px 0px 0px 0px;
	clear:both;
	text-align: center;
	font-size: 12px;
	color: #000000;
	line-height: 140%;
	padding: 0px 0px 0px 0px;
}

#footer_inside{
	width:100%;
	overflow: hidden;
	margin: 0px auto;

}


.footerdata{
	margin: 3px 0px 0px 0px;
	text-align: left;
	font-size: 10px;
	color: #000000;
	line-height: 150%;
	padding: 10px 10px 10px 10px;
	letter-spacing: 2px;
	float:none;
	width:100%;
}


.footerlink{
	width:100%;
	margin: 0px 0px 0px 0px;
	text-align: left;
	font-size: 12px;
	line-height: 100%;
	padding: 0px 0px 10px 0px;
	overflow:hidden;
	float:none;
}


.footerlink ul{
	float:none;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:100%;
	display:inherit;
}

.footerlink li{
	list-style:none;
	margin:0px 0px 0px 0px;
	border-top:solid 1px #666666;
	width:100%;
}

.footerlink li a{
	letter-spacing:1px;
	line-height: 150%;
	display:block;
	text-decoration:none;
	color: #000000!important;
	padding:10px 5px 10px 5px;
	margin: 0px 0px 0px 0px;
	width:100%;
}

.footerlink li:last-child{
	border-bottom:solid 1px #666666;
}

#copyright{
	text-align: center;
	font-size: 10px;
	color: #000000;
	line-height: 140%;
	padding: 10px 0px 10px 0px;
	letter-spacing: 1px;
	clear: both;
	width: 100%;
	margin: 0px auto;
}
#bottom_link{
	text-align: center;
	clear:both;
	overflow:hidden;
	width:auto;
	margin:10px auto 0px auto;
	padding:0px 10px;
	display: inherit;
	justify-content:auto;

}

#bottom_link img{
	width:100%;
	height:auto;
	margin-bottom:10px;

}

#bottom_link2{
	text-align: center;
	clear:both;
	overflow:hidden;
	width:auto;
	margin:10px auto 10px auto;
	padding:0px 10px;
	display: inherit;
	justify-content:auto;

}

#bottom_link2 img{
	width:100%;
	height:auto;
	margin-bottom:10px;

}

.fb-like{
	text-align:left;
	margin-top:10px;
}
.menu-btn{
	display:block;
	float:right;
	padding:0px 10px 0px 0px;
}
.style_midashi {
	font-size:18px;
	font-weight:normal;
	color:#CC0000;
	letter-spacing: 1px;
	margin:0px 0px 10px 0px;
	line-height: 150%;
}


#newsbox{
float:none;
width:100%;
margin-top:5px;
margin: 0px 0px 0px 0px!important;
}


#newsbox ul{
	margin: 0px 0px 0px 0px!important;
}


#newsbox li{
	margin:0px 0px;
	padding-left:100px;
	padding-top:15px;
	padding-bottom:5px;
	border-bottom:dashed 1px #666666;
	font-size:1.1em;
}

#newsbox li:last-child{
	padding-left:100px;
	padding-top:15px;
	border-bottom:none;
}

#top_li{
float:none;
margin:15px auto 15px auto;
border:solid 1px #000000;
width:90%;
padding:15px;
background-color:#fff;
}


#top_li li{
	padding-left:25px;
	padding-top:15px;
	padding-bottom:10px;
	font-size:1.1em;
	background-image:url(img/mark2.png);
	background-repeat:no-repeat;
	background-position:left center;
}

.titlebox{
text-align:left;
width:100%;
margin:0px auto;

}

.titlebox img{
	width:100%;
	height:auto;

}

.img_info{
	margin: 0px auto 0px auto;
	text-align:center;
	float:none;
}

.infobox{
	width:100%;
	margin:10px auto 10px auto;
	font-size:12px;

}

.infobox .info_cate{
	font-size:14px;
	width:40%;
	padding:5px;

}

.infobox .info_text{
	width:60%;
	padding:5px;

}

.datatable{
font-size:12px;
width: 100%;
padding:2px;
float:none;
margin:5px auto 5px auto;
overflow:hidden;
letter-spacing:0px;

}

.datatable li{
font-size:10px;
padding:5px 5px;
border-top:solid 1px #cccccc;
border-left:solid 1px #cccccc;
border-right:solid 1px #cccccc;
line-height:120%;

}

.datatable li:last-child{
font-size:10px;
padding:5px 5px;
border-top:solid 1px #cccccc;
border-left:solid 1px #cccccc;
border-right:solid 1px #cccccc;
border-bottom:solid 1px #cccccc;

}

.data_caution{
background-color:#20a359;
color:#ffffff;
text-align:left;
width:100%;
margin:10px auto 10px auto;
padding:5px;
font-size:14px;
font-weight: normal;
}

/* General Slides */ 

.slide{
	background-attachment: fixed;
	width:100%;
	height:auto;
	position: relative;
	padding:0px 0 0px 0;
	overflow: hidden;
}

/* Slide 1 */ 

#slide1{
	background-color:#ffffff;
	padding: 0px 0 0px 0;
	margin:0px auto 0px auto;
}
#slide1 h2 {
	text-align: left;
	clear: both;
	letter-spacing: 5px;
	width: 100%;
	font-weight: 300;
	color: #b37b3b;

}
#slide1 h3 {
	font-size: 2em;
	color: #8a8683;
	line-height: 0px;
	padding-bottom:20px;
	font-weight: 400;
}

/* Slide 2 */ 

#slide2{
	-moz-background-size: cover;
	background-size: cover;
	color:#000000;
	padding: 20px 0 20px 0;
}
#slide2 h2 {
	padding:0px 0px;
	position: inherit;
	color: #ffffff;
	float: none;
	width: 100%;
	height: auto;
	line-height:inherit;
	text-align:center;
	font-weight: lighter;
}
#slide2 h3 {
	font-size: 2em;
	color: #ffffff;
	line-height: 0px;
	padding-bottom:20px;
	font-weight: 400;
}

#slide2 img {
	width:90%;
	height:auto;
	margin:0px auto 0px auto;
}

/* Slide 3 */ 

#slide3{
	padding: 0px 0 0px 0;
}
#slide3 h2 {
	text-align: left;
	clear: both;
	letter-spacing: 5px;
	width: auto;
	font-weight: 200;
	color: #b37b3b;
	font-size: 1.2em;
	padding:0px 5px 0px 5px;
}
#slide3 h3 {
	font-size: 1.5em;
	color: #FF6600;
	line-height: 1.5em;
	padding-bottom:0px;
	font-weight: 400;
	text-indent:0px;
}

/* Slide 4 */

#slide4{
	color:#ffffff;
	padding: 0px 0 20px 0;
	-moz-background-size: inherit;
	background-size: inherit;
	background-attachment: fixed;
	background-position: -1200px 0px;
}
#slide4 h2 {
	text-align: left;
	clear: both;
	letter-spacing: 5px;
	width: auto;
	font-weight: 200;
	color: #ffffff;
	font-size: 1.2em;
	padding:0px 5px 0px 5px;
}
#slide4 h3 {
	font-size: 2em;
	color: #ffffff;
	line-height: 0px;
	padding-bottom:20px;
	font-weight: 400;
}

/* Slide 5 */

#slide5{
	color:#000000;
	padding: 10px 0 0px 0;
}
#slide5 h2 {
	text-align: left;
	clear: both;
	letter-spacing: 5px;
	width: 100%;
	font-weight: 300;
	color: #b37b3b;

}
#slide5 h3 {
	font-size: 2em;
	color: #ffffff;
	line-height: 0px;
	padding-bottom:20px;
	font-weight: 400;
}

/* Slide 6 */

#slide6{
	color:#000000;
	padding: 10px 0 0px 0;
}
#slide6 h2 {
	text-align: left;
	clear: both;
	letter-spacing: 5px;
	width: 100%;
	font-weight: 300;
	color: #b37b3b;

}
#slide6 h3 {
	font-size: 2em;
	color: #ffffff;
	line-height: 0px;
	padding-bottom:20px;
	font-weight: 400;
}


/* -------------------- サイトマップ -------------------- */

.sitemap {
  font-size:1em;
  letter-spacing:0em;

}

.sitemap .sitemapinfo{
	display:none;

}

.sitemap ul {
  margin-top: .5em;
  margin-bottom: .0em;
  margin-left: 0px;
  padding:5px 5px 5px 20px;
}
 

.sitemap ul li ul {
  margin-top: .5em;
  margin-bottom: .5em;
  margin-left: 20px;
}
 
.sitemap ul li ul li {
  margin-bottom: .5em;
  margin-left: 0em;
  position: relative;
}
 
.sitemap ul li ul li::before {
  content: "";
  position: absolute;
  top: -0.5em;
  left: -16px;
  width: 10px;
  height: calc(100% + .75em);
  border-left: 1px solid #3972b2;
}
 
.sitemap ul li ul li:last-child::before {
  height: calc(1em + .25em);
}
 
.sitemap ul li ul li::after {
  content: "";
  position: absolute;
  top: .75em;
  left: -16px;
  width: 10px;
  border-bottom: 1px solid #3972b2;
}
/* -------------------- フォーム -------------------- */
.form_outside{
	overflow:hidden;
	width:auto;
	margin:10px auto;
	border-bottom: dashed 1px #000000;
	padding:20px 0px 20px 0px;
}

.form_inside_cate{
	float:none;
	width: auto;
	text-align: left;
	font-weight:bold;
}

.form_inside_tx{
	float:none;
	margin-left: 10px;
	width: auto;
	text-align:right;
}

.center_box{
margin-top:20px;
text-align:center;

}



.form_data{
	background-color:transparent;
}

.submit_button{

width: 80%;
height:50px;
color:#000000;

}

.soldoutbox{
	margin: 5px auto 10px auto;
	padding: 0px 0px 0px 0px;
	font-size: 12px;
	font-weight: normal;
	line-height: 150%;
	letter-spacing: 1px;
	overflow: hidden;
	width: 100%;
	text-align:left;
	display: flex;
	flex-wrap: wrap;
}

.soldoutbox .sales2{
flex-basis: 100%;
margin-left:5px;
margin-right:5px;
margin-bottom:10px;
border:solid 1px #666666;
padding:5px;
min-height: inherit;


}

.soldoutbox .used_title{
	color:#FFFFFF;
	font-size:14px;
	margin:0px 0px 10px 0px;
	padding:5px 5px;
	background: #00883b; /* Old browsers */
	background: -moz-linear-gradient(top, #00883b 0%, #20a359 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #00883b 0%,#20a359 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #00883b 0%,#20a359 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00883b', endColorstr='#20a359',GradientType=0 ); /* IE6-9 */
	text-align:left;
	letter-spacing:0px;
}

.soldout_img{
float:left;
border:solid 1px #cccccc;
margin-right:10px;


}

.soldout_text{
float:left;
width:auto;

}

.soldout_text ul{
	padding:15px 0px 0px 0px;
	margin:0px auto;
	font-size:12px;
	background-image:url(usedimg/soldout/spec.gif);
	background-repeat:no-repeat;
	background-position:left top;
}

.map{
	width:95%;
	height:400px;

}

.product_name_box{
	overflow:hidden;
	background-image:url(img/dragon_wall.jpg);
	background-repeat:none;
	-moz-background-size:cover;
	background-size:cover;
	background-position:center center;
	margin:0px auto 10px auto;
	color:#ffffff;
	padding:15px 15px;
	width:auto;
	box-shadow: 
	inset 0 0 10px #fff /* 背景色と同じ色 */,
	inset 0 0 10px #fff,
	inset 0 0 10px #fff,
	inset 0 0 10px #fff;
	border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;  
}
.product_name_box .name_logo{
display:none;

}


.product_name_box .name_text{
float:none;
width: inherit;
font-size:11px;
line-height:150%;
}

.product_name_box .name_text img{
	width:100%;
	height:auto;
margin-bottom:10px;
}

.load_img{
display:none;
}

.load_subimg{
display: inline;

}


.top_detail{
	margin:0px auto 20px auto;
	padding:10px 10px;
	overflow:hidden;
	border:solid 1px #cccccc;
	width:auto;
	background-color:#FFFFFF;
}

.top_detail .top_title{
	margin-bottom:0px;
	padding:10px 10px;
	overflow:hidden;
	font-size:28px;
	color:#FF0000;
}

.top_detail .top_text{
	margin-bottom:0px;
	padding:5px 10px;
	overflow:hidden;
	text-align:left;
	font-size:12px;
}

.top_detail .top_date{
	margin-bottom:0px;
	padding:5px 10px;
	overflow:hidden;
	text-align:right;
	font-size:12px;
}

.linkpage{
	text-align:center;
	margin:0px 0px 0px 0px;
}

.linkpage li{
	margin:0px 0px 20px 0px;
}

.linkpage img{

width:95%;
height:auto;

}

.display_box{
width:100%;
margin:10px auto 10px auto;
overflow:hidden;
  display: flex;
  -webkit-flex-wrap: wrap; /* Safari */
  flex-wrap:         wrap;
  -webkit-justify-content: space-between; /* Safari */
  justify-content:         space-between;
justify-content: flex-start;

}

.display_box .display_inside{

width:47%;
overflow:hidden;
margin-bottom:10px;
margin-right:1.5%;
margin-left:1.5%;
}

.display_box img{
width:100%;
height:auto;
margin-bottom:5px;


}
.display_box .display_text{
text-align:left;
font-size:12px;
line-height:14px;
}

.bottom_title{
	text-align: left;
	clear:both;
	overflow:hidden;
	width:100%;
	margin:0px auto 10px auto;
}

.bottom_title h2 img{
width:100%;
height:auto;
}


.flow_img{
text-align:center;

}
.flow_img img{
width:80%;
height:auto;

}


.coursebox{
box-sizing: border-box;
margin:0px auto 8px auto; 
width:95%;
border:solid 6px #f2a345;
box-shadow:8px 5px 15px -7px #898989;
padding:10px;
margin:20px auto 40px auto;
}

.coursebox .priceimg img{
width:100%;
height:auto;

}

.img-flex img{
	width:30%;
	height:auto;

}

}