@charset "Shift_JIS";


/*
----------------------------------------*/
/* contents 2column
   2カラムレイアウト用のcss
   #brandingは指定の案件コードを使用すること
--------------------------------------*/

/* #brandingについて、
   cssプロパティの指定は変更しないでください */
.pbNestedWrapper {
  overflow: visible;
  clear: none;
  min-width: 1em;
}
:root ol, :root ul {
    margin: 0;
    padding: 0;
}
#footerArea {
	padding: 5px 0 0;
}
#headerArea img,
#footerArea img {
	vertical-align: top;
}
#footerArea #re_cmn_pagetop {
	height: 18px;
}
#social h1 img,
#social h2 img {
	vertical-align: top;
}
#csr {
	width:750px;
	font-size:100%;
	line-height:180%;
	margin-bottom:20px;
	text-align:left;
	background-color:;
}

/*=============================================================
 CSR common Layout
=============================================================*/
/* reset style
-------------------------------------------------------------*/
#csr *{margin:0; padding:0;}
#csr h1,#csr h2,#csr h3,#csr h4,#csr h5,#csr h6{font-size:100%;}
#csr ol,#csr ul,#csr dl,#csr li,#csr dt,#csr dd{list-style:none;}
#csr img{vertical-align:top;}
#csr sup,
#csr sub{
	height:0;
	line-height:1;
	vertical-align:baseline;
	margin:0 1px;
	position:relative;
}
#csr sup{bottom:0.7ex;}
#csr sub{top:0.1ex;}

/* text Layout
-------------------------------------------------------------*/
#csr .textBold{font-weight:bold !important;}
#csr .textNormal{font-weight:normal !important;}
#csr .nowrap{white-space:nowrap;}
#csr .textBreak{word-break:break-all;}

/* base 12.8px */
#csr .textS{font-size:86%;}   /* 11px */
#csr .textL{font-size:109.4%;}/* 14px */
#csr .textLL{font-size:125%;} /* 16px */

/* Color */
#csr .key{color:#f58323 !important;}

/* overOpc */
#csr .overOpc,
#left_side .overOpc{
	-webkit-transition:opacity 0.2s ease-out;
	transition:opacity 0.2s ease-out;
}
#csr .overOpc:hover,
#left_side .overOpc:hover,
#csr a:hover .overOpc,
#left_side a:hover .overOpc{
	-ms-filter:"alpha(opacity=70)";
	opacity:0.7;
}
/* icon */
#csr .imgIcon{
	vertical-align:-0.2em;
	padding-right:4px;
}
#csr .imgIcon.blank{padding:0 0 1px 4px;}

/* block Layout
-------------------------------------------------------------*/
.dsp-none{display:none;}
.dsp-table{display:table;}
.dsp-table>*{display:table-cell;}

/* Float Element */
.cClear{clear:both !important;}
.fLeft {float:left !important;}
.fRight{float:right !important;}

/* aligh */
.alignL{text-align:left !important;}
.alignC{text-align:center !important;}
.alignR{text-align:right !important;}
.valignT{vertical-align:top !important;}
.valignM{vertical-align:middle !important;}
.valignB{vertical-align:bottom !important;}

