@charset "utf-8";
/* CSS Document */

.yupri-r{
}

.yupri-r .box{
	padding:5px 0px;
	width:1156px;
	overflow: hidden;
	position: relative;
	background:#F2F1E6;
}
	.yupri-r ul.mainimg{
		padding:0 220px 10px 220px;
		
	}
	.yupri-r ul.mainimg li{
		width:33%;
		float: left;
		text-align:center;
		padding-bottom:10px;
	}

div.flow{
	width:880px;
	margin: 0 auto;
}

.yupri-r ul.flow{
	width:880px;
}
.yupri-r ul.flow li{
	float:left;
	overflow:hidden;
	display:block;
}
	.yupri-r ul.flow li.right{
	float:right;
	overflow:hidden;
}

	.yupri-r img{
		vertical-align:bottom;
	}
.yupri-r .float .img{
	float:left;
	margin-right:10px;
}
.yupri-r .float .text{
	float:left;
}

.yupri-r .cont_function .cont2 .col2-l{
	width:331px;
}
.yupri-r .cont_function .cont2 .col2-r{
	width:256px;
}

.yupri-r .function04{
	margin:10px 0 10px 0.5em;
}
.yupri-r .sp-b05{
	margin-bottom:5px;
}

.yupri-r .contact{
	color:#666;
}
	.yupri-r .contact .title{
		font-size:105% !important;
		font-weight:bold;
	}
	.yupri-r .contact img.mail:hover{
		opacity:0.7;
	}

	
/* member */
	
div#info dl{
	overflow: hidden;
	padding-left:8px;
	font-size:87.5%;
	margin:8px 0;
	line-height:140%;
}

div#info dt{
	float: left;
	width: 8.5em;
	margin: 0px 0 0px;
	padding-bottom:0;
	padding-left:18px;
	clear: left;
	background: url("/img/common/mkr_link.gif") no-repeat left center;
}

div#info dd{
	margin: 0px 0 0px 10em;
	padding-bottom:0;
}


/*-----------------------------------------------------
お知らせ
-------------------------------------------------------*/
div#wrap_notice-r {
	width: 100%;
	overflow: hidden;
	border:#F7C33C 2px solid;
	}
	
div#wrap_notice-r div#notice-r {
	width: 100%;
	padding: 2px 0 10px 0;
	}

div#wrap_notice-r div#notice-r dl {
	width: 100%;
	}

div#wrap_notice-r div#notice-r dl dt {
	float: left;
	width: 50px;
	padding: 12px 0 7px 10px;
	*padding: 8px 0 7px 10px;
	}

div#wrap_notice-r div#notice-r dl dd {
	float: right;
	width: 90%;
	padding: 9px 10px 20px 0;
	font-weight: bold;
	}
	
@media screen and (max-width: 640px) {
	.yupri-r .box{
		width:100%;
	}
	.yupri-r ul.mainimg{
		padding:0 0 0 0;
		
	}
div.flow{
	width:100%;
	margin: 0 auto;
}

.yupri-r ul.flow{
	width:100%;
	display:table;
}
.yupri-r ul.flow li{
	float:none;
	display:table-cell;
	overflow:inherit;
}

.clear{
	clear:both;
}

}