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

h1{
font-size:24px;
font-weight:bold;
font-family: 'Sorts Mill Goudy', serif;
padding:30px 0px;
}

h2{
text-align:center;
padding:70px 0px 0px 0px;
}



#wrapper{
margin:70px auto;
width:1000px;
background-color:#5a382f;

border-radius: 20px;         /* CSS3 */
-webkit-border-radius: 20px; /* Webkit */
-moz-border-radius: 20px;    /* Mozilla */
}

#mainbody{

padding-top:70px;
width:1000px;
height:415px;
}

#spot{
background-image:url(../img/spot_bg.gif);
background-repeat:no-repeat;
width:550px;
height:400px;
margin:0px auto;
}

#body_l{

width:150px;
height:400px;
float:left;
}



#body_r p{
margin:0px 77px 20px 0px;
}

#body_r #illust{
position:absolute;
top:320px;
right:10px;
}


#body_r{
position:relative;
width:400px;
height:400px;
float:right;
}

#menu{
width:1000px;
height:35px;
}

#menu ul{
font-family: 'Sorts Mill Goudy', serif;
margin:0px auto;
font-weight:bold;
width:550px;
padding-left:15px;
}

#menu li{
float:left;
margin-right:20px;
}

#menu li a{
color:white;
}

.hit{
color:#FF8000;
}

#menu li a:hover{
border-bottom:3px dotted #ff8800;
}


#footer{
width:1000px;

}

#footer p{
text-align:center;
width:1000px;
margin:0px auto;
color:white;

font-size:8px;
}

/*--------カルーセル---------carousel-------------------------*/

#carouselWrap{
margin:0px auto;
width:620px;
height:135px;
padding:5px;
background:url("./images/background.gif");
position:relative;
}

#carouselPrev{
position:absolute;
top:65px;
left:-8px;
cursor:pointer;
}

#carouselNext{
position:absolute;
top:65px;
right:-8px;
cursor:pointer;
}

#carouse{
width:100%;
height:100%;
overflow:hidden;
}

#carouselInner ul.column{
width:605px;
eight:105px;
padding:15px 0 15px 15px;
list-style-type:none;
float:left;
}

#carouselInner ul.column li{
float:left;
margin-right:10px;
display:inline;
}

#carouselInner ul.column li img{
border:none;
}



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