body {
	margin: 0;
	padding: 0;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo','ＭＳ Ｐゴシック',sans-serif;
	font-size: 100%;
	line-height: 180%;
	color: #222;
	min-width:1000px;
	-webkit-text-size-adjust: 100% ;/* iPhoneフォントサイズ拡大対策 */
}
img {
	border: none;
	vertical-align:bottom;
}
div, p, ul, ul li, h1, h2, h3, h4, h5, dl, dt, dd {
	margin: 0;
	padding: 0;
	list-style:none;
	box-sizing:border-box;
}
div, p, ul, ul li, h1, h2, h3, h4, h5, dl, dt, dd, ol, ol li, table, th, td {
	background-image:url(../image/spacer.gif); /* AndroidページのP要素の隙間対策 */
}
a:link {color:#000b8e; outline:none; }
a:visited {color:#000b8e;}
a:hover {color: #333;}
a:hover img { opacity: 0.7; filter: alpha(opacity=70); -moz-opacity: 0.7;}

.pc {}
.sm {display:none;}

/*====================================================================================================
  HEADER
====================================================================================================*/

#header { clear:both; width:100%; border-bottom: 4px solid #9fc86a;}
#header::after { /*float_clear*/ display:block; clear:both; content:"";}

#header .h_box { margin: auto; padding: 30px 0 20px; max-width: 1000px;}
#header .h_box::after { /*float_clear*/ display:block; clear:both; content:"";}
#header h1 {  float: left;}
#header h1 a { 
	display: block;
	padding: 10px 0 0;
	max-width: 650px;
	height: 60px;
	color: #222;
	text-decoration: none;
	box-sizing: border-box;
}
#header h1 small { display: block; font-size:50%; font-weight: normal;}
#header .tel { 
	float: right;
	width: 246px;
	height: 60px;
	text-indent: -9999px;
	background: url(../image/tel.png) no-repeat center center;
}

/*** NAVIGATION ************************************************************/
#Nav { margin: auto; max-width: 1000px;}
#Nav ul { margin: 10px 0;}
#Nav ul::after { /*float_clear*/ display:block; clear:both; content:"";}
#Nav ul li { float: left; width:25%;}
#Nav ul li a { display: block; text-decoration: none;}
#Nav ul li p { border-left:1px solid #DDD;}
#Nav ul li:last-child p { border-right:1px solid #DDD;}
#Nav ul li p a {
	display: block;
	color: #000;
	font-size: 110%;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	line-height: 130%;
	box-sizing: border-box;
}
#Nav ul li:hover p a { color:#9fc86a !important;}
#Nav ul li p small { display: block;}
#Nav ul li p small { font-size: 70%; color:#888;}

#Nav ul li ul { width: 100%; padding: 10px; background: #f6f6f6;}
#Nav ul li ul li { float:none; width:100%; border-left:none; background: #fff;}
#Nav ul li ul li+li { margin-top: 5px;}
#Nav ul li ul li a { padding:15px;}

#Nav ul li { position: relative; }
#Nav ul li ul { position: absolute; top:50px; left:0; height:0; overflow: hidden; opacity: 0; transition: all 0.3s;}
#Nav ul li:hover ul { display: block; height: auto; opacity: 10; }



/*====================================================================================================
  CONTENT
====================================================================================================*/
#content { clear:both; width:100%; background: rgba(242,241,235,0.50);}



/*====================================================================================================
  FOOTER
====================================================================================================*/
#banner { padding: 20px 0; border-top:4px solid #eee;}
#banner ul { margin: auto; max-width: 1000px;}
#banner ul::after { /*float_clear*/ display:block; clear:both; content:"";}
#banner ul li+li { margin-left: 3%;}
#banner ul li { float: left; width:22.75%; background: #fff;}
#banner ul li { float: left; width:17.6%; background: #fff;}
#banner ul li img { width: 100%; height: auto;}


#footer { clear:both; padding: 40px 0; width:100%; color: #fff; background:#9fc86a;}
#footer a {color: #fff;}
#footer .logo { 
	font-size: 160%;
	font-weight: bold;
	margin-bottom: 20px;
	display: block;
	padding: 10px 0 0 0;
	max-width: 700px;
	text-decoration: none;
}
#footer .logo small { display: block; font-size:65%; font-weight: normal;}
#footer .f_box { max-width: 1000px; margin: auto;}
#footer .f_box::after { /*float_clear*/ display:block; clear:both; content:"";}
#footer .copy { margin-top: 20px;}


/*====================================================================================================
  PAGE
====================================================================================================*/

#page,
#page a { display:block; width:51px; height:51px;}
#page { position: fixed; bottom:130px; right: 20px;}
#page a {
	text-indent: -9999px;
	background:#444 url(../image/page_top.png) no-repeat;
}

/*====================================================================================================
  COLOR eto..
====================================================================================================*/
.light-blue { color: #40A6DD;}
.blue { color: #0000FF;}
.dark-blue { color: #000099;}
.purple { color: #660099;}
.pink { color: #FF6699;}
.red { color: #FF0000;}
.orange { color: #FF6600;}
.yellow { color: #FFCC00;}
.white { color: #FFFFFF;}
.gray { color: #666666;}
.brown { color: #663300;}
.green { color: #339900;}
.italic { font-style: italic;}
.strong { font-weight: bold;}
.large { font-size: 115%; line-height: 140%;}
.small { font-size: 80%;}
.underline { text-decoration: underline;}
.line-through { text-decoration: line-through;}
.left { text-align: left;}
.center { text-align: center;}
.right { text-align: right;}