@charset "utf-8";

/* タブレット (959px以下)-----------w700 */
@media only screen and (max-width:960px){

	/*スマホでは表示しない*/
	.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;
	}
	
	#bg{
		padding-top: 0;
		margin-bottom: 50px;
	}
	
	#unit_a img{
		display: block;
	}
	
	#unit_a p{
		clear: both;
	}
	#header{
		
		
	}
	#header_in{
		width: 100%;
		margin: 0 auto;
		
		padding: 5px 0 0 0;
		}
	#header #siteid{
			
			}
	#header #siteid h1,
	#header #siteid p a{
			}
	#header #hcontents{
        
/*		display: none;*/
	}
    .toppage .rowunit_2{
        width: 300px;
    }
    .toppage h2{
        font-size: 1em;
        padding: 5px 0 3px 0;
    }
	.gmenu ul{

		width: 300px;

	}
	.gmenu ul li{
		clear: both;
		display: block;
		float: none;
	}
	.gmenu ul li:first-child{
/*		border: none;*/
	}
	.gmenu ul li a span,
	.gmenu ul .sel a span,
	.gmenu ul li:first-child a span{
        
		clear: both;
		float: none;
		width: 262px;
		margin: 0 0 15px 0;
		text-align: center;
		font-size: 110%;
		color: #fff;
*/
	}
	.gmenu ul li a:hover span{
       
        width: 262px;
		color: #009fe8;
		background-color: #ffffff;
		background-position: right center;
		}
	#wrap{
		width: 300px;
		padding: 0;
		}
	
	#topunit_a,
	#topunit_a img,
    {
/*		width: 100% !important;*/
		min-width: 100px !important;
		height: auto !important;
	}
    .contents_2 p img{
        max-width:300px!important;
        height: auto !important;
    }
	#topunit_b,
	#unit_a,
	.toppage #unit_a,
	.toppage #unit_a_1,
	.toppage #unit_a_2,
	#unit_b,
	.toppage #unit_b,
	#footer_in{
		float: none;
		width: 300px;
/*		margin-bottom: 20px;*/
		}
		
	.toppage #unit_a img,
	#unit_a img{
		max-width: 300px !important;
		height: auto !important;
		margin: 0 0 20px 0;
	}
	
	ul.mapicon{
		margin: 0 0 20px 0;
	}
	ul.mapicon li{
		margin: 0 0 5px 0;
		padding: 0;
		display: block;
		float: none;
		width: 100%;
		text-align: left;
		font-size: 80%;
	}
	#unit_a ul.mapicon li img{
		display: inline;
		margin: 0 5px 0 0;
		width: 30px !important;
		height: auto !important;
		vertical-align: middle;
	}
		
	
	
	
	
	
	#unit_b{
	}
	
	.menu_2{
		width: 292px;
		border: 1px solid #009fe8;
		padding: 3px;
		border-radius: 20px;/* CSS3草案 */
		-webkit-border-radius: 20px;/* Safari,Google Chrome用 */
		-moz-border-radius: 20px;/* Firefox用 */
	}
    .menu_2 ul li{
        border-bottom: 1px solid #009fe8;
    }
	.menu_2 p a,
	.menu_2 ul li a{
        color: #009fe8;
		display: block;
        float: none;
		
		padding:17px 0;
        margin: 0;
            width: 294px;
		text-align: center;
        background-color: #fff;
        		border-radius: 20px 20px 15px 15px;/* CSS3草案 */
		-webkit-border-radius: 20px 20px 15px 15px;/* Safari,Google Chrome用 */
		-moz-border-radius: 20px 20px 15px 15px;/* Firefox用 */
        
	}
    .menu_2 ul li a:hover,
    .menu_2 ul .sel a{
        background-color: #009fe8;
        color: #fff;
        border: 2px solid #fff;
        border-radius: 18px;/* CSS3草案 */
        width: 290px;
        padding:15px 0;
    }
	.menu_2 ul li:last-child{
		border-bottom: none;
	}
	
    }
	address strong{
		font-size: 100%;
	}
	
	#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 #ccc;
		background-color: #eee;
	}
	.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;
	}
	#spmenu{
		width: 300px;
		margin: 0 auto;
	}
	.spm{
		width: 100%;
		background-color: #009fe8;
		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;
	}
	.spm ul li a{
		display: block;
		width: 100px;
		height: 50px;
		float: left;
		text-indent: -55555em;
		background-repeat: no-repeat;
	}
	.spm ul li.spm_home a{
		background-image: url("../all_img/org/spm_home.png");
	}
	.spm ul li.spm_menu a{
		background-image: url("../all_img/org/spm_menu.png");
	}
	.spm ul li.spm_up a{
		background-image: url("../all_img/org/spm_up.png");
	}
}


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