@charset "utf-8"; 

/* layout */

div#eyecatch {
width: 100%; 
padding-bottom: 10px; 
border-bottom: 2px solid #B5B380; 
background-color: #ff9900; 
}

div#main_area {
width: 690px; 
float: right; 
}

div#left_area {
width: 230px; 
float: left; 
}

/* main_area.css */

div.datebox {
width: 690px; 
margin-top: 20px; 
padding-bottom: 10px; 
background: url(../images/bg_frame_l.png) no-repeat 0 bottom; 
}

div.datebox h2{
width: 690px; 
height: 50px; 
margin: 0 auto; 
padding-left: 10px; 
line-height: 50px; 
font-size: 146%; 
font-weight: bold; 
color: #ffffff; 
background: url(../images/title_ll.png) no-repeat 0 0; 
overflow: hidden; 
}

div.datebox h3.stitle{
height: 20px; 
margin: 10px 0 0 10px; 
padding-left: 25px; 
font-size: 116%; 
font-weight: bold; 
background: url(../images/ico_subtitle.png) no-repeat 0 center; 
}

div.datebox div {
position: relative; 
width: 670px; 
margin: 0 auto; 
padding: 10px 0; 
border-bottom: 1px solid #cccccc; 
overflow: hidden; 
}

div.datebox div.rank01 {width: 610px; background: url(../images/ico_rank01.png) no-repeat 0 center; padding-left: 70px; }
div.datebox div.rank02 {width: 610px; background: url(../images/ico_rank02.png) no-repeat 0 center; padding-left: 70px; }
div.datebox div.rank03 {width: 610px; background: url(../images/ico_rank03.png) no-repeat 0 center; padding-left: 70px; }
div.datebox div.rank04 {width: 610px; background: url(../images/ico_rank04.png) no-repeat 0 center; padding-left: 70px; }
div.datebox div.rank05 {width: 610px; background: url(../images/ico_rank05.png) no-repeat 0 center; padding-left: 70px; }
div.datebox div.rank06 {width: 610px; background: url(../images/ico_rank06.png) no-repeat 0 center; padding-left: 70px; }
div.datebox div.rank07 {width: 610px; background: url(../images/ico_rank07.png) no-repeat 0 center; padding-left: 70px; }
div.datebox div.rank08 {width: 610px; background: url(../images/ico_rank08.png) no-repeat 0 center; padding-left: 70px; }
div.datebox div.rank09 {width: 610px; background: url(../images/ico_rank09.png) no-repeat 0 center; padding-left: 70px; }
div.datebox div.rank10 {width: 610px; background: url(../images/ico_rank10.png) no-repeat 0 center; padding-left: 70px; }

div.datebox div h3 a {
font-size: 117%; 
font-weight: bold; 
}

div.datebox div p {
margin-top: 10px; 
}

div.datebox div p.img {
margin: 0 10px 5px 0; 
float: right; 
}

div.datebox div p.review {
margin-top: 10px; 
}

div.datebox div p.review ins {
margin-left: 10px; 
color: #B4B27F; 
font-size: 92%; 
}

div.datebox div p ins span {
margin-left: 5px; 
font-size: 127%; 
font-weight: bold; 
}

div.datebox div ul.icolist {
padding-top: 5px; 
clear: both; 
overflow: hidden; 
}

div.datebox div ul.icolist li {
margin-right: 5px; 
float: left; 
}

div.datebox div ul.more {
padding-top: 5px; 
clear: both; 
overflow: hidden; 
}

div.datebox div ul.more li {
margin-right: 5px; 
float: left; 
}

div.datebox p.more {
width: 670px; 
height: 40px; 
padding: 10px 10px 0; 
clear: both; 
}

div.datebox dl {
width: 670px; 
margin: 10px auto 0; 
}

div.datebox dl.left {
width: 290px; 
margin: 10px 0 0 5px; 
padding-right: 10px; 
border-right: 1px solid #cccccc; 
float: left; 
}

div.datebox dl.right {
width: 290px; 
margin: 10px 0 0 5px; 
padding-right: 10px; 
float: right; 
}

div.datebox dl dt {
width: 7em; 
padding: 0.3em 0; 
float: left; 
}

div.datebox dl dd {
padding: 0.3em 0; 
}


div.datebox_free {
width: 860px; 
margin-top: 20px; 
padding-bottom: 10px; 
background: url(../images/bg_frame_ll.png) no-repeat 0 bottom; 
}

div.datebox_free h2{
width: 860px; 
margin: 0 auto; 
padding-left: 10px; 
line-height: 30px; 
font-size: 146%; 
font-weight: bold; 
color: #ffffff; 
background: url(../images/title_lll.png) no-repeat 0 0; 
overflow: hidden; 
}

div.datebox_free dl {
width: 840px; 
margin: 5px auto 0; 
}

div.datebox_free dl dt {
width: 7em; 
padding: 0.3em 0; 
float: left; 
}

div.datebox_free dl dd {
padding: 0.3em 0; 
}


/* left_area.css */

div#left_area p {
margin-top: 20px; 

}

div#left_area div.sdatebox {
margin-top: 20px; 
padding-bottom: 10px; 
background: url(../images/bg_frame_ss.png) no-repeat 0 bottom; 
}

div#left_area div.sdatebox p.title {
width: 220px; 
height: 50px; 
margin: 0 auto; 
padding-left: 10px; 
line-height: 50px; 
font-size: 146%; 
font-weight: bold; 
color: #ffffff; 
background: url(../images/title_ss.png) no-repeat 0 0; 
overflow: hidden; 
}

div#left_area div.sdatebox dl {
width: 220px; 
margin: 5px auto 0; 
padding: 5px 0; 
border-bottom: 1px solid #cccccc; 
}

div#left_area div.sdatebox dl dt a {
font-size: 117%; 
font-weight: bold; 
}

div#left_area div.sdatebox dl dt ins {
margin: 5px 0 5px 5px; 
color: #B4B27F; 
font-size: 92%; 
}


div#left_area div.sdatebox form select {
display: block; 
width: 200px; 
margin: 10px auto 0; 
padding: 3px; 
}

div#left_area div.sdatebox dl dt ins span {
margin-left: 5px; 
font-size: 127%; 
font-weight: bold; 
}

div#left_area div.sdatebox  p.more {
width: 210px; 
height: 40px; 
margin-top: 0; 
padding: 10px 10px 0; 
clear: both; 
}

div#left_area div.sdatebox  p.stitle {
margin: 10px 0 0 10px; 
padding: 5px 0 5px 25px; 
font-size: 116%; 
font-weight: bold; 
background: url(../images/ico_subtitle.png) no-repeat 0 center; 
}

div#left_area div.sdatebox p.inputtitle {
margin: 10px 0 0 10px; 
padding: 5px 0; 
font-size: 116%; 
font-weight: bold; 
}

div#left_area div.sdatebox ul li {
margin-left: 10px; 
float: left; 
overflow: hidden; 
}

div#left_area ul.bnr_list {
margin-top: 20px; 
}

div#left_area ul.bnr_list li {
width: 200px; 
margin: 10px auto 0; 
}