
/*----------------------------------------*/
/*　共通　　　                     　　　 */
/*----------------------------------------*/

/*点線*/

.dot01 {
	border-bottom: 1px dashed #004CB7;
	}

.border-dot td{
	border-bottom: 1px dashed #004CB7;
	}


.border_bottom01{
	border-bottom: 1px dotted #004CB7;
	padding-top: 10px;
	}
	

/*コンテンツ70%*/
.top_box70 {
	width:70%;
	clear:both;
	margin:0px auto 0px auto;
}


/*表00*/
.co01 td{
	padding: 10px 10px 10px 10px;
}

/*表01*/
.hyo01{
	margin:0 auto;
	font-size:12px;
}

.hyo01 table{
    border-collapse: collapse;
}

.hyo01 td{
	border: 1px solid #000000;
	border-collapse:collapse;
	padding: 3px 3px 3px 3px;
	}
	

/*囲み*/

#kakomi01 {
	width:100%;
	clear:both;
	background: #F6F4E8;
	border:1px solid #D4D1AB;
}

#kakomi01_02 {
	width:92%;
	clear:both;
	margin:4% 4% 4% 4%;
}

#kakomi01_03 {
	clear:both;
	padding:10px;
	text-align:left;
}



/*----------------------------------------*/
/*　トップページ　　　                      */
/*----------------------------------------*/
.top_box00 {
	width:100%;
	clear:both;
	margin:0px 0px 20px 0px;
	background:#FFF1D9;
}

.top_box01 {
	width:94%;
	clear:both;
    padding:3%;
}

.top_box02 {
	width:90%;
	clear:both;
	margin:0px auto 10px auto;
}


.top_box03 {
	width:23%;
	float:left;
	margin:1%;
    text-align:center;
}


.top_box04 {
	width:100%;
	clear:both;
	margin:2px auto 4px auto;
}



.top_box04_l {
	width:28%;
	clear:both;
	float:left;
	text-align:left;
}

.top_box04_l_01_l {
	width:44%;
	clear:both;
	float:left;
	text-align:left;
}

.top_box04_l_01_r {
	width:52%;
	float:right;
	text-align:left;
}

.top_box04_r {
	width:72%;
	float:right;
	text-align:left;
}



.top_box05 {
	width:100%;
	clear:both;
	margin:2px auto 0px auto;
}

.top_box05_l {
	width:49%;
	clear:both;
	float:left;
	text-align:left;
}

.top_box05_r {
	width:49%;
	float:right;
	text-align:left;
}

.top_box06 {
	width:100%;
	clear:both;
}

.top_box06_l {
	width:38%;
	clear:both;
	float:left;
	text-align:left;
}

.top_box06_r {
	width:60%;
	float:right;
	text-align:left;
}


.top_box07 {
	width:100%;
	clear:both;
	margin:2px auto 0px auto;
}



.top_box07_l {
	width:31%;
	clear:both;
	float:left;
	margin-right:3%;
	text-align:left;
}


.top_box07_c {
	width:32%;
	float:left;
	margin-right:3%;
	text-align:left;
}



.top_box07_r {
	width:31%;
	float:right;
	text-align:left;
}


.top_box08_l {
	width:39%;
	clear:both;
	float:left;
	text-align:left;
}

.top_box08_r {
	width:59%;
	float:right;
	text-align:left;
}

/* 生き物紹介_横並びボタン */

.b01 {
	margin-left: -10px;
}

.b01 li {
	float: left;
	width: 16.666%;
	padding: 0 0 0 10px;
	box-sizing: border-box;
}

/*----------------------------------------*/
/*Q&A                                     */
/*----------------------------------------*/
.q_a{
    width:100%;
     overflow: hidden;
     _zoom: 1;
    }
.q_a dt,
.q_a dd{
    padding-left:3em;
    margin:0px 0px 0px 0px;
    background:none no-repeat left top;
    }
