#ranking* {
text-align: left;
font-family:メイリオ,ＭＳ Ｐゴシック,osaka;
}
#ranking .main {width: 760px;}
#ranking ul,
#ranking li {
margin: 0; padding: 0;
list-style-type: none;
}

/* title */
#ranking .title {}

#ranking .intro {
width: 760px; height: 201px;
background: url('img/intro_bg.gif') no-repeat left top;
text-align: left;
}
#ranking .intro .inner {padding: 5px 20px 0 275px;}
#ranking .intro .inner p {
color: #331100;/*トップテキスト色*/
font-size: 12px; line-height: 1.4em;
}
#ranking .intro .inner p.top {}
#ranking .intro .inner p.caution {
text-align: right;
font-size:10px;
}

/* search */
#ranking .search_link {width: 760px;}
#ranking .search_link table {width: 760px; height: 96px;}
#ranking .search_link table td {padding: 0 25px 10px;}
#ranking .search_link table td.area {background: url('img/link_area_ttl_02.gif') no-repeat left top;}
#ranking .search_link table td.special {background: url('img/link_special_ttl_02.gif') no-repeat left top;}

#ranking .search_link table td ul {
list-style-type: none;
margin: 0; padding: 0;
font-size: 12px; line-height: 1.2em;
}
#ranking .search_link table td ul li {
display: inline;
}

/*rank全体*/
#ranking .rank {width: 760px; margin: 0;}
#ranking div.rank_title {
width: 760px; height: 55px;
background: url('img/course_ttl_bg.gif') no-repeat left top;
margin: 0;
}
#ranking div.rank_title table{
width: 760px; height: 55px;
}
#ranking div.rank_title td img {margin: 18px 5px 13px 0;}
#ranking div.rank_title td img.area_ttl {margin: 0 0 0 5px;}
#ranking div.rank_title td.al_right img {margin-right: 15px;}


#ranking .rank_body {
padding: 0 0 15px 0;
width: 760px;
background: url('img/course_bg_bottom.gif') no-repeat left bottom;
}
#ranking .rank_body .inner {
background: url('img/course_bg.gif') repeat-y left top;

}
#ranking .rank_body .innner {
padding: 0 15px;
}

/*各rank*/
#ranking table.data {
margin: 0 0 5px 0;
border-top: 2px solid #c67b00;
border-left: 2px solid #c67b00;
border-right: 2px solid #ffcc66;
border-bottom: 2px solid #ffcc66;/*ランキング枠色×４*/
}
#ranking td.data_title {padding: 3px;}
#ranking .data_title .box {
width: 722px; height: 42px;
background: url('img/bg_course_ttl.gif') no-repeat left top;
}
#ranking .data_title .box_inner {}

#ranking .data_title .box_inner .prize {
float: left;
width: 55px; height: 42px;
background: url('img/bg_prize.gif') no-repeat left center;
text-align: center;
color: #FFFFFF;
font-size: 14px; font-weight: bold; line-height: 42px;
}
#ranking .data_title .box_inner .name {
float: left;
padding: 0 0 0 10px;
height: 42px;
font-size: 14px; font-weight: bold; line-height: 42px;
}
#ranking .data_title .box_inner .name .midashi4{font-size:14px; font-weight:bold; line-height: 42px;}
#ranking .data_title .box_inner .btn {
float: right;
width: 102px; height: 42px;
}
#ranking .data_title .box .btn img {
margin: 6px 5px;
}

#ranking .data_detail {
width: 315px;
color: #333333;
}
#ranking .data_detail_inner {
padding: 0 3px 3px 3px;
}

#ranking .data_detail ul.traffic,
#ranking .data_detail ul.price {	
margin: 3px 0; padding: 3px;
background: #FFF url('img/line.gif') repeat-x left bottom;
}
#ranking .data_detail ul.traffic li {
padding: 2px 0 2px 18px;
background: #FFF url('img/icon_traffic.gif') no-repeat left center;
font-size:12px; line-height: 14px;
}
#ranking .data_detail ul.price li {
padding: 2px 0 2px 18px;
background: #FFF url('img/icon_price.gif') no-repeat left center;
font-size:12px; line-height: 14px;
}
#ranking .price .weekend {color:#666; font-weight:bold;}
#ranking .price .weekday {color:#666; font-weight:bold;}
#ranking .price .midashi {color:#FF6600; font-weight:bold;}
#ranking .price .tokka {color:#FF0000; font-weight:bold;}

#ranking .data_detail .comment {
margin: 5px 0; padding: 5px;
font-size:12px; line-height: 150%;
}

#ranking td.data_photo {padding: 0 3px 3px 3px;}
#ranking .data_photo a img {
margin: 0 0 0 3px;
border: solid 1px #CCC;
}

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