@charset "utf-8";

/*---------------------------------------------
 generic  class
---------------------------------------------*/

.txtB { font-weight: bold; }
.txtN { font-weight: normal; }
.layoutC { text-align: center; }
.layoutL { text-align: left; }
.layoutR { text-align: right; }

/*---------------------------------------------
 base margin
---------------------------------------------*/
.mt0 { margin-top: 0px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt30 { margin-top: 30px !important; }
.mt40 { margin-top: 40px !important; }
.ml0 { margin-left: 0 !important; }
.ml5 { margin-left: 5px !important; }
.ml10 { margin-left: 10px !important; }
.ml15 { margin-left: 15px !important; }
.ml20 { margin-left: 20px !important; }
.ml30 { margin-left: 30px !important; }
.ml40 { margin-left: 40px !important; }
.mb0 { margin-bottom: 0px !important; }
.mb5 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb50 { margin-bottom: 50px !important; }
.mb60 { margin-bottom: 60px !important; }
.mb70 { margin-bottom: 70px !important; }
.mr5 { margin-right: 5px !important; }
.mr10 { margin-right: 10px !important; }
.mr20 { margin-right: 20px !important; }
.mr30 { margin-right: 30px !important; }
.mr35 { margin-right: 35px !important; }
.mr40 { margin-right: 40px !important; }

/*---------------------------------------------
 clearfix
---------------------------------------------*/
.clearfix:after{	visibility: hidden;	display: block;	font-size: 0;	content: " ";	clear: both;	height: 0;	}
* html .clearfix { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */


/*---------------------------------------------
 style
---------------------------------------------*/

.section { margin-bottom:50px; overflow:hidden;}
.section h2{ background:url(/common/images/bg_hd_ttl.gif) no-repeat left bottom; padding:9px 10px 9px 7px; border-top:#F5F5F5 solid 1px; border-right:1px solid ##F5F5F5; margin-bottom:15px;}
.section h2 em{ font-size:166.6%; font-weight:bold; display:block; min-height:27px; padding:2px 30px 3px 20px; line-height:27px; border-left:7px solid #f00;}
.section h2.jcaa em{ background:url(/common/images/icon_mark_jcaa.png) no-repeat right;}
.section h2.jcaac em{ background:url(/common/images/icon_mark_jcaac.png) no-repeat right;}

.col2List {display:-ms-flexbox; display: -webkit-box; display: flex; flex-wrap: wrap; width:980px; margin-right:-35px; overflow:hidden;}
.col2List li{width:453px;  border:1px #aaaaaa solid; zoom: 1; background:url(/common/images/bg_pro_list.gif) repeat-x bottom #fff; margin-right:35px; margin-bottom:35px;}
.col2List li:hover{ border:1px #f00 solid; }
.col2List li .inner{  height: 100%; }
.col2List li .link{ display:block; text-decoration:none; overflow:hidden; padding:14px; min-height: 125px; height: auto !important; height: 125px;}
.col2List li.jcaa .link{ background:url(/common/images/icon_mark_jcaa.png) no-repeat 97% 92%;}
.col2List li.jcaac .link{ background:url(/common/images/icon_mark_jcaac.png) no-repeat 97% 92%;}
.col2List li .link .img{ float:left; margin-right:15px; padding:0;}
.col2List li .link .name{ font-size:166.6%; font-weight:bold; margin-bottom:5px;}
.col2List li .link span{ display:block; padding-left:203px; font-size:116%; line-height:1.75;}
.switchBlock{ margin-top:40px;}

.col4List {display:-ms-flexbox; display: -webkit-box; display: flex; flex-wrap: wrap; width:741px; margin-right:-21px; overflow:hidden;}
.col4List li{width:162px;  border:1px #aaaaaa solid; zoom: 1; background:url(/common/images/icon_arrow_col4.gif) repeat-x bottom right #fff; margin-right:21px; margin-bottom:21px;}
.col4List li:hover{ border:1px #f00 solid; }
.col4List li .inner{  height: 100%;}
.col4List li .link{ display:block; text-decoration:none;  overflow:hidden; padding:10px 14px; font-size:150%; line-height:1.5;}
.col4List li.jcaa .link{ background:url(/common/images/icon_mark_jcaa02.png) no-repeat 90% center;}
.col4List li.jcaac .link{ background:url(/common/images/icon_mark_jcaac02.png) no-repeat 90% center;}

.dspBtn { overflow:hidden; width:365px; margin:0 auto 40px; font-weight:bold;}
.dspBtn li{ float:left;}
.dspBtn .left p{ background:url(/common/images/bg_disp_left_off.gif) no-repeat; width:131px; height:38px; line-height:38px; text-align:center; font-size:133%; color:#0073bb;}
.dspBtn .right p{ background:url(/common/images/bg_disp_right_off.gif) no-repeat; width:234px; height:38px; line-height:38px; text-align:center; font-size:133%; color:#0073bb;}
.dspBtn .left.cur p,
.dspBtn .left.cur p:hover{ background:url(/common/images/bg_disp_left_cur.gif) no-repeat; color:#ffffff; border:none; margin-right:0; cursor: default;}
.dspBtn .right.cur p,
.dspBtn .right.cur p:hover{ background:url(/common/images/bg_disp_right_cur.gif) no-repeat; color:#ffffff; cursor: default;}
.dspBtn .left p:hover{ background:url(/common/images/bg_disp_left_on.gif) no-repeat; color:#0073bb; border-right:#f00 1px solid; margin-right:-1px; position:relative; z-index:9; cursor:pointer;}
.dspBtn .right p:hover{ background:url(/common/images/bg_disp_right_on.gif) no-repeat; color:#0073bb; cursor:pointer;}

.dspBtn02 { overflow:hidden; width:545px; margin:0 auto 40px; font-weight:bold; position:relative;}
.dspBtn02 li{ float:left;}
.dspBtn02 .left p{ background:url(/common/images/bg_disp_left_off.gif) no-repeat; width:131px; height:38px; line-height:38px; text-align:center; font-size:133%; color:#0073bb;}
.dspBtn02 .right p{ background:url(/common/images/bg_disp_right_off.gif) no-repeat; width:234px; height:38px; line-height:38px; text-align:center; font-size:133%; color:#0073bb;}
.dspBtn02 .left.cur p,
.dspBtn02 .left.cur p:hover{ background:url(/common/images/bg_disp_left_cur.gif) no-repeat; color:#ffffff; border:none; margin-right:0; cursor: default;}
.dspBtn02 .right.cur p,
.dspBtn02 .right.cur p:hover{ background:url(/common/images/bg_disp_right_cur.gif) no-repeat; color:#ffffff; cursor: default;}
.dspBtn02 .left p:hover{ background:url(/common/images/bg_disp_left_on.gif) no-repeat; color:#0073bb; border-right:#f00 1px solid; margin-right:-1px; position:relative; z-index:9; cursor:pointer;}
.dspBtn02 .right p:hover{ background:url(/common/images/bg_disp_right_on.gif) no-repeat; color:#0073bb; cursor:pointer;}
.dspBtn02 li.pdf{ position:absolute; right:0; top:0;}


.newsList dl{ overflow:hidden; font-size:116%; width:866px; margin:0 auto -5px;}
.newsList dl dt{ float:left; clear:both;}
.newsList dl dd{ padding-left:130px; margin-bottom:5px;}
.newsList dl dd a:hover{ color:#ff0000;}
.detailWrap{ width:100%; overflow:hidden; margin-top:20px; margin-bottom:20px;}
.detailWrap .colL{ float:left; margin-right:20px;}
.detailWrap .colR{ float:left; width:400px;}
.listType01{ font-size:116%;}
.listType01 li{ background:url(/common/images/icon_detail_list.gif) no-repeat 0 0.3em; padding-left:20px; margin-bottom:5px; line-height:1.5;}
.topicPath{ background:url(/common/images/bg_topicpath.gif) repeat-x bottom #fff;}
.topicPath ul{width: 945px; padding:10px 0; margin:0 auto; overflow:hidden;}
.topicPath ul li{ float:left; font-size:116%;}
.topicPath ul li a{ display:block; background:url(/common/images/icon_topicpath_arrow.gif) no-repeat right; padding-right:20px; margin-right:10px;} 
.topicPath ul li a:hover{ color:#f00;}
table.countData th,
table.countData td{
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
/box-sizing: content-box;
font-size:116%;
line-height:1.25;
}
table.countData{ table-layout: fixed; width:100%;background: #AAAAAA; border:1px solid #AAAAAA;border-collapse:separate; /border-collapse: collapse; zoom:1; width:100%; margin:10px 0 0 0; }
table.countData th{ border:1px solid #AAAAAA; background:#737373; color:#fff; padding:10px; text-align:center; vertical-align:middle;/*white-space:nowrap !important;*/}
table.countData th.cell01{ width:18%;}
table.countData th.cell02{ width:43%;}
table.countData td.cell01{ text-align:left;}
table.countData td.cell02{ text-align:center;}
table.countData td.cell03{ text-align:center;}
table.countData td{ border:1px solid #AAAAAA; background:#fafafa;padding: 7px 10px; text-align:center;}
table.countData tr.odd td{ background:#ffffff;}
.dlBtn{ background:url(/common/images/bg_btn.gif) repeat-x bottom; border:1px #ccc solid; /width:110px; min-width:110px;}
.dlBtn:hover{ border:1px #ff3300 solid; cursor:pointer;}
.dlBtn a{ background:url(/common/images/icon_dl.gif) no-repeat 5px center; display: block; padding:5px 8px 5px 20px; text-decoration:none;}

.searchKeyword{ font-size:116%; margin-bottom:30px;}
.searchKeyword .word{ color:#ff3300;}

.searchPager{ text-align:center; margin:15px 0; zoom:1; font-size: 0;}
.searchPager li { display:inline-block; *display: inline; zoom: 1;  width:36px; line-height:34px; text-align:center; margin:0; font-size:14px; border:1px solid #bbbbbb; border-left:none; background:#f8f8f8;}
.searchPager li a,
.searchPager li span { text-align:center; font-size:14px; zoom: 1;  display:block; width:100%; height:100% ; text-decoration:none;}
.searchPager li span{ opacity:0.2;}
.searchPager li.prev{border-left:1px solid #bbbbbb;}
.searchPager li.prev span{ background:url(/common/images/icon_arrow_l.gif) no-repeat center; text-indent:-9999px;}
.searchPager li.prev a{ background:url(/common/images/icon_arrow_l.gif) no-repeat center; text-indent:-9999px;}
.searchPager li.next span{ background:url(/common/images/icon_arrow_r.gif) no-repeat center; text-indent:-9999px;}
.searchPager li.next a{ background:url(/common/images/icon_arrow_r.gif) no-repeat center; text-indent:-9999px;}
.searchPager li:hover,
.searchPager .active{ border: 1px solid #f00; background:#fff; margin-left:-1px; cursor:pointer;}
.searchPager li.prev:hover,
.searchPager .prev .active{ margin-left:0;}
.searchPager .disabled{ color:#aaa;}
.searchPager .disabled:hover{ border-color:#bbbbbb; background:#f8f8f8; cursor:default;}
.searchDispTxt{font-size:116%;}
.searchList { border-top:2px solid #aaaaaa; border-bottom:1px solid #aaaaaa; margin:5px 0;}
.searchList li{ padding:15px 8px; border-bottom:1px solid #aaaaaa;}
.searchList li.odd{ background:#fafafa;}
.searchList li dl{}
.searchList li dl dt{ background:url(/common/images/icon_detail_list.gif) no-repeat left 0.4em; padding:2px 0 2px 20px; font-size:150%;}
.searchList li dl dt a{ margin-left:3px; }
.searchList li dl dd{ padding-left:33px; font-size:116%;}
.searchList li dl a{ color:#0073bb; text-decoration:none;}
.searchList li dl a:hover{ color:#ff3300; text-decoration: underline;}