/* margin padding */
.mT1L{margin-top:1.8em !important;}
.mT0{margin-top:0 !important;}
.mT5{margin-top:5px !important;}
.mT10{margin-top:10px !important;}
.mT15{margin-top:15px !important;}
.mT20{margin-top:20px !important;}
.mT25{margin-top:25px !important;}
.mT30{margin-top:30px !important;}
.mT35{margin-top:35px !important;}
.mT40{margin-top:40px !important;}
.mT50{margin-top:50px !important;}
.mT60{margin-top:60px !important;}
.mT70{margin-top:70px !important;}
.mT80{margin-top:80px !important;}
.mT90{margin-top:90px !important;}
.mR0 {margin-right:0 !important;}
.mR10{margin-right:10px !important;}
.mR20{margin-right:20px !important;}
.mR40{margin-right:40px !important;}
.mB0 {margin-bottom:0 !important;}
.mB5 {margin-bottom:5px !important;}
.mB10{margin-bottom:10px !important;}
.mB15{margin-bottom:15px !important;}
.mB20{margin-bottom:20px !important;}
.mB25{margin-bottom:25px !important;}
.mB30{margin-bottom:30px !important;}
.mB35{margin-bottom:35px !important;}
.mB40{margin-bottom:40px !important;}
.mB50{margin-bottom:50px !important;}
.mL0 {margin-left:0 !important;}
.mL10{margin-left:10px !important;}
.mL20{margin-left:20px !important;}
.mL40{margin-left:40px !important;}
.pT0{padding-top:0 !important;}
.pT5{padding-top:5px !important;}
.pT10{padding-top:10px !important;}
.pT15{padding-top:15px !important;}
.pT20{padding-top:20px !important;}
.pT25{padding-top:25px !important;}
.pT30{padding-top:30px !important;}
.pT35{padding-top:35px !important;}
.pT40{padding-top:40px !important;}
.pT50{padding-top:50px !important;}
.pR0 {padding-right:0 !important;}
.pR10{padding-right:10px !important;}
.pR20{padding-right:20px !important;}
.pR40{padding-right:40px !important;}
.pB0 {padding-bottom:0 !important;}
.pB5 {padding-bottom:5px !important;}
.pB10{padding-bottom:10px !important;}
.pB15{padding-bottom:15px !important;}
.pB20{padding-bottom:20px !important;}
.pB25{padding-bottom:25px !important;}
.pB30{padding-bottom:30px !important;}
.pB35{padding-bottom:35px !important;}
.pB40{padding-bottom:40px !important;}
.pB50{padding-bottom:50px !important;}
.pL0{padding-left:0 !important;}
.pL10{padding-left:10px !important;}
.pL20{padding-left:20px !important;}
.pL40{padding-left:40px !important;}

/* title
-------------------------------------------------------------*/
/* pagetitle */
#csr h1{
	font-size:195.3%;
	line-height:1.25;
	font-weight:bold;
	margin-bottom:30px;
	padding-bottom:4px;
	border-bottom:1px solid #999;
}
#csr h1.img{
	margin-bottom:30px;
	padding-bottom:0;
	border-bottom:none;
}
#csr h1>span{
	padding:2px 0 4px 13px;
	display:block;
	border-left:7px solid #f58323;
}
#csr h1+.box-idt>*:first-child{margin-top:0;}

/* ttl-h2 */
#csr .ttl-h2{
	color:#f58323;
	font-size:156.25%;
	line-height:1.3;
	font-weight:bold;
	margin:60px 0 15px;
}
/* ttl-h3 */
#csr .ttl-h3{
	font-size:140.625%;
	line-height:1.3;
	font-weight:bold;
	margin:50px 0 18px;
	padding-top:5px;
	border-top:1px solid #ccc;
	position:relative;
}
#csr .ttl-h3:before{
	content:"";
	width:179px;
	height:0;
	display:block;
	border-top:2px solid #f58323;
	position:absolute;
	top:-1px;
	left:0;
}
#csr .ttl-h2+.ttl-h3{margin-top:0;}

/* ttl-fig */
#csr .ttl-fig{
	font-size:109.4%;
	line-height:1.4;
	font-weight:bold;
	margin:30px 0 8px;
}
#csr .ttl-h2+.ttl-fig
#csr .ttl-h3+.ttl-fig{margin-top:0;}

/* text
-------------------------------------------------------------*/
/* text-atn */
#csr .text-atn,
#csr .list-atn{
	font-size:93.75%;
	line-height:1.5;
	margin-top:15px;
}
#csr .text-atn,
#csr .list-atn>li{
	text-indent:-1em;
	margin-left:1em;
}
/* textAccent */
#csr .textAccent{
	color:#f58323;
	font-size:265.625%;
	line-height:1;
	font-weight:normal;
}
#csr .textAccent .textS{font-size:70%;}

