@media screen and (min-width:800px) {/* 600px以上の場合適用されるCSS */
  .nav {/* サイドナビ */
    float: left;
    width: 25%;
	background: #ffffff ;

  }
  
.nav-btn a {/* サイドナビのボタン情報、リンクがあるときのみ適用 */
	display: block;
	border: 1px solid #666666;
	background:#666666;

	margin:10px;
	
	color:#ffffff;
	text-align: left;
	text-decoration: none;
	padding: 10px;
	padding-top:13px;
	font-size: 14px;
	position: relative;
	letter-spacing: 1.2px;
	line-height:1.2em;	
}  
  
.nav-btn a:hover {/* カーソルを乗っけた場合 */
	border: 1px solid #888888;
	background:#888888;
}

.nav-btn span{/* メイン下の備考説明用 */
	font-size:10px;	
}	

  
.nav-btn2 a {/* サイドナビのボタン情報、リンクがあるときのみ適用 */
	display: block;
	border: 1px solid #dddddd;
	background:#dddddd;

	margin:10px;
	
	color:#333333;
	text-align: left;
	text-decoration: none;
	padding: 10px;
	padding-top:13px;
	font-size: 12px;
	position: relative;
	letter-spacing: 1.2px;
	line-height:1.2em;	
}  
  
.nav-btn2 a:hover {/* カーソルを乗っけた場合 */
	border: 1px solid #888888;
	background:#888888;
}

.nav-btn2 span{/* メイン下の備考説明用 */
	font-size:10px;	
}	

  .nav h4{/* サイドメニューでh4を使用する場合 */ 
	font-size:1.8em;

}

  
  .main_colmn {/* メインカラム */
  
    margin-left: 25%;
	background: #ffffff ;
	
	padding-left: 40px ;
}
  
  
  .main_colmn table {
  border-collapse: collapse;
}
  .main_colmn table td, table th {
  padding: 15px;
}
  .main_colmn table th {
  background-color: #eee;
  color:#333333;
  
  width: 20%;
  
}  

.main_colmn .under-blog-ttl {
	font-size: 14px;
	margin: 0 0 3px;
}
  
  
  
  
} /* 600px以上の場合適用されるCSS　END */


@media screen and (max-width:799px) {/* 599px以下の場合適用されるCSS */

  .nav {/* サイドナビ */
	background: #ffffff ;
	
	margin-bottom:30px; /* ナビの下が詰まっているので余白 */

  }
  .main_colmn {/* メインカラム */
	background: #ffffff ;
	padding-right: 10px ;
	padding-left: 10px ;  
}

  
  .main_colmn table {
  border-collapse: collapse;
}
  .main_colmn table td, table th {
  display: block;
  padding: 15px;
}
  .main_colmn table th {
  background-color: #eee;
  color:#333333;
}  
  



  nav li {
    display: inline;
  }
  
  .nav-btn a {
	display: block;
	border: 1px solid #666666;
	background:#666666;

	margin:5px;
	
	color:#ffffff;
	text-align: left;
	text-decoration: none;
	padding: 10px;
	font-size: 12px;
	position: relative;
	letter-spacing: 1.2px;
	line-height:1.3em;	
	
}  

.nav-btn a:hover {
	border: 1px solid #888888;
	background:#888888;
}
  
  .nav-btn br{/* 狭い表示の際は改行せずに一列で表示／改行削除 */
  	display: none;
  }  
  
  
}/* 599px以下の場合適用されるCSS　END */