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





#ranking {
	width: 850px;
}

#ranking h1 {
	font-size: 16px;
	color: #333333;
	padding: 15px 0 0 15px;
	background:url("../img/common/bg_h1.png") repeat-x;	
	height:33px;
	font-weight:bold;
	margin-bottom:15px;
}

#ranking h2 {
	font-size: 14px;
	color:#084C9D;
	font-weight:bold;
	margin-bottom:20px;
}




/* --------1） ランキング　＞　旅行形態別　　 --------- */



.rank_top {
	position:relative;
	margin-bottom:10px;
}




.rank_top_left {
	width:79%;
	float:left;
}




.rank_top_right {
	width:17%;
	margin-right:2%;
	float:right;
	background:url(../img/ranking/bg_panfuranking.png) repeat;
	text-align:center;
}

.rank_top_right .rank_osusume_wrap {
	margin:8px;
	background: #FFFFFF;
	padding:5px;
}

.rank_top_right .rank_osusume_wrap h3{
	font-weight:bold;
	color:#112672;
	text-align:center;
	padding:3px 0;
}

.rank_top_right .rank_osusume_wrap img{
	margin-bottom:5px;
}

.rank_top_right .rank_osusume_wrap li {
	margin-bottom:5px;
}

.rank_top_right .rank_osusume_wrap li a{
	margin-bottom:0;
	display:block;
}

.rank_top_right .rank_osusume_wrap li img{
	margin-bottom:0;
}



.rank_top_left .rank_top_1 {
	padding-left:90px;
	background:url(../img/ranking/rankicon.png) left top no-repeat;
	margin-bottom:20px;
	color:#055FB6;
}

.rank_top_left .rank_top_2 {
	width:51%;
	float:left;
}
	
.rank_top_left .rank_top_2 li {
	width:160px;
	float:left;
	margin-right:10px;
}

.rank_top_left .rank_top_2 li a{
	padding:13px 20px 13px 5px;
	display:block;
	background:url(../img/ranking/icon_pdf.png) right center no-repeat;
	text-decoration:none;
}



.rank_top_left .rank_top_3 {
	width:44%;
	float:right;
	padding:2%;
	border:1px solid #cdcdcd;
	border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */ 
	min-height:120px;
}


.rank_top_left .rank_top_3 h3 {
	font-size:13px;
	font-weight:bold;
	color:#003366 ;
	margin-bottom:10px;
}

.rank_top_left .rank_top_3 img {
	float:left;
}






/*  タブの部分  */


#ranking .tab_btn {
	border-bottom:3px solid #08489B;
	margin-right:5px;
}

#ranking .tab_btn ul#tab {
}
	
#ranking .disnon {
  display: none;
}

	

#ranking .tab_btn ul#tab li {
	width:190px;
	float:left;
	background:url(../img/ranking/bg_tab_off.png) #dbdbdb top left repeat-x;
	text-align:center;
	padding: 6px 0;
	color:#333333;
	font-weight: bold;
	-webkit-border-top-left-radius: 8px;  
    -webkit-border-top-right-radius: 8px;  
    -moz-border-radius-topleft: 8px;  
    -moz-border-radius-topright: 8px;  
	margin-right:6px;
	border:1px solid #02679a;
	border-bottom:none;
	cursor:pointer;
}


#ranking .tab_btn ul#tab li.tab1 {
	width:220px;
}


#ranking .tab_btn ul#tab li.select {
	background:url(../img/ranking/bg_tab_on.png) #09499c top left no-repeat;
	color:#FFFFFF;
}




.ranking_main {
	padding:10px;
	padding-top:25px;
}

.ranking_main > div{
	position: relative;
}
.ranking_main > .rank_no_3-4 > div{
	position: relative;
}
.ranking_main > .rank_no_5-6-7 > div > div{
	position: relative;
}








/*  ランキング１位　２位の部分  */