/* figcaption */
#csr .figcaption{
	font-size:93.75%;
	line-height:1.5;
	display:block;
	margin-top:8px;
}
/* link
-------------------------------------------------------------*/
/* arw */
#csr .arw{margin-top:15px;}
#csr .arw a{
	display:inline-block;
	background:url(/library/common/images/common/list_icon_main02.gif) no-repeat 2px 0.35em;
	padding-left:20px;
}
#csr .arw.pdf a{background:url(/library/common/images/common/pdf_icon_s.gif) no-repeat 0 0.2em;}

/* list
-------------------------------------------------------------*/
/* list-dot */
#csr .list-dot>li{
	padding-left:1em;
	position:relative;
}
#csr .list-dot>li:before{
	content:"";
	background:#333;
	display:block;
	width:3px;
	height:3px;
	position:absolute;
	top:0.7em;
	left:0.3em;
	border-radius:3px;
}
/* list-circle */
#csr .list-circle>li{
	padding-left:1em;
	position:relative;
}
#csr .list-circle>li:before{
	content:"";
	background:#f58323;
	display:block;
	width:9px;
	height:9px;
	position:absolute;
	top:0.5em;
	left:0.1em;
	border-radius:1em;
}
/* list-num */
#csr .list-num{margin-left:2em;}
#csr .list-num>li{list-style-type:decimal;}

/* list-flow */
#csr .list-flow{margin-right:-15px;}
#csr .list-flow>li{
	display:inline-block;
	padding-right:15px;
}
/* box
-------------------------------------------------------------*/
/* box-idt */
#csr .box-idt{
	padding-right:15px;
	padding-left:15px;
}
/* column */
#csr .box-clm2>.boxL{
	float:left;
	width:350px;
}
#csr .box-clm2>.boxR{
	float:right;
	width:350px;
}
#csr .box-clm2.left2x>.boxL,
#csr .box-clm2.right2x>.boxR{width:474px;}
#csr .box-clm2.left2x>.boxR,
#csr .box-clm2.right2x>.boxL{width:227px;}
#csr .box-clm2.left3x>.boxL,
#csr .box-clm2.right3x>.boxR{width:535px;}
#csr .box-clm2.left3x>.boxR,
#csr .box-clm2.right3x>.boxL{width:165px;}
#csr .box-clm3>.boxL{
	float:left;
	width:227px;
	margin-right:20px;
}

#csr .box-clm3>.boxR{
	float:right;
	width:227px;
	margin-left:-1px;
}
#csr .box-clm4>.boxL{
	float:left;
	width:165px;
	margin-right:20px;
}
#csr .box-clm4>.boxR{
	float:right;
	width:165px;
}
/* box-bdr */
#csr .box-bdr{
	margin-top:40px;
	padding:13px;
	border:2px solid #e5e5e5;
}
#csr .ttl-fig+.box-bdr{margin-top:0;}
#csr .box-bdr .boxTtl{
	font-size:109.4%;
	line-height:1.3;
	font-weight:bold;
	margin:40px 0 10px;
	padding:1px 0 0 5px;
	border-left:5px solid #f58323;
}
#csr .box-bdr>.boxTtl:first-child{margin-top:0;}

/* box-bg */
#csr .box-bg{
	background-color:#f5f5f5;
	margin-top:40px;
	padding:15px;
}
#csr .box-bdr .box-clm2>.boxL,
#csr .box-bdr .box-clm2>.boxR,
#csr .box-bg .box-clm2>.boxL,
#csr .box-bg .box-clm2>.boxR{width:335px;}
#csr .box-bdr .box-clm2.left2x>.boxL,
#csr .box-bdr .box-clm2.right2x>.boxR,
#csr .box-bg .box-clm2.left2x>.boxL,
#csr .box-bg .box-clm2.right2x>.boxR{width:459px;}
#csr .box-bdr .box-clm2.left2x>.boxR,
#csr .box-bdr .box-clm2.right2x>.boxL,
#csr .box-bg .box-clm2.left2x>.boxR,
#csr .box-bg .box-clm2.right2x>.boxL{width:212px;}
#csr .box-bdr .box-clm2.left3x>.boxL,
#csr .box-bdr .box-clm2.right3x>.boxR,
#csr .box-bg .box-clm2.left3x>.boxL,
#csr .box-bg .box-clm2.right3x>.boxR{width:520px;}
#csr .box-bdr .box-clm2.left3x>.boxR,
#csr .box-bdr .box-clm2.right3x>.boxL,
#csr .box-bg .box-clm2.left3x>.boxR,
#csr .box-bg .box-clm2.right3x>.boxL{width:150px;}
#csr .box-bdr .box-clm3>.boxL,
#csr .box-bdr .box-clm3>.boxR,
#csr .box-bg .box-clm3>.boxL,
#csr .box-bg .box-clm3>.boxR{width:217px;}

