@charset "UTF-8";
/*	雛型CSS
	Copyright(c) 2014 Shirokuma Systems LLC.
*/
/* Construction( responsible ) */
@-ms-viewport {
	width: device-width;
}
@viewport {
	width: device-width;
}
/* ---------------------------------
 [1] 641px <= width
 --------------------------------- */
@media screen and (min-width:1px) and (max-width: 640px) {
	body {
		letter-spacing:0px;
	}
	div#wrap {
		width:auto;
	}
	div#header {
		overflow: hidden;
		margin-top:5px;
	}
	div#main {
		padding:5px 30px 30px 30px;
	}
	div#footer {
		height:auto;
	}
	div#main_column {
		width:auto;
		float:none;
	}
	div#side_column {
		width:auto;
		float:none;
		margin-left:0px;
	}
	/* [1] header
	 --------------------------------- */
	/* Site Title */
	div#header h1 {
		margin-left:0px;
		padding:0px;
	}
	body.page-id-2 div#header h1 {/* HOME */
		padding:0px;
	}
	/* header2 */
	div#header2 dl {
		width:340px;
		height:126px;
		float:left;
		background:url("img/header/back_dl_for640.png") no-repeat 0px bottom;
	}
	/* [1] Global Navigation
	 --------------------------------- */
	div.menu-global_navigation-container {
		height:auto;
		clear:both;
		margin:1px auto 0px;
		padding-bottom:0px;
		background:none;
	}
	ul#menu-global_navigation {

	}
	ul#menu-global_navigation li {
		float:none;
		height:auto;
		margin:0px;
	}
	ul#menu-global_navigation li a {
		width:100%;
		height:30px;
		overflow:hidden;
		display:block;
		white-space:nowrap;
		border-bottom:solid 1px #fff;
		line-height:34px;
		text-indent:0px;
		text-decoration:none;
		text-align:center;
		color:#fff;
	}
	ul#menu-global_navigation li#menu-item-36,  ul#menu-global_navigation li#menu-item-36  a { width:auto; }
	ul#menu-global_navigation li#menu-item-40,  ul#menu-global_navigation li#menu-item-40  a { width:auto; }
	ul#menu-global_navigation li#menu-item-52,  ul#menu-global_navigation li#menu-item-51  a { width:auto; }
	ul#menu-global_navigation li#menu-item-47,  ul#menu-global_navigation li#menu-item-47  a { width:auto; }
	ul#menu-global_navigation li#menu-item-157, ul#menu-global_navigation li#menu-item-157 a { width:auto; }
	ul#menu-global_navigation li#menu-item-51,  ul#menu-global_navigation li#menu-item-51  a { width:auto; }
	ul#menu-global_navigation li#menu-item-49,  ul#menu-global_navigation li#menu-item-49  a { width:auto; }

	ul#menu-global_navigation li#menu-item-36  a { background:none; }
	ul#menu-global_navigation li#menu-item-40  a { background:none; }
	ul#menu-global_navigation li#menu-item-52  a { background:none; }
	ul#menu-global_navigation li#menu-item-47  a { background:none; }
	ul#menu-global_navigation li#menu-item-157 a { background:none; }
	ul#menu-global_navigation li#menu-item-51  a { background:none; }
	ul#menu-global_navigation li#menu-item-49  a { background:none; }

	ul#menu-global_navigation li#menu-item-36  a:hover { background:none; }
	ul#menu-global_navigation li#menu-item-40  a:hover { background:none; }
	ul#menu-global_navigation li#menu-item-52  a:hover { background:none; }
	ul#menu-global_navigation li#menu-item-47  a:hover { background:none; }
	ul#menu-global_navigation li#menu-item-157 a:hover { background:none; }
	ul#menu-global_navigation li#menu-item-51  a:hover { background:none; }
	ul#menu-global_navigation li#menu-item-49  a:hover { background:none; }

	/* [1] Side Column
	 --------------------------------- */
	dl#akaba_info {
		float:left;
		margin:0px 10px;
	}
	div#bn {
		margin-top:0px;
	}
	/* [1] Pages
	 --------------------------------- */
	/* HOME */
	div#main_column div.information {
		margin:10px 5px;
	}
	div#main_column ul#mv_link {
		padding-left:0px;/* レスポンシブの際に変更 */
	}
	div#main_column ul#mv_link li {
		margin:0px 10px 20px 0px !important;/* レスポンシブの際に変更 */
	}
	/* 身近な実績 */
	body.page-id-11 div.prg {
		display:none;
	}
}
/* ---------------------------------
 [2] 481px <= width <= 640px
 --------------------------------- */
