@charset "shift_jis";
#header
{

}

#box01 {
	background-color:#EEEEEE;
}

#box01 .inbox {
	width:1000px;
	padding:20px 0px;
	margin:0px auto;
	text-align:left;
}

#box01 .inbox .leftbox {
	width:23.4%;
	float:left;
}

#box01 .inbox .leftbox ul {
	margin:0px;
	padding:0px;
	list-style:none;
}

#box01 .inbox .leftbox li {
	margin:0px;
	padding:0px;
}

#box01 .inbox .leftbox ul.mb15 {
	margin-bottom:15px;
}

#box01 .inbox .rightbox {
	width:76%;
	float:right;
}
#box01 .inbox .rightbox .mainimage {
	width:740px;
	border:#DDDDDD 1px solid;
	padding:9px;
	background:#FFFFFF;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	margin:0px auto;
}

.bg_img
{
	width: 100%;
   /* max-width: 960px;*/
	margin: 0 auto;
}

.bx-window
{
	/*overflow: visible !important;
	margin: 0px auto !important;
	height: 360px !important;*/
	margin-bottom: 10px;
}

.slider-nav {
	width:90%;
	margin:0px auto;
	padding:0px;
}

.slider-nav ul {
}

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

#box02 {
	width:1000px;
	margin:0px auto;
	text-align:left;
	position:relative;
	padding:40px 0px 0px;
	margin-top:40px;
}


#box02 ul  {
	margin:0px;
	padding:0px;
	list-style:none;
}

#box02 li {
	margin:0px;
	padding:0px;
}


article {margin-bottom:20px;}

#box02 ul.style01 {
	width:50%;
	position:absolute;
	top:-2px;
	right:-5px;
}

#box02 ul.style01 li   {display:inline-block; width:48%; height:40px; margin:0 0%;}

#box02 ul.style01 li p  {line-height:40px; background:#FFFFFF; border-color:#55A158; border-style:solid; border-width:2px 2px 1px 2px; border-radius:5px 5px 0 0; text-align:center; color:#54A058; font-size:110%; font-weight:bold; cursor:pointer;

}

#box02 ul.style01 .active p { border-color:#55A158; border-style:solid; border-width:2px 2px 1px 2px; background-color:#55A158; border-radius:5px 5px 0 0; color:#FFFFFF;}

#box02 ul.style01 .active p.gray { border-color:#999; border-style:solid; border-width:2px 2px 0px 2px; background-color:#999; border-radius:5px 5px 0 0; color:#FFFFFF; border-bottom:#999 1px solid;}


#box02 .panel {display:none; background:url(../images/box02_bg.png)}
#box02 .show {display:block;}

#box02 .panel ul  {
	padding:30px 0px 20px 0px;
}

#box02 .panel li {
	float:left;
	padding:0px 36px;
	border-right:#55A158 1px solid;
}

#box02 .panel li:last-child {
	border-right:none;
}

#box02 .panel ul.jigyou li {
	float:left;
	padding:0px 36px;
}


#box02 .acordion{
	display:none;
}
	


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

#box03 {
	width:1000px;
	margin:0px auto;
	text-align:left;
	position:relative;
	margin-top:20px;
}

#box03 .waku {
	border-color:#55A158;
	border-style:solid;
	border-width:1px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding:20px 25px 20px;
}

#box03 .waku p {
	background:#55A158;
	padding:5px 15px;
	font-weight:bold;
	color:#FFFFFF;
}

#box03 .waku p.jigyou {
	background: #666;
	padding:5px 15px;
	font-weight:bold;
	color:#FFFFFF;
}

#box03 ul  {
	margin:0px;
	padding:0px;
}

#box03 li {
	margin:0px;
	padding:0px;
}


article {margin-bottom:20px;}

#box03 ul.style01 {
	width:50%;
	position:absolute;
	top:-1px;
	right:-2px;
}

#box03 ul.style01 li   {display:inline-block; width:48%; height:40px; margin:0 0%;}

#box03 ul.style01 li p  {line-height:40px; background:#FFFFFF; border-color:#55A158; border-style:solid; border-width:2px 2px 1px 2px; border-radius:5px 5px 0 0; text-align:center; color:#54A058; font-size:110%; font-weight:bold; cursor:pointer;

}