.q_a dt{
    background: url(../img/07_qa/q.png) no-repeat;
    background-position: 0 10px;
    padding-top: 10px;
    padding-bottom: 10px;

}
.q_a dd{
    background: url(../img/07_qa/a.png) no-repeat;
    background-position: 0 0px;
    padding-top: 0px;
    padding-bottom: 10px;
}
/*----------------------------------------*/
/*　お問い合わせ_ラジオボタン改行            */
/*----------------------------------------*/
span.wpcf7-list-item { display: block; }


/*----------------------------------------*/
/*サイトマップ                            */
/*----------------------------------------*/
#sitemap_ce{
	width:70%;
	margin:0px auto 30px auto;
	text-align:center;
}


#sitemap_b5{
	width:100%;
	clear:both;
	margin:0px auto 5px auto;
	text-align:left;
}


#sitemap_b10{
	width:92%;
	clear:both;
	margin:0px auto 10px auto;
	text-align:left;
}


/*----------------------------------------*/
/*ページネーション                        */
/*----------------------------------------*/
.pagination {
     clear: both;
     padding: 20px 0;
     position: relative;
     font-size: 14px;
     line-height: 14px;
}
.pagination span, .pagination a {
     display: block;
     float: left;
     width: auto;
     margin: 2px 2px 2px 0;
     padding: 5px 9px 5px 9px;
     background-color: #fff;
     color: #555;
     text-decoration: none;
}
.pagination a {
     border: 1px solid #ccc;
}
.pagination a:hover{
     background-color: #ccc;
     border: 1px solid #ccc;
     color: #fff;
}
.pagination .current{
     padding: 5px 9px 5px 9px;
     background-color: #ccc;
     border: 1px solid #ccc;
     color: #fff;
}

/*----------------------------------------*/
/*Calendar Widget                         */
/*----------------------------------------*/

#wp-calendar {
	color: #555;
	width: 100%;
	text-align: center;
	border-spacing: 0px;
	padding-bottom:20px;
}
#wp-calendar caption,
#wp-calendar td,
#wp-calendar th {

	text-align: center;
}
#wp-calendar caption {
	padding: 5px 0 3px 0;
	}
#wp-calendar th {
	background: #f4f4f4;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	font-weight: bold;
}
#wp-calendar tfoot td {
	background: #f4f4f4;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

/*----------------------------------------*/
/*Archive Widget                          */
/*----------------------------------------*/
#side_middle{padding-bottom: 10px;}
#side_middle ul li{
	margin-bottom: 10px;
	padding-left: 10px;
	padding-top: 10px;
}


/******************************************************************************************/

/* for TB & SP CSS   */

/******************************************************************************************/


/*全タブレット*/
/*横1024～416*/
@media only screen and (min-width: 416px) and (max-width: 1024px) {


}




/*→タブレット横限定*/
/*横1024～769*/
@media only screen and (min-width: 769px) and (max-width: 1024px) {



	
}
	
		
	
/*→タブレット縦限定*/
/*横768～416*/
@media only screen and (min-width: 416px) and (max-width: 768px) {
	
	/* 横並びボタン */
	.b01 li {
		width: 33.3333333%;
		padding: 0 0 10px 15px;
	}
	
}



/*全スマートフォン*/
/*横415～1*/
@media only screen and (min-width: 1px) and (max-width: 415px) {
	
	/* 横並びボタン */
	.b01 li {
		width: 50%;
		padding: 0 0 10px 15px;
	}
	
	
/*----------------------------------------*/
/*　トップページ　　　                      */
/*----------------------------------------*/

.top_box04_l {
	width:100%;
	clear:both;
	text-align:left;
}


.top_box04_r {
	width:100%;
	text-align:left;
}
	
	
}



/*→スマートフォンiPhone5以前限定*/
/*横320～1*/
@media only screen and (min-width: 1px) and (max-width: 320px) {
	
	
	
}