@charset "utf-8";

body {
 font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
 margin: 0;
 }

.slicknav_menu {
	display:none;
}

.site h1 a {
	color: #000000;
	text-decoration:none;
}

.site h1 {
	margin: 0;
}

.site img {
	border: none;
}

/*検索窓の角を丸く表示*/
input[type="text"] {
  border-radius: 10px;
}

img {
    border-style:none;
}


.center{
	text-align: center;
}


.footer {
	background-color: #006600;
	font-size:12px;
	line-height: 20px;
	color: #FFFFFF;
	margin-top: 30px;
	padding-top: 15px;
	padding-bottom: 15px;
	clear: both;
}

.footer a:link { color: #FFFFFF; } 


/* スマホのみ表示されるナビ*/

.sp-navi {
	width: 100%;
}

.sp-navi ul {
	float: left;
	text-align:center;
	margin: 0;
	padding: 0px 15px 20px 15px;
}

.sp-navi li {
	float: left;
	margin: 0;
	padding: 0;
	list-style-type: none;
}



/* ヘッダー画像*/
.header {
	background-image: url(img/header_bg.gif);
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
	clear: both;
	padding-top: 6px;
	padding-bottom: 6px;
}


/* ナビゲーション*/

.navi{
	margin: 0px;
	padding-top: 10px;
	clear: both;
}

#menu{
    position: relative;
    width: 100%;
    max-width: 1040px;
    margin: 0px;
	padding: 0px;
	list-style-type: none;

}
#menu:before, #menu:after{
	content: "";
	display: table;
}

#menu:after{
	clear: both;
}

#menu li {
	position: relative;
    float: left;
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

#menu li a{
	display: block;
	padding: 0px;
	margin: 0px;
}	

#menu li ul{
	float: none;  /*サブメニューはフロートさせないので解除*/
	white-space: nowrap;
	list-style: none;
	display: none;  /*サブメニューは最初は非表示にしておく*/
	position: absolute;  /*絶対配置にしておかないとうまくいかない*/
	z-index: 9999;
	top: 92px;
	padding: 10px;
	margin: 0px;
}

#menu li:hover ul{
	display: block;    /*マウスオーバー時にサブメニューを表示する*/
	background: #eeeeee;
}

#menu li ul li{
	width: 100%;
}

#menu li:hover ul li{
	overflow: visible;
	height: 24px;
	font-size: 14px;
}

#menu li:hover ul li a:hover{
	background: #ffffff;
	padding: 2px;
}


/* 文中リストメニュー*/
ul.v-menu {
	list-style: none;
	padding: 0px;
	text-align: left;
	margin: 8px 0px 8px 0px;
}
ul.v-menu li{
	overflow: auto;
	background: url(img/arrow.jpg) no-repeat;
	margin: 0px 0px 10px 0px;
	padding-left: 25px;
}


/* 文中リストメニュー横並び*/
ul.v-menu2 {
	list-style: none;
	padding: 0px;
	text-align: left;
	margin: 8px 0px 8px 0px;
}
ul.v-menu2 li{
	overflow: auto;
	background: url(img/arrow.jpg) no-repeat;
	margin: 0px 0px 10px 0px;
	padding-left: 25px;
	float:left;
	width: 230px;
}


/* テキスト*/
.p1{
	font-size:16px;
	line-height: 25px;
}

.p1-red{
	font-size:16px;
	line-height: 25px;
	color: #D60000;
}


.p1-big{
	font-size:25px;
	font-weight:bold;
	padding:0;
	margin:0;
}
.p1-big2{
	font-size:20px;
	font-weight:bold;
	padding:0;
	margin:0;
}


.p1-m{
	font-size:14px;
	line-height: 18px;
}

.p1-s{
	font-size:12px;
	line-height: 18px;
}


.p-orange {
	font-size: 16px;
	line-height: 20px;
	margin: 5px 0px 5px 0px;
	color: #FB7C00;
	text-align: left;
	font-weight: bold;
}