#box03 ul.style01 .active p { border-color:#55A158; border-style:solid; border-width:2px 2px 1px 2px; background-color:#55A158; border-radius:5px 5px 0 0; color:#FFFFFF;}

#box03 ul.style01 .active p.gray { border-color:#999; border-style:solid; border-width:2px 2px 0px 2px; background-color:#999; border-radius:5px 5px 0 0; color:#FFFFFF; border-bottom:#999 1px solid;}


#box03 .panel {display:none;}
#box03 .show {display:block;}


#box03 dl {
	margin:0px;
	padding:0px;
	height:200px;
	overflow: auto;
}

#box03 dt {
	margin:0px;
	padding:0px;
	width:16%;
	float:left;
	position:relative;
}

#box03 dt span {
	position:absolute;
	top:-3px;
	right:0px;
}

#box03 dd {
	margin:0px;
	padding-left:18%;
	border-bottom:#DDDDDD 1px solid;
	padding-bottom:8px;
	margin-bottom:12px;
}

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

#box04{
	width:1000px;
	margin:0px auto;
	padding:20px 0px 40px;
	text-align:left;
}

#box04 .waku {
	border-color:#DDDDDD;
	border-style:solid;
	border-width:1px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding:20px 60px 0px;
}
#box04 .waku div{
	width:31%;
	padding-right:2%;
	float:left;
}

#box04 .waku div:last-shild {
	padding-right:0%;
}

#box04 .waku div p {
	width:96%;
	font-size:90%;
	z-index:9999;
}

#box05{
	width:1000px;
	margin:0px auto;
	padding:20px 0px 40px;
	text-align:left;
}


#box05 .pc_img {
	display: block;
}

#box05 .sp_img {
	display:none;
}

#box05 dl {
	margin:0px;
	padding:0px;
}

#box05 dt {
	margin:0px;
	padding:0px;
}

#box05 dd {
	margin:0px;
	padding:0px;
	font-size:84%;
}

#box05 .left {
	float:left;
	width:49%;
}

#box05 .left dd {
	background:#67BEDA;
	color:#FFFFFF;
	padding:15px;

}

#box05 .right {
	float:right;
	width:49%;
}

#box05 .right dd {
	background:#669900;
	color:#FFFFFF;
	padding:15px;
}



#box05 ul {
	margin:0px;
	padding:0px;
	list-style:none;
}

#box05 ul.three li {
	margin:0px;
	padding:0px;
	float:left;
	margin-right:20px;
	margin-top:20px;
}

#box05 ul.three li:nth-child(3),
#box05 ul.three li:nth-child(6) {
	margin-right:0px;
}



#box05 ul.four li {
	margin:0px;
	padding:0px;
	float:left;
	margin-right:20px;
	margin-top:20px;
}

#box05 ul.four li:last-child {
	margin-right:0px;
}

#box06 {
	background:#F8F8F8;
}

#box06 .inbox {
	width:1000px;
	margin:0px auto;
	padding:20px 0px 40px;
	text-align:left;
}

#box06 .inbox ul{
	margin:0px;
	padding:0px;
	list-style:none;
	padding:0px 40px;
}

#box06 .inbox li{
	margin:0px;
	padding:0px;
	float:left;
	margin:10px 15px;
}

#box06 .inbox2 {
	display:none;
}


/* タブレットレイアウト : 748 px 〜 959 px*/
@media screen and (max-width:959px)
{


#box01 .inbox {
	width:100%;
	padding:20px 0px;
	margin:0px auto;
	text-align:left;
}

#box01 .inbox .leftbox {
	display:none;
}



#box01 .inbox .rightbox {
	width:98%;
	float:none;
	margin:0px auto;
}
#box01 .inbox .rightbox .mainimage {
	width:98%;
	border:#DDDDDD 1px solid;
	padding:1%;
	background:#FFFFFF;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	margin:0px auto;
}

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

#box02 {
	width:98%;
	margin:0px auto;
	text-align:left;
	position:relative;
	padding:40px 0px 0px;
	margin-top:40px;
}


