/* CSS Document */

*{
	font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	letter-spacing:0.5px;
}

body{
	margin:0;
	padding:0;
	background-color:#F7F6F2;
	font-size:0.9em;
	color:#333;
}

h1, h2, h3, h4, h5, h6, ul, ol, li, p, input{
	margin:0;
	padding:0;
}

h1, h2, h3, h4, h5, h6, textarea{
	font-size:100%;
}

img{
	margin:0;
	padding:0;
	border:0;
	vertical-align:bottom;
}

a{
	text-decoration:none;
	color:#009DC5;
}

a:hover{
	text-decoration:underline;
	color:#E73200;
}

a:visited{
	color:#925783;
}

table[border="1"]{
	background:#AA8D88;
	border-spacing:1px;
	border:none;
}

table[border="1"]>tbody>tr>td{
	padding:5px;
	background:#FFF;
	border:none;
}

table[border="1"]>tbody>tr>th,table[border="1"]>thead>tr>th{
	padding:5px;
	background:#e7e7e7;
	border:none;
}

.text_black{
	color:#333;
}

.text_brown{
	color:#C65400;
}

.text_green{
	color:#008813;
}

.text_red{
	color:#EF0000;
}

/* CMSKIT用 */

#wcv_sys_wrapper #contents{
	background-color:#F7F6F2;
}

/* トップイメージ */
#topimage{
	width:100%;
	text-align:center;
	margin:0;
	padding:0;
}

#topimage img{
	max-width:100%;
	height:auto;
	margin:0;
	padding:0;
}


/* メールフォーム */

#detail h2.mailform{
	border:solid 1px #CCC;
	padding:20px;
	font-size:100%;
	/*角丸*/
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

#detail .toiawaseform form{
	margin:0;
	padding:0;
}

#detail .toiawaseform select#select_contact, #detail .toiawaseform textarea.form_set, #detail .toiawaseform h2.mailform select,#detail .toiawaseform input.form_set{
	margin-top:10px;
	margin-bottom:10px;
	padding-left:10px;
	font-size:100%;
	width:98%;
	border:0;
	color:#222;
	border:solid 1px #CCC;
	background-color:#FAFAFA;
	/*角丸*/
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	/*影*/
	-moz-box-shadow: inset 0px 0px 6px -1px rgba(0,0,0,0.1);
	-webkit-box-shadow: inset 0px 0px 6px -1px rgba(0, 0, 0, 0.1);
	box-shadow: inset 0px 0px 6px -1px rgba(0,0,0,0.1);
}

#detail .toiawaseform input.radiocheck{
	margin-top:10px;
	margin-bottom:10px;
	padding:5px 0;
	font-size:100%;
	border:0;
	color:#222;
	border:0;
	background-color: transparent;
	/*角丸*/
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	vertical-align: middle;
}


#detail .toiawaseform select#select_contact, #detail .toiawaseform input.form_set, #detail .toiawaseform h2.mailform select{
	height:3em;
}

.toiawaseform textarea.form_set{
	height:6em;
}

#detail .toiawaseform select img, #detail .toiawaseform input img, #detail .toiawaseform textarea img{
	width:80px;
}

#detail .toiawaseform select:focus, #detail .toiawaseform input:focus, #detail .toiawaseform textarea:focus{
	background-color:#F9F8F3;
	border:solid 2px #0073db;
}

#detail .toiawaseform textarea{
	width:96%;
	height:8em;
	padding:10px;
}

#detail .toiawaseform span.hissu{
	font-size:85%;
	color:#FFFFFF;
	background-color:#CF0003;
	padding:1px 4px;
	margin-right:5px;
	border-radius:3px;
	margin-top:-2px;
}

#detail .toiawaseform span.nini{
	font-size:85%;
	color:#FFFFFF;
	background-color:#004EB9;
	padding:1px 4px;
	margin-right:5px;
	border-radius:3px;
	margin-top:-2px;
}

#detail .toiawaseform .sendbutton{
	margin:auto;
}

#detail .toiawaseform .sendbutton td{
	padding:10px;
}

.button_set{
	text-align:center;
	margin-top:20px;
}

#detail .toiawaseform .submit_button{
	background-color:#0073DB;
	border-radius: 5px;
	border:0;
	color:#FFF;
	height:4em;
	width:12em;
	font-size:120%;
	font-weight:nomal;
	cursor:pointer;
}

#detail .toiawaseform .submit_button:hover, #detail .toiawaseform .submit_button:focus{
	background-color: #DD0003;
}