/* toggle-set
-------------------------------------------------------------*/
#csr .toggle-set>.toggle-btn{
	padding-left:22px;
	cursor:pointer;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	position:relative;
}
#csr .toggle-set>.toggle-btn:before{
	content:"";
	background:url(/library/common/images/csr/common/icon_toggle.gif) no-repeat 0 0;
	display:block;
	width:16px;
	height:16px;
	margin-top:-9px;
	position:absolute;
	left:0;
	top:50%;
}
#csr .toggle-set.open>.toggle-btn:before{
	content:" ";/* fix IE8 */
	background-position:0 -16px;
}
#csr .toggle-set>.toggle-box{display:none;}
#csr .toggle-set.open>.toggle-box{display:block;}

/* table
-------------------------------------------------------------*/
/* table-data */
#csr .table-data{
	width:100%;
	border-collapse:collapse;
	border-top:1px solid #999;
}
#csr .table-data th,
#csr .table-data td{
	vertical-align:middle;
	padding:8px 12px;
	border-bottom:1px solid #999;
	border-left:1px dotted #999;
}
#csr .table-data th{
	font-weight:bold;
	text-align:left;
}
#csr .table-data thead th{
	font-weight:bold;
	background-color:#ffd8ac;
	text-align:center;
}
#csr .table-data tr:nth-child(even) th,
#csr .table-data tr:nth-child(even) td{background-color:#fff7ee;}
#csr .table-data th:first-child,
#csr .table-data td:first-child{border-left:none;}
#csr .table-data th.bdrL,
#csr .table-data td.bdrL{border-left:1px dotted #999;}
#csr .table-data th.bdrLSolid,
#csr .table-data td.bdrLSolid{border-left:1px solid #999;}
#csr .table-data th.bdrBDashed,
#csr .table-data td.bdrBDashed{border-bottom:1px dashed #999;}
#csr .table-data.padS{font-size:93.75%;}
#csr .table-data.padS th,
#csr .table-data.padS td{padding:4px 6px;}

