/************************************************************************************
smaller than 980
*************************************************************************************/
@media screen and (max-width: 1000px) {

body{ background-image: none; }

	/* pagewrap */
	#pagewrap {
		width: 96%; margin:0 auto
	}


.top_right{ position:absolute; top:-400px; left:0; z-index:99; }
.head_txt_01{ position:absolute; top:-500px; left:0; z-index:102; }
.head_txt_02{ position:absolute; top:-600px; left:0; z-index:101; }
.top_txt{ color: #ccc; font-size: 8pt; line-height: 10pt; }


	/* content */
	#content {  }
	
.counter_desc{ padding: 0 0 0 10px; }

	/* sidebar */
	#sidebar {  }
	#sidebar { width:320px; margin: 0 auto;}
	#sidebar .widget {
		margin-bottom: 10px;
	}

	/* embedded videos */
	.video embed,
	.video object,
	.video iframe {
		width: 100%;
		height: auto;
		min-height: 300px;
	}
	

}

/************************************************************************************
smaller than 650
*************************************************************************************/
@media screen and (max-width: 650px) {

	
	/* header */
	#header {
		
	}




	/* site logo */
	#site-logo { width: 100%; margin: 0; padding: 0; }

	/* site description */
	#site-description {  }

	/* content */
	#content { width: auto; float: none; }
	
	.counter_desc{ padding: 8px 0 0 10px; }

	/* sidebar */
	#sidebar {}
	#sidebar .widget {
		margin: 0 0 10px;
	}

	/* embedded videos */
	.video embed,
	.video object,
	.video iframe {
		min-height: 250px;
	}
	
	.disc_txt{ width: 100%; float: left; margin-bottom: 10px; }
	.disc_photo{ width: 50%; float: right; margin-bottom: 5px; }
	
	
	#main-nav { background-image: url(images/ed_mn_bg.gif); background-repeat: repeat-x; background-attachment: scroll; background-position: 0 0; width: 100%; margin: -4px 0 0; padding: 0; -webkit-box-shadow: inset 0 0px 0 rgba(255,255,255,.3), 0 1px 1px rgba(0,0,0,.4); -moz-box-shadow: inset 0 0px 0 rgba(255,255,255,.3), 0 1px 1px rgba(0,0,0,.4); box-shadow: inset 0 0px 0 rgba(255,255,255,.3), 0 1px 1px rgba(0,0,0,.4); }

