@charset "utf-8";
/* CSS Document */


/*==============================================
メディアクエリ 1000px～　デスクトップ
==============================================*/

@media screen and (min-width:1000px) {
	
/*リセット*/
#wrapper{width:100%; /*70.2781% ＝960px（wrapperの幅）÷1366px（デスクトップ）*/
		 margin:0 auto;
}

html{font-size:15px;
	 background-color:#ffffff;
}
/*リセット*/

img{
	max-width: 100%;
	height: auto;
	width:auto;　
}

/*レフトボックスナビを非表示にする　デスクトップ*/
#left_box{
	display:none;
}

}

/*==============================================
メディアクエリ 661～999px　タブレット
==============================================*/

@media screen and (min-width: 661px) and (max-width: 999px) {
	

/*大枠ボックス構成　タブレット*/

#wrapper{
	width:100%;
	background-color:#ffffff;
}
header{
	width:95%;
	margin:0 auto;
	height:150px;
	margin-bottom:5px;
}

#top_logo{
	height:100px;
	padding-left:7%;
}
#container{
	width:95%;
	margin:0 auto;
	
}
footer{
	width:95%;
	margin:0 auto;
	height:200px;	
}	
img{
	max-width: 100%;
	height: auto;
	width:auto;　
}

/*テスト用*/
/*nav ul li a{
	color:#00F;

}*/
/*レフトボックスナビを非表示にする　タブレット*/
#left_box{
	display:none;
}
}


/*==============================================
メディアクエリ 0～660px　スマホ
==============================================*/

@media screen and (min-width: 0px) and (max-width: 660px) {

/*大枠ボックス構成　スマホ*/

#wrapper{
	width:100%;
	

}
header{
	width:100%;
	margin:0 auto;
	height:150px;
	margin-bottom:5px;
}

#top_logo{
	height:100px;
	padding-left:7%;
}
#nanakoubou_logo{
	width:209px;
	height:34px;
	margin-top:10px;
}
#container{
	width:100%;
	margin:0 auto;	
}
footer{
	width:100%;
	margin:0 auto;
	height:200px;
}	

img{
	max-width:100%;
	height: auto;
	width:auto;
}

/*テスト用*/
/*nav ul li a{
	color:#F00;

}*/

/*ヘッダーのナビを非表示にする　スマホ*/
header nav{
	display:none;
}
header{
	height:50px;
}
#nanakoubou{
	margin-top:10px;
	
}
#top_logo{
	
	padding-left:3%;
}


/*お問い合わせフォーム幅縮める　スマホ*/

#main_top{
	width:100%;
	
}
#contents{
	width:100%;
	
}
#contents table{
	width:320px;
	margin:0 auto;
}
#contents table tr td{
	width:160px;
}
	
	
/*フッターナビを非表示にする*/
footer nav{
	display:none;
}


/*----------------------------------------*/
/*サイドメニュー スマホ*/
/*----------------------------------------*/
	
#left_box{
	float:none;
	width:100%;
	/*padding-left:1.0416%;*/ /* 10px/960px*/	
	margin-top:0;
	margin-bottom:30px;
}
#left_box nav table tr{
	border-bottom:solid 1px #000000;
	border-top:solid 1px #000000;
	width:23.4260%;
	height:40px;
	margin-bottom:5px;
	padding-bottom:5px;
}
.menu_dia50{
	width:4%;
	padding-top:13px;
	text-align:center;
}
table{
	border-collapse:collapse;
}
.menu_left .menu_right{
	border-bottom:solid 1px #000000;
}

#left_box nav table tr td img{
	padding-bottom:10px;
}
.menu_left{
	width:5%;
	height:30px;
}
.menu_right{
	width:14%;
	height:30px;
}

/*コンタクトのページのみ他のテーブルに対する装飾と区別*/
#left_box nav table tr td{
	border:none;
}


/*サイトマップとコピーライト　スマホ*/

footer .sitemap{
	clear:both;
	margin:0 30px 10px 0;
}
footer .copy{
	clear:both;
	width:100%;
	/*float:none;*/
	margin-top:10px;
	text-align:center;
	font-size:11px;
}
.footer_bottom ul li a{
	float:none;
}
}