@charset "utf-8";

#navi_right{
	float: right;
	margin-right: 10px;
}

#navi_left{
	width: 700px;
	margin-left: 30px;
	font-size: 14px;
}

#navi_left dt{
	margin-top: 20px;
	margin-bottom: 3px;
}

#navi_left dd{
	margin-left: 20px;
}

#navi_left ul{
	list-style-type: disc;
	margin-left: 15px;
}

.content-left,.content-right{
	width: 310px;
}

.content-left{
	float: left;
	margin-left: 15px;
}

.content-right{
	float: left;
	margin-left: 150px;
}

.photo_info,.back{
	text-align: right;
}

.photo_info{
	font-size: 8px;
	color: #C00;	
	margin-bottom: 20px;
}

.back{
	clear: both;
	text-align: right;
	margin-top: 10px;
}


/* 600px以下のスタイル ----*/
@media (max-width: 600px){
	#wrapper{
		box-sizing: border-box;
		width: 100%;
	}



	section p{
		box-sizing: border-box;
	}

	p.sample_info{
	  width: 45%;
		float: left;
	}

	p.sample_info img{
		width: 100%;
		height: auto;
		box-sizing: border-box;
		border: solid 1px #666;
	}

	p.info_text{
		width: 45%;
		float: left;
	}

	p.info_text a img{
		width: 30%;
		height: auto;
	}

}/*↑↑ 600px以下 ---*/

/* 360px以下のスタイル ----*/
@media (max-width: 360px){


	section p{
		box-sizing: border-box;
	}

	p.sample_info{
	  width: 45%;
		float: left;
	}

	p.sample_info img{
		width: 100%;
		height: auto;
		box-sizing: border-box;
		border: solid 1px #666;
	}

	p.info_text{
		width: 45%;
		float: left;
	}

	p.info_text a img{
		width: 40%;
		height: auto;
	}

}/*↑↑ 360px以下 ---*/