@charset "UTF-8";
/* -- ///////////////////////////////////////////
copyright 2012 FIELD co,ltd.
All Rights Reserved.
 
created: 2010.08.20 FIELD
////////////////////////////////////////// -- */



/* main_visual
----------------------------------------------------- */

div#main_visual{
	text-align: center;
	height: 360px;
	width: 100%;
	margin: 0px 0px 23px;
}

div#main_visual #main_visual_inner{
	height: 360px;
	width: 950px;
	margin: 0px auto;
}

/* rite
----------------------------------------------------- */


div#content #content_inner .section_rite{
	width: 950px;
	overflow: hidden;
	margin: 0px 0px 40px;
	position: relative;
}

div#content #content_inner .section_rite #rite_ajax_load{
	height: 170px;
	width: 950px;
	background: #000;
	position: absolute;
	left: 0px;
	top: 25px;
	text-align: center;
	vertical-align: middle;
	display: table-cell;
	display: none;
}

div#content #content_inner .section_rite #rite_ajax_load img{
	position: relative;
	top: 44%;
}

div#content #content_inner .section_rite .section_h2{
	margin: 0px 0px 3px;
	height: 22px;
	width: 950px;
	position: relative;
}

div#content #content_inner .section_rite .section_h2 h2{
	height: 22px;
	width: 950px;
	position: absolute;
	left: 0px;
	top: 0px;
}

div#content #content_inner .section_rite .section_h2 .month_num{
	height: 21px;
	width: 587px;
	position: absolute;
	top: 0px;
	right: 0px;
	overflow: hidden;
}

div#content #content_inner .section_rite .section_h2 .month_num ul{ width: 612px; }

div#content #content_inner .section_rite .section_h2 .month_num ul li{
	margin: 0px;
	float: left;
}

div#content #content_inner .section_rite .section_h2 .month_num ul li a{ display: block; }

div#content #content_inner .section_rite .section_h2 .month_pos{
	height: 4px;
	width: 17px;
	position: absolute;
	left: 193px;
	top: 18px;
}

div#content #content_inner .section_rite ul#rite_entry{ width: 955px; }

div#content #content_inner .section_rite ul#rite_entry li{
	margin: 0px 5px 0px 0px;
	float: left;
	width: 186px;
	font-size: 93%;
}

div#content #content_inner .section_rite ul#rite_entry li a{ text-decoration: none; }

div#content #content_inner .section_rite ul#rite_entry li a span.img{
	display: block;
	margin: 0px 0px 2px;
}

div#content #content_inner .section_rite ul#rite_entry li a span.date{
	display: block;
	color: #FFF;
}

div#content #content_inner .section_rite ul#rite_entry li a span.title{ color: #ec5b00; }

div#content #content_inner .section_rite ul#rite_entry li a:hover span.date{ text-decoration: underline; }

div#content #content_inner .section_rite ul#rite_entry li a:hover span.title{ text-decoration: underline; }


/* news & bnr
----------------------------------------------------- */

div.news{
	float: left;
	width: 557px;
}

div.news .section_h2{
	height: 22px;
	width: 557px;
	position: relative;
	margin: 0px 0px 15px;
}

div.news .section_h2 h2{
	height: 22px;
	width: 557px;
	position: absolute;
	left: 0px;
	top: 0px;
}

div.news .section_h2 a.archive{
	color: #ec5b00;
	position: absolute;
	left: 425px;
	top: 2px;
	display: block;
	width: 130px;
	text-decoration: none;
	font-size: 13px;
}

div.news .section_h2 a.archive:hover{ text-decoration: underline; }

div.news dl{ }

div.news dl dt{
	color: #FFF;
	clear: both;
	float: left;
	width: 195px;
	font-size: 12px;
}

div.news dl dt span.date{
	float: left;
	margin: 0 10px 0 0;
	width: 105px;
}

div.news dl dt span.cat{
	font-size: 11px;
	float: left;
	padding: 3px 0px 0px;
	display: block;
	height: 15px;
	width: 69px;
	background: center center;
	text-align: center;
	vertical-align: middle;
	margin: -2px 0px 0px;
}

