/* common
====================================================== */


/* contents */

#contents {
	width: 930px;
	margin: 0 0 0 20px;
	padding: 0;
}
#contents .img-link a:hover img {
	opacity: 0.5;
	filter:progid:DXImageTransform.Microsoft.Alpha(Enabled=1,Style=0,Opacity=50);
}

/* parts */

#contents ul,
#contents ol,
#contents dl,
#contents dt,
#contents dd {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#contents .m00 {margin-bottom: 0;}
#contents .m05 {margin-bottom: 5px;}
#contents .m10 {margin-bottom: 10px;}
#contents .m15 {margin-bottom: 15px;}
#contents .m20 {margin-bottom: 20px;}
#contents .m25 {margin-bottom: 25px;}
#contents .m30 {margin-bottom: 30px;}
#contents .m35 {margin-bottom: 35px;}
#contents .m40 {margin-bottom: 40px;}
#contents .m45 {margin-bottom: 45px;}

#contents .ri {text-align: right;}
#contents .cen {text-align: center;}


/* clear */

.pkg:after {
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
}
.pkg { display: inline-block; }
/* no ie mac \*/
* html .pkg { height: 1%; }
.pkg { display: block; }
/* */




/* flash
====================================================== */

.top-flash-block {
	width: 970px;
	margin-left: -10px;
}
.top-flash-block dl {
	font-size: 12px;
	line-height: 160%;
	margin: 0 20px;
	padding: 8px 0 15px 0;
}
.top-flash-block dt {
	font-weight: bold;
	color: #cc3300;
	margin: 0;
	padding: 0;
}
.top-flash-block dd {
	margin: 0;
	padding: 0;
}
.top-flash-block a:link,
.top-flash-block a:visited,
.top-flash-block a:active {
	color: #cc3300;
	text-decoration: underline;
}
.top-flash-block a:hover {
	color: #cc3300;
	text-decoration: none;
}




/* l-side
====================================================== */

#contents #l-side {
	width: 200px;
	margin-left: -930px;
	display: inline;
	float: left;
}


/* list1 */

#contents #l-side .list1 {
	width: 195px;
	font-size: 10px;
	line-height: 110%;
	margin-left: 5px;
}
#contents #l-side .list1 li {
	white-space: nowrap;
	padding: 0 0 6px 0;
}
#contents #l-side .list1 li a {
	padding-left: 8px;
	background: url(../img/icon_02.gif) no-repeat 0 2px;
}
#contents #l-side .list1 a:link,
#contents #l-side .list1 a:visited,
#contents #l-side .list1 a:active {
	color: #333333;
	text-decoration: none;
}
#contents #l-side .list1 a:hover {
	color: #333333;
	text-decoration: underline;
}


/* list2 */

#contents #l-side .list2 {
	width: 200px;
	font-size: 10px;
	line-height: 110%;
	margin-bottom: 15px;
}
#contents #l-side .list2 li {
	width: 200px;
	margin-bottom: 1px;
	overflow: hidden;
	float: left;
}
#contents #l-side .list2 li.li1 a {
	display: block;
	padding: 5px 5px 5px 13px;
	background: #f1f0fe url(../img/icon_01.gif) no-repeat 5px 7px;
}
#contents #l-side .list2 li.li2 a {
	display: block;
	padding: 5px 5px 5px 13px;
	background: #FDF0EB url(../img/icon_02.gif) no-repeat 5px 7px;
}
#contents #l-side .list2 li.li3 a {
	display: block;
	padding: 5px 5px 5px 13px;
	background: #fce9ef url(../img/icon_03.gif) no-repeat 5px 7px;
}
#contents #l-side .list2 li.li4 a {
	display: block;
	padding: 5px 5px 5px 13px;
	background: #e2f5e6 url(../img/icon_04.gif) no-repeat 5px 7px;
}
#contents #l-side .list2 li.li5 a {
	display: block;
	padding: 5px 5px 5px 13px;
	background: #eafafa url(../img/icon_05.gif) no-repeat 5px 7px;
}
#contents #l-side .list2 li.li6 a {
	display: block;
	padding: 5px 5px 5px 13px;
	background: #fff7ec url(../img/icon_06.gif) no-repeat 5px 7px;
}
#contents #l-side .list2 a:link,
#contents #l-side .list2 a:visited,
#contents #l-side .list2 a:active {
	color: #333333;
	text-decoration: none;
}
#contents #l-side .list2 a:hover {
	color: #333333;
	text-decoration: underline;
}