@media screen and (min-width:481px) and (max-width: 640px) {
	div#main {
		padding:0px 5px 30px;
	}
	/* [2] header
	 --------------------------------- */
	div#header,
	body.page-id-2 div#header {
		background:url("img/header/akaba_photo_h270_for480.jpg") no-repeat right bottom;
	}
	/* Site Title */
	div#header h1 {
		float:none;
		width:360px;
		height:61px;
		margin:25px 0px;
		margin-left:3px;
	}
	div#header h1 a {
		width:360px;
		height:61px;
		background:url("img/header/h1_w360.png") no-repeat;
	}
	/* [2] Side Column
	 --------------------------------- */
	div#side_column {
		overflow:hidden;
		width:540px;
		height:auto;
		margin:auto;
	}
	/* [1] Pages
	 --------------------------------- */

}
/* ---------------------------------
 [3] 361px <= width <= 480px
 --------------------------------- */
@media screen and (min-width:361px) and (max-width: 480px) {
	div#main {
		padding:0px 5px 30px;
	}
	/* [3] header
	 --------------------------------- */
	div#header1 {
		height:auto;
	}
	div#header1 div#komeito {
		clear:both;
		float:none;
		width:90px;
		height:30px;
		background:url("img/header/logo_s.gif") no-repeat;
	}
	/* Header Link */
	div#header1 ul#hnavi {
		clear:both;
		float:right;
	}
	div#header1 ul#hnavi li {

	}
	/* header画像 */
	div#header,
	body.page-id-2 div#header {
		background:url("img/header/akaba_photo_h270_for480.jpg") no-repeat right bottom;
	}
	/* Site Title */
	div#header h1 {
		float:none;
		width:360px;
		height:61px;
		margin:10px auto 70px;
	}
	div#header h1 a {
		width:360px;
		height:61px;
		background:url("img/header/h1_w360.png") no-repeat;
	}
	/* header2 */
	div#header2 {
		height:160px;
	}
	div#header2 dl {
		width:220px;
		height:160px;
		float:left;
		background:url("img/header/back_dl_for360.png") no-repeat 0px bottom;
	}
	div#header2 div#goto_actual {
		width:90px;
		height:100px;
		margin-top:72px;
	}
	div#header2 div#goto_actual a {
		width:90px;
		height:100px;
		background:url("img/header/btn_jisseki_w90.gif") no-repeat;
	}
	div#header2 div#goto_actual a:hover {
		background:url("img/header/btn_jisseki_w90.gif") no-repeat 0px -100px;
	}
	/* [3] Side Column
	 --------------------------------- */
	dl#akaba_info {
		float:none;
		margin:0px;
	}
	div#side_column {
		overflow:hidden;
		width:260px;
		height:auto;
		margin:auto;
	}
	div#bn {
		margin-top:8px;
	}
	/* [3] Pages
	 --------------------------------- */
	/* HOME */
	div#main_column ul#mv_link {
		padding-left:20px;/* レスポンシブの際に変更 */
	}
	div#main_column ul#mv_link li {
		margin:0px 10px 20px 0px !important;/* レスポンシブの際に変更 */
	}
}
/* ---------------------------------
 [4] 321px <= width <= 360px
 --------------------------------- */