div.news dl dt span.topics{ background: url(../../images/common/bg_news_cat01.gif) no-repeat center center; }

div.news dl dt span.rite{ background: url(../../images/common/bg_news_cat02.gif) no-repeat center center; }

div.news dl dt span.publication{ background: url(../../images/common/bg_news_cat03.gif) no-repeat center center; }

div.news dl dt span.update{ background: url(../../images/common/bg_news_cat04.gif) no-repeat center center; }

div.news dl dd{
	margin: 0px 0px 10px 200px;
	line-height: 1.3;
	font-size: 93%;
}

div.news dl dd a{
	color: #FFF;
	text-decoration: none;
}

div.news dl dd a:hover{
	color: #FFF;
	text-decoration: underline;
}


div.bnr{
	float: right;
	width: 377px;
	overflow: hidden;
}

div.bnr ul{ width: 386px; }

div.bnr ul li{
	margin: 0px 9px 9px 0px;
	float: left;
	height: 71px;
	width: 184px;
}

/* main_visual 20201210追加
----------------------------------------------------- */
.popuparea{
	position: fixed;
	width: 100%;
	height: 100vh;
	z-index: 9999;
}
.popuparea.is-close{
	display: none;
}
.popuparea *{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.popuparea__bg{
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.5);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
}
.popuparea__inner{
	background-color: #fff;
	width: 80%;
	max-width: 900px;
	padding: 30px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: 100;
}
.popuparea__close{
	position: absolute;
	top: 0;
	right: -60px;
	width: 50px;
	height: 50px;
	cursor: pointer;
}
.popuparea__close::before,
.popuparea__close::after{
	content:"";
	position: absolute;
	top: 50%;
	right: 0;
	background-color: #fff;
	width: 100%;
	height: 3px;
}
.popuparea__close::before{
	transform: translateY(-50%) rotate(45deg);
}
.popuparea__close::after{
	transform: translateY(-50%) rotate(-45deg);
}
.popuparea__header{
	text-align: center;
	color: #ed5c00;
	font-weight: bold;
	font-size: 22px;
}
.popuparea__title{
	text-align: center;
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 15px;
}
.popuparea__body{
	margin-top: 30px;
	max-height: 450px;
	overflow-y: scroll;
}
.popuparea__body .mt30{
	margin-top: 30px;
}
.popuparea__body a{
	color: #cd921e;
	text-decoration: underline;
}
.popuparea__body a:hover{
	text-decoration: none;
}
.popuparea__body ul{
	list-style: circle;
	margin-left: 20px;
}
.popuparea__body li{
	font-size: 14px;
}
.popuparea__body li + li{
	margin-top: 5px;
}
.popuparea__body table{
	background-color: #eee6dc;
	margin-top: 20px;
	width: 100%;
	border-collapse: collapse;
}
.popuparea__body table,
.popuparea__body th,
.popuparea__body td{
	border: 1px solid #aaa;
}
.popuparea__body caption{
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	padding-bottom: 10px;
}
.popuparea__body th,
.popuparea__body td{
	padding: 5px 10px;
}
.popuparea__body table tr > *:first-child{
	width: 100px;
	font-weight: bold;
	text-align: center;
}
.popuparea__body td span{
	font-size: 12px;
}
.popuparea__table1 th{
	font-weight: bold;
}
.popuparea__table1 td{
	background-color: #fff;
}
.popuparea__table1 tr > *:first-child{
	background-color: #eee6dc;
}
.popuparea__body .box_dashed_bottom{
	border-bottom: 1px dashed #aaa;
}
.popuparea__body .box_dashed_top{
	border-top: 1px dashed #aaa;
}
.popuparea__body .box_custom{
	padding: 0;
}
.popuparea__body .box_custom div{
	position: relative;
	padding: 5px 10px;
	width: 100%;
	height: 100%;
}
.popuparea__body .box_custom div::before{
	content: "〜";
	font-size: 16px;
	color: #555;
	position: absolute;
	bottom: -10px;
	left: 33px;
	transform: rotate(90deg);
	line-height: 1;
}
.popuparea__body .box_custom1 div::before{
	bottom: -20px;
}
.popuparea__text{
	font-size: 12px;
	margin-top: 5px;
}