/*---  キャンプ場情報のブログ スタイル　----*/



/* 各ブログのヘッダータイトル　　 */


.mt-main-index #blog-title {
	margin: 0px;
	width: 100%;
	position: relative;
	background-image: url(../../main_img/top_camp_info_bg001.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	padding: 0px;
	overflow: auto;
	background-color: #0033FF;
}



#blog-title {
	margin: 0px;
	width: 100%;
	position: relative;
	overflow: auto;
}


#blog-name {
	margin-top: 10px;
}



/* 左メニューのアフィリ１　　 */

#left-menu-aff {
	padding: 0px;
	margin-top: 10px;
	margin-right: 2px;
	margin-bottom: 10px;
	margin-left: 2px;
	position: relative;
}

#left-menu-affi img {
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	overflow: auto;
	position: relative;
	padding: 0px;
}



.you-movie {
      position: relative;
      width: 90%;
      height: auto;
      }

.Data-Map {
      position: relative;
      width: 90%;
      height: auto;
      margin: 5px;
      }


/*---  キャンプ場情報の更新情報　----*/

#camp-koshin {
	margin: 5px;
	height: auto;
	width: 98%;
	border: 1px solid #CCCCCC;
	overflow: hidden;
	position: relative;
    padding: 0px 5px 5px 0px;
}

#camp-koshin h2 {
	font-size: 130%;
	background-color: #99FF33;
	letter-spacing: 0.3em;
	text-indent: 20px;
	display: block;
	padding: 5px;
	width: 100%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	overflow: visible;
	position: relative;
}


#camp-koshin ul {
	margin: 5px;
	padding: 0px;
	overflow: auto;
	position: relative;
	height: auto;
}

#camp-koshin li {
	padding: 0px;
	margin-bottom: 5px;
	list-style-type: none;
	list-style-position: inside;
	margin-left: 5px;
}




/* 各ブログのヘッダータイトル　　 */


/*--------  キャンプ詳細データ　----*/


.camp-table-1 , .camp-table-2 {
     position: relative;
     width: 96%;
     margin: 5px;
        }

.camp-table-1 th {
     background-color: #bbfbbb;
     width: 150px;
               }

.camp-table-2 th {
     background-color: #bbfbbb;
     width: 150px;
               }

.camp-table-1 td , .camp-table-2 td {
     background-color: #ffffff;
     width: auto;
               }




/*-- 画像付き最新のキャンプ場掲載　---*/

#SaisinCamp-list {
	padding: 0px;
	width: 98%;
	position: relative;
	height: auto;
	margin-top: 15px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
}


#SaisinCamp-list:after {content: "";
           display: block;
           clear : both;
                       }



.camp-site-block {
         border: solid 1px #aaaaaa;
         margin: 3px;
         }


.camp-site-block:after {content: "";
           display: block;
           clear : both;
                       }


.camp-site-block .site-left {
	   position: relative;
       width: 40%;
       height:auto;
       margin: 3px;
       float: left;
          }

.camp-site-block .site-left img {
     width: 98%;
     height: auto;
            }


.camp-site-block .site-right {
	   position: relative;
       width: 55%;
       height:auto;
       margin: 3px;
       float: left;
          }


.SaisinCamp-name {
    width: 96%;
	background-color: #008b8b;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
    padding: 3px;
}

.SaisinCamp-name a {
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}




/*---  メインページアフィリ１　----*/

#Mainpage-aff-1,#Mainpage-aff-2 {
	padding: 0px;
	width: 710px;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 10px;
	position: relative;
}


.campMainImg {
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 20px;
}



#campComent {
	height: auto;
	margin-top: 10px;
	margin-right: 15px;
	margin-bottom: 10px;
	margin-left: 15px;
	background-image: none;
	background-repeat: no-repeat;
	font-weight: normal;
	padding: 15px;
	border: 1px solid #99CC00;
	position: relative;
}

#campComent p {
	font-size: 13px;
	line-height: 15px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
	text-align: left;
}