/* side_navi-csr
-------------------------------------------------------------*/
#side_navi-csr>dt{
	color:#fff;
	font-size:109.4%;
	line-height:1.25;
	font-weight:bold;
}
#side_navi-csr>dt a{
	color:#fff;
	text-decoration:none;
	background-color:#dd6400;
	display:block;
	padding:13px 14px 12px;
	border-radius:5px 5px 0 0;
}
#side_navi-csr>dt a:hover{background-color:#ef6c00;}
#side_navi-csr>dd{
	line-height:1.4;
	background-color:#fff4e7;
	border:1px solid #ffd8ac;
	border-top:none;
}
#side_navi-csr li{
	border-top:1px solid #dd7300;
	position:relative;
}
#side_navi-csr li li,
#side_navi-csr .open:hover>ul>li:first-child{border-top:1px dotted #dd7300;}
#side_navi-csr>dd>ul>li:first-child{border-top:none;}
#side_navi-csr li a{
	color:#333;
	text-decoration:none;
	background:url(/library/common/images/common/list_icon.gif) no-repeat 13px 13px;
	display:block;
	padding:8px 4px 8px 22px;
}
#side_navi-csr li .sn-ttl{
	color:#d33f00;
	font-weight:bold;
	display:block;
	padding:8px 4px 8px 13px;
}
#side_navi-csr li li a,
#side_navi-csr li.open:hover>ul>li>a{
	background-image:url(/library/common/images/csr/common/list_icon_child.gif);
	background-position:23px 12px;
	padding-left:32px;
}
#side_navi-csr li.openDf.open>ul>li>a{
	background-image:url(/library/common/images/common/list_icon.gif);
	background-position:23px 13px;
}
#side_navi-csr li li li a,
#side_navi-csr li:hover li.open>ul>li>a{
	background-image:url(/library/common/images/csr/common/list_icon_child.gif);
	background-position:33px 12px;
	padding-left:42px;
}
#side_navi-csr li:hover,
#side_navi-csr a:hover,
#side_navi-csr .act>a{background-color:#f9bb86;}
#side_navi-csr .open,
#side_navi-csr .open:hover{background-color:#ffe6c9;}
#side_navi-csr .openDf,
#side_navi-csr .openDf:hover{background-color:transparent;}
#side_navi-csr>dd>ul>li.open>a,
#side_navi-csr>dd>ul>li.open>a,
#side_navi-csr li.openDf>ul>li.open>a{
	background-image:url(/library/common/images/csr/common/list_icon_open.gif);
	background-position:11px 14px;
}
#side_navi-csr li.openDf>ul>li.open>a{background-position:21px 14px;}
#side_navi-csr li ul{display:none;}
#side_navi-csr .open>ul{display:block;}
/*#side_navi-csr li:hover>ul{
	display:block;
	width:188px;
	background-color:#ffe6c9;
	position:absolute;
	top:0;
	left:188px;
	z-index:12;
}*/
#side_navi-csr .open:hover>ul{
	background-color:transparent;
	width:auto;
	padding:0;
	position:static;
	border:none;
}
/*#side_navi-csr li:hover>ul>li:first-child{border-top:none;}
#side_navi-csr li:hover>ul>li>a{
	background-image:url(/library/common/images/common/list_icon.gif);
	background-position:13px 13px;
	padding-left:22px;
}*/


/*=============================================================
 CSR feature Layout
=============================================================*/
/* featureTop-contents
-------------------------------------------------------------*/
#featureTop-contents>.box{
	background-color:#e7f1fa;
	border-radius:0 0 5px 5px;
}
#featureTop-contents>#theme2{background-color:#e5f5f3;}
#featureTop-contents .box01{padding:35px 20px 40px 25px;}
#featureTop-contents .box01 .text{
	float:left;
	width:340px;
}
/* toggle-set */
#featureTop-contents .toggle-set .toggle-btn{
	padding-left:0;
	cursor:pointer;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	position:relative;
}
#featureTop-contents .toggle-set>.toggle-btn:before{display:none;}
#featureTop-contents>.box>.toggle-set>.toggle-btn{
	background-color:#cde1f5;
	text-align:center;
	padding:10px;
	border-radius:0 0 5px 5px;
}
#featureTop-contents>#theme2>.toggle-set>.toggle-btn{background-color:#b2e2dc;}
#featureTop-contents>.box>.toggle-set>.toggle-btn>span,
#featureTop-contents>.box>.toggle-set.open>.toggle-btn>img{display:none;}
#featureTop-contents>.box>.toggle-set.open>.toggle-btn>span{display:block;}
#featureTop-contents .toggle-box{padding:10px 25px 60px;}

/* box02 */
#featureTop-contents .box02{
	background:url(/library/common/images/csr/feature/index_bg_box01_top.png) no-repeat 0 0;
	padding-top:10px;
}
#featureTop-contents .box02>div{
	background:url(/library/common/images/csr/feature/index_bg_box01_btm.png) no-repeat 0 bottom;
	padding:0 61px 55px;
}
#featureTop-contents .box02 h4{
	color:#00aac8;
	font-size:117.2%;
	font-weight:bold;
	text-align:center;
	margin-bottom:5px;
	padding-bottom:12px;
	border-bottom:1px solid #ccc;
}
#featureTop-contents .box02 dl{
	float:left;
	width:270px;
	margin-top:20px;
}
#featureTop-contents .box02 dd{margin-top:12px;}

