@charset "utf-8";
/*==========================================================================
 keyvisual css
 ========================================================================== */
main :hover { opacity: 1.0; }
.ti9999{text-indent:-9999em;}
.b_bana{
	width:410px;
	height:158px;
	float:left;
}
.b_bana:hover{
	opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha(opacity=60)";
}


/* ==========================================================================
   ranking
   ========================================================================== */
#frenchkiss_ranking {background-color:#fff;padding-bottom:40px;}
img#ranking_topimg{margin:22px 0 0 21px;}
a.rank_btn{
	width: 381px;
	height: 57px;
	display: block;
	color: #fff;
	font-size: 28px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	padding-top: 38px;
	margin-left: 491px;
	line-height:100%;
}
a.rank_btn:hover{
	filter: alpha(opacity=60);
	-moz-opacity:0.6;
	opacity:0.6;
	}
#rank3 , #rank2 , #rank1{margin-right:21px;margin-bottom:50px;}
.parts1{width:917px; height:300px;}
#rank3 .parts1{background:url(/special/frenchkiss/img/ranking_3-1.png) no-repeat top left;}
#rank3 .parts2{background:url(/special/frenchkiss/img/ranking_3-2.png) no-repeat top left; height:827px;}
#rank3 a.rank_btn{
	background:url(/special/frenchkiss/img/ranking_3btn.gif) no-repeat top left;
	}
#rank2 .parts1{background:url(/special/frenchkiss/img/ranking_2-1.png) no-repeat top left;}
#rank2 .parts2{background:url(/special/frenchkiss/img/ranking_2-2.png) no-repeat top left; height:110px;}
#rank2 .parts3{background:url(/special/frenchkiss/img/ranking_2-3.gif) no-repeat bottom left;}
#rank2 a.rank_btn{
	background:url(/special/frenchkiss/img/ranking_2btn.gif) no-repeat top left;
	}
#rank1 .parts1{background:url(/special/frenchkiss/img/ranking_1-1.png) no-repeat top left;}
#rank1 .parts2{background:url(/special/frenchkiss/img/ranking_1-2.png) no-repeat top left; height:118px;}
#rank1 .parts3{background:url(/special/frenchkiss/img/ranking_1-3.gif) no-repeat top left; height:423px;}
#rank1 a.rank_btn{
	background:url(/special/frenchkiss/img/ranking_1btn.gif) no-repeat top left;
	}
#ranking_foot{
	background:url(/special/frenchkiss/img/ranking_foot.png) no-repeat top left;
	width:960px;
	height:698px;
	}
#ranking_foot p{
color: #fff;
text-shadow: 1px 3px #003366;
font-size: 41px;
line-height: 120%;
text-align: center;
padding-top: 88px;
font-weight: bold;
	}
a#foot_orderbtn{
	background:url(/special/frenchkiss/img/ranking_orderbtn.png) no-repeat top left;
	width: 580px;
	height: 110px;
	display: block;
	margin:0 auto;
	}
a#foot_orderbtn:hover{
	background:url(/special/frenchkiss/img/ranking_orderbtn.png) no-repeat bottom left;
}


/* ==========================================================================
   ranking_county部分
   ========================================================================== */
.jump li{
	width:70px;
	list-style: none;
	float: left;
}
.jump li a{
	width:68px;
	float: left;
	text-decoration: none;
	padding-top:10px;
	padding-bottom:10px;
	display: block;
	border:1px solid #666;
}
.jump li a:hover{
	background: #666;
	color: #fff;
}
/*------tab-------*/
ul#tab{
	width:900px;
	height:46px;
}
#tab li { list-style: none;}
.disnon { display: none;}
/*.content_wrap {
	font-size: 20px;
	width:900px;
	text-align: center;
}*/
.content_wrap table{ width:100%;}
.invisible{ display: none;}
.countrybg{
	background-image:url(../img/service/international_pricebg.gif);
	background-position:right 180px;
	background-repeat:no-repeat;
}
#countrytable{
	width: 87%;
	line-height: 140%;
	margin: 0 56px;
	padding-bottom: 23px;
}
#countrytable th, #countrytable td{ border:1px solid #ccc; text-align:left; padding:10px;}
#countrytable th{
	width: 150px;
background-color: #f1f1f1;
color: #555;}
#countrytable td{
	font-size:13px !important;
	word-break:keep-all;
	line-height:130%;
}
#countrytable td span{font-size:13px !important;}
.pBtn{
	display: inline-block;
	white-space: nowrap; 
	zoom: 1; 
	margin-right:5px;
}
	.nodisp{
		display:none;
		height:0;
	}
span.cont_names{
	padding-right: 6px;
	display: inline-block;
	line-height:110%;
}


/* ==========================================================================
   imotonowifi fix
   ========================================================================== */
body { min-width: 1020px; }
main {
  padding-bottom: 0;
  background-color: #f0f5f9;
  border-bottom: 1px solid #fff;
}
.container {
  width: 960px;
  margin: 30px auto 16px;
}
#frenchkiss_ranking { margin-bottom: 24px; }
main h1 {
  margin: 0 auto 24px;
  padding: 20px 0 0;
  background: none;
}
img#ranking_topimg { margin: 0; }
.shareWrap {
  width: 917px;
  margin: 0 auto 16px;
  text-align: right;
}
#frenchkiss_ranking+ .shareWrap {
  width: 100%;
  margin-bottom: 0;
}
div.share_box { display: inline-block; }
a { box-sizing: content-box; }
#rank3,
#rank2,
#rank1,
#ranking_foot {
  display: inline-block;
  margin: 0 auto 50px;
}
#ranking_foot { margin-bottom: 0; }
#countrytable {
  display: inline-block;
  margin: 0 auto;
}
.content_wrap table { width: 816px; }
div.share_box.cf { background-color: #fff; }


@media screen and (max-width: 767px) {
  div.share_box {
    background: #fff;
    width: auto;
    border: 1px #dcdcdc solid;
    padding: 10px 12px 5px;
}
  div.share_googleplus, div.share_facebook, div.share_twitter {
    display: block;
    float: left;
    transform: none;
  }
  div.share_googleplus,
  div.share_facebook { margin-bottom: 0; }
}