#detail .toiawaseform .cancel_button{
	background-color:#EEE;
	border-radius: 5px;
	border:0;
	color:#222;
	height:4em;
	width:10em;
	font-size:120%;
	font-weight:bold;
}

#detail .toiawaseform .cancel_button:hover{
	background-color: #CCC;
}

#detail .toiawaseform input[type="radio"], #detail .toiawaseform input[type=checkbox]{
	vertical-align:-2px;
	margin-right:2px;
	height:1em;
	width:2em;
	margin-left:20px;
}

#detail .toiawaseform label{
	cursor:pointer;
}

#detail .toiawaseform h2.mailform label{
	cursor: default;
}



#main #content #oshirase_list .day{
	padding-left:80px;
}

#detail.conf input{
	width:200px;
	border:solid 2px #ef0000;
}

input.capt{
	color:#999;
}


/* Newsアイコン */

#news .icon-kurashi{
	background-image: url(../contents_image/top/news_icon_kurashi.png);
	background-repeat:no-repeat;
	background-position:right center;
	line-height:24px;
	padding-right:86px;
}

#news .icon-kankou{
	background-image: url(../contents_image/top/news_icon_kankou.png);
	background-repeat:no-repeat;
	background-position:right center;
	line-height:24px;
	padding-right:86px;
}

#news .icon-kyouiku{
	background-image: url(../contents_image/top/news_icon_kyouiku.png);
	background-repeat:no-repeat;
	background-position:right center;
	line-height:24px;
	padding-right:86px;
}

#news .icon-kenkou{
	background-image: url(../contents_image/top/news_icon_kenkou.png);
	background-repeat:no-repeat;
	background-position:right center;
	line-height:24px;
	padding-right:86px;
}

#news .icon-shigoto{
	background-image: url(../contents_image/top/news_icon_shigoto.png);
	background-repeat:no-repeat;
	background-position:right center;
	line-height:24px;
	padding-right:86px;
}

#news .icon-jouhou{
	background-image: url(../contents_image/top/news_icon_jouhou.png);
	background-repeat:no-repeat;
	background-position:right center;
	line-height:24px;
	padding-right:86px;
}

#news .icon-sonota{
	background-image: url(../contents_image/top/news_icon_sonota.png);
	background-repeat:no-repeat;
	background-position:right center;
	line-height:24px;
	padding-right:86px;
}

.mail_button {
    background-color: #0072c5;
    background-image: url("../contents_image/icon_mailbutton.png");
    background-position: left center;
    background-repeat: no-repeat;
    border: 0 none;
    border-radius: 8px;
    cursor: pointer;
    margin-top: 5px;
    width: 16em;
}

.mail_button a {
    color: white;
    display: block;
    padding: 10px 10px 10px 50px;
}


.privacy_box {
    border-left: 4px solid #ccc;
    border-right: 4px solid #ccc;
    margin: auto;
	margin-top:20px;
    text-align: center;
    width: 280px;
}

.privacy_box a {
    color: #c40003;
    display: block;
    font-size: 110%;
    padding: 10px 0;
}
	
.sp{
	display:none;
}

#contents{
	min-width:960px;
}

/* ヘッダー */

#header{
	background-color:#FFF;
	border-top:solid 6px #2D1509;
}

#header .logo{
	float:left;
}


#header .user{
	float:right;
	margin-top:20px;
	margin-right:20px;
}

#header .user ul{
	float:left;
}

#header li{
	height:30px;
	float:left;
	list-style:none;
	margin-left:5px;
	line-height:30px;
}

#header li.button{
	width:30px;
	border-radius:15px;
	text-align:center;
}

#header li.button a{
	width:30px;
	height:30px;
	border-radius:15px;
	display:block;
}

#header li.font_m a{
	background-color:#00AFCC;
	color:#FFF;
	font-size:90%;
}

#header li.font_l a{
	background-color:#00AFCC;
	color:#FFF;
	font-size:120%;
}

#header li.blue a{
	background-color:#005BAB;
	color:#FFF;
	font-size:120%;
}

#header li.black a{
	background-color:black;
	color:yellow;
	font-size:120%;
}

#header li.white a{
	background-color:#F9F7F4;
	color:#222;
	font-size:120%;
}

#header .user .search{
	float:left;
}

#header .user .search{
	float:left;
}