/*--- カテゴリリストへジャンプ　　---*/

.cate-jump {
         position: relative;
         margin: 5px;
         padding: 5px;
         border-radius: 5px;
         -webkit-border-radius: 5px;
         -moz-border-radius: 5px;
          background-color: #666666;
          display: inline-block;
          }

.cate-jump a {
          text-decoration: none;
          color: #ffffff;
             }



/*--- カテゴリキャンプ一覧　-----*/

.cate-camp-itiran {
       position: relative;
       width: 98%;
       height: auto;
       margin: 5px 5px; 20px; 5px;
       padding: 0;
     }

.cate-camp-itiran:after {content: "";
           display: block;
           clear : both;
                       }


.cate-camp-box {
       position: relative;
       background-color: #eeeeee;
       padding: 3px;
       border: solid 1px #999999;
       border-radius: 5px;
       -moz-border-radius: 5px;
       -webkit-border-radius: 5px;
      margin: 3px 3px 5px 3px;
     }

.cate-camp-box:after {content: "";
           display: block;
           clear : both;
                       }


.camp-site-name {
    position: relative;
    width: 96%;
    margin: 3px;
    padding: 5px;
    background-color:#008000;
       border-radius: 5px;
       -moz-border-radius: 5px;
       -webkit-border-radius: 5px;
    font-size: 16px;
    font-weight: bold;   
   }

.camp-site-name a {
      color: #ffffff;
           }

.site-image-box {
      width: 35%;
      height: auto;
      float: left;
          }

.site-image-box img {
      width: 95%;
      height: auto;
            }


.site-syosai-box p {
    font-size: 13px;
    line-heght: 0.3em;
    margin: 2px;
    padding: 0;
            } 


.site-coment-box {
        width: 95%;
        height: auto;
        background-color:#fffaf0;
        clear : both;
        padding: 5px;
       border-radius: 5px;
       -moz-border-radius: 5px;
       -webkit-border-radius: 5px;
        }
    
.cotent-nav {
       position: relative;
       width: 95%;
       height: auto;
       clear : both;
             }


/* ########### 768px以上〜  ########### */
@media (min-width: 768px) {


.cate-jump {
         display: none;
            }

/*---- カテゴリキャンプ一覧　---*

.camp-site-block {
           width: 48%;
           height: auto;
           float: left;
           }

.cate-camp-box {
           width: 300px;
           height: auto;
           float: left;
               }


.site-syosai-box {
           width: 60%;
           height: auto;
           float: left;
           }


.asset-more img {
     position: relative;
     width: 70%;
     height: auto;
             }


}



/* ########### 600px以上〜767px以下 ########### */
@media (min-width: 600px) and (max-width: 767px) {


/*-- 画像付き最新のキャンプ場掲載　---*/

.kiji-content {
          font-size: 86%;
        }

/*------- ブログ記事内の画像サイズ設定　　-----*/

.asset-more img {
     position: relative;
     width: 75%;
     height: auto;
             }

.cate-jump {
         display: none;
            }


/*---- カテゴリキャンプ一覧　---*

.camp-site-block {
           width: 48%;
           height: auto;
           float: left;
           }


}


/* ########### 599px以下 ########### */
@media (max-width: 599px) {

#blog-title h1 {
        font-size: 100%;
        color: #333333;
          }

/*-- 画像付き最新のキャンプ場掲載　---*/

.kiji-content {
          font-size: 95%;
        }


/*------- ブログ記事内の画像サイズ設定　　-----*/


.asset-more img {
     position: relative;
     width: 150%;
     height: auto;
             }

/*---- カテゴリキャンプ一覧　---*

.camp-site-block {
          width: 98%;
         height: auto;
                 }



/*---- ブログ記事の詳細テーブル　---*/

.camp-site-name {
         font-size: 80%;
             }

.camp-table-1 , .camp-table-2 {
     position: relative;
     width: 98%;
     margin: 2px;
     font-size: 90%;
        }

.camp-table-1 th , .camp-table-2 th {
    width: 120px;
       }



}