#box02 ul  {
	margin:0px;
	padding:0px;
	list-style:none;
}

#box02 li {
	margin:0px;
	padding:0px;
}


article {margin-bottom:20px;}

#box02 ul.style01 {
	width:50%;
	position:absolute;
	top:-2px;
	right:-2px;
}

#box02 ul.style01 li   {display:inline-block; width:48%; height:40px; margin:0 0%;}

#box02 ul.style01 li p  {line-height:40px; background:#FFFFFF; border-color:#55A158; border-style:solid; border-width:2px 2px 1px 2px; border-radius:5px 5px 0 0; text-align:center; color:#54A058; font-size:110%; font-weight:bold;

}

#box02 ul.style01 .active p { border-color:#55A158; border-style:solid; border-width:2px 2px 1px 2px; background-color:#55A158; border-radius:5px 5px 0 0; color:#FFFFFF;}

#box02 ul.style01 .active p.gray { border-color:#999; border-style:solid; border-width:2px 2px 0px 2px; background-color:#999; border-radius:5px 5px 0 0; color:#FFFFFF; border-bottom:#999 1px solid;}


#box02 .panel {display:none; background:url(../images/box02_bg.png) no-repeat; background-size:99.8% auto;}
#box02 .show {display:block;}

#box02 .panel ul  {
	padding:2% 0px 2% 0px;}

#box02 .panel li {
	float:left;
	width:10%;
	padding:0px 2%;
	border-right:#55A158 1px solid;
}

#box02 .panel li:last-child {
	border-right:none;
}

#box02 .panel ul.jigyou {
	padding:2% 0% 3%;
}

#box02 .panel ul.jigyou li {
	float:left;
	width:10%;
	padding:0px 3%;
	border-right:#55A158 1px solid;
}

#box02 .panel ul.jigyou li:last-child {
	border-right:none;
}

#box02 .panel li img {
	max-width:100%;
	height:auto;
}





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

#box03 {
	width:98%;
	margin:0px auto;
	text-align:left;
	position:relative;
	margin-top:20px;
}

#box03 .waku {
	border-color:#55A158;
	border-style:solid;
	border-width:1px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding:20px 25px 20px;
}

#box03 ul  {
	margin:0px;
	padding:0px;
}

#box03 li {
	margin:0px;
	padding:0px;
}


article {margin-bottom:20px;}

#box03 ul.style01 {
	width:50%;
	position:absolute;
	top:-1px;
	right:-2px;
}



#box03 ul.style01 li   {display:inline-block; width:48%; height:40px; margin:0 0%;}

#box03 ul.style01 li p  {line-height:40px; background:#FFFFFF; border-color:#55A158; border-style:solid; border-width:2px 2px 1px 2px; border-radius:5px 5px 0 0; text-align:center; color:#54A058; font-size:110%; font-weight:bold;

}

#box03 ul.style01 .active p { border-color:#55A158; border-style:solid; border-width:2px 2px 1px 2px; background-color:#55A158; border-radius:5px 5px 0 0; color:#FFFFFF;}

#box03 ul.style01 .active p.gray { border-color:#999; border-style:solid; border-width:2px 2px 0px 2px; background-color:#999; border-radius:5px 5px 0 0; color:#FFFFFF; border-bottom:#999 1px solid;}

#box03 .panel {display:none;}
#box03 .show {display:block;}


#box03 dl {
	margin:0px;
	padding:0px;
}

#box03 dt {
	margin:0px;
	padding:0px;
	width:25%;
	float:left;
	position:relative;
}

#box03 dt span {
	position:absolute;
	top:-3px;
	right:0px;
}

#box03 dd {
	margin:0px;
	padding-left:27%;
	border-bottom:#DDDDDD 1px solid;
	padding-bottom:8px;
	margin-bottom:12px;
}

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

#box04{
	width:98%;
	margin:0px auto;
	padding:20px 0px 40px;
	text-align:left;
}

#box04 .waku {
	border-color:#DDDDDD;
	border-style:solid;
	border-width:1px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding:20px 60px 0px;
}

#box04 .waku div{
	width:31%;
	padding-right:2%;
	float:left;
}

#box04 .waku div:last-shild {
	padding-right:0%;
}