#header .search .search_text{
	border:0;
	background-color:#EFEAE8;
	border-radius:5px;
	width:115px;
	height:20px;
	padding:5px;
	margin-left:5px;
}

#header .search .search_button{
	border:0;
	background-color:#EFEAE8;
	border-radius:5px;
	width:30px;
	height:30px;
}

#header .user .lang{
	float:left;
}

#header .user .lang a{
	height:30px;
	line-height:30px;
	display:block;
	margin-left:5px;
	background-color:#3FA802;
	border-radius:5px;
	color:#FFF;
	padding:0 10px;
}

#header .user .navi_menu{
	float:right;
	margin-top:10px;
}


/* メインメニュー */

#main_menu{
	background-image:url(../contents_image/main_menu/menu_back_off.png);
	background-repeat:repeat-x;
	height:96px;
}

#main_menu li{
	list-style:none;
	float:left;
	width:16.5%;
	border-left:solid 1px #EFEAE8;
	text-align:center;
}

#main_menu li a{
	display:block;
	padding-top:32px;
	height:64px;
}

#main_menu li a:hover{
	background-image:url(../contents_image/main_menu/menu_back_on.png);
	background-repeat:repeat-x;
}

/* メインメニュー以下 */
#detail {
	margin: 0 auto;
	width: 100%;
	background-image:url(../contents_image/back_tachinebuta.png);
	background-repeat:no-repeat;
	background-position:right top;
	background-attachment: fixed;
}

#containerInner {
	float: left;
	width: 100%;
}



/* サブメニュー左 */

#sub_left {
	float: left;
	margin-left: -100%;
	width: 220px;
	padding:20px;
}

#sub_left .inner{
	background-color:#FFF;
	border-radius:0 0 10px 10px;
	padding:10px;
	margin-bottom:20px;
}

#sub_left h2{
	background-image:url(../contents_image/sub/sub_left_title.png);
	color:#FFF;
	height:40px;
	line-height:40px;
	padding-left:30px;
	font-size:105%;
	font-weight:normal;
}

#sub_left li{
	list-style:none;
}

#sub_left li a{
	padding:5px;
	display:block;
}

#sub_left li.iryou{
	background-image:url(../contents_image/sub/icon_iryou.png);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:30px;
}

#sub_left li.bousai{
	background-image:url(../contents_image/sub/icon_bousai.png);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:30px;
}

#sub_left .banner{
	margin-bottom:20px;
}

#sub_left .center{
	text-align:center;
}

#sub_left .list li{
	background-image:url(../contents_image/sub/icon_list.png);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:10px;
}

/* サブメニュー右 */
#sub_right {
	float: left;
	margin-left: -340px;
	width: 300px;
	padding:20px;
}

#sub_right .inner{
	background-color:#FFF;
	border-radius:0 0 10px 10px;
	padding:10px;
	margin-bottom:20px;
}

#sub_right h2{
	background-image:url(../contents_image/sub/sub_right_title.png);
	color:#FFF;
	height:40px;
	line-height:40px;
	padding-left:30px;
	font-size:105%;
	font-weight:normal;
}

#sub_right .miryoku01{
	z-index:5;
	position:relative;
}

#sub_right .miryoku02{
	z-index:4;
	position:relative;
	margin-top:-50px;
	margin-left:80px;
}

#sub_right .miryoku03{
	z-index:3;
	position:relative;
	margin-top:-40px;
	margin-left:10px;
}

#sub_right .miryoku04{
	z-index:2;
	position:relative;
	margin-top:-40px;
	margin-left:60px;
}

#sub_right .miryoku05{
	z-index:1;
	position:relative;
	margin-top:-30px;
	margin-left:30px;
}



/* トップ中央 */
#sub_center {
	margin:20px 340px 20px 260px;
}

#sub_center #news td{
	border-bottom:dashed 1px #CCC;
	padding:5px;
}

#sub_center .inner{
	background-color:#FFF;
	border-radius:0 0 10px 10px;
	padding:10px;
	margin-bottom:20px;
}

#sub_center h3.important{
	background-image:url(../contents_image/top/title_important.png);
	background-repeat:no-repeat;
	background-color:#E52213;
	height:40px;
	line-height:40px;
	color:#FFF;
	padding-left:60px;
	font-size:110%;
	font-weight:normal;
}

#sub_center h3.news{
	background-image:url(../contents_image/top/title_news.png);
	background-repeat:no-repeat;
	background-color:#FFE54A;
	height:40px;
	line-height:40px;
	color:#222;
	padding-left:60px;
	font-size:110%;
	font-weight:normal;
}


