@charset "utf-8";

/* タブレット (959px以下)-----------w700 */
@media only screen and (max-width:960px){
	
	/*タブレット以下では表示しない*/
	.pc{
		display: none;
	}
	
	/*タブレットのみ表示する*/
	.tab{
		display: block;
	}
	
	body{
		font-size: 110%;
		}
	address{
		font-size: 100%;
	}
	th img,
	td img{
		width: 100%;
		height: auto;
	}
	iframe{
		width: 460px !important;
	}
	.toppage iframe{
		width: 380px !important;
	}
	#header_in{
		width: 700px;
		}
	
	#header #siteid,
	#header #hcontents{
		width: 300px;
	}
	#header #hcontents img{
		max-width: 300px;
		height: auto;
	}
	#header #siteid h1,
	#header #siteid p a{
		width: 300px;
		height: 70px;
		background-size:contain;
	}
	
	.gmenu ul{
		width: 700px;
		}
	.gmenu ul li a{
		width: 114px;
		}
	#wrap{
		width: 700px;
		}
	
	#unit_a{
		width: 460px;
		float: left;
		margin: 0;
	}
	#unit_a img{
		max-width: 460px;
		height: auto;
	}
	#unit_a table{
		width: 460px;
	}
	
	#unit_b{
		float: right;
	}
	#footer,
	#footer_a{
		width: 700px;
		margin: 0 auto;
	}
	#fmenu{
		width: 700px;
	}
	
	/*トップページ*/
	
	#slider{
	    width:700px;
	    height: 289px;
	}
	#slider li img {
	  width: 700px !important;
	  height: auto;
	}
	#slider #prev,
	#slider #next{
		top: 45%;
	}
	#slider #prev{ 
		left:50px;
		}
	#slider #next{
		right:50px;
		}
	 
	
	
	
	.top_main img{
		width: 700px;
		height: auto;
	}
	.youtube_bg iframe{
	width: 100%  !important;
	}
	
	#hot_item p img{
		width: 220px;
		height: auto;
	}
	.toppage #unit_a,
	#unit_a_1{
		width: 438px;
	}
	.toppage #unit_a img{
		max-width: 209px;
		height: auto;
	}
	.toppage #unit_a_2{
		width: 438px;
	}
	.toppage #unit_a_2_1,
	.toppage #unit_a_2_2{
		width: 209px;
		float: left
	}
	.toppage #unit_a_2_2{
		float: right;
	}
	
	.toppage #unit_b{
		width: 232px;
	}
	
	#news_topics dl dd{
		font-size: 80%;
	}
	
	/*メールフォーム*/
	.mail_form .form_label{
		width: 137px;
		}
	.mail_form .form_input{
		width: 300px;
		}
	.mail_form .form_input textarea{
		width: 290px;
		}
	.mail_form .form_button input{
		margin: 0 0 10px 150px;
		}
		
}

