@charset "utf-8";

/* contents */
#contents{
	font-size:82%;
}

.features_copy{
	background	: #fff;
	padding:20px 0 0;
	margin-top:28px;
}

.features_photo{
	padding:4px;
	margin:10px 0 10px 0;
}

@media screen and (min-width: 768px), print {
.bnr_area{
	display:table;
}
.bnr_area a:first-child{
	margin-right:34px;
}
}
@media screen and (max-width: 767px) {
.bnr_area{
	display:none;
}
/*.bnr_area img{
	max-width:340px;
}*/
}
h2{
	padding:5px 0 15px;
	font-size:140%;
	line-height:120%;
	font-weight:200;
	color:#555;
}
h3{
	padding:0px 0 5px 3px;
	font-size:125%;
	line-height:120%;
	font-weight:500;
	color:#666;
	letter-spacing:2px;
}
@media screen and (min-width: 768px), print {
.areabox p{
	width:310px
}
.areabox p img{
	width:294px
}
.areabox div:nth-child(1){
	float:left;
	margin-left:10px;
}
.areabox div:nth-child(2){
	float:right;
	margin-right:10px;
}
}

@media screen and (max-width: 767px) {
.areabox p{
	width:100%
}
.areabox div:nth-child(1){
	margin-bottom:20px;
}
.areabox div:nth-child(2){
	margin-bottom:20px;
}
}
	  
	  
	  
	  
/*--------------------

	clearfix

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

.features_copy{
    overflow:hidden;
    zoom:1;
}

.features_copy:after{
    content: "";
    display: block;
    clear: both;
    height: 0;
    overflow: hidden;
}

* html .features_copy{
    height: 1em;
    overflow: visible;
}