#sub_center h3.lifemenu{
	background-image:url(../contents_image/top/title_lifemenu.png);
	background-repeat:no-repeat;
	background-color:#00D4EA;
	height:40px;
	line-height:40px;
	color:#FFF;
	padding-left:60px;
	font-size:110%;
	font-weight:normal;
}

#sub_center .news_list_old{
	margin-top:10px;
	float:right;
	background-image: url(../contents_image/top/icon_news_old.png);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:30px;
	padding-right:20px;
}

#sub_center .life_icon li{
	list-style:none;
	float:left;
	width:23%;
	margin:1%;
	text-align:center;
}

#sub_center .life_icon li a{
	display:block;
	padding:60px 0 0 0;
	border-radius:5px;
	background-repeat:no-repeat;
	background-position:center top;
	color:#222;
}

#sub_center .life_icon li.ninshin a{
	background-color:#FFEEF9;
	background-image:url(../contents_image/life_menu/life_icon_ninshin.png);
}
#sub_center .life_icon li.ninshin a:hover{
	background-color:#FFDCF4;
}

#sub_center .life_icon li.kosodate a{
	background-color:#EEFBFF;
	background-image:url(../contents_image/life_menu/life_icon_kosodate.png);
}
#sub_center .life_icon li.kosodate a:hover{
	background-color:#C5F7FF;
}

#sub_center .life_icon li.kyouiku a{
	background-color:#E9FFF7;
	background-image:url(../contents_image/life_menu/life_icon_kyouiku.png);
}
#sub_center .life_icon li.kyouiku a:hover{
	background-color:#C0FFE7;
}

#sub_center .life_icon li.kekkon a{
	background-color:#FFF9F3;
	background-image:url(../contents_image/life_menu/life_icon_kekkon.png);
}
#sub_center .life_icon li.kekkon a:hover{
	background-color:#FFE7D2;
}

#sub_center .life_icon li.sumai a{
	background-color:#FFFDEB;
	background-image:url(../contents_image/life_menu/life_icon_sumai.png);
}
#sub_center .life_icon li.sumai a:hover{
	background-color:#FFF9CA;
}

#sub_center .life_icon li.shushoku a{
	background-color:#FAF3FF;
	background-image:url(../contents_image/life_menu/life_icon_shushoku.png);
}
#sub_center .life_icon li.shushoku a:hover{
	background-color:#EAD7FF;
}

#sub_center .life_icon li.hukushi a{
	background-color:#FFF5EE;
	background-image:url(../contents_image/life_menu/life_icon_hukushi.png);
}
#sub_center .life_icon li.hukushi a:hover{
	background-color:#FFE1CC;
}

#sub_center .life_icon li.hukou a{
	background-color:#F2F2F2;
	background-image:url(../contents_image/life_menu/life_icon_hukou.png);
}
#sub_center .life_icon li.hukou a:hover{
	background-color:#D8D8D8;
}

#sub_center .date{
	width:16em;
}


#sub_center .banner_area img{
	margin:4px;
}

.banner_area{
	margin-left:10px;
}


/* スライドショー */
#slide_show{
	padding-bottom:20px;
}

#slide_show .slide_inner{
	margin:auto;
}

/* 有料広告 */
#koukoku{
	background-image:url(../contents_image/footer/koukoku_back.png);
}

#koukoku .inner{
	padding:10px;
}

#koukoku .inner img{
	margin:4px;
}

#koukoku h2.title{
	background-image:url(../contents_image/footer/title_koukoku.png);
	background-repeat: repeat-x;
	color:#FFF;
	padding:10px 20px 10px 20px;
	font-size:110%;
	font-weight:normal;
}

/* パンくず */
#pankuzu{
	background-image:url(../contents_image/page/icon_pankuzu.png);
	background-repeat:no-repeat;
	background-position:left;
	background-color:#FFF;
	margin:20px 20px 0 20px;
	padding:10px 40px;
}


/* カテゴリトップ */
#category {
	margin:20px 20px 20px 260px;
}

#category h3{
	background-image:url(../contents_image/icon_news.png);
	background-position:left;
	background-repeat:no-repeat;
	background-color:#E8CF1C;
	min-height:26px;
	padding:10px 20px 10px 56px;
	font-size:130%;
	font-weight:normal;
}

#category .inner{
	padding:20px;
	background-color:#FFF;
}