/* list3 */

#contents #l-side .list3 {
	width: 200px;
	font-size: 10px;
	line-height: 120%;
	margin-bottom: 10px;
}
#contents #l-side .list3 li {
	width: 200px;
	padding-bottom: 10px;
}
#contents #l-side .list3 li img {
	display: block;
	margin-bottom: 3px;
}
#contents #l-side .list3 li span {
	width: 200px;
	display: block;
}
#contents #l-side .list3 a:link,
#contents #l-side .list3 a:visited,
#contents #l-side .list3 a:active {
	color: #333333;
	text-decoration: none;
}
#contents #l-side .list3 a:hover {
	color: #333333;
	text-decoration: underline;
}


/* list4 */

#contents #l-side .list4 {
	width: 200px;
}
#contents #l-side .list4 li {
	width: 200px;
	padding-bottom: 10px;
}
#contents #l-side .list4 li img {
	display: block;
}




/* r-side
====================================================== */

#contents #r-side {
	width: 230px;
	margin-left: -230px;
	display: inline;
	float: right;
}


/* list1 */

#contents #r-side .list1 {
	width: 230px;
	margin-bottom: 25px;
	padding: 5px 0;
	background: #fdece7;
}
#contents #r-side .list1 ul {
	font-size: 12px;
	margin: 0 12px;
}
#contents #r-side .list1 li {
	margin-right: 10px;
	display: inline;
}
#contents #r-side .list1 li a {
}
#contents #r-side .list1 a:link,
#contents #r-side .list1 a:visited,
#contents #r-side .list1 a:active {
	color: #333333;
	text-decoration: underline;
}
#contents #r-side .list1 a:hover {
	color: #333333;
	text-decoration: none;
}
#contents #r-side .list1 .rank1  {font-size: 1.8em; line-height: 140%; font-weight: bold;}
#contents #r-side .list1 .rank2  {font-size: 1.6em; line-height: 140%; font-weight: bold;}
#contents #r-side .list1 .rank3  {font-size: 1.4em; line-height: 140%; font-weight: bold;}
#contents #r-side .list1 .rank4  {font-size: 1.2em; line-height: 140%;}
#contents #r-side .list1 .rank5  {font-size: 1em; line-height: 140%;}



/* list2 */

#contents #r-side .list2 {
	width: 230px;
	font-size: 12px;
	line-height: 140%;
}
#contents #r-side .list2 li {
	padding: 5px;
	border-bottom: dotted 1px #cccccc;
}
#contents #r-side .list2 a:link,
#contents #r-side .list2 a:visited,
#contents #r-side .list2 a:active {
	color: #333333;
	text-decoration: underline;
}
#contents #r-side .list2 a:hover {
	color: #333333;
	text-decoration: none;
}
#contents #r-side .list2 li.rank1,
#contents #r-side .list2 li.rank3,
#contents #r-side .list2 li.rank5,
#contents #r-side .list2 li.rank7,
#contents #r-side .list2 li.rank9 {
	background: #fdece7;
}
#contents #r-side .list2 li.rank2,
#contents #r-side .list2 li.rank4,
#contents #r-side .list2 li.rank6,
#contents #r-side .list2 li.rank8,
#contents #r-side .list2 li.rank10 {
	background: #fef7f5;
}
#contents #r-side .list2 li.rank1,
#contents #r-side .list2 li.rank2,
#contents #r-side .list2 li.rank3 {
	padding: 5px;
}
#contents #r-side .list2 li.rank1 img,
#contents #r-side .list2 li.rank2 img,
#contents #r-side .list2 li.rank3 img {
	vertical-align: top;
}
#contents #r-side .list2 li.rank4,
#contents #r-side .list2 li.rank5,
#contents #r-side .list2 li.rank6,
#contents #r-side .list2 li.rank7,
#contents #r-side .list2 li.rank8,
#contents #r-side .list2 li.rank9,
#contents #r-side .list2 li.rank10 {
	padding: 5px 5px 8px 5px;
}
#contents #r-side .list2 li.rank4 img,
#contents #r-side .list2 li.rank5 img,
#contents #r-side .list2 li.rank6 img,
#contents #r-side .list2 li.rank7 img,
#contents #r-side .list2 li.rank8 img,
#contents #r-side .list2 li.rank9 img,
#contents #r-side .list2 li.rank10 img {
	vertical-align: middle;
	margin-right: 8px;
}


