@charset "utf-8";
/* CSS Document */
@media screen and (min-width:980px) {
	
	#main_banner2 {
		height:340px;
		margin-right: auto;
		margin-left:auto;
		overflow:hidden;
		background-image: url(../images/title.png);
		background-repeat: no-repeat;
		width: 100%;
	}
	
	.box_left{
		width:370px;
		float:left;
	}
	.box_right{
		width:370px;
		float:right;
	}
	.bl_accordionContent{
		background-color: #60b42b26;
		border-radius: 20px;
		padding: 10px 10px 10px 20px;
		/* padding-left: 30px; */
		/* padding-top: 10px; */
		/* padding-right: 10px; */
		/* padding-bottom: 10px; */
		margin-bottom: 30px;
		min-height: 60px;
	}

}
/* SmartPhone
--------------------------------------------
-------------------------------------------- */
@media screen and (max-width:979px) {
	.bl_accordionContent{
		background-color: #60b42b26;
		border-radius: 20px;
		padding: 3px 5px 3px 10px;
		/* padding-left: 30px; */
		/* padding-top: 10px; */
		/* padding-right: 10px; */
		/* padding-bottom: 10px; */
		margin-bottom: 30px;
		min-height: 60px;
		width: 93vw;
	}
	#main_banner2 {
		height: 150px;
		margin-top: 50px;
		margin-right: auto;
		margin-left:auto;
		overflow:hidden;
		background-image: url(../../sp/images/sp_mainimg.png);
		background-repeat: no-repeat;
		width: 100%;
		margin-top: 10px;
	}

	.box_left{
		width:50%;
		float:left;
	}
	.box_right{
		width:50%;
		float:right;
	}
	
	ul{
		width: 100%;
	}
	
	li{
		width: 100%;
	}
}


body { behavior:url("csshover.htc"); }

/* **************Index.html CSS*************** */

/* MainImage */
h2{
	background-image:url(../images/mainimg.gif);
}

/* Body */
#left{
	padding-bottom:40px;
}


