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

body{
height: 100%;
padding: 0;
margin: 0;
overflow-x : hidden ;
}

#main{
width: 100%;
position: relative;
height:auto !important; /*IE6対策*/
height: 100%; /*IE6対策*/
min-height: 100%;
}

#wrapper {
width: 100%;
height: 350px;
margin:0 0 0 0px;
overflow: hidden;
float:left;
}


#prev, #next {
background-color: rgba(80, 40, 50, 1.0);
height: 350px;
width: 50%;
top: 0px;
position: absolute;
}
#prev:hover, #next:hover {
background-color: #fff;
background-color: rgba(80, 40, 50, 1.0);
}

#prev {
float:left;
margin:0 0 0 -375px;
background-image:url(../img/slide_prev.png);
background-repeat:no-repeat;
background-position:right;
}

#next {
width:50%;
position:absolute;
right:-375px;
background-image:url(../img/slide_next.png);
background-repeat:no-repeat;
background-position:left;
}


/*/////////// slide ///////////*/

#slide{
width:100%;
height:350px;
margin:0px auto 0px auto;
padding:0px 0px 0px 0px;
background:url(../img/slide_bg.jpg);
background-repeat:repeat-x;
}

#slide_contents{
width:100%;
height:350px;
margin:0 auto;
padding:0px 0px 0px 0px;
}

.clear_both{
clear:both;
height:0px;
width:0px;
}