#ranking .rank_no_1 , #ranking .rank_no_2 {
	padding:8px;
	border:1px solid #cccccc;
	margin-bottom:10px;
}

#ranking .rank_no_1 .r_left_img , #ranking .rank_no_2 .r_left_img {
	width:190px;
	float:left;
}

#ranking .rank_no_1 .r_right , #ranking .rank_no_2 .r_right {
	width:580px;
	margin-left:25px;
	float:left;
}

#ranking .rank_no_1 .r_right h4, #ranking .rank_no_2 .r_right h4{
	color:#5BB200;
	font-weight:bold;
	margin-bottom:10px;
	padding:3px 0 3px 25px;
	background:url(../img/ranking/list_icon_green.png) left center no-repeat;
	
	
}
	
#ranking .rank_no_1 .r_right p, #ranking .rank_no_2 .r_right p{
	display:block;
	margin-bottom:8px;
}

#ranking .rank_no_1 .r_right a, #ranking .rank_no_2 .r_right a{
	display:block;
	width:100%;
	text-align:right;
}






/*  ランキング３位　４位の部分  */

#ranking .rank_no_3-4 {
	padding-bottom:10px;
	border-bottom:1px dotted #888888;
}

#ranking .rank_no_3 , #ranking .rank_no_4 {
	padding:5px;
	width:48%;
	float:left;
}

#ranking .rank_no_3 .r_left_img , #ranking .rank_no_4 .r_left_img {
	width:115px;
	float:left;
}

#ranking .rank_no_3 .r_right , #ranking .rank_no_4 .r_right {
	width:270px;
	margin-left:10px;
	float:left;
}

#ranking .rank_no_3 .r_right h4, #ranking .rank_no_4 .r_right h4{
	color:#5BB200;
	font-weight:bold;
	margin-bottom:8px;
	padding:3px 0 3px 25px;
	background:url(../img/ranking/list_icon_green.png) left center no-repeat;
	
}
	
#ranking .rank_no_3 .r_right p, #ranking .rank_no_4 .r_right p{
	display:block;
	margin-bottom:0px;
}





/*  ランキング5位　6位 7位 ----10位の部分  */

#ranking .rank_no_5-6-7 {
	padding-bottom:20px;
	padding-top:10px;
	border-bottom:1px dotted #888888;
}

#ranking .rank_no_5 , #ranking .rank_no_6 {
	padding:5px;
	width:33.1%;
	float:left;
}

#ranking .rank_no_5 .r_left_img , #ranking .rank_no_6 .r_left_img , #ranking .rank_no_7 .r_left_img {
	width:80px;
	float:left;
}

#ranking .rank_no_5 .r_right , #ranking .rank_no_6 .r_right , #ranking .rank_no_7 .r_right {
	width:170px;
	margin-left:10px;
	float:left;
}

#ranking .rank_no_5 .r_right h4, #ranking .rank_no_6 .r_right h4 , #ranking .rank_no_7 .r_right h4{
	color:#5BB200;
	font-weight:bold;
	margin-bottom:5px;
	padding:3px 0 3px 20px;
	background:url(../img/ranking/list_icon_green.png) left center no-repeat;
	
}
	
#ranking .rank_no_5 .r_right p, #ranking .rank_no_6 .r_right p , #ranking .rank_no_7 .r_right p{
	display:block;
	margin-bottom:0px;
}






/*  ランキング11位 ----20位の部分  */
.rank_no_11-20 {
	padding:15px;
}

.rank_no_11-20 li {
	padding:6px 0 ;
}

.r-nom {
	font-size:13px;
	font-weight:bold;
	color:#CC3300;
}





.ranking2_page .tab_btn ul#tab li.tab3 {
	width:100px!important;
}

.ranking2_page .tab_btn ul#tab li.tab4 {
	width:120px!important;
}

.ranking2_page .tab_btn ul#tab li.tab5 {
	width:120px!important;
}