body {
	margin:0;
	padding:0;
	font-family:"Noto Sans JP", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	font-size:16px;
	font-weight: 400;
	line-height:180%;
	color:#222;
	min-width:1000px;
	-webkit-text-size-adjust: 100%;
}
img { border:none; vertical-align:bottom;}
div, p, ul, ul li, h1, h2, h3, h4, h5, dl, dt, dd {
	margin:0;
	padding:0;
	font-size: 100%;
	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); 
}
a:link {color:#06F; outline:none; }
a:visited {color:#06F; }
a:hover {color:#333; }
a:hover img { opacity:0.7; filter:alpha(opacity=70); -moz-opacity:0.7; }

#wrapper {}
#base {}

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


/*====================================================================================================
  HEADER
====================================================================================================*/
#header {  background:url(../image/bg.png) repeat-x center center; background-size: auto 100%;}
#header .h_box { margin:auto; padding-top:25px; width:100%; max-width:1000px; overflow: hidden;} 

/*** LOGO ******************************************************************/
#header h1,
#header h1 a { display: block; width:345px; height:60px;}
#header h1 { position:relative; float:left;}
#header h1 a { text-indent:-9999px; background:url(../image/logo.png) no-repeat center;}
#header h1::after {
	display: block; clear: both; content:"";
	width:173px;
	height:62px;
	position:absolute;
	right:-215px;
	top:0;
	background:url(../image/tree.png) no-repeat;
}


/*** TEL/BTN ******************************************************************/
#header .box-r { float:right; overflow:hidden;}
#header .box-r a { display:block; text-decoration:none;}
#header .box-r .tel { float:left; margin-right: 35px;} 
#header .box-r .tel a { color:#231815; }
#header .box-r .tel a b { display:block; font-size:150%; }
#header .box-r .b_more { float:right; width:180px;}
#header .box-r .b_more p a { 
	color:#fff;
	text-align: center;
	background:url(../image/arrow_right-wh.png) no-repeat 8% center;
	border-radius:15px;
}
#header .box-r .b_more p.btn1 a { background-color:#4b804f; margin-bottom:5px; }
#header .box-r .b_more p.btn2 a { background-color:#769395; }
#Nav ul li a:hover,
#header .box-r .tel:hover,
#header .box-r .b_more p:hover { opacity:0.7; }


/*** NAVIGATION ************************************************************/
#Nav { clear: both; }
#Nav ul { padding: 20px 0; width:100%; overflow: hidden;}
#Nav ul li { float:left;}
#Nav ul li+li { border-left:1px solid #231815; }
#Nav ul li a {display:block; font-size:90%; text-decoration:none; color:#231815; text-align:center;}
#Nav ul li#nav1 { width:197px;}
#Nav ul li#nav2 { width:143px;}
#Nav ul li#nav3 { width:137px;}
#Nav ul li#nav4 { width:149px;}
#Nav ul li#nav5 { width:233px;}
#Nav ul li#nav9 { width:138px;}
#Nav ul li#nav6,
#Nav ul li#nav7,
#Nav ul li#nav8,
#Nav ul li#nav10,
#Nav ul li#nav11,
#Nav ul li#nav12,
#Nav ul li#nav13 { display:none; }


/*====================================================================================================
  CONTENT
====================================================================================================*/
#content { clear:both; position:relative; width:100%; }



/*====================================================================================================
  FOOTER
====================================================================================================*/
#footer { 
	clear:both; 
	padding:50px 0;
	width:100%; 
	color:#000;
	font-size:82%;
	background:url(../image/bg.png) repeat-x center center ;
	background-size:auto 100%;
}
#footer .box_main { margin:0 auto; max-width:960px; overflow: hidden;}
#footer .box_main ul.info { float:left; }
#footer .box_main ul.info li.logo {}
#footer .box_main ul.info li.address { text-align:right;}
#footer .box_main ul.info li.c_num {}

#footer .box_main ul.nav { float:right; margin:30px 0 0; overflow: hidden;}
#footer .box_main ul.nav ul li a { text-decoration:none; color:#000;}
#footer .box_main ul.nav ul li a:hover { color:#4B804F; }
#footer .box_main ul.nav > li { float:left; border-left:1px dashed rgba(0,0,0,0.5); }
#footer .box_main ul.nav > li:nth-child(3) { border-right:1px dashed rgba(0,0,0,0.5); }
#footer .box_main ul.nav > li:nth-child(4) { border:none; }
#footer .box_main ul.nav ul li { padding:0 20px; }
#footer .box_main ul.nav > li:last-child ul li { padding-right:0; }



/*====================================================================================================
  PAGE
====================================================================================================*/
#page,
#page a { display:block; width:88px; height:94px; }
#page { position: fixed; bottom:230px; right: 30px; z-index:999; }
#page a { text-indent: -9999px; background: url(../image/page_top.png) no-repeat; background-size:100%;}



/*====================================================================================================
  COLOR eto..
====================================================================================================*/
.light-blue { color: #40A6DD;}
.blue { color: #0000FF;}
.dark-blue { color: #000099;}
.purple { color: #385495;}
.pink { color: #CC1574;}
.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;}