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




/*-------------------------------------------------------*/
/*共通設定*/
/*-------------------------------------------------------*/

/* リセット */
*{
	margin:0;
	padding:0;
	list-style-type:none;
	font-family:Arial, Helvetica, sans-serif, "Osaka-等幅", Osaka, "ＭＳ Ｐゴシック";
	text-decoration:none;
}
body{
	margin:0 auto;
	font-size:15px;
	color:#000000;

}
a{
	color:#000000;
}
a:hover{
	color:#C06;
}

/*　画像 */
img{
	vertical-align:middle;
	width:auto;
    max-width:100%;
	border-style:none;
}
/*　画像 */


/*-------------------------------------------------------*/
/*大枠ボックス構成*/
/*-------------------------------------------------------*/
#wrapper{
	width:100%;

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

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

/*-------------------------------------------------------*/
/*ヘッダー フッター ナビ共通*/
/*-------------------------------------------------------*/

/*.nav_menu{
	margin-right:2%;
	padding-right:2%;
	border-right:solid 1px #000000;
}
*/


/*-------------------------------------------------------*/
/*ヘッダー*/
/*-------------------------------------------------------*/



#nanakoubou_logo{
	width:209px;
	height:34px;
	margin-top:45px;
}

#top_logo {
	float: left;
}

#btn_link {
	float: right;
	margin: 20px 0 0 0;
}

#btn_link li {
	float: left;
	margin: 0 0 0 10px;
}

#btn_link img {
	height: 20px;
}

#btn_link_sns {
	float: right;
}

/*header nav{
	width:70.2781%;
	height:50px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:15px;
} */

header nav {
	clear: both;
}

header nav ul li{
	
	margin-top:25px;
}
header nav ul li a{
	float:left;
	width:20%;
	text-align:center;
	display:block;
}
/*.nav_menu{	
	
	border-right:solid 1px #000000;
}
*/

/*----------------------------------------*/
/*メインボトム（トップへ戻るの部分）*/
/*----------------------------------------*/

#main_bottom{
	clear:both;
	width:100%;
	height:200px;
	background-image: url(../img/bi_bottom.jpg);
/*	background-image:url(common/img/gradation_cyan_bottom10_2x.png);
*/	background-size:100%;
	background-position:center bottom;
	background-repeat:no-repeat;	
}
#page_top{
	text-align:center;
	padding-top:120px;
}
#page_top a{	
	color:#000000;
}
#page_top a:hover{
	color:#c06;
}

#page_top img{
	width:16px;
	height:16px;
}


/*-------------------------------------------------------*/
/*フッター*/
/*-------------------------------------------------------*/

/*footer nav{
	width:72%;
	height:50px;
	margin-left:20%;
	margin-right:20%;
	margin-bottom:15px;
}*/


footer nav ul li{
	
	margin-top:15px;
}
footer nav ul li a{
	float:left;
	width:20%;
	text-align:center;
	display:block;
}


/*.nav_menu{	
	
	border-right:solid 1px #000000;
}
*/


/*コピーライト・サイトマップ*/

/*footer .footer_bottom{
	width:100%;
	
	
}*/
footer .sitemap{
	width:56px;
	display:block;
	float:right;
	padding-left:2px;
	
	
	border:solid 1px #c06;
	margin-top:30px;
}
footer .copy{
	width:100%;
	display:block;
	float:left;
	text-align:right;
	margin-top:31px;
	
	
}

/*----------------------------------------*/
/*メニュー　スマホ用*/
/*----------------------------------------*/
	
#left_box{
	float:left;
	width:33.3333%;/* 320px/960px */
	/*padding-left:1.0416%;*/ /* 10px/960px*/	
	margin-top: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;
}
.menu_dia50 img{
	width:16px;
	height:16px;
}
