@charset "UTF-8";

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body {
	line-height: 1;
	font-size: 14px/1.231;
	font-family: HiraKakuProN-W3,"ヒラギノ角ゴ ProN W3",Helvetica,sans-serif;
	color: #505050;
	width: 100%;
	min-width: 320px;
	-webkit-text-size-adjust: none;
	background: #a1b91d;
}

nav {
	display: block;
}

li {
	list-style:none;
}

a {
	margin:0;
	padding:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
	text-decoration:none;
}

.clearfix2:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix2 {
    display: block;
    min-height: 1%;
}

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

*{margin:0;
padding:0;}

/* -----------------------------------------------------
Header
-------------------------------------------------------- */

header {
	background:#553500;
	color:#fff;
	position: relative;
	width: 100%;
	height: 48px;
	line-height: 48px;
	z-index: 100;
	box-shadow: 0 1px 3px rgba(0,0,0,.1);
}

header #menu_button{
	display: block;
	width:48px;
	height: 48px;
	background: URL(../pic/menubutton.gif) no-repeat;
	background-size: 48px;
	text-indent: -9999px;
	z-index: 9999;
	position: absolute;
	top: 0;
	left: 0;
}

header h1{
	text-align: center;
	font-size: 15px;
}

header #pclink{
	display: block;
	width:48px;
	height: 48px;
	backgroud-color: #000;
	z-index: 9999;
	position: absolute;
	top: 0;
	right: 0;
}

/* -----------------------------------------------------
SlideMenu
-------------------------------------------------------- */

#slidemenu {
	background: #a1b91d;
	box-shadow: inset -3px 3px 15px rgba(0,0,0,.3);
	color: #fff;
}

.user_info{
	background: url(../pic/hand-logo.gif) no-repeat 15px 20px;
	background-size:40px;
	padding: 20px 15px 15px;
	padding-left:60px;
}

.user_info dl{
	line-height: 1.2;
}

.user_info dt{
	font-weight: bold;
	font-size: 0.6em;
}

.user_info dd{
	font-size: 0.5em;
}

.url{
	font-family: sans-serif;
	font-size: 0.4em;
}

#slidemenu_list>h1{
	background: #1f1e1e;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	padding: 0 5px;
	text-align: center;
	font-size: 0.8em;
	box-shadow:inset 0px 1px 0px rgba(255,255,255,.2);
}

#slidemenu_list li a{
	display: block;
	padding: 15px;
	font-size: 1.4em;
	color: #fff;
}

#slidemenu_list li{
	width : 240px;
	border-top:1px solid rgba(255,255,255,.1);
	border-bottom:1px solid rgba(0,0,0,.3);
}

#slidemenu_list li:last-child {
	border-bottom: none;
}

/* -----------------------------------------------------
contents
-------------------------------------------------------- */

#pack {
	display: block;
	width: 100%;
	z-index: 1;
	padding: 0 0 5px 0;
	background: #ffc882;
}

/* -----top----- */

#top {
	display: block;
	background: #f0e696;
	height: 100px;
}

#logoichi {
	padding: 5px 0 0 5px;
	float: left;
}

#denwaichi {
	margin: 0px;
	padding: 10px;
	background: #553500;
	color: #fff;
	box-shadow: 0 5px 5px rgba(0,0,0,.5);
}

#lineichi {
	padding: 5px 0 0 5px;
}

.denwa {
	font-family: HiraKakuProN-W3,"ヒラギノ角ゴ ProN W3",Helvetica,sans-serif;
	font-size: 18px;
}

.denwa a{
	color: #fff;
}

.migi {
	display: block;
	position: absolute;
	right: 0;
}

.hidari {
	display: block;
	position: relative;
	left: 0;
}

/* -----main----- */

#main {
	display: block;
	margin: 5px 5px 5px 5px;
	padding: 5px 10px 50px 15px;
	color: #333;
	background: #f0e696;
	box-shadow: 0 5px 5px rgba(0,0,0,.5);
}

.kyuin {
	color: #ff0000;
}

#main h2 {
  position: relative;
  color: #fff;
  background: #553500;
  font-size: 20px;
  line-height: 1;
  margin: 30px 5px 10px -10px;
  padding: 14px 5px 10px 50px;
  border-radius: 22px 0 0 22px;
}

#main h2:before {
  content: "";
  position: absolute;
  background: #f0e696;
  top: 50%;
  left: 14px;
  margin-top :-10px;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  box-shadow: 1px 1px 1px #777 inset;
}

#main h3 {
	position: relative;
	color: #fff;
	background: #553500;
	line-height: 1;
	padding: 5px 5px 5px 5px;
	margin: 15px 5px 5px 0;
 	font-size: 18px;
	border-radius: 5px;
}

#main h4 {
	padding: 10px 0 20px 5px;
}

#main a {
	color: #28551e;
	font-size: 18px;
}

#main p {
	padding: 10px 0 10px 5px;
}

#main ul {
	padding: 0 0 5px 5px;
}

#news {
	height: 400px;
	overflow: auto;
	margin: 0 5px 5px 0;
	padding: 10px 5px 10px 5px;
	line-height: 1.4;
	color: #ffffff;
	background-color: rgba(0, 60 ,50, 0.5);
}

.aka {
	color: #ff9999;
}

.conceptgazochuo {
	margin: 0 auto;
	width: 100%;
}

/* -----footer-----*/

#foot {
	display: block;
	margin: 5px 5px 5px 5px;
	padding: 5px 10px 5px 15px;
	color: #333;
	background: #f0e696;
	box-shadow: 0 5px 5px rgba(0,0,0,.5);
}

/* listmenu */

#list li a {
	color: #fff;
	font-size: 18px;
}

.rist-menu {
    list-style: none;
    overflow: hidden;
    padding: 0;
    margin: 20px auto 10px;
}

.rist-menu li {
    list-style: none;
    overflow: hidden;
    width: 100%;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #879c18;
}

.rist-menu li:last-child {
    border-bottom: 0px;
}

.rist-menu li a {
    display: block;
    position: relative;
    z-index: 10;
    height: 40px;
    margin: 0;
    padding: 0px 10px 0px 50px;
    background: #a1b91d;
    line-height: 40px;
    font-weight: bold;
    text-decoration: none;
}

#list li a:before {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 19px;
    width: 16px;
    height: 16px;
    margin-top: -8px;
    border-radius: 50%;
    background: #fff;
}

#list li a:after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 25px;
    width: 0;
    height: 0;
    margin-top: -5px;
    border: 5px solid transparent;
    border-left: 5px solid #a1b91d;
}

/* listmenu end */

/* google map api */
#map-canvas {
	height: 400px;
	margin: 0 5px 40px 0;
}
/* ------------- */

/* profile */
.profile >li >ul li {
	padding: 0 0 0 5em;
}
/* ------- */

.toiawase {
    overflow: hidden;
    padding: 10px;
    margin: 10px auto 50px;
    border: 1px solid #879c18;
}

.line {
	width: 100%
	padding: 10px;
	margin: 0 auto 10px;
	border-bottom: 10px solid #553500;
}

.hosoline {
	width: 100%
	padding: 10px;
	margin: 0 auto;
	border-bottom: 1px solid #553500;
}

.waku {
	width: 250px;
}

.space {
	width: 100%
	padding: 10px;
	margin: 0 auto 10px;
	border-bottom: 10px solid #f0e696;
}