@charset "shift_jis";
/*
	2014 siterewal ver.4.1
*/

/* --------------------------------------------------

-------------------------------------------------- */
#right_container h1{
	background:url(../image/bg_h2.jpg) no-repeat;
	text-shadow: 1px 1px 3px #384200;
}








#right_container ul.case{
	overflow:hidden;
	padding:0;
	width:96%;
	margin:auto;
	text-align: center;
	display: block;
	vertical-align: top;
}
#right_container ul.case li{
	width:31%;
	max-width: 140px;
	list-style:none;
	margin:0 1% 3px 0 ;
	padding:3px 3px 5px 3px;
	float:none;
	border:1px solid #eae8e3;
	text-align:center;
	display: inline-block;
	vertical-align: top;
}
#right_container ul.case li span{
		display:block;
		font-size:10px;
		line-height:1.3em;
		height:2.5em;
		color:#a28977;
	}
	
/*����*/
#right_container dl.baisho{
	width:96%;
	margin:0 auto 5px auto;
	float:none;
	border:1px solid #c0be5b;
}
#right_container dl.baisho dt{
		background:url(../image/bg_h3.gif) repeat-x;
		color: #64642d;
		font-size:110%;
		text-align:center;
		padding:5px 0;
	}

#right_container dl.baisho dd{
	margin:0;
	overflow:hidden;
	font-size:110%;
}
#right_container dl.baisho dd img{
	float:left;
	width:45%;
	margin:5px 2%;
}


#right_container div.toiawase{
	width:96%;
	box-shadow:none;
	background:#f7f5e6;
	clear:both;
	margin:10px auto 40px auto;
	padding:20px 0 20px 0;
}
#right_container div.toiawase h5{
	width:90%;
	border:2px solid #40220f;
	border-radius:30px;
	font-family:UDTypos515,Yu Gothic UI Semibold;
	margin:0px auto 20px auto;
	text-align:center;
	padding:5px 0;
	font-size:140%;
	color:#40220f;
}
#right_container div.toiawase p{
	width:90%;
	font-family:UDTypos515,Yu Gothic UI Semibold;
	color:#40220f;
	margin:auto;
	font-size:160%;
	text-align:center;
	line-height:1.8em;
}

@media screen and (min-width:600px){
/* --------------------------------------------------

-------------------------------------------------- */
	
	/*����*/
	#right_container dl.baisho{
		width: 48%;
		margin: 0 1% 10px 1%;
		float: left;
	}
}

@media screen and (min-width:900px){
/* --------------------------------------------------

-------------------------------------------------- */

	
	#right_container h1{
		background:url(../image/bg_h2.jpg) no-repeat;
	}
	
	
	#right_container ul.case{
		width:700px;
		margin:20px 0 35px 0;
		overflow:hidden;
		text-align: left;
	}
	#right_container ul.case li{
		width:100px;
		padding:3px;
		margin:0 8px 10px 0px;
		box-shadow:5px 5px 5px #d5d0c6
	}
	
	/*����*/
	#right_container dl.baisho{
		width:200px;
		float:left;
		margin:10px 45px 30px 0px;
	}
	
	#right_container dl.end{ margin-right:0;}
	#right_container dl.baisho dd{
		font-size:80%;
	}
	#right_container dl.baisho dd img{
		margin:5px auto;
		display:block;
		float: none;
		width: 90%;
	}
	#right_container dl.baisho dd p{
		color:#666666;
		margin:0 5px;
		line-height:1.5em;
		height:5.2em;
		padding:3px 0;
	}
	#right_container div.toiawase{
		width:95%;		
		box-shadow:5px 5px 5px #d5d0c6
	}
	#right_container div.toiawase h5{
		width:60%;
	}
	#right_container div.toiawase p{
		width:500px;
	}
}