@charset "UTF-8";
/* CSS Document */

#contents_area h2#catch {
font-size: 1.7rem;
line-height: 1.5;
margin: 30px auto;
}

.director {
margin:50px 0;
}

.director img {
float:left;
/*
padding:5px;
border:1px solid #CCC;
*/
border-radius:5px;
}

.director p {
padding-left:20px;
height:240px;
vertical-align: bottom;
display: table-cell;
}


.top_org_container {
float: left;
width: 32%;
max-width: 240px;
margin: 0 2% 1rem 0;
border: 1px solid #CCC;
border-radius: 5px;
min-width: 10rem;
background-color: #F8F8F8;
box-sizing:border-box;
}

.top_org_container:nth-child(3n-1) {
margin-right:0;
}

.top_org_container:nth-child(3n) {
clear:both;
}

.top_org_container:hover {
background-color: #FEE;
}

.top_org_container:hover img {
opacity: 0.8;
}

#contents_area .top_org_container span {
text-align: center;
line-height: 1;
padding: 10px 5px 7px;
height:4rem;
vertical-align: middle;
display: table-cell;
width:32%;
}

#contents_area h3 {
line-height: 1.3!important;
}

.top_org_container a {
text-decoration:none;
}

.top_org_container img {
width: 100%;
margin-bottom: 0;
display: block;
border-radius: 0 0 5px 5px;
}




#topimage h1 {
	background-image:url(../img/top_image.png);
}


#headimage h1 {
	background-image:url(../img/head_image_bg.png);
/*
	background-color:#999;
*/
}


#news_area_title {
	margin:0;
	height:40px;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	background-image:url(../img/top_news_bg.png);
}

#news_area_title ul {
	margin: 0;
	padding: 0;
	display: inline-block;
	float:left;
}


#news_area_title ul li {
	margin:0;
	padding:0;
	height:40px;
	list-style:none;
	display:inline;
	float:left;
	border-right:1px solid #D9D9D9;
}

#news_area_title a {
	height:40px;
	display:block;
	text-indent:-9999px;
}

#news_area_title a:hover {
	background-image:url(../img/top_news_on.png);
}


a#na_topics {
	width:105px;
	background-position:center 0px;
	background-image:url(../img/top_news_on.png);
}

a#na_event {
	width:124px;
	background-position:center -40px;
	background-image:url(../img/top_news_off.png);
}

a#na_seminar {
	width:165px;
	background-position:center -80px;
	background-image:url(../img/top_news_off.png);
}



#news_area {
	margin: 0 0 50px 0;
	padding: 5px 15px;
	border:1px solid #CCCCCC;
	border-top:none;
	height:300px;
	overflow:auto;
}



#topics, #event, #seminar, #recruit {
	margin:0;
	padding:0;
}

#topics, #event, #seminar, #recruit {
	display:none;
}

#topics {
	display:block;
}

.goall {
	float:right;
	font-size:80%;
}

.goall a {
	padding-left:18px;
	background: url("/j/cmn/img/arrow_orange_off.png") no-repeat 0 center;
}

.goall a:hover {
	background: url("/j/cmn/img/arrow_orange_on.png") no-repeat 0 center;
}

.noborder {
	border:none;
}






dd.wn_news {
	background:url("/j/cmn/img/wn_news.png") no-repeat 0 0.5ex;
}

dd.wn_topics {
	background:url("/j/cmn/img/wn_topics.png") no-repeat 0 0.5ex;
}

dd.wn_recruit {
	background:url("/j/cmn/img/wn_recruit.png") no-repeat 0 0.5ex;
}

dd.wn_event {
	background:url("/j/cmn/img/wn_event.png") no-repeat 0 0.5ex;
}

dd.wn_press {
	background:url("/j/cmn/img/wn_press.png") no-repeat 0 0.5ex;
}

dd.wn_award {
	background:url("/j/cmn/img/wn_award.png") no-repeat 0 0.5ex;
}


#topics dl, #recruit dl, #seminar dl {
	margin:0;
	padding:30px 0;
/*
	border-bottom: 1px dotted #AAAAAA;
*/
}

#topics dl dt, #recruit dl dt, #seminar dl dt {
	float:left;
	width:8em;
	margin: 0;
	margin-bottom: 20px;
}


#topics dl dd {
	margin:0;
	margin-left:8em;
	margin-bottom:20px;
	padding-left:60px;
}

#recruit dl dd, #seminar dl dd {
	margin:0;
	margin-left:8em;
	margin-bottom:20px;
}



#event dl {
	margin:0;
	padding:20px 0;
	border-bottom: 1px dotted #AAAAAA;
}

#event dl dt {
	margin: 0;
	margin-bottom: 20px;
}

#event dl dt:before {
	content:"開催日 ";
}

#event dl dd {
	margin:0;
	margin-bottom:20px;
}



.end {
	color:#C00;
}

#menu_title_sp {
	display: none;
}

#contents_area h4 {
	font-size:135%;
    font-weight: normal;
    line-height: 135%;
	margin:0;
    padding: 2px 0 0 7px;
    border-left: 10px solid #666666;
}