#box04 .waku p {
	width:96%;
	font-size:90%;
}
/*----------------------------------------------------------------*/

#box05{
	width:98%;
	margin:0px auto;
	padding:20px 0px 40px;
	text-align:left;
}

#box05 .pc_img {
	display: block;
}

#box05 .sp_img {
	display:none;
}

#box05 dl {
	margin:0px;
	padding:0px;
}

#box05 dt {
	margin:0px;
	padding:0px;
}

#box05 dd {
	margin:0px;
	padding:0px;
	font-size:84%;
}

#box05 .left {
	float:left;
	width:49%;
}

#box05 .left dd {
	background:#67BEDA;
	color:#FFFFFF;
	padding:15px;

}

#box05 .right {
	float:right;
	width:49%;
}

#box05 .right dd {
	background:#669900;
	color:#FFFFFF;
	padding:15px;
}



#box05 ul {
	margin:0px;
	padding:0px;
	list-style:none;
}

#box05 ul.three li {
	width:32%;
	margin:0px;
	padding:0px;
	float:left;
	margin-right:2%;
	margin-top:20px;
}

#box05 ul.three li:nth-child(3),
#box05 ul.three li:nth-child(6) {
	margin-right:0px;
}



#box05 ul.four li {
	margin:0px;
	padding:0px;
	float:left;
	width:23.5%;
	margin-right:2%;
	margin-top:20px;
}

#box05 ul.four li:last-child {
	margin-right:0px;
}
/*----------------------------------------------------------------*/
#box06 {
	background:#F8F8F8;
}



#box06 .inbox {
	width:98%;
	margin:0px auto;
	padding:20px 0px 40px;
	text-align:left;
}

#box06 .inbox ul{
	margin:0px;
	padding:0px;
	list-style:none;
	padding:0px 40px;
}

#box06 .inbox li{
	width:22%;
	margin:0px;
	padding:0px;
	float:left;
	margin:10px 1.5%;
}

#box06 .inbox2 {
	display: none;
}

}

/* スマホ設定  670 以下*/
@media screen and (max-width:748px)
{

#box01 .inbox .leftbox {
	display: block;
	width:94%;
	margin:15px auto 0px;
	float:none;
}

#box01 .inbox .leftbox img {
	width:100%;
	height:auto;
}
/*------------------------------------------------------------------------*/

#box02 {
	width:94%;
	margin:0px auto;
	text-align:left;
	position:relative;
	padding:40px 0px 0px;
	margin-top:0px;
}


#box02 article { display:none;}

#box02 dl {
	margin:0px;
	padding:0px;
	margin-bottom:15px;
}

#box02 dt {
	margin:0px;
	padding:0px;
}
#box02 dd {
	margin:0px;
	padding:0px;
}
 
#box02 .acordion{
	display: block;
}
	


/*アコーディオン
-------------------------------------*/
.acordion{
 background:#fff;
 border:#55A158 1px solid;
}
 
#box02 dt.trigger{
    padding:10px 10px 10px 15px;
    background:#FFFFFF;
    font-size:100%;
	color:#55A158;
	cursor:pointer;
}
 
#box02 dt.trigger.active{
    padding:10px 10px 10px 15px;
    background:#55A158;
    font-size:100%;
	color:#FFFFFF;
}
 
#box02 dd.acordion_tree{
    padding:0px;
    font-size:100%;
}

#box02 dd.acordion_tree ul {
	padding:2% 2% 0% 2%;
}

#box02 dd.acordion_tree li {
	width:49.5%;
	float:left;
	margin-right:1%;
	margin-bottom:2%;
}

#box02 dd.acordion_tree li:nth-child(even) {
	margin-right:0%;
}


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

#box03 {
	width:94%;
	margin:0px auto;
	text-align:left;
	position:relative;
	margin-top:20px;
}

#box03 .waku {
	border-color:#55A158;
	border-style:solid;
	border-width:1px;
	border-radius:0px 0px 5px 5px;
	-moz-border-radius:0px 0px 5px 5px;
	-webkit-border-radius:0px 0px 5px 5px;
	padding:20px 10px 20px;
}

