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

/******************************************************/
/* index */
/******************************************************/

/* slideArea */
.wideslider {	width: 100%; text-align: left; position: relative; overflow: hidden; }
.wideslider ul,.wideslider ul li { float: left; display: inline; overflow: hidden; }
.wideslider ul li img {	width: 100%; display: none; }
.wideslider_base { top: 0; position: absolute; }
.wideslider_wrap { top: 0; position: absolute; overflow: hidden; }
.slider_prev, .slider_next { top: 0; overflow: hidden; position: absolute; z-index: 100; cursor: pointer; }
.slider_prev {background: #fff url(images/top/slide_prev.gif) no-repeat right center; }
.slider_next {background: #fff url(images/top/slide_next.gif) no-repeat left center; }
.pagination {	bottom: 20px;	left: 0; width: 100%;	height: 15px;	text-align: center;	position: absolute;	z-index: 200; }
.pagination a {	margin: 0 7.5px;	width: 15px; height: 15px; display: inline-block;	overflow: hidden;	background: #fff;filter:alpha(opacity=100)!important;	-moz-opacity: 1!important; opacity: 1!important; }
.pagination a.active { background: #006a34; }
.wideslider ul:after { content: "."; height: 0; clear: both; display: block; visibility: hidden;}
.wideslider ul { display: inline-block;	overflow: hidden; }

/* topTopic */
.topTopic { margin: 30px 0; }
.topTopicTitle { background: #006a34; color: #fff; font-weight: bold; padding: 20px 0; float: left; width: 200px; text-align: center; }
.topTopicText { float: right; width: 750px; font-size: 87.5%; line-height: 2; }

/* topNews */
.topNews { margin: 50px 0 0; padding: 0 30px; }
.topNewsTitle { font-size: 175%; width: calc(100% - 140px); float: left; }
.topNewsBtn { float: right; width: 130px; }
.topNewsBtn a { padding: 10px 0; }
.topNewsList { clear: both; padding: 20px 0; }
.topNewsList .col2 { width: 438px; float: left; margin: 20px 0; padding: 20px 0 0; border-top: 3px solid #bed9cc; }
.topNewsList .col2:nth-of-type(2n) { margin-left: 64px; }
.topNewsList .col2:nth-of-type(2n+1) { clear: both; }
.topNewsList p { font-size: 87.5%; line-height: 1.5; padding: 0 0 10px; }
.topNewsList a { color: #000; text-decoration: none; }
.topNewsList a:hover { color: #333; text-decoration: underline;}


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

	.pagination { display: none; }

	.topTopic { margin: 20px 0; }
	.topTopicTitle { margin: 0 auto 20px; padding: 10px 0; float: none;  }
	.topTopicText { float: none; width: calc(100% - 20px); padding: 0 10px; line-height: 1.5; }

	.topNews { margin: 30px 0 0; padding: 0 10px; }
	.topNewsTitle { font-size: 150%; padding: 8px 0; }
	.topNewsList { padding: 1px 0 0; }
	.topNewsList .col2 { width: 100%; float: none; margin: 20px 0; padding: 10px 0 0; }
	.topNewsList .col2:nth-of-type(2n) { margin-left: 0; }
	.topNewsList p { padding: 0 0 5px; }

}



/******************************************************/
/* category */
/******************************************************/

.categoryArea { padding: 0 20px; }
.categoryArea .col2 { width: 47%; margin: 0 0 80px; padding: 20px 0 0; border-top: 3px solid #bed9cc; }
.categoryArea .col2:nth-of-type(2n) { float: right; } 
.categoryArea .col2:nth-of-type(2n+1) { clear: both; float: left; }
.categoryArea .date { padding: 0 0 20px; font-size: 87.5%; font-weight: bold; }
.categoryArea .image { padding: 0 0 20px; text-align: center; }
.categoryArea .subTitle { padding: 0 0 20px; font-size: 112.5%; font-weight: bold; line-height: 1.5; }
.categoryArea .text { padding: 0 0 20px; }
.categoryArea .btn a { padding: 10px; width: 120px; }

#mainColumn .categoryArea { padding: 0; }

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

	.categoryArea { padding: 0; }
	.categoryArea .col2 { width: 100%; margin: 0; padding: 15px 0 0; }
	.categoryArea .col2:nth-of-type(2n),
	.categoryArea .col2:nth-of-type(2n+1) { float: none; margin-bottom: 40px; }
	.categoryArea .date { padding: 0 0 15px; font-size: 75%; }
	.categoryArea .image { padding: 0 0 15px; }
	.categoryArea .subTitle { padding: 0 0 15px; font-size: 100%; }
	.categoryArea .text { padding: 0 0 15px; }

}
	

/******************************************************/
/* detail */
/******************************************************/

.contentsArea { padding: 0 0 20px; }
.contentsArea p { font-size: 87.5%; padding: 0 0 10px; line-height: 1.8; text-align: justify; }
.contentsArea p a,
.contentsArea ul a { color: #006a34; }
.contentsArea p a:hover,
.contentsArea ul a:hover { color: #396; }
.contentsArea ul { font-size: 87.5%; line-height: 1.5; }
.contentsArea ul li { padding: 7px 0 7px 16px; }
.contentsArea ul li:before { content:url(common/images/icn_dot.gif); position: relative; left: -8px; top: -2px; }
.contentsArea ul li.link { padding: 7px 0 7px 13px; }
.contentsArea ul li.link:before { content:url(common/images/icn_arrow.gif); position: relative; left: -6px; top: 1px; }
.contentsArea ul li a.linkExt:after { content:url(common/images/icn_link.gif); position: relative; left: 5px; bottom: -4px; }
.contentsArea ul li a.linkPdf:after { content:url(common/images/icn_pdf.gif); position: relative; left: 5px; bottom: -2px; }

.contentsArea .title_middle { border-bottom: 2px solid #006a34; font-size: 135.7142%;	margin-bottom: 30px; padding: 0 0 10px;	}
.contentsArea .title_small { border-left: 5px solid #006a34; font-size: 121.4285%; margin-bottom: 30px; padding: 0 0 0 10px; }
.contentsArea .title_mini {	color: #006a34; font-size: 107.1428%; font-weight: bold; line-height: 1.2; margin-bottom: 10px; }

.nowrapText,
.wrapText { clear: both; padding: 0 0 40px; }
.wrapText:after{content:".";display:block;height:0;visibility:hidden;clear:both;}
.wrapText .col2 { width: 47%; margin: 0 0 40px; }
.wrapText .col2:nth-of-type(2n) { float: right; margin-left: 6%; } 
.wrapText .col2:nth-of-type(2n+1) { clear: both; float: left; }
.wrapText .col3 { width: 30%; margin-bottom: 40px; }
.wrapText .col3:nth-of-type(3n) { float: right; margin-left: 5%; } 
.wrapText .col3:nth-of-type(3n+1) { clear: both; float: left; }
.wrapText .col3:nth-of-type(3n+2) { float: left; margin-left: 5%; }
.wrapText .image { text-align: center; }

.wrapBox { background: #eef5f1; display: block; border: solid 1px #ddd; margin: 0 0 40px; padding: 20px; }
.wrapBox:after{content:".";display:block;height:0;visibility:hidden;clear:both;}
.wrapBox .wrapBoxTitle { padding: 0 0 10px; line-height: 1.5; }
.wrapBox .col2 { width: 46%; box-sizing: border-box; }
.wrapBox .col2:nth-of-type(2n) { float: right; margin-left: 4%; } 
.wrapBox .col2:nth-of-type(2n+1) { clear: both; float: left; }
.wrapBox .col2_list li { width: 46%; box-sizing: border-box; }
.wrapBox .col2_list li:nth-of-type(2n) { float: right; margin-left: 4%; } 
.wrapBox .col2_list li:nth-of-type(2n+1) { clear: both; float: left; }
.wrapBoxAdobe { background: #fff; padding: 20px 20px 5px; font-size: 93.75%; }
.adobe .img { float: left; width: 180px; }

.wrapTable { margin-bottom: 40px; }
.wrapTable table { width: 100%; border-top: solid 1px #ddd; border-left: solid 1px #ddd; border-collapse:separate; font-size: 75%; line-height: 1.4; }
.wrapTable table th { background: #eef5f1; border-bottom: solid 1px #ddd; border-right: solid 1px #ddd; font-weight: bold; padding: 20px; }
.wrapTable table td { border-bottom: solid 1px #ddd; border-right: solid 1px #ccc; padding: 20px; } 

/* floatblock */
.wrapText .floatLblock{ float:left; width: 32%; margin-right: 40px; }
.wrapText .floatRblock{ float:right; width: 32%; margin-left: 40px; }

.nowrapText:after{content:".";display:block;height:0;visibility:hidden;clear:both;}
.nowrapText .floatLblock{ float:left; margin-right: 4%; width: 32%; }
.nowrapText .floatRblock{ float:right; margin-left: 4%; width: 32%; }
.nowrapText .nowrapblock{ overflow:hidden; display:block; }

.caption{ display:block; margin: 10px 0; font-size: 87.5%; text-align: center;}
.captionLink{ display:block; margin: 10px 0; font-size: 87.5%; text-align: center; }
.captionLink a{ display:inline-block; padding-left:15px; }

.pager { clear: both; padding: 0 0 20px; }
.pager ul { text-align: center; font-weight: bold; }
.pager ul li { display: inline-block; list-style: none; margin: 0 -4px 5px; font-size: 112.5%; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }
.pager ul li:first-child { border: none; border-right: 1px solid #ddd; margin-right: -2px; }
.pager ul li:last-child { border: none; border-left: 1px solid #ddd; margin-left: -2px; }
.pager ul li:first-child a,
.pager ul li:last-child a { color: #006a34; }
.pager ul li a { display: block; color: #000; text-decoration: none; padding: 10px 15px; width: 30px; }
.pager ul li a:hover { background: #006a34; color: #fff; }
.pager ul li.current a { background: #006a34; color: #fff; }
.pager ul li:first-child a:hover,
.pager ul li:last-child a:hover { color: #396; background: #fff; }

.contentsArea p.text_right { text-align: right; }
.contentsArea .btn_center { clear: both; text-align: center; margin: 20px auto 40px; }
.contentsArea .btn_center a { display: inline-block; font-weight: bold; font-size: 112.5%; background: #006a34; color: #fff; border: 1px solid #006a34; padding: 20px 50px; text-decoration: none; }
.contentsArea .btn_center a:hover { background: #396; }


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

	.contentsArea { padding: 0 10px 20px; }
	.contentsArea p { padding: 0 0 10px; line-height: 1.5; }
	.contentsArea ul li { padding: 4px 0 4px 16px; }

	.contentsArea .title_middle { font-size: 112.5%; }
	.contentsArea .title_small { font-size: 100%; margin-bottom: 20px; }
	.contentsArea .title_mini { font-size: 87.5%; margin-bottom: 7px; }

	.wrapText .col2,
	.wrapText .col3 { width: 100%; }
	.wrapText .col2 .image,
	.wrapText .col3 .image { text-align: center; }
	.wrapText .col2 .image span,
	.wrapText .col3 .image span { margin-left: 0; }
	.wrapText .col2:nth-of-type(2n),
	.wrapText .col2:nth-of-type(2n+1),
	.wrapText .col3:nth-of-type(3n),
	.wrapText .col3:nth-of-type(3n+1),
	.wrapText .col3:nth-of-type(3n+2) { float: none; margin-left: 0; margin-bottom: 30px; }
	
	.wrapBox { padding: 15px 10px; }
	.wrapBox .col2 { width: 100%; }
	.wrapBox .col2:nth-of-type(2n),
	.wrapBox .col2:nth-of-type(2n+1) { float: none; margin-left: 0; }
	.wrapBox .col2_list li { width: 100%; }
	.wrapBox .col2_list li:nth-of-type(2n),
	.wrapBox .col2_list li:nth-of-type(2n+1) { float: none; margin-left: 0; }
	.wrapBoxAdobe { padding: 15px 10px 0; }
	.adobe .img { float: none; width: auto; padding: 0 0 10px; }

	.wrapTable table th { padding: 15px 10px; }
	.wrapTable table td { padding: 15px 10px; } 

	/* floatblock */
	.wrapText { padding: 0 0 20px; display: block; width: 100%; }
	.wrapText .floatRblock,
	.wrapText .floatLblock { padding: 0 0 20px; display: block; width: 100%; }
	.wrapText .floatRblock .image,
	.wrapText .floatLblock .image { text-align: center; }
	.wrapText .floatRblock .image span,
	.wrapText .floatLblock .image span { text-align: center; }
	.wrapText .col2 .image { text-align: center;}
	.wrapText .col3 .image { text-align: center;}

	.nowrapText { padding: 0 0 20px; display: block; width: 100%; }
	.nowrapText .image img { max-width: 100%; }
	.nowrapText .floatRblock,
	.nowrapText .floatLblock { float:none; width:100%; text-align:center; margin:0; }
	.nowrapText .floatRblock .image,
	.nowrapText .floatLblock .image { text-align: center; }
	.nowrapText .floatRblock .image span,
	.nowrapText .floatLblock .image span { text-align: center; }
	
	.pager ul li a { padding: 5px 10px; width: 20px; }

}

	

/******************************************************/
/* form */
/******************************************************/

.formErrorMessage { color: #006a34; font-weight: bold; }

.formArea .requiredImg:before { content: url(images/form/required.gif); margin-right: 10px; }

.formInputArea { font-size: 87.5%; line-height: 1.4; margin: 30px 0; }
.formInputArea dt { width: 22.8571%; float: left; clear: both; padding: 12px 0 0 22px; margin: 0 0 25px; }
.formInputArea dt.required { text-indent: -22px; }
.formInputArea dt.required:before { content: url(images/form/required.gif); margin-right: 10px; }
.formInputArea dd { width: 71.4285%; float: right; margin: 0 0 25px; }

.formArea input[type="text"] { height: 40px; font-size: 100%; padding: 0 10px; border-radius: 5px; border: 1px solid #ccc; }
.formArea input[type="radio"] { margin-right: 10px; }
.formArea input[type="checkbox"] { margin-right: 10px; }
.formArea select { font-size: 100%; padding: 10px; border-radius: 5px; border: 1px solid #ccc; height: 40px; width: 66.6%; }
.formArea textarea { font-size: 100%; padding: 10px; border-radius: 5px; border: 1px solid #ccc; }
.formArea label.btn { padding: 10px 30px 10px 0; display: inline-block; }
.formArea .inputLarge { width: calc(100% - 20px); }
.formArea .input_col3 { width: calc(30% - 22px); float: left; margin-left: 5%; }
.formArea .input_col3:first-child { margin-left: 0; }
.formArea .textarea_type01 { width: calc(100% - 20px); height: 9em; }
.formArea .formErrorText { background: #eef5f1; color: #006a34; }

.formAction { width: 440px; margin: 0 auto 30px; }
.formAction button { background: #ccc; border: 1px solid #ccc; display: block; font-size: 112.5%; font-weight: bold; cursor: pointer; padding: 20px 0; width: 44.5%; }
.formAction button.submit { float: left; background: #006a34; color: #fff; border: 1px solid #006a34; }
.formAction button.submit:hover { background: #396; }
.formAction button.reset { float: right; background: #fff; margin-left: 5.5%; }
.formAction button.reset:hover { background: #eee; }



@media screen and (max-width: 736px){
	
	.formInputArea dt { width: calc(100% - 22px); float: none; padding: 12px 0 0 0; margin: 0 0 10px; }
	.formInputArea dt.required { text-indent: -22px; padding: 12px 0 0 22px; }
	.formInputArea dt.required:before { content: url(images/form/required.gif); margin-right: 10px; }
	.formInputArea dd { clear: both; width: 100%; float: none; margin: 0 0 25px; }

	
	.formArea select { width: calc(100% - 20px); }
	.formArea .input_col3 { }
	
	.formAction { width: 100%; }
	.formAction button { width: 47%; }
	.formAction button.reset { margin-left: 6%; }

}



/******************************************************/
/* login */
/******************************************************/

.loginArea { border-top: 3px solid #bfd9cc; margin: -40px 20px 0; }
.loginError { margin: 40px 0 -30px; }
.loginError p { text-align: center; color: #f33; font-size: 112.5%; }
.loginBox { background: #f5f5f5; margin: 70px auto 0; padding: 40px 0; width: 600px; }
.loginBox dl { width: 480px; margin: 0 auto; }
.loginBox dl dt { clear: both; float: left; width: 120px; padding: 8px 0 10px; }
.loginBox dl dd { float: right; width: 360px; padding: 0 0 20px; }
.loginID,
.loginPW { width: 96%; height: 32px; font-size: 125%; }
.loginBtn { border: none; background: #016936; color: #fff; display: block; cursor: pointer; font-size: 112.5%; font-weight: bold; text-align: center; padding: 10px 0; width: 132px; margin: 20px auto 0; }
.loginBtn:hover { background: #396; }


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

	.loginArea { margin: 0; }
	.loginError { margin: 30px 0 -20px; }
	.loginError p { font-size: 100%; }
	.loginBox { margin: 40px auto 0; padding: 20px 0 40px; width: 100%; }
	.loginBox dl { width: calc(100% - 20px); }
	.loginBox dl dt { float: none; width: 100%; padding: 8px 0 5px; }
	.loginBox dl dd { float: none; width: 100%; padding: 0 0 10px; }

	
}




/******************************************************/
/* 4color style */
/******************************************************/

/* style02 */
.style02 .loginBox { background: #666; }
.style02 .contentsArea .title_middle { border-bottom: 2px solid #cfc; }
.style02 .contentsArea .title_small { border-left: 5px solid #cfc; }
.style02 .contentsArea .title_mini { color: #cfc; }


/* style03 */
.style03 .contentsArea .title_middle { border-bottom: 2px solid #090; }
.style03 .contentsArea .title_small { border-left: 5px solid #090; }
.style03 .contentsArea .title_mini { color: #090; }


/* style04 */
.style04 .loginBox { background: #99c; }
.style04 .contentsArea .title_middle { border-bottom: 2px solid #cfc; }
.style04 .contentsArea .title_small { border-left: 5px solid #cfc; }
.style04 .contentsArea .title_mini { color: #cfc; }


/******************************************************/
/* book_list_title */
/******************************************************/
.formInputArea dt.book_list_title{
float:none;
width:100%;
}
.formInputArea dd.book_list{
float: none;
width:100%;
margin: 0 0 80px;
}
.formInputArea dd.book_list figure{
    width: 160px;

text-align: center;
    margin: 0;
    float: left;
    margin-right: 20px;
}
.formInputArea dd.book_list figure img{
height: 100px;
}
.formInputArea dd.book_list a {
color:#006a34;
}
@media screen and (max-width: 736px){
.formInputArea dt.book_list_title{
padding: 0px 0 0 22px;
    width: 90%;
}
.formInputArea dd.book_list figure{
float: none;
margin-bottom: 15px;
}
.formInputArea dd.book_list{
position: relative;
}
.formInputArea dd.book_list select{
margin-left: 10px;
}
}