@charset "utf-8";
/* CSS Document */
#contents{
	margin:0px 5px 20px;
}
#mainImages{
	position:relative;
	margin:0px 0px 0px;
	height:auto;
}

#news_disp{
	border:solid #cfcfcf;
	border-width:0 1px 1px;
	padding:10px;
	z-index:999;
	position:relative;
	background-color:#FFF;
}
#news_disp li{
	padding:7px 0;
	border-bottom:1px dotted #cccccc;
}
.news_date{
	color:#717171;
	font-size:11px;
	display:inline-block;
	float:left;
	line-height:19px;
}
#news_disp li p span{
	color:#da0000;
	font-size:11px;
	margin:0 5px 0 0;
}
.news_icon{
	background-color:#ffd71b;
	border-radius:3px;
	display:inline-block;
	padding:0 3px;
	float:left;
	margin:0 0 0 10px;
	font-size:11px;
}
.ichiranBt{
	background-color:#ffda32;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	box-shadow:0px 2px 0px rgba(187,157,21,1);
	display:inline-block;
	padding:7px 10px;
	line-height:1em;
	text-decoration: none;
	font-size:12px;
	font-weight:normal;
	position:absolute;
	right:10px;
	top:3px;
}
.ichiranBt:active{
	box-shadow:none;
	top:5px;
}

#news_disp_2{
	border:solid #cfcfcf;
	border-width:0 1px 0px;
	padding: 10px 10px 0;
	z-index:999;
	position:relative;
	background-color:#FFF;
}
#news_disp_2 li{
	padding: 7px 0 10px;
	border-bottom:1px dotted #cccccc;
}
#news_disp_2 .news_icon{
	float:right;
}
#news_disp_2 li .news_img{
	width: 280px;
	margin: -10px auto 0;
	height: 210px;
	border:1px solid #8a8a8a;
	overflow:hidden;
	background-color:#FFF;
	text-align:center;
	float: none;
}
#news_disp_2 li .news_store_NM {
    font-size: 11px;
    text-align: right;
    position: absolute;
    bottom: 12px;
    right: 0;
}
#news_disp_2 li .news_data h3{
	display:block;
	float: none;
	clear: both;
	padding: 4px 0 0;
}
#news_disp_2 li .news_data h3 a{
	font-size: 15px;
	font-weight: normal;
	line-height:1.2em;
	text-decoration:underline;
}
#news_disp_2 li .news_data{
	position:relative;
	padding:0 0 20px

}

/**/

.bnr{
	width:300px;
	margin:10px auto;
}
@media screen and (min-width: 451px) and (max-device-width: 720px){
	.bnr{
		width:450px;
		margin:10px auto;
	}
	.bnr li{
		float:left;
		margin:0 10px 10px 0;
		overflow:hidden;
		-webkit-box-shadow:1px 1px 3px rgba(0,0,0,0.4);
		box-shadow:1px 1px 3px rgba(0,0,0,0.4);
		border-radius:4px;
		border:4px solid #eaeaea;
		height:105px;
	}
	.bnr li:nth-child(3n){
		margin-right:0;
	}
	
}
@media screen and (max-width: 450px){
	.bnr{
		width:300px;
		margin:10px auto;
	}
	.bnr li{
		float:left;
		margin:0 10px 10px 0;
		overflow:hidden;
		-webkit-box-shadow:1px 1px 3px rgba(0,0,0,0.4);
		box-shadow:1px 1px 3px rgba(0,0,0,0.4);
		border-radius:4px;
		border:4px solid #eaeaea;
		height:105px;
	}
	.bnr li:nth-child(2n){
		margin-right:0;
	}

}


.bnr ul li a{
	display:block;
	height:105px;
}

#service_disp{
	box-shadow:0 2px 1px #f4f4f4;
	margin:0 0 10px;
	background-image:url(../images/service_top.png);
	background-repeat:repeat-x;
	background-size:2px;
	padding:10px 0 0;
	background-color:#FFF;
	border:1px solid #eaeaea;
	position:relative;
	z-index:999;
}
@media screen and (min-width: 321px) and (max-device-width: 720px){
#service_disp{
	margin:0 0 10px 0;
}
	
}
@media screen and (max-width: 320px){
#service_disp{
	margin:0 0 10px 0;
}
	
}

#service_disp ul{
	border-top:1px dotted #d3be92;
	border-bottom:1px dotted #d3be92;
	margin:1px;
	padding:0 0 5px;
}
#service_disp ul li{
	float:left;
	width:33%;
	text-align:center;
	position:relative;
}
#service_disp ul li a p{
	line-height:1em;
	margin:-10px 0 0 0;
	color:#3f352f;
}
#service3 p{
	margin:-15px 0 0 0;
}