@media screen and (min-width:321px) and (max-width: 360px) {
	div#main {
		padding:0px 5px 30px;
	}
	/* [4] header
	 --------------------------------- */
	div#header1 {
		height:auto;
	}
	div#header1 div#komeito {
		clear:both;
		float:none;
		width:90px;
		height:30px;
		background:url("img/header/logo_s.gif") no-repeat;
	}
	/* Header Link */
	div#header1 ul#hnavi {
		clear:both;
		float:none;
		width:auto;
		text-align:center;
	}
	div#header1 ul#hnavi li {
		float:none;
		display:inline-block;
	}
	/* logo */
	div#header,
	body.page-id-2 div#header {
		background:url("img/header/akaba_photo_h370.jpg") no-repeat right 160px;
	}
	/* Site Title */
	div#header h1 {
		float:none;
		width:240px;
		height:41px;
		margin:10px auto 200px;
	}
	div#header h1 a {
		width:240px;
		height:41px;
		background:url("img/header/h1_w240.png") no-repeat;
	}
	/* header2 */
	div#header2 {
		height:160px;
	}
	div#header2 dl {
		width:220px;
		height:160px;
		float:left;
		background:url("img/header/back_dl_for360.png") no-repeat 0px bottom;
	}
	div#header2 div#goto_actual {
		width:90px;
		height:100px;
		margin-top:0px;
	}
	div#header2 div#goto_actual a {
		width:90px;
		height:100px;
		background:url("img/header/btn_jisseki_w90.gif") no-repeat;
	}
	div#header2 div#goto_actual a:hover {
		background:url("img/header/btn_jisseki_w90.gif") no-repeat 0px -100px;
	}
	/* [4] Side Column
	 --------------------------------- */
	dl#akaba_info {
		float:none;
		margin:0px;
	}
	div#side_column {
		overflow:hidden;
		width:260px;
		height:auto;
		margin:auto;
	}
	div#bn {
		margin-top:8px;
	}
	/* [4] Pages
	 --------------------------------- */
	/* HOME */
	div#main_column ul#mv_link {
		width:180px;
		margin:auto;
		padding-left:0px;/* レスポンシブの際に変更 */
	}
	div#main_column ul#mv_link li {
		float:none;
		margin:0px 0px 15px !important;/* レスポンシブの際に変更 */
	}
}
/* ---------------------------------
 [5] 1px <= width <= 320px
 --------------------------------- */
@media screen and (min-width:1px) and (max-width: 320px) {
	div#main {
		padding:0px 5px 30px;
	}
	/* [5] header
	 --------------------------------- */
	div#header1 {
		height:auto;
	}
	div#header1 div#komeito {
		clear:both;
		float:none;
		width:90px;
		height:30px;
		background:url("img/header/logo_s.gif") no-repeat;
	}
	/* Header Link */
	div#header1 ul#hnavi {
		clear:both;
		float:none;
		width:auto;
		text-align:center;
	}
	div#header1 ul#hnavi li {
		float:none;
		display:inline-block;
	}
	div#header,
	body.page-id-2 div#header {
		background:url("img/header/akaba_photo_h370.jpg") no-repeat right 160px;
	}
	/* Site Title */
	div#header h1 {
		float:none;
		width:240px;
		height:41px;
		margin:10px auto 200px;
	}
	div#header h1 a {
		width:240px;
		height:41px;
		background:url("img/header/h1_w240.png") no-repeat;
	}
	/* header2 */
	div#header2 {
		height:160px;
	}
	div#header2 dl {
		width:220px;
		height:160px;
		float:left;
		background:url("img/header/back_dl_for360.png") no-repeat 0px bottom;
	}
	div#header2 div#goto_actual {
		width:90px;
		height:100px;
		margin-top:0px;
	}
	div#header2 div#goto_actual a {
		width:90px;
		height:100px;
		background:url("img/header/btn_jisseki_w90.gif") no-repeat;
	}
	div#header2 div#goto_actual a:hover {
		background:url("img/header/btn_jisseki_w90.gif") no-repeat 0px -100px;
	}
	/* [5] Side Column
	 --------------------------------- */
	dl#akaba_info {
		float:none;
		margin:0px;
	}
	div#side_column {
		overflow:hidden;
		width:260px;
		height:auto;
		margin:auto;
	}
	div#bn {
		margin-top:8px;
	}
	/* [5] Pages
	 --------------------------------- */
	/* HOME */
	div#main_column ul#mv_link {
		width:180px;
		margin:auto;
		padding-left:0px;/* レスポンシブの際に変更 */
	}
	div#main_column ul#mv_link li {
		float:none;
		margin:0px 0px 15px !important;/* レスポンシブの際に変更 */
	}
}
/* end of css */