.tit{
	background-repeat: no-repeat;
	background-position: 0 0;
	padding-top: 7px;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 7px;
	font-size: 1.2em;
	margin-bottom: 1em;
	border-left: 5px solid #5fb42b;
	width: 92%;
}
.tit ul{
	margin:15px 0 30px;
		line-height: 180%;
}
.tit:hover{
	background-repeat: no-repeat;
	background-position: 0 0;
	color: #5fb42b;
}
.tit:hover ul{
	font-weight:normal;
}

	
	#body{
		padding: 50px 10px 10px 10px;
		width:980px;
		height:100%;
		margin:0px auto 0;
		font-size:10pt;
	}
	
	
	a:link {
		text-decoration: underline;
	}
	
	.seihin01{
		background-image: url(../images/shimi_03p.jpg);
		width:500px;
		height:500px;
	}
	
	#nikibi_box{
		 text-align: center;
		margin: 0px auto 50px 0px;
	
	}
	a.tooltip:hover {
	     background: #ffffff;     /* IE6以下で必要 */
		 text-decoration: none;
	}
	a.tooltip span {
	     display: none;
	     padding: 8px;
	     font-size: 0.9em;
	     margin-left: 8px;
	     line-height: 1.6;
	}
	a.tooltip:hover span{
	     display: inline;
	     position: absolute;
	     background-color: #FFF7EE;
	     border: 1px solid #cccccc;
	     color: #000000;
	     width: 600px;     /* a.tooltip spanに指定すると、IE6以下でspanの領域でマウスが反応してしまう */
	     bottom:0px;
	}
	 
	/* IE6以下にのみ適用 */
	a.tooltip:hover span{
	     width: 216px;
	}
	
		@charset "utf-8";
	/* CSS Document */
	
	
	/**********************************************************/
	/*共通class*/
	/**********************************************************/
	.ditail_list_p{
		width: 250px;
		height:180px;
		background-color: blue;
		font-size: 0.6em;
	}
	
	.li_left120{
		float: left;
		width: 120px;
		font-size: 0.7em;
		margin-right: 22px;
	}
	
	
	.li_left160{
		float: left;
		width: 160px;
		font-size: 0.7em;
		margin-right:20px;
		
	}
	
	.li_left180{
		float: left;
		width: 180px;
		font-size: 0.7em;
		margin-right:40px;
		
	}
	
	
	.li_left282{
		float: left;
		width: 282px;
		font-size: 0.7em;
		margin-right: 30px;
	}
	
	
	.li_left400{
		float: left;
		height:100px;
		font-size: 0.8em;
		margin-top: 10px;
		background-color: #f8f4ed;
		padding: 3px;
		border-radius: 12px;
		
		
	}
	
	

	.left_green{
		float: left;
		color: #5fb426;
		font-weight: 700;
		text-align: left;
		padding-left: 5px;
	}

		
	/*ditail見出し下のリード　ページ内共通*/
	.ditail_title_txt{
		width: 700px;
		font-size: 0.9em;
		margin-bottom: 100px;
	}
	
	.p_500{
		width:550px;
		float: left;
	}

	.p_200{
		width: 300px;
		float: left;
	
		position: absolute;
		padding-top: 130px;
		padding-left: 200px;
	}
	
	.p_250{
		width: 320px;
		float: left;
		padding-left: 10px;
		padding-right: 10px;
	}

	
	/**********************************************************/
	/*専用div*/
	/**********************************************************/
	
	#page01 #page02{
		
		padding-bottom: 50px;
	}
	
	/*タイトル（見出し）*/
	#title01{
		background-image: url(../../images/nikibi/img_04.png);
		width: 960px;
		height:41px;
		}	
	
	/*タイトル（見出し）*/
	#title02{
		background-image: url(../../images/nikibi/img_24.png);
		width: 960px;
		height:41px;
	}	
	
		
	
	/*comment*/
	#title_navi01{
		width:960px;
	    text-align: left;
		margin: 30px 0 100px 10px;
		font-size: 0.9em;
	}	
	
	#title_navi01 p{
		display:inline;
		padding-right: 30px;
	}
	
	
	/*comment*/
	#title_navi02{
		width:960px;
	    text-align: left;
		margin: 30px 0 100px 10px;
		font-size: 0.9em;
	}	
	
	#title_navi02 p{
		display:inline;
		padding-right: 30px;
	}
	
	
	/*comment*/
	#page_navi{
		width:960px;
	    display: block;
		text-align: center;
		margin-bottom: 50px;
	}	
	
	#page_navi img{
		padding-left: 100px;
	}
	
	
	
	
	/**********************************************************/
	#ditail00{
		width:960px;
	    margin: auto;
	    margin-bottom: 30px;
	}	
	#ditail00 p{
		margin-top: 10px;
		font-size: 1.2em;
		line-height: 160%;
		}
	
	#ditail00 img{
		margin-bottom: 0px;
		padding-right: 0px;
		position: relative;
	}
	
	#ditail00 a:hover img {
		opacity: 0.7;
		filter: alpha(opacity=70);
		}

	
		
	/**********************************************************/
	#ditail_menu{
		width:960px;
	    margin: auto;
		padding-top: 30px;
		margin-bottom: 200px;
		position: relative;
	}
	
	#ditail_menu ul{
		position: relative;
		height:100px;
		float:left;
		margin-bottom: 50px;
		margin-left: 70px;
	}

	#ditail_menu ul li{
		margin-top: 10px;
		position: relative;
		float:left;
		margin-left: 0px;
		margin-right: 10px;
	}
	
	.menu_txt{
		position: relative;
		top:20px;
		left:2px;
		text-align: left;
		width:180px;
		font-size: 0.8em;
		
	}
	
		
	/**********************************************************/
	#ditail01{
		width:810px;
	    text-align: left;
		margin: auto;
		padding-top: 30px;
		margin-bottom: 100px;
	}	
	
	#ditail01 h3{
		text-align: left;
	}
	
	#ditail01 p{
		
		text-align:left;
		line-height: 170%;
		margin: auto;
		margin-top: 10px;
		margin-bottom: 30px;
		
	}
	
	.p_left{
		position: relative;
		font-size: 1.4em;
		color: #5fb426;
		top:-3px;
		
	}
	
	
	

	#ditail01_bk{
		background-image:url(../images/img_8.png);
		background-repeat: no-repeat;
		width: 810px;
		height:200px;
		text-align: left;
		margin-top: 20px;
	}
	
	#ditail02_bk{
		background-image:url(../images/img_18.png);
		background-repeat: no-repeat;
		width: 810px;
		height:200px;
		text-align: left;
		margin-top: 20px;
	}
	
	#ditail01_bk p{
		font-size: 1.0em;
		top: 100px;
		left:40px;
		position: relative;
		width: 500px;
		float: left;
	}
	
	#ditail02_bk p{
		font-size: 1.0em;
		top: 100px;
		left:40px;
		position: relative;
		width: 500px;
		float: left;
	}
	
	/**********************************************************/
	#ditail02{
		width:810px;
	    text-align: center;
		margin: auto;
		padding-top: 30px;
		margin-bottom: 100px;
			}	
	
	
	#ditail02 p{
		text-align:left;
		line-height: 170%;
		margin: auto;
		margin-top: 20px;
		margin-bottom: 40px;
	}
	
	
	#ditail02 ul{
		margin: auto;
		text-align:left;
		height:100%;
		margin-top: 30px;
					}
	
	#ditail02 ul li{
		padding-top: 20px;
		
	}
	
	#ditail02 ul li p{
		text-align: left;
		margin-top: -4px;
		margin-bottom: 10px;
		margin-left: 32px;
		}
	
	#ditail02 ul li img{
		bottom: 0;
		padding-right: 10px;
	}


	/**********************************************************/
	#ditail03{
		width:960px;
		height:400px;
	    text-align: center;
		margin: 30px auto 150px 0px;
			}	
	
	#ditail03 p{
		text-align:left;
		line-height: 170%;
		margin: auto;
		margin-top: 20px;
		margin-bottom: 40px;
	}
	
	
	#ditail03 ul{
		width: 800px;
		height:140px;
		margin: auto;
		margin-top: 20px;
		text-align:left;
		padding-left: 150px;
		
	}
	
	#ditail03 ul li{
		margin-right: 80px;
		margin-left: 0px;
		width: 300px;
		text-align: left;
		padding: 10px;
		
	}
	
	#ditail03 ul li p{
		text-align: left;
		margin-top: -10px;
		margin-bottom: 10px;
	}
	
	#ditail03 ul li img{
		bottom: 0;
	}
	
		
	
	/**********************************************************/
	#ditail04{
		width:960px;
	    text-align: center;
		margin: 30px auto 0px 0px;
		padding-top: 30px;
	}	
	
	#ditail04 p{
		text-align:left;
		line-height: 180%;
		margin: auto;
		margin-top: 30px;
		margin-bottom: 40px;
	}
	
	#ditail04 ul{
		width: 960px;
		margin: 10px auto 0px auto;	
		text-align:left;
		
	}

	#ditail04 ul li{
		margin-top: 10px;
	}
	
	
	/**********************************************************/
	#ditail05{
		width:960px;
	    text-align: center;
		margin: 0px auto 0px 0px;
	}	
	
	#ditail05 p{
		text-align:left;
		line-height: 180%;
		margin: auto;
		/*margin-top: 30px;
		margin-bottom: 40px;*/
	}
	
	#ditail05 ul{
		width: 960px;
		margin: 10px auto 0px auto;	
		text-align:left;
		
	}

	#ditail05 ul li{
		margin-top: 10px;
	}
	
	/**********************************************************/
	#ditail06{
		width:960px;
	    text-align: center;
		margin: 0px auto 50px 0px;
		position:relative;
	}	
	
	#ditail06 p{
		text-align:left;
		line-height: 180%;
		margin: auto;
		margin-top: 30px;
		}
	
	#ditail06 ul{
		width: 960px;
		margin: 10px auto 0px auto;	
		text-align:left;
		padding-left: 80px;
		
	}

	#ditail06 ul li{
		margin-top: 10px;
	}
	
	#ditail06 img{
		bottom: 0;
	}
	
	/**********************************************************/
	#kakoi01{
		width:980px;
		height:300px;
		border: 1px solid #5fb42b;
		border-radius: 12px;
		background-color:rgba(255,255,255);
		margin: auto;
		padding-top: 20px;
	}

	#kakoi02{
		width:980px;
		border: 1px solid #5fb42b;
		border-radius: 12px;
		background-color:rgba(255,255,255);
		margin-bottom: 150px;
		
	}
	
	#kakoi03{
		width:980px;
		border: 1px solid #5fb42b;
		border-radius: 12px;
		background-color:rgba(255,255,255);
		margin-bottom: 150px;
		padding-left: 30px;
		padding-right: -30px;
		padding-top: 50px;
		padding-bottom: 20px;
	}
	
	#kakoi04{
		width:980px;
		border: 1px solid #5fb42b;
		border-radius: 12px;
		background-color:rgba(255,255,255);
		margin-bottom: 150px;
		padding-left: 15px;
		padding-right: 15px;
		padding-top: 50px;
		padding-bottom: 20px;
	}
	
	#kakoi05{
		width:980px;
		height:1400px;
		border: 1px solid #5fb42b;
		border-radius: 12px;
		background-color:rgba(255,255,255);
		margin-bottom: 150px;
		padding-left: 30px;
		padding-right: -30px;
		padding-top: 50px;
		padding-bottom: 20px;
	}

	hr{
    	border:none;
	    border-top:dashed 1px #5fb426;
	    height:1px;
	    color:#5fb426;
	    margin: 0 6 0 6;
	    width: 95%;
	    position: relative;
	    left:-10px;
	}