@charset "utf-8";
/*------------------------------------------------------------
	トップページ
------------------------------------------------------------*/
#header {
	margin-bottom: 14px;
}

#container .mainVisual {
	clear: both;
	margin-bottom: 26px;
}

#container .mainVisual .mainImg {
	position: relative;
	height: 432px;
	overflow: hidden;
}

#container .mainVisual .mainImg li {
	float: left;
}

#container .mainVisual .mainImg li img {
	display: block;
	height: 432px;
	padding: 0 6px;
	width: 987px;
}

#container .pageNavi {
	margin: 0 auto;
	position: relative;
	width: 988px;
}

#container .pageNavi .prev1 {
	left: -35px;
	position: absolute;
	top: -243px;
}

#container .pageNavi .next1 {
	position: absolute;
	right: -31px;
	top: -243px;
}

#conts h2 {
	clear: both;
	margin-bottom: 10px;
	width: auto;
}

#conts .linkList {
	margin: -25px -5px 20px 2px;
	width: 678px;
	overflow: hidden;
	zoom: 1;
}

#conts .linkList li {
	float: left;
	font-size: 1.4em;
	margin: 25px 13px 0 0;
	width: 213px;
}

#conts .linkList li span {
	padding: 0 0 13px 2px;
	display: block;
	font-weight: bold;
}

#conts .linkList li span a {
	background: url(../common/images/icon04.gif) no-repeat left 7px;
	display: inline-block;
	padding-left: 17px;
}

#conts .linkList li a:hover img {
	filter: alpha(opacity=70);
	opacity: 0.7;
}

#conts .h2Ttl {
	margin-bottom: 22px;
}

#conts .news {
	margin-right: 10px;
	font-size: 1.4em;
}

#conts .news dt {
	float: left;
	position: relative;
	padding-left: 70px;
}

#conts .news dt img {
	left: 2px;
	top: 2px;
	position: absolute;
}

#conts .news dd {
	background: url(../common/images/line02.gif) repeat-x left bottom;
	margin-bottom: 12px;
	padding: 0 0 12px 12.3em;
}

#conts .news dd span {
	background-color: #F7F7F7;
	color: #E73828;
	display: block;
	float: left;
	margin-right: 24px;
	text-align: center;
	width: 78px;
　　word-wrap: break-word;
}

#conts .news dd .color01 {
	color: #920683;
}

#conts .news dd .color02 {
	color: #006834;
}

#conts .productList{
    width: 669px;
	margin:15px 0 20px 0;
}

#conts .productList ul{
    margin: 0 -10px 0 0;
    overflow: hidden;
    zoom: 1;
}

#conts .productList ul li{
    float: left;
    margin: 0 7px 10px 0;
    width: 218px;
    display: inline;
}

#conts .remarks {
	padding: 0 30px 0 0;
	text-align: right;
	font-size: 16px;
}