@charset "utf-8";
/* CSS Document */

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

PC Style

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

/* トップスライド */

.wideslider {
	width: 100%;
	text-align: left;
	position: relative;
	overflow: hidden;
	margin-bottom:30px;
}

.wideslider ul,
.wideslider ul li {
	float: left;
	display: inline;
	overflow: hidden;
}

.wideslider ul li img {
	width: 100%;
	display: none;
}

.wideslider_base {
	top: 0;
	position: absolute;
}
.wideslider_wrap {
	top: 0;
	position: absolute;
	overflow: hidden;

}
.slider_prev,
.slider_next {
	top: 0;
	overflow: hidden;
	position: absolute;
	z-index: 100;
	cursor: pointer;
}
.slider_prev {background: #000 url(../../images/prev.png) no-repeat right center;}
.slider_next {background: #000 url(../../images/next.png) no-repeat left center;}




/* =======================================
	ClearFixElements
======================================= */
.wideslider ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

.wideslider ul {
	display: inline-block;
	overflow: hidden;
}


/* お知らせボックス */

#info_box {
	width:700px;
	height:240px;
	background: url(../../images/topics_title.png) no-repeat;
	background-color:#F7F7EE;
	border:solid 1px #CCCCCC;
	box-shadow:0 0 2px 2px #DDD;
	padding-top:40px;
	overflow:hidden;
}
#info_box iframe {
	width:700px;
	height:240px;
}

}




@media screen and (max-width:767px){
/*----------------------------------------------------------------------

SP Style

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

/* お知らせボックス */

#info_box {
	width:100%;
	height:240px;
	background: url(../../images/topics_title.png) no-repeat;
	background-color:#F7F7EE;
	border:solid 1px #CCCCCC;
	box-shadow:0 0 2px 2px #DDD;
	padding-top:40px;
	overflow:hidden;
	margin-bottom:20px;
}
#info_box iframe {
	width:100%;
	height:240px;
}


/* サイトメニュー */

#main h2 {
	color:#FFF;
	background:#ad1922;
	padding:5px 10px;
	font-size:1.2em;
	font-weight:bold;
	margin-top:30px;
	margin-bottom:20px;
}
	

ul.products {
	margin-left:0;
	margin-bottom:40px;
}

ul.products li {
	background:url(../images/list_title.png) no-repeat 0 6px;
	font-size:1.1em;
	border-bottom: solid 1px #ddd;
	padding:3px 15px;
	margin-right:0;
	margin-bottom:10px;
}

ul.products li a {
	font-weight:bold;
}



}