/* list3 */

#r-side .side-block-11 .list3 {
	width: 192px;
	margin: 0 0 15px 8px;
}
#r-side .side-block-11 .list3 li {
	width: 192px;
	padding: 0 0 10px 0;
}
#r-side .side-block-11 .list3 li a {
	padding: 0 0 0 12px;
	background: url(/kaigai/europe_common/img/icon_01.gif) no-repeat 0 2px;
}
#r-side .side-block-11 .list3 li a.noarrow {
	background: none;
	padding:0;
}





/* main
====================================================== */

#contents #main {
	margin: 0 260px 0 230px;
	display: inline;
	float: left;
}


/* block-01 */

#contents #main .block-01 {
	width: 440px;
}

#contents #main .block-01 dl {
	width: 440px;
	font-size: 12px;
	line-height: 160%;
	margin-bottom: 15px;
}
#contents #main .block-01 dt {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 5px;
}
#contents #main .block-01 dt img {
	margin-bottom: 5px;
	display: block;
}
#contents #main .block-01 dt a.icon {
	padding-left: 10px;
	background: url(../img/icon_01.gif) no-repeat 0 3px;
}
#contents #main .block-01 dt a:link,
#contents #main .block-01 dt a:visited,
#contents #main .block-01 dt a:active {
	color: #333333;
	text-decoration: underline;
}
#contents #main .block-01 dt a:hover {
	color: #333333;
	text-decoration: none;
}


/* 20120913 追加
====================================================== */

#contents #r-side h2{
	margin: 0;
	padding: 0;
}

/* キャッチ */

p.catch{
	margin: 0;
	padding: 7px 0 10px;
	border-top: 1px dotted #CCC;
}
p.catch2{
	margin: 0;
	padding: 5px 0;
}
p.catch3{
	margin: 0;
	padding: 5px 10px;
}

/* ツアーランキング */

#ranking{ float:left; margin:0; padding:0; }
#ranking h2.ttl_00{
	width: 440px;
	height: 30px;
	margin: 0;
	padding: 10px 0 0 0;
	background: url(../img/ttl_00.gif) no-repeat;
	font-size: 18px;
	color: #333;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#ranking .ranking-box{ float:left; width:146px; margin:0; padding:0; }
#ranking .ranking-box h3{ width:140px; margin:0; padding:5px 0; border-bottom:3px solid #EEE; font-size: 12px; color:#FFF; text-align:center; }
#ranking .ranking-box h3.Bits1{ background:   #C30; }
#ranking .ranking-box h3.Bits2{ background:  #F60; }
#ranking .ranking-box h3.Bits3{ background: #F90; }
#ranking .ranking-box dl{ width:140px; margin:0; padding:5px 0; border-bottom:1px solid #EEE; height:250px; overflow:hidden; }
#ranking .ranking-box dt{ width:140px; margin:0; padding:0 0 5px 0; text-align:center; }
#ranking .ranking-box dd{ width:140px; margin:0; padding:0; font-size:12px; line-height:1.4; }
#ranking .ranking-box dd.photo{ padding: 0 0 5px 0}
#ranking .ranking-box dd.url{}
#ranking .ranking-box dd.price{ color:#F00; }
#ranking .ranking-box dd.period{ color:#666; font-size:10px; }

/* 人気都市ランキング */

#contents #r-side .list2 li dl{
	width: 220px;
	margin: 0;
	padding: 0;
}
#contents #r-side .list2 li dt{
	margin: 0;
	padding: 0;
}
#contents #r-side .list2 li dd{
	margin: 0;
	padding: 3px;
}