#category #cat_news td{
	border-bottom:dashed 1px #CCC;
	padding:5px;
}

#category .date{
	width:10em;
}

#box_area{
	display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -o-flexbox;
    display: flex;
	flex-wrap:wrap;
	-ms-flex-wrap: wrap;
}

#category .cat_box{
	background-color:#FFF;
	float:left;
	width:31%;
	margin-left:1%;
	margin-right:1%;
	margin-top:20px;
}

#category .cat_box:nth-of-type(3n+1){
	clear:both;
}

#category .cat_box h2{
	background-image:url(../contents_image/page/h1.png);
	background-repeat:no-repeat;
	background-position:right bottom;
	background-color:#CD4200;
	font-size:130%;
	min-height:26px;
	padding:10px 20px 10px 20px;
	font-weight:normal;
	color:#FFF;
}

#category .cat_box h2 a{
	color:#FFF;
}

#category .inner li{
	list-style:none;
	background-image:url(../contents_image/sub/icon_list.png);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:16px;
}





/* 記事 */
#page {
	margin:20px 20px 20px 260px;
}

#page .inner{
	background-color:#FFF;
	padding:20px 40px;
}

#page h1{
	background-image:url(../contents_image/page/h1.png);
	background-repeat:no-repeat;
	background-position:right bottom;
	background-color:#CD4200;
	font-size:130%;
	min-height:26px;
	padding:10px 20px 10px 20px;
	font-weight:normal;
	color:#FFF;
}

#page h2{
	background-image:url(../contents_image/page/h2.png);
	background-repeat: repeat-y;
	background-color:#E8CF1C;
	font-size:120%;
	padding:10px 20px 8px 20px;
	font-weight:normal;
	color:#222;
	border-bottom:solid 2px #2D1509;
	margin:10px -20px;
}

#page h3{
	background-color:#EFEDE4;
	font-size:120%;
	padding:8px 20px 10px 10px;
	font-weight:normal;
	color:#222;
	border-top:solid 2px #CC1800;
	margin:10px -20px;
}

#page h4{
	border-left:solid 10px #9B8879;
	border-bottom:solid 1px #9B8879;
	padding:8px 5px;
	margin:10px -10px;
	font-size:110%;
	font-weight:normal;
}

#page h5{
	background-image:url(../contents_image/page/h5.png);
	background-repeat: no-repeat;
	background-position:left center;
	background-color:#EFECE8;
	font-size:105%;
	padding:7px 16px 7px 16px;
	font-weight:normal;
	color:#222;
	margin:10px -10px;
}

#page h6{
	background-image:url(../contents_image/page/h6.png);
	background-repeat: no-repeat;
	background-position:left center;
	font-size:105%;
	padding:7px 16px 7px 16px;
	font-weight:normal;
	color:#222;
	margin:10px -10px;
}





/* カテゴリメニュー */

#cat_menu {
	float: left;
	margin-left: -100%;
	width: 220px;
}

.in_box{
	width: 220px;
	padding:20px;
}

.in_box .inner{
	background-color:#FFF;
	border-radius:0 0 10px 10px;
	padding:10px;
	margin-bottom:20px;
}

.in_box h2{
	background-image:url(../contents_image/page/cat_title.png);
	color:#FFF;
	min-height:26px;
	padding:10px 20px 10px 20px;
	font-size:130%;
	font-weight:normal;
}

.in_box .inner li{
	background-image:url(../contents_image/cat_menu/icon_cat_menu.png);
	background-repeat:no-repeat;
	background-position:left center;
	list-style:none;
	border-bottom:dashed 1px #A08F84;
}

.in_box .inner li a{
	padding:5px 5px 5px 24px;
	display:block;
}


/* フッター */
#footer{
	background-image:url(../contents_image/footer/map.png);
	background-repeat:no-repeat;
	border-top:solid 6px #2D1509;
}

#footer h2{
	font-size:160%;
	font-weight:normal;
}

#footer .info{
	padding:20px 20px 20px 180px;
}

#footer .footer_navi{
	background-color:#222;
	color:#FFF;
	padding:10px;
	text-align:center;
}

#footer .footer_navi a{
	color:#FFF;
}

#footer .copyright{
	background-color:#00AFCC;
	text-align:center;
	padding:5px;
	color:#222;
}

/*******  戻るボタン  ***********/

/*　トップへ戻る　*/

#page-top {
	display:none;
}


/*　ホームへ戻る　*/

#page-back {
	display:none;
}