.marker_yellow {
	background: linear-gradient(transparent 60%, #ffff66 60%);
}


.subtitle1{
	font-size:25px;
	font-weight:bold;
	color: #F75079;
	padding-bottom: 0px;
}

.main h1 {
	margin: 0;
	font-size:25px;
}


.main70 h1 {
	font-size: 30px;
	border-bottom: 3px dotted;
}

.main70 h2{
	position: relative;
	padding: .5em .75em;
	border-radius: 6px;
	background-color: #f0f0f0;
}
.main70 h2:after{
	position: absolute;
	top: 100%;
	left: 30px;
	content: '';
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-top: 15px solid #f0f0f0;
}

/* フォントカラー*/
.f-baby { color: #F08F71; border-color: #F08F71; } 
.f-join { color: #EC7986; border-color: #EC7986; } 
.f-spot { color: #B20000; border-color: #B20000; } 
.f-daycare { color: #EB6DA5; border-color: #EB6DA5; }
.f-ho { color: #B978B0; border-color: #B978B0; } 
.f-yo { color: #8E81BC; border-color: #8E81BC; } 
.f-soudan { color: #6591C5; border-color: #6591C5; } 
.f-aid { color: #47AFA0; border-color: #47AFA0; } 
.f-group { color: #61B17B; border-color: #61B17B; } 
.f-work { color: #90B570; border-color: #90B570; } 
.f-handi { color: #AAA353; border-color: #AAA353; } 
.f-single { color: #9E905A; border-color: #9E905A; } 
.f-elem { color: #D49648; border-color: #D49648; } 
.f-place { color: #8c4600; border-color: #8c4600; } 
 

/* 背景カラー*/
.bg-baby { background-color: #F08F71; } 
.bg-join { background-color: #EC7986; } 
.bg-spot { background-color: #B20000;  } 
.bg-daycare { background-color: #EB6DA5; }
.bg-ho { background-color: #B978B0; } 
.bg-yo { background-color: #8E81BC; } 
.bg-soudan { background-color:#6591C5; } 
.bg-aid { background-color: #47AFA0; } 
.bg-group { background-color: #61B17B; } 
.bg-work { background-color:#90B570; } 
.bg-handi { background-color: #AAA353; } 
.bg-single { background-color: #9E905A; } 
.bg-elem { background-color: #D49648; } 
.bg-place { background-color: #8c4600; } 

/* 背景カラー　薄いバージョン*/
.lt-baby { background-color: #FDEDE4; padding: 5px; } 
.lt-join { background-color: #FBE2E1; padding: 5px; } 
.lt-spot { background-color: #FBE2E1;  padding: 5px; } 
.lt-daycare { background-color: #FBE5EF; padding: 5px; }
.lt-ho { background-color: #EEE1EF; padding: 5px; } 
.lt-yo { background-color: #E4E1F0; padding: 5px; } 
.lt-soudan { background-color:#E9EEF8; padding: 5px; } 
.lt-aid { background-color: #E2F1F0; padding: 5px; } 
.lt-group { background-color: #DEEEDF; padding: 5px; } 
.lt-work { background-color:#F1F7E5; padding: 5px; } 
.lt-handi { background-color: #F9F7E1; padding: 5px; } 
.lt-single { background-color: #EFEBDD; padding: 5px; } 
.lt-elem { background-color: #FEF1DA; padding: 5px; } 



/* ニュース*/
.news ul{
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.news li a{
	display: block;
	padding: 5px;
	border-bottom: dotted 2px #dddddd;
	color: #000000;
	font-size: 13px;
	text-decoration: none;
}

.news li a:hover{
	background-color: #eeeeee;
}

.news time{
	color: #888888;
}

.news a:after{
	content: "";
	display:block;
	clear: both;
}

.news time{
	float: left;
	width: 100px;
}

.news .text{
	float: none;
	width: auto;
	margin-left: 100px;
}


/* ボックス*/
.box01 {
	font-size:14px;
	line-height: 18px;
	background-color: #FFFFEC;
	border: thin solid #E8D0B9;
	padding: 10px;
	margin: 20px 0px 0px 0px;

}

.box02 {
	background-color: #EEEEEE;
	padding: 10px;
	margin: 20px 0px 0px 0px;
	font-size:14px;
	line-height: 18px;
}

.box03 {
	padding: 15px;
	margin: 20px 0px 0px 0px;
	font-size:14px;
	border: thick solid #EEEEEE;
	line-height: 18px;
}



#acMenu dt{
    display:block;
    font-color: #FFFFFF;
	width:100%;
    padding:8px;
	border-bottom:solid 1px #8B8B8B;
    text-align:left;
    cursor:pointer;
}
#acMenu dd{
    width:100%;
    line-height:25px;
    text-align:left;
    display:none;
}



/* テーブル*/

.table01 table {
	width: 100%;
	border-collapse: collapse;
	margin: 5px 0px 30px 0px;

}

.table01 th {
	width: 20%;
	border: 1px solid #CCCCCC;
	padding: 5px;
	font-size: 14px;
	line-height: 16px;
	background: #EAEAEA;
}

.table01 td {
	width: 80%;
	font-size: 14px;
	line-height: 20px;
	background: #F9F9F9;
	border: 1px solid #CCCCCC;
	padding: 5px;
}


.table02 table {
	width: 100%;
	border-collapse: collapse;
	margin: 5px 0px 30px 0px;

}

.table02 th {
	border: 1px solid #CCCCCC;
	padding: 5px;
	font-size: 14px;
	line-height: 16px;
	background: #EAEAEA;
}

.table02 td {
	font-size: 14px;
	line-height: 20px;
	background: #F9F9F9;
	border: 1px solid #CCCCCC;
	padding: 5px;
}

.table02 img{
	margin: 0px 1px 0px 0px;
}


/* テーブル　レスポンシブ*/

.specific_table{
  width: 100%;
  overflow: hidden; /* floatの回り込み解除 */
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
}
.specific_table th,
.specific_table td{
  font-size: 12px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  text-align: center;
  padding: 5px 0px 5px 0px
}
.specific_table th{
  background-color: #eee;
  font-weight: normal;
}
.lock_box{
  width: 20%;
}
.flex_box{
  width: 80%;
  overflow-y: hidden;
}
.lock_box,
.flex_box{
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  white-space: nowrap; /* テキストを枠内におさめる */
}
.lock_box table,
.flex_box table{
  width: 100%;
  border-spacing: 0;
}


dl.list1 {　/* 横並び--------------------------------------- */
	padding: 10px;
	background-color: #F5F5F5;
	margin-top: 25px 0px 10px 0px;
	clear: both;
	padding: 10px;
}

dl.list1 dt {
	font-weight: bold;
	font-size: 14px;
	margin-top: 7px;
}
dl.list1 dd{
	font-size: 14px;
	padding-left: 50px;
	margin-top: -20px;
	padding-bottom: 7px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
}


.img100{
	width: 100%;
	margin: 0px;	
	height: auto;
}

.movie-wrap {
     position: relative;
     padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
     height: 0;
     overflow: hidden;
}
 
.movie-wrap iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}


/* 1040px以上*/

@media print, screen and (min-width: 1040px){
.header-inner, .indexmain, .banner, .pan, .navi, .footer-inner {
	width: 1040px;
	margin-left: auto;
	margin-right: auto;
	clear: both;
}

.sp-navi {
	display:none;
}

}



/* 768px以上*/

@media print, screen and (min-width: 768px){



.site {
	float: left;
	width: 50%;
}

.upright {
	float: left;
	width: 50%;
    text-align: right;
}

.header:after {
	content:"";
	display: block;
	clear: both;
}


.indexmain:after {
	content:"";
	display: block;
	clear: both;
}

.indexleft {
	float: left;
	width: 42%;
	padding-top: 10px;
}

.indexright {
	float: left;
	width: 58%;
	padding: 10px 0px 30px 0px;
}

/* サブメニュー*/

.pagemenu {
	float: left;
	width: 22%;
	padding-left: 3%;
	padding-top: 10px;
}

.pagemenu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.pagemenu li a {
	display: block;
	padding: 5px;
	color: #000000;
	font-size: 14px;
	text-decoration: none;
	border: solid;
    border-width: 0px 0px 1px 0px;
    border-color: #CCCCCC;

}

.pagemenu li a:hover {
	background-color: #eeeeee;
}

.pagemenu h1 {
	margin: 10px 0px 10px 0px;
	padding: 20px 0px 20px 5px;
	font-size: 18px;
	color: #FFFFFF;
    border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */  
}

.main70 {
	float: left;
	width: 75%;
	padding-top: 10px;
}
.main70 p strong {
}


.main50 {
	float: left;
	width: 47%;
	padding-top: 10px;
	margin-right: 3%;
}



.col3 {
	float: left;
	width: 28%;
	margin-right: 2%;
	padding: 10px;
	border: thin solid #E3E3E3;
	background-color: #FFFFFF;
}

/* コラムメニュー*/

.co-menu {
	float: left;
	width: 22%;
	padding-left: 3%;
	padding-top: 13px;
}


/* img*/

.img-index {
	width: 95%;
	height: auto;
	vertical-align: bottom;
}

.img0 {
	height: auto;
	vertical-align: bottom;
	margin: 0px;
}


.img-r100 {
	float: right;
	margin: 0px;
	padding: 0px 0px 10px 10px;

}

.img-l {
	float: left;
	margin: 0px;
	padding: 0px 20px 20px 0px;
}

.img-l100 {
	float: left;
	margin: 0px;
	padding: 0px 20px 20px 0px;
}

/* バナー*/
.bannerbox1 {
	float: left;
	width: 23%;
	margin-right: 2%;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom:10px;
	height: auto;	
}

/* メニューボックス*/
.menubox1 {
	display: inline-block;
	/display:inline;
 	/zoom:1;
	width: 30%;
	margin-right: 2%;
	padding-top: 5px;
	padding-bottom: 10px;
	margin-bottom:20px;
	vertical-align:top;	
}

.sp-navi {
	display:none;
}



}



/* 767px以下*/
@media print, screen and (max-width: 767px){
.header, .indexmain, .banner, .indeximg-inner, .msg1-inner, .navi, .pan, .footer-inner, co-menu {
	padding-left: 10px;
	padding-right: 10px;
}

.col3 {
	float: left;
	width: 95%;
	margin-bottom: 10px;
	padding: 10px;
	border: thin solid #E3E3E3;

}

.main50 {
	padding-bottom: 20px;
}

.indexright {
	padding-bottom: 20px;
}

/* img*/
.img-r100, .img-l100{
	width: 100%;
	margin: 0px;	
	height: auto;
	padding: 0px 0px 10px 0px;
}

.img0 {
	width: 100%;
	height: auto;
	vertical-align: bottom;
	padding: 0px 0px 5px 0px;
}

.img-index {
	width: 100%;
	height: auto;
	vertical-align: bottom;
	padding: 0px;
}

.img-l {
	float: left;
	margin: 0px;
	padding: 0px 20px 10px 0px;
}


/* トグルボタンへの切り替え*/

#menu {
	display: none;
}

.slicknav_menu {
	display:block;
}

.slicknav_menu li img {
	display:none;
}

.slicknav_menu li a:before {
    content: attr(data-label);
} 


/* バナー */
.bannerbox1 {
	float: left;
	width: 47%;
	margin-right: 3%;
	padding-top: 5px;
	padding-bottom: 3px;
	height: auto;	
}

/* サブメニュー*/

.pagemenu {
	width: 98%;
	padding-right: 2%;
	padding-top: 20px;
	padding-bottom: 15px;
}

.pagemenu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.pagemenu li a {
	display: block;
	padding: 5px;
	color: #000000;
	font-size: 14px;
	text-decoration: none;
	border: solid;
    border-width: 0px 0px 1px 0px;
    border-color: #CCCCCC;

}

.pagemenu li a:hover {
	background-color: #eeeeee;
}

.pagemenu h1 {
	margin: 10px 0px 10px 0px;
	padding: 5px 0px 5px 5px;
	font-size: 18px;
	color: #FFFFFF;
    border-radius: 3px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */  
}


/* メニューボックス */
.menubox1 {
	display: inline-block;
	/display:inline;
 	/zoom:1;
	width: 45%;
	margin-right: 3%;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom:10px;
	height: auto;
	vertical-align:top;	
}


/* テーブル　レスポンシブ*/
    .specific_table{
      max-width: 100%;
    }
    .lock_box{
      width: 42%;
    }
    .flex_box{
      width: 58%;
      border-right: 1px solid #ccc;
    }
    .flex_box table{
      width: 800px;
    }
}