#main-nav li { margin: 0; padding: 6px 0; list-style: none; float: left; position: relative; border-right: 0 solid #4475d8; border-bottom: 0 solid #285590; border-left: 0 solid #69f; }
#main-nav li:first-child {
	margin-left: 0;
}
#main-nav a { line-height: 100%; font-weight: 500; color: #fff; font-size: 8pt; display: block; padding: 7px 10px; text-decoration: none; text-shadow: 0 -1px 0 rgba(0,0,0,.5); }
#main-nav a:hover {
	color: #fff;
	background: #474747;
	/* gradient */
	background: -webkit-gradient(linear, left top, left bottom, from(#003366), to(#3162ae));
	background: -moz-linear-gradient(top,  #282828,  #4f4f4f);
	background: linear-gradient(-90deg, #282828, #4f4f4f);
}
	

}
/************************************************************************************
smaller than 560
*************************************************************************************/
@media screen and (max-width: 480px) {

	/* disable webkit text size adjust (for iPhone) */
	html { -webkit-text-size-adjust: none; }
	body { background-image: none;  }
	

	

	/* main nav */
	#main-nav { width: 99.5%; margin-top: -4px; }
	#main-nav a { font-size: 70%; }

	/* content */
	#content { width: 100%; float: none; }
	
	.counter_desc{ padding: 0 0 0 10px; }
	
	
	.topic_pt_l{ text-align: center; width: 100%; float: none; margin: 0 0 10px; padding: 0; }
.topic_pt_r{ text-align: center; width: 100%; float: none; margin: 0 0 10px; padding: 0; }
	
	
	#site-description { color: #9cf; font-size: 0; font-family: "ＭＳ Ｐゴシック", "ＭＳ ゴシック", sans-serif;, Times; font-weight: normal; font-variant: normal; line-height: 1em; background-image: url(images/ed_mn_bg.gif); text-align: right; height: 20px; margin: 0; padding: 0; }
	#site-description a { color: #fff; font-size: 6pt; font-family: "ＭＳ Ｐゴシック", "ＭＳ ゴシック", sans-serif;, Times; font-weight: normal; font-variant: normal; line-height: 1em; text-decoration: none; }
	
	#site-description2 { font-size: 6pt; margin-top: 0; margin-bottom: 0; }
	#site-description2 a { font-size: 6pt; font-family: "ＭＳ Ｐゴシック", "ＭＳ ゴシック", sans-serif;, Times; font-weight: normal; font-variant: normal; line-height: 1em; text-decoration: none; }
	
#site-description img { width: 20%; }

.main_tit{ font-size: 1.2em; }


.td_1a{ font-size: 6pt; padding: 1px; }
.td_1b{ font-size: 6pt; padding: 1px; }

.td_2a{ font-size: 6pt; line-height: 10pt; padding: 1px; }
.td_2b{ font-size: 6pt; line-height: 10pt; padding: 1px; }



div.iframeWrap {
    position: relative;
    width: 100%;
}
div.iframeWrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}


.left{ text-align: left; width: 265px; float: none; margin: 0 0 20px; padding: 0; }
.right2{ text-align: left; width: 265px; float: none; margin: 30px 0 0; padding: 0; }


.small{ width: 90%; height: 90%; }

.ev_list{ font-size: 80%; height: 20px; padding: 5px 2px; }

.main_tit{ color: #900; font-weight: 500; background-image: url(images/tit_main_bg.gif); background-repeat: no-repeat; text-align: left; text-indent: 20px; width: 100%; height: 20px; padding-top: 7px; }

.disc_photo{ width: 100%; float: right; margin-bottom: 5px; }

#main-nav { background-image: url(images/ed_mn_bg.gif); background-repeat: repeat-x; background-attachment: scroll; background-position: 0 0; width: 100%; margin: -4px 0 0; padding-top: 6px; padding-bottom: 6px; -webkit-box-shadow: inset 0 0px 0 rgba(255,255,255,.3), 0 1px 1px rgba(0,0,0,.4); -moz-box-shadow: inset 0 0px 0 rgba(255,255,255,.3), 0 1px 1px rgba(0,0,0,.4); box-shadow: inset 0 0px 0 rgba(255,255,255,.3), 0 1px 1px rgba(0,0,0,.4); }

#main-nav li { margin: 0; padding: 0; list-style: none; float: left; position: relative; border-right: 0px solid #4475d8; border-bottom: 0px solid #285590; border-left: 0px solid #69f; }
#main-nav li:first-child {
	margin-left: 0;
}
#main-nav a { line-height: 100%; font-weight: 500; color: #fff; font-size: 8pt; display: block; padding: 8px 10px; text-decoration: none; text-shadow: 0 -1px 0 rgba(0,0,0,.5); }
#main-nav a:hover {
	color: #fff;
	background: #474747;
	/* gradient */
	background: -webkit-gradient(linear, left top, left bottom, from(#003366), to(#3162ae));
	background: -moz-linear-gradient(top,  #282828,  #4f4f4f);
	background: linear-gradient(-90deg, #282828, #4f4f4f);
}




ul, ol {
	margin: 0;
	line-height: 1em;
}


.ftr{ position:fixed; bottom:0; width:100%; height:35px; background:url(images/ft_bg.png) repeat-x; text-align: center; margin: 0; padding: 0; }



.ft_first{ position: relative; top: 5px; width: 23%; float: left; margin: 0; padding: 0; }
.ft_bt1{ width: 16%; float: left; margin: 0; padding: 0; }
.ft_bt2{ width: 18%; float: left; margin: 0 5px 0 0; padding: 0; }
.ft_bt3{ width: 16%; float: left; margin: 0; padding: 0; }
.ft_bt4{ width: 24%; float: left; margin: 0; padding: 0; }
.ft_bt5{ text-align: left; position: relative; top: 50px; float: left; margin: 0; padding: 0; }
.ft_bt5 a{ color: #ccc; font-size: 8pt; }


.ftr_cont{ color: #ccc; width: 100%; height: 60px; margin:0 auto; padding: 0; border: none   }


.res_td1 { font-size: 6pt; line-height: 12pt; background-color: #eee; text-align: center; padding: 1px; }
.res_td2c { font-size: 6pt; line-height: 12pt; background-color: #fff; text-align: center; width: 10%; padding: 0; }
.res_td2l { font-size: 6pt; line-height: 12pt; background-color: #fff; text-align: left; width: 30%; padding: 0; }

.res_tdb1 { font-size: 6pt; line-height: 12pt; background-color: #eee; text-align: center; padding: 2px; }
.res_tdb2c { font-size: 6pt; line-height: 12pt; background-color: #fff; text-align: center; width: 10%; padding: 2px; }
.res_tdb2l { font-size: 6pt; line-height: 12pt; background-color: #fff; text-align: left; width: 30%; padding: 2px; }


  	
/*#post-area{ width: 319px; margin: 0; padding: 0; }*/

#post-area .post { width:299px; background:#fff; border-right:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; position:relative; margin: 0 0 15px; padding: 10px; }
/* sidebar */
	#sidebar {width:100%;}
	#sidebar .widget {
		margin: 0 auto;
		margin-bottom:10px;
	}
#content_n{ width:299px; background:#fff; border-right:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; position:relative; float: none; margin: 0 auto; padding: 10px; }

#header { width: 320px; margin: 0; padding: 0; margin:0 auto}

.main_logo{ position:absolute; left: 0; bottom: -15px; z-index:100; }


#site-logo{ position: relative; top: -300px; z-index: 80; margin-bottom: -40px; }

.com_photo1 { float: none; margin: 0 auto; padding: 0; }
.com_photo2 { float: none; margin: 0 auto; padding: 0; }

.guest_img {float:none; clear:both; width:100%; margin:0 auto; text-align:center; margin-bottom:20px}
.guest_txt {float:none; clear:both; width:100%;  margin:0 auto;  }


}