@charset "shift_jis";

*{
	margin:0;
	padding:0;
}

html{
	overflow:hidden;
}

body{
	font-family:sans-serif;
	font-size:75%;
}

img{
	border:none;
}

a:link{
}

a:visited{
}

a:hover{
}

a:active{
}

ul{
	list-style:none;
}

#menuArea.csr2016 ul a:link{
	color:#0066CC;
}

#menuArea.csr2016 ul a:visited{
	color:#0066CC;
}

#menuArea.csr2016 ul a:hover{
	color:#FF0000;
	}

#menuArea.csr2016 ul a:active{
	color:#FF6600;
	}

/* -------------------- frame -------------------- */
#frame{
}



/* -------------------- headerArea -------------------- */
#headerArea{
	height:45px;
	width:1012px;
}

#siteLogo{
	float:left;
	width:270px;
}

#siteLogo img{
	margin:7px 0 0 21px;
}

#headerNavi{
	float:left;
	width:742px;
}

#headerNavi ul{
	margin:8px 0 0 0;
}

#headerNavi li{
	display:inline
}

#btBack{
	margin:0 0 0 60px;
}

#btNext{
	margin:0 0 0 5px;
}



/* -------------------- bodyArea -------------------- */
#bodyArea{
	border-top:2px solid #148C1E;
}



/* -------------------- contetnsArea -------------------- */
#contentsArea{
	float:right;
}



/* -------------------- btMenuDisplay -------------------- */
#btMenuDisplay{
	background:#D6EEBD;
	top:47px;
	left:0;
	position:fixed;
	_position:absolute;
	width:230px;
	height:26px;
	text-align:right;
}
#btMenuDisplay.csr2016{
	width:300px;
}

#btMenuDisplay img{
	cursor:pointer;
	margin:2px;
	
}


/* -------------------- menuArea -------------------- */
#menuArea{
	color:#000000;
	float:left;
	margin-top:26px;
	padding:0;
	width:230px;
	overflow:auto;
}

#menuArea.csr2016{
	width:300px;
}

#menuArea ul{
	list-style:none;
	width:202px;
	margin:10px auto 0 auto;
}

#menuArea.csr2016 ul{
	width:272px;
}

#menuArea li{
	margin-bottom:6px;
	line-height:1.4em;
}

#menuArea a{
	background:url(../img/icon_arrow_green.png) left top no-repeat;
	display:inline-block;
	padding-left:15px;
	/*width:187px;*/
}

#menuArea.csr2016 a{
	width:237px;
}

#menuArea li.safe_mark span.safe_bg,
#menuArea li.safe_mark dl.safe_bg{
	background:#a9f5f2;
	display:inline-block;
	padding:1px;
	text-decoration:underline;
}


#menuArea li.safe_mark dl.safe_bg dd{
	max-width:180px;
}

#menuArea li.safe_mark span.safe_bg{
	max-width:225px;
}

#menuArea li.safe_mark div.safe_2016{
	max-width:210px;
	display:inline-block;
}

#menuArea li.safe_mark span.safe_icon{
	display:inline-block;
	margin-left:5px;
	color:#008CF5;
}
#menuArea li span.normal_txt{
	color:#000000 !important;
	text-decoration:none !important;
}
#menuArea li.safe_indent{
	text-indent:3em;
}

#menuArea a:hover{
	color:#FF0000;
}

#menuArea a:active{
	color:#FF6600;
}


#menuArea a.selected{
	color:red;
}

#menuArea a.dir{
	background:none;
	padding-left:0;
	width:202px;
	height:26px;
	overflow:hidden;
}

#menuArea.csr2016 a.dir{
	width:272px;
	}
	
#menuArea ul ul{
	background:#FFF8E7;
	border:1px solid #cccccc;
	border-width:0 1px 1px 1px;
	color:#00F;
	display:none;
	list-style:disc;
	margin:0 2px 0 0;
	padding:10px 10px 5px 30px;
	width:auto;
}

#menuArea.csr2016 ul ul{
	list-style:none;
	padding:10px 10px 5px 10px;
	width:248px;
}

#menuArea ul ul a{
	background:none;
	display:inline;
	padding-left:0;
	width:auto;
}

#menuArea img{
	vertical-align:top;
}

#menuArea li.safe_mark div.safe_2016::after ,
#menuArea.csr2016 li dl::after {
    clear: both;
    content: "";
    display: block;
}

#menuArea.csr2016 li dt{
	float:left;
	text-decoration:underline;
}

#menuArea.csr2016 li dd{
	padding-left:4em;
}


/* ▼2020用に追加（20.08.04） */
#menuArea .menu_childLists {
	display: block;
	width: auto !important;
	margin: 0;
	padding-bottom: 0 !important;
	color: #333;
	border: none;
	background: none;
}
#menuArea .menu_childLists .safe_mark {
	display: inline-block;
	background: #a9f5f2;
	position: relative;
}
#menuArea .menu_childLists .safe_mark::after {
	content: "●";
	color: #008cf5;
	margin-left: 5px;
	position: absolute;
}
#menuArea .menu_txtLink {
	list-style: disc;
	color: #00f;
	overflow: hidden;
}
#menuArea .menu_txtLink > li {
	float: right;
	clear: right;
	margin-left: 2em;
	padding: 0 .2em;
} 





/* -------------------- linkArea -------------------- */
#linkArea img,#pdfArea img{
	vertical-align:middle;
}

#linkArea{
	width:202px;
	margin:30px auto 0 auto;
}

#linkArea.csr2016{
	width:272px;
}

#linkArea li{
	background:url(../img/icon_arrow_red.png) left top no-repeat;
	display:block;
	padding-left:15px;
	width:187px;
}

#linkArea.csr2016 li{
	width:237px;
}

#linkArea a{
	background:none;
	display:inline;
	font-weight:bold;
	padding:0;
}
#linkArea p{
	color:#333;
	line-height:1.4em;
	margin:5px 0 0 15px;
}


/* -------------------- pdfArea -------------------- */
#pdfArea{
	background:#f1f1f1;
	border:1px solid #CCCCCC;
	font-size:80%;
	_font-size:75%;
	padding:0 6px;
	width:192px;
	margin:20px auto;
}

#pdfArea.csr2016{
	width:252px;
}

#pdfArea a{
	background:none;
	display:inline;
	padding:0;
}
#pdfArea p{
	margin:6px 0;
}



/* -------------------- footerArea -------------------- */
#footerArea{
}



/* -------------------- other -------------------- */
.tCenter{
	text-align:center;
}

.tLeft{
	text-align:left;
}

.tRight{
	text-align:right;
}


.fNone{
	float:none;
}

.fLeft{
	float:left;
}

.fRight{
	float:right;
}


.after{
	zoom:100%;
}

.after:after{
	clear:both;
	content:"";
	display:block;
	height:0;
	visibility:hidden;
}


.hidden{
	overflow:hidden;
	position:absolute;
	width:0px;
	height:0px;
	top:-1000px;
	left:-1000px;
}

.changeImage{}