@charset "utf-8";

/* =========================================================
　◆news_detail
========================================================= */
.detail .titlestyle02 { margin-bottom:30px;}
.sub_title01 { display:block; font-size:12px !important; line-height:1; font-weight:normal;}

.day_box01 { color:#333333; font-weight:bold; position:relative; margin-bottom:6px;}
.day_box01 .first {width:97px; height:22px; margin-bottom:34px;}
.day_box01 .first span{ display:block; text-indent:-9999px;}
.day_box01 .day {margin-left:7px; font-size:108%;}
.day_box01 .company_txt {margin-left:7px; font-size:100%; text-align:right; font-weight:normal; padding:10px 0 20px;}
.day_box01 .category01 { background:url(/common/images/category01.png) no-repeat left top;}
.day_box01 .category02 { background:url(/common/images/category02.png) no-repeat left top;}
.day_box01 .category03 { background:url(/common/images/category03.png) no-repeat left top;}
.day_box01 .category04 { background:url(/common/images/category04.png) no-repeat left top;}
.day_box01 .category05 { background:url(/common/images/category05.png) no-repeat left top;}
.day_box01 .category06 { background:url(/common/images/category06.png) no-repeat left top;}
.day_box01 .category07 { background:url(/common/images/category07.png) no-repeat left top;}
.day_box01 .category08 { background:url(/common/images/category08.png) no-repeat left top;}

.day_box01 .print_btn02 { position:absolute; top:0; right:0;}

.print_btn02 { height:41px;}
.print_btn02 a { background:url(/company/news/images/bg_btn_off.png) no-repeat left top; width:237px; height:41px; color:#333333; font-weight:bold; font-size:93%; line-height:41px; height:41px; display:inline-block; border:none !important;}
.print_btn02 a span { display:block; background:url(/company/news/images/icon_print.png) no-repeat 45px 12px; padding-left:70px;}
.print_btn02 a:hover {  background:url(/company/news/images/bg_btn_on.png) no-repeat left top; text-decoration:none;}
.backbtn_style01 { text-align: center;}
.backbtn_style01 a{ text-align: left;}
.company.news.detail .backbtn_style01 a { background-position: 16px 0.9em;}

.box_01 {margin-bottom:8px; position:relative;}
.box_01 .main_img_l { display:inline; float:left; clear:left; margin-right:15px;}
.box_01 .main_img_l .inner { margin-bottom:35px;}
.box_01 .main_img_l .inner img{border:solid 1px #ccc;}
.box_01 p {font-size:93%; margin-bottom:25px;}
.box_01 .blurb p { font-weight: bold; font-size: 153.9%; color: #333; margin-bottom:0;}

.box_01 h2 , .box_01 h3 {clear:both;}

.news_list02 { border: 1px solid #dbdbdb; padding:10px 15px 15px;}
.news_list02 .tit {margin-bottom:5px;}
.news_list02 .serch { background: #e8e8e8; width: 100%; height: 24px; margin: 0 auto; position: relative; border-radius: 2px; -webkit-border-radius: 2px; margin-bottom:10px;}
.news_list02 input {width:100%;outline: none;border: none;padding: 0 3px 0 3px; background: none;}

.detail .side_btn01 { border-bottom: none !important;}

.tablearea02.catalog table th { height: 24px; padding: 5px 0; text-align: center; font-size: 10px;}
.tablearea02.catalog table td:first-child { font-weight: normal; text-align: left;}
.tablearea02.catalog table td { padding: 5px; text-align: center; font-size: 10px;}

.w520 { width:520px !important;}
.w400 { width:400px !important;}
.w120 { width:120px !important;}
.w110 { width:110px !important;}
.w100 { width:100px !important;}
.w95 { width:95px !important;}
.w90 { width:90px !important;}
.w60 { width:60px !important;}
.w48 { width:48px !important;}
.w46 { width:46px !important;}

.img_link01 {margin-bottom:20px;}
.boxstyle04 {margin-bottom:30px;}

.rss_area,
.aboutrss { width:100%; position:relative; margin-bottom:10px;}
.rss_area a  { position:absolute; top:5px; right:110px; background:url(/common/images/icon_012.png) no-repeat left center; padding-left:21px; font-size:93%; color:#333333;}
.aboutrss a { position:absolute; top:5px; right:0; background:url(/common/images/arrow_001.png) no-repeat left center; padding-left:12px; font-size:93%; color:#333333;}

.rss_area p { font-size:93%;}

.back_btnstyle01 { width:100%; height:37px; border:2px solid #dbdbdb; -webkit-border-radius: 2px; border-radius: 2px; display:table; margin-bottom:20px;}
.back_btnstyle01 a { background:none; color:#333333; font-weight:bold; font-size:93%; border:none; border-radius:0; line-height:15px; width:100%; display:table-cell; vertical-align:middle; text-align:center; }
.back_btnstyle01 a span { display:block; width:70px; margin:0 auto;background: url(/common/images/icon_018.gif) no-repeat left center; padding-left:20px;}
.back_btnstyle01:hover { border:2px solid #ffbfbf; text-decoration:none;}
.back_btnstyle01 a:hover { border:none; text-decoration:none;}
.back_btnstyle01 a.active { background:url(/common/images/arrow_004.gif) no-repeat 16px center #888888; color:#ffffff; border:none;}

.newslist02,.newslist03 { overflow:hidden; }
.newslist02 ul li:nth-of-type(20) ~ li,
.newslist03 ul li:nth-of-type(20) ~ li { display:none; }
.newslist02 ul li,
.newslist03 ul li { background:#ffffff !important; border-bottom:1px dotted #dedede;}
.news .newslist03 ul li .txt a span { color:#333; font-size: 93%; display: block; position: static; text-indent: 0; width: auto; font-size: 93%; height: auto;}
.list_more,
.list_close { display:none; }


/* =========================================================
　◆news
========================================================= */

.newslist01 { margin-bottom:37px;}
.filter_area02 { margin-bottom:40px;}
#side_nav .side_btn02 { border-bottom: none;}
#side_nav .side_btn02 a { display: block; padding: 12px 0 12px 15px;}
#side_nav .side_btn02 a span { padding-left: 18px;}
#side_nav .side_btn02 li.last {border-bottom:none;}
#side_nav { margin-bottom:15px;}
.brank_style02 {display: block; }
.news .filter_area01 {margin-bottom:40px;}
.news .filter_area01 ul { width: 100% !important;}
.news .filter_area01 ul li { width: 135px; height: 18px; line-height: 18px; margin-right: 0;}

.acc_list03 { width:100%; height:auto;}
.acc_list03 .acc_btn { width:auto; height:auto; border:solid 2px #dbdbdb; text-align:center; padding:7px 0; cursor:pointer; border-radius:2px; -webkit-border-radius:2px; }
.acc_list03 .acc_btn span { background:url(/common/images/switch_001_open.png) no-repeat left center; padding:2px 0 2px 22px; }
.acc_list03 .acc_btn span.active { background:url(/common/images/switch_001_close.png) no-repeat left center; }
.acc_list03 .acc_main { display:none; }
.acc_list03 .acc_btn:hover { border:solid 2px #ffbfbf; text-align:center; padding:7px 0; cursor:pointer; }

.img_link01 {text-align:center; width:33%; margin: 0 auto; margin-bottom: 30px;}
.img_link01 .link_inner a img  { width:100%; display:inline;}

.newslist03 ul li .txt span.notes,.newslist02 ul li .txt span { position:static; display:inline; left:0px; top:0px; width:auto; height:auto; text-indent:0px; font-size:93%; color:#333333; }

.kirin_newslink { margin: 15px 0 ;}

.company.news.detail .backbtn_style01 { height:auto;}
.company.news.detail .backbtn_style01 a { height:auto; line-height:1.7;}
.company.news.detail .backbtn_style01 a span { display:block; padding:7px 0 7px 35px;}

.newsrelease .f_company_block .inputarea { display: inline; float: right; margin-right: 10px; width: 80%;}
.subtit.release { margin-top: 3px;}
.newsrelease .f_company_block .inputarea input[type="text"] { background: #f0f0f0; min-height: 32px; border: 1px solid #dbdbdb; font-size: 116%; padding: 0 2%; margin: 0 0 20px; width: 100%;}
.newsrelease .f_company_block .inputarea input:focus { display: block; outline: 2px #ffa800 solid;}
.newsrelease .f_company_block .selectarea { display: inline; float: right;}
.newsrelease .f_company_block select { width: 16%; margin: 3px 3px 18px; border: 1px solid #dbdbdb;}
.newsrelease .f_company_block.bdb {border-bottom: solid 2px #e6e6e6;}
.newsrelease .f_company_block .subtit,
.newsrelease .f_category_block .subtit { display: inline; float: left; width: 15%;}
.newsrelease .f_company_block .subtit.keyword { line-height: 32px;}
.newsrelease .f_company_block ul,
.newsrelease .f_category_block ul { display: inline; float: right; width: 80%!important;}
.newsrelease .f_company_block ul li,
.newsrelease .f_category_block ul li { width: 25%;}
.news .newslist03 ul li .date span { position: absolute; display: block; left: 0; top: 0; width: 100px; height: 23px; text-indent: -9999px;}
.news .filter_area01 .fbox_inner { padding: 20px;}
.news .filter_area01 .f_company_block { padding-bottom: 0;}
.news .filter_area01 .newsrelease ul li input { vertical-align: middle;}
.news .tit_area { display:none;}
.news .filter_area01 .btn_block button.submit { padding-left: 100px; margin-right: 40px; background: url(/common/images/icon_filter_001.png) no-repeat 78px center;}

/* =========================================================
　◆print
========================================================= */

#Printhead { display: none;}
#Printfooter { display: none;}


@media screen and (max-width: 960px){

#side_nav .side_btn02 a { padding: 12% 0 12% 8.6%;}
.rss_area p { padding-right: 0;}
.newsrelease .f_company_block .inputarea input[type="text"] { width: 100%;}

}

@media screen and (max-width: 768px){
.h1_style {margin-left:2%; margin-bottom:20px;}
.day_box01 .first {margin-bottom: 24px;}
.titlestyle02 { margin-bottom: 30px;}
.backbtn_style01 { margin-bottom: 20px;}
.news_list01 li a span {display:inline;}
.newsrelease .f_company_block,
.newsrelease .f_category_block { width: none!important;}
.fbox_inner .tit {margin-bottom:10px !important; padding-left:10px !important;}
.f_company_block li {display:inline; float:left; margin-right:10%;}
.f_category_block li {display:inline; float:left; margin-right:10%;}
.f_all_block div , .f_company_block div , .f_category_block div {margin-left:10px;}

#side_nav .side_btn02 li {display:inline !important; float:left !important; width:33.2% !important;}
#side_nav .side_btn02 li {border-right: 1px #dbdbdb solid;}
#side_nav .side_btn02 li:nth-child(3n) {border-right:none;}

.news .acc_list03 .acc_btn { margin-bottom:20px; }
.rss_area a,
.aboutrss a {position:relative; display:none;}

.newsrelease .f_company_block .inputarea { display: inline; float: left; width: 80%;}
.newsrelease .f_company_block .inputarea input[type="text"] { background: #f0f0f0; height: 32px; border: 1px solid #dbdbdb; font-size: 123%; padding: 0 3%; margin: 0 0 10px; width: 100%;}
.newsrelease .f_company_block select { margin: 0 6px 0 0;}
.newsrelease .f_company_block.checkbox .subtit,
.newsrelease .f_category_block.checkbox .subtit { display: block; float: none;}
.newsrelease .f_company_block ul, .newsrelease .f_category_block ul { display: block; float: none; width: 100%!important;}
.newsrelease .f_company_block .subtit.keyword { line-height: 32px; width: 15%;}
}

@media screen and (max-width: 640px){
.box_01 .main_img_l { display:block; float:none; clear:both; margin-right:0; text-align:center;}
.box_01 .main_img_l img {display:inline;}
.news_list01 li a span {display:inline;}
.h1_style {margin: 13px 2%;}
.fbox_inner .tit {padding-left:0 !important;}

.rss_area p { padding-right: 0;}
.rss_area a,
.aboutrss a {position:relative; display:none;}

.f_company_block div,
.f_category_block div {margin-left:0;}

.news .filter_area01 { width:100%; color:#333333; margin-bottom:40px; }
.news .filter_area01 .filterbox { width:100%; border:none; background:#f5f5f5; }
.news .filter_area01 .fbox_inner { padding:15px 10px; }
.news .filter_area01 p.tit { font-size:14px; font-weight:normal; line-height:1.0; padding:0 0 15px 0; border-bottom:solid 1px #e6e6e6; margin-bottom:15px; }
.news .filter_area01 .f_company_block, .news .filter_area01 .f_category_block { border-bottom:none; padding:0; }
.news .filter_area01 p.subtit { font-weight:normal; margin-bottom:15px; line-height:1.0; }
.news .filter_area01 ul { width:auto; }
.news .filter_area01 ul li { width:46%; height:auto; margin-right:4%; background:#FFFFFF; border:2px #dbdbdb solid; border-radius:2px; -webkit-border-radius:2px; }
.news .filter_area01 ul li label { display:block; margin-left:28px; text-align: left; }
.news .filter_area01 ul li:nth-child(even) { margin-right:0; }
.news .filter_area01 .btn_block { width:100%; }
.news .filter_area01 .btn_block button.submit { display: block; width:100%; text-align:center; padding:0; margin:0; background:none; background:#FFFFFF; }
.news .filter_area01 .btn_submit { background:url(/common/images/icon_filter_001.png) no-repeat left center; padding-left:25px; line-height:37px; display:inline-block; }
.styledCheckbox { float:none; margin-right:0; position:absolute; }
.news .filter_area01 .fbox_list_inner { padding:11px 14px; position:relative; }

.filter_area02 .btn_block button:first-child { width:100%; margin-bottom:15px;}
.filter_area02 .btn_block button.reset {float:right; clear:right;}
.filter_area02 .btn_block button.submit { padding-left: 46%; margin-right: 0; background: url(/common/images/icon_filter_001.png) no-repeat 40% center;}

.newslist01 ul li {padding-left:20px;}
.newslist01 ul li .date { position:static; margin-bottom:2px;}

.filter_area02 .btn_block { width:100% !important;}
#side_nav {margin-bottom:20px !important;}
#side_nav .side_btn02 li {display:block !important; float:none !important; width:100% !important;}
#side_nav .side_btn02 li {border-right: none;}

.newslist03 ul li span { float:none; }
.kirin_newslink { margin: 0;}
.newsrelease .f_company_block.checkbox .subtit, .newsrelease .f_category_block.checkbox .subtit { white-space: nowrap;}
.newsrelease .f_company_block .inputarea input[type="text"] { background: #f0f0f0; border: 1px solid #dbdbdb; margin: 0 0 5px; line-height: 30px; outline: none; width: 100%;}
.company.news.detail .backbtn_style01 a {background-position: 16px center !important;}
.newsrelease .f_company_block select { width: 36%; margin: 0 5px; height: 30px;}
.newsrelease .f_company_block ,
.newsrelease .f_category_block { border-bottom: none;}
.newsrelease .f_company_block .subtit,
.newsrelease .f_category_block .subtit { display: block; float: none; white-space: nowrap;}

.news .filter_area01 .newsrelease .news_block ul li { width:46%; margin: 0 0 2% 2%; display: inline; float:left; height:auto; background:#FFFFFF; border:2px #dbdbdb solid; border-radius:2px; -webkit-border-radius:2px; }
.news .filter_area01 .newsrelease .news_block ul li:nth-child(even) { margin: 0 2% 2% 0; float:right;}
.newsrelease .f_company_block.bdb { border-bottom: none;}
.f_company_block.bdb span { display: block; width: 100%; margin-bottom: 20px;}
.openarea { margin: 0 0 30px; display: block; float: none; background: #ffffff; position: relative;}
.openarea .tit_area { text-align: center; border: 1px solid #dbdbdb;position: static; line-height: 43px; font-size: 14px; display: block;}
.newsrelease .f_company_block  .subtit.keyword {line-height: 1.4; clear: both;}
.newsrelease .f_company_block .inputarea { width: 94%; display: block; float: none;}
.openarea .tit_area .news_open_icon {border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; border-right: 1px solid #dbdbdb; width:51px; height:43px; position:absolute; top:0; right:0; background: url(/images/btn_001.jpg) no-repeat left top; background-size:51px 43px; -webkit-background-size:51px 43px; -ms-background-size:51px 43px; -o-background-size:51px 43px;}
.openarea .tit_area.open .news_open_icon { border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; border-right: 1px solid #dbdbdb; width:51px; height:43px; position:absolute; top:0; right:0; background: url(/images/btn_003.jpg) no-repeat left top; background-size:51px 43px; -webkit-background-size:51px 43px; -ms-background-size:51px 43px; -o-background-size:51px 43px;}
.news_block { padding-top: 15px; display: none; height: auto; border-right: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; border-left: 1px solid #dbdbdb;}
.news_block .subtit {margin-left: 10px;}
.newslist03 ul li .date span { position: absolute; display: block; left: 108px; top: 8px; width: 100px; height: 23px; text-indent: -9999px;}
.news .newslist03 ul li .date span { left: 110px; top: 8px;}
.news .newslist03 ul li .txt a span { color:#333; font-size: 93%; text-align: left;}
.news .filter_area01 .f_category_block {
margin-bottom: 10px;}
.f_company_block.bdb span { margin-left: 5px;}

}