@charset "UTF-8";


/*contents
-----------------------------------------------------------------------------------------*/
#contents{
	padding-top:30px;
	padding-bottom:231px;
}
footer{margin-top:30px\9;}
#contents a:hover{
	text-decoration:underline;
}
@media screen and (min-width:740px) and (max-width: 999px) {
	#contents{width:690px;margin:0 auto;padding:20px 0px 221px 0px;}
}
@media screen and (max-width: 739px) {
	#contents{width:auto;margin:0 auto;padding:15px 10px 35px 10px;}
}

/*mainimg
-----------------------------------------------------------------------------------------*/
#mainimg{
	width:690px;
	padding-bottom:30px;
	float:left;
}
@media screen and (max-width: 999px) {
	#mainimg{width:auto;float:none;padding-bottom:15px;}
}
@media screen and (max-width: 739px) {
	#mainimg{margin:0 -10px;}
}
.rslides {
	position: relative;
	list-style: none;
	overflow: hidden;
	width: 100%;
	padding: 0;
	margin: 0;
}
.rslides li {
	-webkit-backface-visibility: hidden;
	position: absolute;
	display: none;
	width: 100%;
	left: 0;
	top: 0;
}
.rslides li:first-child {
	position: relative;
	display: block;
	float: left;
}
.rslides img {
	display: block;
	height: auto;
	float: left;
	width: 100%;
	border: 0;
}

/*古民家
-----------------------------------------------------------------------------------------*/
#kominka{
	/*width:260px;*/
	float:right;
	padding-bottom:30px;
}
@media screen and (max-width: 999px) {
	#kominka{width:auto;float:none;padding-bottom:15px;text-align:center;}
}

/*
@media screen and (max-width: 400px) {
	#emecs{width:auto;padding-bottom:5px;}
	
}
*/

/*各種活動
-----------------------------------------------------------------------------------------*/
#katsudou{
	float:right;
	width:260px;
}
#katsudou h2 span{
	display:none;
}
#katsudou dt{
	margin-top:18px;
	margin-bottom:5px;
}
#katsudou dt a{
	display:block;
	line-height:40px;
	padding-left:48px;
	font-size:16px;
	color:#000000;
	background:left no-repeat;
}
#katsudou dt.research a{
	background-image:url(images/icon_research.png);
}
#katsudou dt.seminar a{
	background-image:url(images/icon_seminar.png);
}
#katsudou dt.international a{
	background-image:url(images/icon_international.png);
}
#katsudou dt.promotion a{
	background-image:url(images/icon_promotion.png);
}
#katsudou dt a:hover{
	background-color:#E6E6E6;
	text-decoration:none;
}
#katsudou dd{
	padding:5px 0;
	border-bottom:1px solid #DFDFDF;
}
#katsudou dd span{
	white-space:nowrap;
}
@media screen and (max-width: 739px) {
	#katsudou{float:none;width:auto;text-align:center;}
	/*#katsudou h2 img{display:none;}*/
	#katsudou h2 span{display: block;padding:5px 8px 6px 8px;color:#FFFFFF;font-size:17px;background:#0073D4 url(images/ya_white.png) right no-repeat;}
	#katsudou dt{padding:5px 0;margin:0;border-bottom:1px solid #DFDFDF;}
	#katsudou dd{display:none;}
/*.twitter, .twitter-timeline{width: 100% !important;margin:5px 0;}*/
}


@media screen and (max-width: 400px) {
	#katsudou{width:auto;text-align:center;}
	
}




/*お知らせ
-----------------------------------------------------------------------------------------*/
#topics{
	float:right;
	width:400px;
	margin-right:30px;
	padding-top:16px;
	background:url(images/line_red.png) top repeat-x;
}
@media screen and (max-width: 739px) {
	#topics{float:none;width:auto;margin:10px 0 0 0;}
}
#topics h2{
	font-size:20px;
	line-height:30px;
	color:#095E99;

}
/*more*/
#topics p.more{
	text-align:right;
	line-height:30px;
	margin-top:-30px;
}
#topics p.more a{
	color:#FA7814;
	padding-right:10px;
	background:url(images/ya_orange.png) right no-repeat;
}
/*リスト*/
#topics li{
	padding:14px 0 10px 0;
	border-bottom:1px solid #DFDFDF;
}
#topics li span{
	display:block;
	line-height:22px;
	font-size:12px;
	float:left;
}
#topics li span.date{
	width:110px;
	height:22px;
	text-align:center;
	color:#FFFFFF;
	background:url(images/topics_date.png) no-repeat;
}
#topics li span.end{
	margin-left:10px;
	color:#ED1C24;
	font-weight:bold;
}
#topics li span.item{
	font-size:15px;
	float:none;
	clear:left;
	padding-top:4px;
}
#topics li a[href$='.pdf'],
#topics li a[href$='.xls'],
#topics li a[href$='.doc'],
#topics li a[target]{
	padding-left:20px;
	padding-top:1px;
	padding-bottom:1px;
	margin-left:3px;
}
#topics li a[href$='.pdf']{
	background:url(images/icon_pdf.png) left no-repeat;
}
#topics li a[href$='.xls']{
	background:url(images/icon_excel.png) left no-repeat;
}
#topics li a[href$='.doc']{
	background:url(images/icon_word.png) left no-repeat;
}
#topics li a[target]{
	background:url(images/icon_blank.png) left no-repeat;
}

@media screen and (max-width: 400px) {
	#topics li span.item{
	font-size:16px;
	}
	
}

/*Facebook
-----------------------------------------------------------------------------------------*/
#facebook{
	clear:left;
	width:260px;
	padding-bottom:20px;
}

@media screen and (min-width:740px) and (max-width: 999px) {
	#facebook{
	float:left;
	width:400px;margin-top:15px;
	margin:20px auto;
	text-align:center;
	}
}
@media screen and (max-width: 739px) {
	#facebook{
	/*width:auto;margin:10px 0 0 0;*/
	width:400px;margin-top:15px;
	margin:20px auto;
	text-align:center;
	}


}
@media screen and (max-width: 400px) {
	#facebook{display:none}
	#facebook{float:none;width:auto;}
}

/*instagram
-----------------------------------------------------------------------------------------*/
#instagram{
	clear:left;
	width:260px;
	padding-bottom:20px;
}


@media screen and (min-width:740px) and (max-width: 999px) {
	#instagram{
	float:left;
	width:400px;margin-top:15px;
	margin:20px auto;
	text-align:center;
	}
}
@media screen and (max-width: 739px) {
	#instagram{
	/*width:auto;margin:10px 0 0 0;*/
	width:400px;margin-top:15px;
	margin:20px auto;
	text-align:center;
	}


}
@media screen and (max-width: 400px) {
	/*#instagram{display:none}*/
	#instagram{float:none;width:auto;}
}




/*バナー
-----------------------------------------------------------------------------------------*/
#banner{
	width:260px;
	margin-top:10px;
}

#banner h2{
	margin-bottom:15px;
}
#banner li{
	margin-top:10px;
}
@media screen and (min-width:740px) and (max-width: 999px) {
	#banner{float:right;}
}
@media screen and (max-width: 739px) {
	#banner{width:auto;text-align:center;}
}

/*バナー
-----------------------------------------------------------------------------------------*/

#katsudou .twitter{
	margin-top:20px;
}
@media screen and (max-width: 400px) {
	#katsudou .twitter{display:none} 
	#katsudou div.twitter{display:none} 
}

@media screen and (max-width: 400px) {
/*	#katsudou h2{display:inline;}*/

}