@charset "utf-8";
/* ===================================================================
CSS information

 File Name  : style.css
 Author     : MIYA
 Style Info : コンテンツ内のスタイル
=================================================================== */

div#contents	{
	width: 900px;
	float: none;
}
div#contents img	{
	vertical-align: bottom;
}

/* 共通要素
-------------------------------------------------------------- */
#sliderContent li,#slider1Content li {
    position: relative;
	display: none;
	color: #FFF;
}
#slider #sliderContent li span,
#slider1 #slider1Content li span	{
	position: absolute;
    padding: 10px 15px;
    background: url(../image/bg.png) repeat;
    display: none;
}
.sliderImage span strong {
    font-size: 116.6%;
}
.top {
	top: 0;
	left: 0;
}
.bottom {
	bottom: 0;
    left: 0;
}

/* #slider要素
-------------------------------------------------------------- */
#slider {
    height: 409px;
    position: relative;
	margin-bottom: 50px;
}
#slider #sliderContent {
	width: 870px;
    position: absolute;
	top: 0;
	background: url(../image/bg_image.gif) repeat;
	padding: 7px;
	border: 3px solid #606060;
}
#slider #sliderContent li span	{
    width: 840px;
}

/* #slider1要素
-------------------------------------------------------------- */
#slider1 {
    height: 473px;
    position: relative;
	margin-bottom: 50px;
}
#slider1 #slider1Content {
    width: 400px;
    position: absolute;
	top: 0;
	background: url(../image/bg_image.gif) repeat;
	padding: 7px;
	border: 3px solid #606060;
}
#slider1 #slider1Content li span	{
    width: 110px;
}
.left {
	top: 0;
    left: 0;
	width: 110px;
	height: 453px;
}
.right {
	right: 0;
	bottom: 0;
	width: 90px;
	height: 453px;
}


#sliderContent:after	{ height:0;	visibility: hidden;	content: ".";	display: block;	clear: both; }