@charset "utf-8";

/* タブレット (959px以下)-----------w700 */
@media only screen and (max-width:960px){
	
	/*タブレット以下では表示しない*/
	.pc{
		display: none;
	}
	
	/*タブレットのみ表示する*/
	.tab{
		display: block;
	}
	
	body{
		font-size: 120%;
		}
	#header{
		width: 700px;
		}
	#header #hcontents{
	width: 300px;
	}
	#header #hcontents .mojisize{
		display: none;
	}
	#gmenu ul{
		width: 700px;
		}
	#gmenu ul li a,
	#gmenu ul li:first-child a{
		width: 231px;
		background-image: none;
		margin: 1px;
		}
	#wrap_in{
		width: 700px;
		}
	
	#unit_a{
		width: 460px;
		float: left;
	}
	#unit_a img{
		max-width: 460px;
		height: auto;
	}
	#unit_a table{
		width: 460px;
	}
	#unit_a td img{
		width: 100%;
		height: auto;
	}
	
	
	
	#unit_b{
		float: right;
	}
	
	#footer_a_2{
		width: 400px;
		float: left;
	}
	
	/*トップページ*/
	
	#slides{
		width: 700px;
		height: 224px;
	}
	.slidesjs-previous,
	.slidesjs-next{
		top: 99px;
	}
	
	.top_main img{
		width: 700px;
		height: auto;
	}
	#hot_item p img{
		width: 220px;
		height: auto;
	}
	.toppage #unit_a{
		width: 380px;
	}
	.toppage #unit_a_1_1,
	.toppage #unit_a_1_2{
		width: 380px;
		clear: both;
	}
	.toppage #unit_a img{
		max-width: 380px;
		height: auto;
	}
	.toppage #unit_b{
		width: 300px;
	}
	#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;
	}
	
	#bg{
		padding-top: 0;
		margin-bottom: 50px;
	}
	
	#unit_a img{
		display: block;
	}
	
	#unit_a p{
		clear: both;
	}
	
	#header{
		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: 100px;
			background-size: 300px auto;
			background-position: left top
			}
	#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 a,
	#gmenu ul .sel a,
	#gmenu ul li:first-child a{
		clear: both;
		float: none;
		width: 262px;
		margin: 0;
		padding: 4px 20px 4px 10px;
		background: none;
		background-image: url("../all_img/org/li_02.gif");
		background-repeat: no-repeat;
		background-position: right center;
		border: none;
		text-align: left;
		font-size: 110%;
		color: #444444;
	}
	#gmenu ul li a:hover{
		color: #ff0000;
		background-color: #ffffff;
		background-position: right center;
		}
	#wrap_in{
		width: 300px;
		padding: 0;
		}
	
	#unit_a,
	.toppage #unit_a,
	.toppage #unit_a_1_1,
	.toppage #unit_a_1_2,
	#unit_b,
	.toppage #unit_b,
	#footer,
	#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;
	}
	
	iframe{
		height: 200px;
	}
	
	#unit_b{
		text-align: center;
	}
	
	#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: 265px;
		padding: 5px 20px 5px 7px;
		text-align: left;
		background-image: url('../all_img/org/li_02.gif');
		background-repeat: no-repeat;
		background-position: right center;
	}
	#unit_b .menu_2 ul li:first-child a{
		border-top: 1px dotted #dddddd;
	}
	
	#unit_b .menu_3{
		display: none;
	}
	
	#copy{
		font-size: 50%;
	}
	
	#slides{
		width: 300px;
		height: 100px;
	}
	.slidesjs-previous,
	.slidesjs-next{
		display: none;
	}
	
	.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: #4d4d4d;
		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) {
	
	
}