@charset "utf-8";

/* layout
--------- --------- --------- --------- --------- */
#dammy {
	display: block;
	overflow: hidden;
	background: url() no-repeat;
	padding: 40px 0 0;
	width: 216px;
	height: 0!important;
}

#wrapper {
	opacity: 0;
}

@media screen and (min-width: 760px) {
	
	/* layout
	--------- --------- --------- --------- --------- */	
	header {
		margin:0 0 70px;
	}	
		
	.mimage {
		overflow: hidden;
		padding: 170px 0 0;
		width: 100%;
		min-width:740px;
		height: 0!important;
	}	
		
	.header {
		margin:0 auto 70px;
		padding:35px 10px 0;
		width:740px;
	}	
		
	.header h1 {
		width:auto;
		font-size:1.8em;
		position: relative;
	}	
		
	.header h1 b {
		position: absolute;
		top:-70px;
		left:-10px;
		display: block;
		overflow: hidden;
		padding: 54px 0 0;
		width: 243px;
		height: 0!important;
	}		
			
	.mainblock {
		margin:0 auto 70px;
		padding:0 10px;
		width:740px;
	}	
	
	.areatitle {
		margin:0 0 5px;
		padding:0 15px;
		line-height:20px;
		font-size:1.2em;
		font-weight: bold;
	}
	
	.areatitle.atitle1 {
		background-color: #DBE7D3;
	}
	
	.areatitle.atitle2 {
		background-color: #CBD7D3;
	}
	
	.areatitle.atitle3 {
		background-color: #DBE7D3;
		margin:0 0 30px;
	}
				
	footer {
		padding:35px 0 0;
		min-width:740px;
		background-color: #EEE;
		font-family: 'Josefin Sans', sans-serif;
		line-height:1.1;
	}	
		
	footer h3 {
		margin:0 0 45px;
	}	
	
	footer h3 a {
		display: block;
		overflow: hidden;
		background: url('../images/common/logo.png') no-repeat;
		margin:0 auto;
		padding: 37px 0 0;
		width: 66px;
		height: 0!important;
	}	
		
	footer .blinks {
		margin:0 0 45px;
	}	
		
	footer ul {
		margin:0 0 10px;
		text-align: center;
	    line-height:1.1;
	    font-size:0;
	}		
		
	footer ul:last-child {
		margin:0;
	}
	
	footer ul li {
	    display: -moz-inline-box;
	    display: inline-block;
	    /display: inline;
	    /zoom: 1;
	    margin:0 8px;
	    font-size: 10px;
	    >font-size:62.5%;
	    font-size:1.6rem;
	    line-height:1.0;
	}
	
	footer ul li a {
	    color:#000;
	    font-weight: bold;
	}
	
		
	footer .copyright {
		padding:20px 0;
		background-color: #FFF;
		font-size:1.2em;
		color:#969696;
		text-align: center;
	    font-weight: bold;
	}	
	
	/* members
	========================================================================== */		
	.members .mimage {
		background: url('../images/sub/members_mimage.jpg') no-repeat;
		background-position: center center;
		background-size: cover;
	}	
		
	.members .header h1 b {
		background: url('../images/sub/members_mtitle.png') no-repeat;
	}	
	
	.member_block {
		margin:0 0 35px;
	}
	
	.member_block:last-child {
		margin:0;
	}
	
	.member_box {
		padding:8px 0;
		border-bottom:1px solid #DCDCDC;
	}
	
	.name_box {
		padding:10px 0 10px 15px;
		font-size:1.4em;
		position: relative;
		cursor: pointer;
	}
	
	.name_box .name {
		font-weight: bold;
	}
	
	.name_box .kname {
		
	}
	
	.name_box .more {
		position: absolute;
		top:30px;
		right:0;
		background: url('../images/sub/members_more.gif') no-repeat;
		background-position: 0 center;
		padding:0 0 0 15px;
		font-size:1.2rem;
		line-height:1.0;
		color:#ACC49C;
		font-weight: bold;
	}
	
	.data_box {
		display: none;
		padding:12px 15px;
		font-size:1.4em;
		background-color: #EEE;
	}
	
	.data_box table {
		width:100%;
	}
						
	.data_box table th {
		padding:3px 0;
		width:70px;
		color:#ACC49C;
		text-align: left;
		vertical-align: top;
	}
	
	.data_box table td {
		padding:3px 0;
	}
	
	.data_box table td a {
		color:#333;
	}
	
	.data_box table td li {
		line-height:1.8;
	}
	
	/* events
	========================================================================== */		
	.events .mimage {
		background: url('../images/sub/events_mimage.jpg') no-repeat;
		background-position: center center;
		background-size: cover;
	}	
		
	.events .header h1 b {
		background: url('../images/sub/events_mtitle.png') no-repeat;
	}	
	
	.event_box {
		width:740px;
		font-size:1.4em;
	}
	
	.event_box h2,
	.event_box h3,
	.event_box h4,
	.event_box h5 {
		background: url('../images/sub/icon_arrow1.gif') no-repeat;
		background-position: 0 center;
		margin:0 10px 5px;
		line-height:1.0;
		color:#ACC49C;
	}
	
	.event_box p {
		margin:0 10px 25px;
	}
	
	.event_box .image {
		margin:0 0 15px;
	}
	
	.event_box .image img {
		width:100%;
		height:auto;
	}
}