/* arw */
#featureTop-contents .arw a{
	color:#41599b;
	background:url(/library/common/images/csr/feature/index_arw01.png) no-repeat 2px 0.45em;
	padding-left:14px;
}
/* table01 */
#featureTop-contents .table01{
	background:url(/library/common/images/csr/feature/index_bg_table01_btm.png) no-repeat 63px bottom;
	padding-bottom:10px;
}
#featureTop-contents .table01 table{
	background:url(/library/common/images/csr/feature/index_bg_table01.png) repeat-y 67px 0;
	width:100%;
	border-collapse:collapse;
}
#featureTop-contents .table01 th{
	background:url(/library/common/images/csr/feature/index_bg_table01_mk02.png) no-repeat 63px 0;
	width:85px;
	vertical-align:top;
}
#featureTop-contents .table01 tr:first-child>th{background-image:url(/library/common/images/csr/feature/index_bg_table01_mk01.png);}
#featureTop-contents .table01 td{
	font-size:109.4%;
	vertical-align:top;
	padding-bottom:15px;
}
#featureTop-contents .table01 td strong{color:#006950;}

/* feature-contents
-------------------------------------------------------------*/
#feature-contents{
	margin-top:50px;
	padding:0 25px;
}
/* feature-menu */
#feature-contents .feature-menu{
	margin-top:40px;
	padding-top:20px;
	border-top:4px dotted #b2e2dc;
}
#feature-contents .feature-menu ul{margin:0 -6px 0 -4px;}
#feature-contents .feature-menu li{float:left;}

/* arw */
#feature-contents .arw a{
	color:#006950;
	background:url(/library/common/images/csr/feature/arw02.png) no-repeat 2px 0.45em;
	padding-left:14px;
}
/* ttl01 */
#feature-contents .ttl01{
	color:#00a08c;
	font-size:125%;
	line-height:1.15;
	font-weight:bold;
	margin:30px 0 15px;
	padding:1px 0 0 8px;
	border-left:7px solid #00a08c;
}
/* clm */
#feature-contents .box-clm2.left2x>.boxL,
#feature-contents .box-clm2.right2x>.boxR{width:465px;}
#feature-contents .box-clm2.left2x>.boxR,
#feature-contents .box-clm2.right2x>.boxL{width:215px;}

/* library
-------------------------------------------------------------*/
#csr .library-box .boxR.rightArea{width:505px;}
#csr .library-box .rightArea dt{
	float: left;
	margin-bottom: 4px;
	width: 320px;
}
#csr .library-box .rightArea dd{
	float: left;
	margin-bottom: 4px;
	width: 185px;
}
#csr .library-box .leaflet{
	margin:30px -15px 0 0;
	position:relative;
	display:block;
}
#csr .library-box .leaflet.lineTop{
	margin:15px -15px 0;
	padding:15px 0 0 15px;
	border-top:1px dotted #949494;
}
#csr .library-box .leaflet:first-child{margin-top:0;}
#csr .library-box .leaflet .leaflet_a{
	display:block;
	float:left;
	width:168px;
	margin-right:4px;
}
/* gri
-------------------------------------------------------------*/
/* table-gri */
#csr .table-gri{
	width:100%;
	border-collapse:collapse;
	border-left:1px solid #999;
	border-top:1px solid #999;
}
#csr .table-gri th{
	font-weight:bold;
	background-color:#ffd8ac;
}
#csr .table-gri td,
#csr .table-gri th{
 vertical-align:top;
 padding:5px 10px;
 border-bottom:1px solid #999;
 border-right:1px solid #999;
}
#csr .table-gri tr.c1{background-color:#fff7ee;}
#csr .table-gri tr.c2{background-color:#fffaf5;}
#csr .table-gri tr.c3{background-color:#eaeaea;}
#csr .table-gri td dl{
	width:100%;
	overflow:hidden;
}
#csr .table-gri td dl dt{
	width:4.5em;
	float:left;
	clear:both;
}
#csr .table-gri td dl dd{
	width:auto;
	margin-left:5em;
}
