@charset "UTF-8";
/* CSS Document */

body{
	font: 11px/1.6 "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	*font-size: small;
	*font: x-small;
	margin:0;
}
a{color:#3c78ff;text-decoration:none;}
a img{border:0;}
a:hover{color:#000077;}
a:hover img{filter: alpha(opacity=70);opacity:0.70;}
.page{width:942px;margin-left:auto;margin-right:auto;}
.page:before,.page:after {content: " ";display: table;}
.page:after {clear: both;}
.page {*zoom: 1;}
.title_area{width:920px;position:relative;height:140px;}
.ttl_img{/*float:left;margin-top:23px;*/clear:both;position:absolute;left:0;bottom:2px;}
.ttl_subbox{/*float:right;*/width:500px;height:140px;/*text-align:right;*/position:absolute;right:0;top:0;}
.ttl_subbox .top_column{width:100%;padding-top:5px;float:right;}
.search_box{/*width:100%;*/float:right;text-align:right;margin-bottom:5px;/*padding-top:5px;*/margin-left:3px;}
.ttl_subbox .site_descript{float:right;color:#888;text-align:left;width:296px;font-size:10px;}
.ttl_subbox .btn_descript_more{text-align:right;}
.ttl_subbox .btn_descript_more a{color:#888}
.sns_box{float:right;width:100%;}
.ttl_menu_box{/*float:right;*/clear:both;width:100%;letter-spacing:0.2em;/*margin-top:15px;*/height:auto;position:absolute;right:0;bottom:0;text-align:right;}
.ttl_menu_box a{color:#000;}
.ttl_menu_box a:hover{color:#888;}
/*.ttl_logo{float:right;text-align:right;color:#999999;}
.ttl_name{font-size:110%;}
.ttl_menu{font-size:90%;}*/
.pagetitlebox{width:100%;margin-top:-27px;float:left;}
.head_area{float:none;width:920px;margin-bottom:30px;}
.head_area:before,.head_area:after {content: " ";display: table;}
.head_area:after {clear: both;}
.head_area {*zoom: 1;}
.head_menu{/*float:left;*/width:920px;margin:50px 0 25px 0px;display:table;}
.head_menu_b{/*float:left;margin-right:25px;*/clear:both;display:table-cell;}

/*追記テスト*/
.head_menu{/*float:left;*/width:920px;margin:50px 0 25px 0px;display:flex;justify-content: space-between;
}
.head_menu_b{/*float:left;margin-right:25px;*/width:130px;text-align:center;font-family:serif;font-size:16px;border-left:1px dotted #000;}
.head_menu_b:last-child{border-right:1px dotted #000;}
.head_menu_b a{color:#000;}
.head_menu_b a:hover{color:#888;}

.head_menu_b_off a img{float:left;/*margin-right:25px;*/filter: alpha(opacity=50);opacity:0.50;}
.head_menu_b_off a:hover img{filter: alpha(opacity=100);opacity:1;}
.menu_now a img{filter: alpha(opacity=100);opacity:1;}
.head_bnr{float:left;width:610px;height:400px;}
.head_right{float:right;width:298px;}
.head_description_area{float:right;width:300px;height:400px;/*background-color:#e8e8e8;border:1px #999 solid;*/overflow:auto;}
.head_description_area .descr_text{width:260px;padding:30px 0;margin-left:20px;margin-top:-6px;overflow:hidden;line-height:1.55em;color:#444;font-family:serif;}
.head_description_area .descr_text .descr_title{font-size:120%;color:#000;font-weight:bold;/*font-family:"ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;*/}
.head_bnr_title{float:left;;font-weight:bold;}
.head_bnr_area{height:100px;width:500px;float:right;overflow:auto;}
.head_bnr_txtbox{float:left;width:610px;height:100px;/*overflow:auto;*/margin:12px 0 30px 0;}
.head_bnr_txtbox:before,.head_bnr_txtbox:after {content: " ";display: table;}
.head_bnr_txtbox:after {clear: both;}
.head_bnr_txtbox {*zoom: 1;}
.head_bnr_col{width:500px;float:right;margin-bottom:10px;}
/*.head_bnr_col:before,.head_bnr_col:after {content: " ";display: table;}
.head_bnr_col:after {clear: both;}
.head_bnr_col {*zoom: 1;}*/
.head_bnr_txt{width:420px;float:right;}
.head_bnr_date{width:80px;float:left;text-align:left;color:#999;}
.r_bnr{clear:both;width:296px;height:192px;border:1px #999 solid;}
.r_bnr #rotator a img{width:100%;height:100%;}
.area_recom_topic{width:296px;height:192px;border:1px solid #999999;margin-top:12px;position:relative;/*overflow:hidden;*/}
.area_recom_topic a{color:#000;}
.area_recom_topic img{width:100%;height:100%;}
.area_recom_topic .recom_text_area{width:100%;/*height:36px;*/position:absolute;left:0;bottom:-19px;color:#888;}
.area_recom_topic #recom_title{width:96%;padding:0 2%;background-image:url(/cnc/design/kawabe/img/recom_title_bg.png);color:#fff;text-shadow:0 0 5px #000000;}
.area_recom_topic #recom_text_col{width:100%;height:19px;/*background-image:url(/cnc/design/kawabe/img/recom_topic_bg.png);*/}
.area_recom_topic #recom_text{width:97%;/*padding-left:2%;*/display:none;}
.news_area{float:left;width:296px;height:190px;overflow:auto;border-right:1px #999 solid;border-bottom:1px #999 solid;border-left:1px #999 solid;}
.news_ttl{height:22px;}
.news_txt{float:left;width:250px;font-size:90%;margin:2px 0 3px 20px}
/*.news_toiawase{float:left;}*/
.main_area{width:100%;}
.main_area:before,.main_area:after {content: " ";display: table;}
.main_area:after {clear: both;}
.main_area {*zoom: 1;}
.mark_new{margin:0 7px;}
.box_l{float:left;width:290px;height:300px;margin-right:22px;margin-bottom:50px;border:1px #dddddd solid;}
.l_ttl{margin-top: -19px; margin-bottom: 6px;}
/*.mark_new{width:43px;}*/
.l_img{width:292px;height:auto;margin-bottom:6px;}
.l_txt{}
.l_txt_date{width:100%;}
.l_txt_ttl{width:262px;padding-top:6px;margin-left:14px;font-size:110%;font-weight:bold;}
.l_txt_ttl .l_txt_date{float:right;margin-left:15px;width:auto;font-size:80%;color:#aaa;}
.footer_menu{float:left;}
.copy{float:right;}
.l_txt_txt{float:left;width:262px;margin-left:14px;}
.box_s{float:left;width:100%;margin-right:0px;margin-bottom:30px;}
.s_ttl{float:left;width:100%;height:auto;border-bottom:1px solid #bbb;margin-bottom:3px;}
.s_date{float:right;width:auto;color:#bbb;}
.s_img{float:left;margin-right:5px;width:40%;}
.s_img a img{width:100%;}
.s_txt{float:left;width:58%;}
.s_txt_date{width:100%;font-size:80%;color:#777777;}
.s_txt_ttl{width:100%;}
.s_txt_txt{width:100%;color:#777777;}
.page_control{width:280px;margin:0 auto;text-align:center;font-size:130%;}
.page_control a img{}
.ctl_arrow{display:block;margin:2px 10px 0 10px;}
.ctl_arrow.L{float:left;}
.ctl_arrow.R{float:right;}
.footer_area{float:none;width:920px;height:85px;color:#aaaaaa;padding:20px 0 20px 0;}
.footer_botton{float:right;height:30px;font-size:80%;margin-bottom:15px;}
.footer_botton a{color:#aaaaaa;}
.footer_botton img{margin-right:5px;}
.box_footer{float:left;width:920px;height:55px;border-top:1px solid #aaaaaa;}
.office_layout{padding-top:75px;}

.fb-like{
    height: 24px;
    float: right;
    margin-right: 8px;
}
.fb-like img{
	height:100%;
}