#box03 ul  {
	margin:0px;
	padding:0px;
}

#box03 li {
	margin:0px;
	padding:0px;
}


article {margin-bottom:20px;}

#box03 ul.style01 {
	width:100%;
	position:absolute;
	top:-1px;
	right:0px;
}

#box03 ul.style01 li   {display:inline-block; width:49%; height:40px; margin:0 0%;}

#box03 ul.style01 li p  {line-height:40px; background:#FFFFFF; border-color:#55A158; border-style:solid; border-width:2px 2px 1px 2px; border-radius:5px 5px 0 0; text-align:center; color:#54A058; font-size:110%; font-weight:bold;

}

#box03 ul.style01 .active p { border-color:#55A158; border-style:solid; border-width:2px 2px 1px 2px; background-color:#55A158; border-radius:5px 5px 0 0; color:#FFFFFF;}

#box03 ul.style01 .active p.gray { border-color:#999; border-style:solid; border-width:2px 2px 0px 2px; background-color:#999; border-radius:5px 5px 0 0; color:#FFFFFF; border-bottom:#999 1px solid;}


#box03 .panel {display:none;}
#box03 .show {display:block;}


#box03 dl {
	margin:0px;
	padding:0px;
}

#box03 dt {
	margin:0px;
	padding:0px;
	width:100%;
	float:none;
	position:relative;
}

#box03 dt span {
	position:absolute;
	top:-3px;
	left:50%;
}

#box03 dd {
	margin:0px;
	padding-left:0%;
	border-bottom:#DDDDDD 1px solid;
	padding-bottom:8px;
	margin-bottom:12px;
}

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

#box04{
	width:94%;
	margin:0px auto;
	padding:20px 0px 40px;
	text-align:left;
}

#box04 .waku {
	border-color:#DDDDDD;
	border-style:solid;
	border-width:1px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding:20px 20px 0px;
}

#box04 .waku div{
	width:48%;
	padding-right:2%;
	float:left;
	min-height:250px;
}

#box04 .waku div:last-shild {
	padding-right:0%;
}

#box04 .waku p {
	width:96%;
	font-size:90%;
}

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

#box05{
	width:94%;
	margin:0px auto;
	padding:20px 0px 40px;
	text-align:left;
}

#box05 .pc_img {
	display:none;
}

#box05 .sp_img {
	display: block;
}

#box05 dl {
	margin:0px;
	padding:0px;
}

#box05 dt {
	margin:0px;
	padding:0px;
}

#box05 dd {
	margin:0px;
	padding:0px;
	font-size:110%;
}

#box05 .left {
	float:none;
	width:100%;
	margin:0px auto;
}

#box05 .left dd {
	background: none;
	color:#666666;
	padding:10px 0px;

}

#box05 .left img {
	width:100%;
	height:auto;
}

#box05 .right {
	float:none;
	width:100%;
	margin:15px auto
}

#box05 .right dd {
	background:none;
	color:#666666;
	padding:10px 0px;
}

#box05 .right img {
	width:100%;
	height:auto;
}



#box05 ul {
	margin:0px;
	padding:0px;
	list-style:none;
}

#box05 ul.three li {
	width:100%;
	margin:0px;
	padding:0px;
	float:none;
	margin-right:0%;
	margin-top:10px;
}

#box05 ul.three li:nth-child(3),
#box05 ul.three li:nth-child(6) {
	margin-right:0px;
}



#box05 ul.four li {
	margin:0px;
	padding:0px;
	float:left;
	width:49%;
	margin-right:2%;
	margin-top:10px;
}

#box05 ul.four li:nth-child(2) {
	margin-right:0;
}

#box05 ul.four li:last-child {
	margin-right:0;
}

#box05 ul.four li img {
	width:100%;
	height:auto;
}

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

#box06 .inbox {
	display:none;
}

#box06 .inbox2 {
	display: block;
	padding-top:20px;
	padding-bottom:30px;
	width:80%;
	margin:0px auto;
}

#box06 .inbox2 div {
	text-align:center;
}

#box06 .inbox2 p {
	margin:15px 0px;
}

#box06 .inbox2 div img {
	width:90%;
	height:auto;
	margin:0px auto;
}

}