/* スマホ-----------w300 */
@media only screen and (max-width:700px){

	/*スマホでは表示しない*/
	.rss,
	.index,
	.pc,
	.tab,
	.pc_tab,
	#fmenu{
		display: none;
	}
	
	/*スマホのみ表示する*/
	.sp{
		display: block;
	}
	
	
	body{
		font-size: 125%;
		}
	h1,h2,h3,h4,h5,h6{
	font-size: 100%;
		}
	#unit_a table{
		width: 300px;
	}
	th,td{
		display: block;
		width: 290px;
	}
	
	iframe,
	.toppage iframe{
		width: 300px !important;
		height: 200px !important;
	}
	.youtube_bg{
		height: 120px;
	}
	.youtube_bg iframe{
	width: 100%  !important;
	height: 100%  !important;
	}

	
	#bg{
		padding-top: 0;
		margin-bottom: 50px;
	}
	
	#unit_a img{
		display: block;
	}
	
	#unit_a p{
		clear: both;
	}
	
	#header_in{
		width: 300px;
		margin: 0 auto;
		background-image: none;
		padding: 5px 0 0 0;
		}
	#header #siteid{
			width: 300px;
			}
	#header #siteid h1,
	#header #siteid p a{
			width: 300px;
			height: 75px;
			background-size: 300px auto;
			background-position: left top
			}
	.gmenu{
		padding: 0;
	}
	.gmenu ul{
		width: 292px;
		border: 1px solid #cccccc;
		padding: 3px;
		border-radius: 5px;/* CSS3草案 */
		-webkit-border-radius: 5px;/* Safari,Google Chrome用 */
		-moz-border-radius: 5px;/* Firefox用 */
	}
	.gmenu ul li{
		clear: both;
		display: block;
		float: none;
		border-top: 1px solid #bbbbbb;
	}
	.gmenu ul li:first-child{
		border: none;
	}
	.gmenu ul li span{
		clear: both;
		float: none;
		background: none;
		margin: 0;
		padding: 0;
	}
	.gmenu ul li .m_1 a,
	.gmenu ul li .m_2 a,
	.gmenu ul li .m_3 a,
	.gmenu ul li .m_4 a,
	.gmenu ul li .m_5 a{
		background-color: #ffffff;
	}
	
	.gmenu ul li a,
	.gmenu ul .sel a,
	.gmenu ul li:first-child a{
		clear: both;
		float: none;
		width: 252px;
		margin: 0;
		padding: 4px 30px 4px 10px;
		background: none;
		background-image: url("../all_img/org/h29/li_02.png");
		background-repeat: no-repeat;
		background-position: 270px center;
		border: none;
		text-align: left;
		font-size: 110%;
		color: #444;
	}
	.gmenu ul .sel a,
	.gmenu ul li:first-child a{
		color: #fff;
		background-color: #0f53a8;
	}
	.gmenu ul li a:hover{
		color: #fff;
		}
	#wrap{
		width: 300px;
		padding: 0;
		}
	
	#unit_a,
	.toppage #unit_a,
	.toppage #unit_a_1,
	.toppage #unit_a_2,
	.toppage #unit_a_2_1,
	.toppage #unit_a_2_2,
	#unit_b,
	.toppage #unit_b,
	#footer,
	#footer_a,
	#footer_a_1,
	#footer_a_2{
		float: none;
		width: 300px;
		margin-bottom: 20px;
		}
		
	.toppage #unit_a img,
	#unit_a img{
		max-width: 300px;
		height: auto;
	}
	
	#unit_b{
	}
	
	#unit_b .menu_2{
		width: 292px;
		border: 1px solid #cccccc;
		padding: 3px;
		border-radius: 5px;/* CSS3草案 */
		-webkit-border-radius: 5px;/* Safari,Google Chrome用 */
		-moz-border-radius: 5px;/* Firefox用 */
	}
	#unit_b .menu_2 p a,
	#unit_b .menu_2 ul li a{
		display: block;
		width: 255px;
		padding: 5px 30px 5px 7px;
		text-align: left;
		background-image: url("../all_img/org/h29/li_02.png");
		background-repeat: no-repeat;
		background-position: 270px center;
	}
	#unit_b .menu_2 ul li:first-child a{
		border-top: 1px dotted #dddddd;
	}
	
	#unit_b .menu_3{
		display: none;
	}
	
	#footer_a_2 address strong{
		font-size: 100%;
	}
	
	#copy{
		font-size: 50%;
	}
	
	
	#slider{
	    width:300px;
	    height: 124px;
	}
	#slider li img {
	  width: 300px !important;
	  height: auto;
	}
	#slider #prev,
	#slider #next{
		top: 45%;
	}
	#slider #prev{ 
		left:50px;
		}
	#slider #next{
		right:50px;
		}
	
	
	
	
	.top_main img{
		max-width: 300px;
		height: auto;
	}
	
	#hot_item p{
		display: block;
		margin: 0;
		padding: 0 0 10px 0;
	}
	#hot_item p img{
		width: auto;
		max-width: 300px;
		height: auto;
	}
	
	#news_topics div{
		padding: 4px;
	}
	#news_topics dl dd{
		display: none;
	}
	
	.mail_form{
		border: 1px solid #cccccc;
		padding: 4px;
	}
	.mail_form .form_label,
	.mail_form .form_input{
		float: none;
		margin: 0;
		padding: 3px;
		width: 284px;
		border: none;
		}
	.mail_form .form_label{
		border-top: 1px solid #cccccc;
		background-color: #eeeeee;
	}
	.mail_form .form_input input[type=text]{
		width: 274px;
	}
	.mail_form .form_input textarea{
		width: 274px;
	}
	.mail_form .form_button input{
		margin: 0 0 10px 67px;
	}
	
	#spm{
		width: 100%;
		background-color: #0f53a8;
		position: fixed;
		bottom: 0;
		z-index: 20;
	}
	#spm ul{
		width: 300px;
		margin: 0 auto;
		padding: 0;
		list-style: none;
	}
	#spm ul li{
		display: inline;
		margin: 0;
		padding: 0;
		float: left;
	}
}


/* iPhone 4 ----------- */
@media only screen and (-webkit-min-device-pixel-ratio : 1.5),only screen and (min-device-pixel-ratio : 1.5) {
	
	
}