@charset "utf-8";

/*-----------------------------------------------
 ［国・エリアで選ぶ］［テーマで選ぶ］［スタイルで選ぶ］コンテンツ
-----------------------------------------------*/

/*-----------------------------------------------
 国、テーマ、スタイル　共通
-----------------------------------------------*/
/*---------- 左カラム ----------*/
.item {
	float: left;
	width: 630px;
	margin: 30px 0 0 30px;
}
/* hide from Mac IE \*/
* html .item {
	margin-left: 15px;
}
/* */
.item a {
	color: #222 !important;
	text-decoration: none !important;
}
#read {
	margin: 30px 0 0 30px;
}

h4 {
	background: #fff URL(/contents/assets/images/pc/select/img/bg_title.gif) repeat-x center;
	border-left: #aaa solid 1px;
	border-top: #aaa solid 1px;
	font-size: 1.15em !important;
	font-weight: bold !important;
	padding: 3px 15px;
}

/*-----------------------------------------------
 ［国・エリアで選ぶ］
-----------------------------------------------*/
.area .item {
	background: URL(/contents/assets/images/pc/select/img/bg_list.gif) no-repeat left bottom;
	float:left;
}
.area .w_156 {
	float: left;
	width: 157px;
}
h4.euro {
	width: 597px;
}
/* hide from Mac IE \*/
* html h4.euro {
	width: 627px;
}
/* */
.area ul {
	float: left;
	width: 127px;
	padding: 13px 15px 10px;
	border-top: solid 3px;
}
/* hide from Mac IE \*/
* html .area ul {
	width: 157px;
}
/* */
/*---------- 各エリアの色 ----------*/
ul.euro {
	border-color: #0af; 
}
ul.north {
	border-color: #f0f; 
}
ul.central {
	border-color: #f00; 
}
#afro ul {
	border-color: #0d0; 
}
#beach ul {
	border-color: #33f; 
}
#america ul {
	border-color: #fc0; 
}
#asia ul {
	border-color: #f80; 
}
/*---------- リンクマーク ----------*/
.area li {
	padding-left: 13px;
	background-position: center left;
	background-repeat: no-repeat;
}
ul.euro li {
	background-image: url(/contents/assets/images/pc/select/img/mk_link_euro.gif);
}
ul.north li {
	background-image: url(/contents/assets/images/pc/select/img/mk_link_north.gif);
}
ul.central li {
	background-image: url(/contents/assets/images/pc/select/img/mk_link_central.gif);
}
ul.euro li {
	background-image: url(/contents/assets/images/pc/select/img/mk_link_euro.gif);
}
#afro li {
	background-image: url(/contents/assets/images/pc/select/img/mk_link_afro.gif);
}
#beach li {
	background-image: url(/contents/assets/images/pc/select/img/mk_link_beach.gif);
}
#america li {
	background-image: url(/contents/assets/images/pc/select/img/mk_link_america.gif);
}
#asia li {
	background-image: url(/contents/assets/images/pc/select/img/mk_link_asia.gif);
}
/*---------- リンクテキスト ----------*/
ul.euro li a:hover {
	color: #0af !important;
}
ul.north li a:hover {
	color: #f0f !important;
}
ul.central li a:hover {
	color: #f00 !important;
}
#afro ul li a:hover {
	color: #0d0 !important;
}
#beach ul li a:hover {
	color: #33f !important;
}
#america ul li a:hover {
	color: #fc0 !important;
}
#asia ul li a:hover {
	color: #f80 !important;
}

/*-----------------------------------------------
 ［テーマで選ぶ］
-----------------------------------------------*/
.theme .item p {
	float: left;
	width: 200px;
	height: 80px;
	margin: 15px 15px 0 0;
}
.theme .item p.right {
	margin-right: 0;
}
.theme h4 {
	border: #aaa solid 1px;
}

/*-----------------------------------------------
 ［スタイルで選ぶ］
-----------------------------------------------*/
.style ul#menu {
	margin: 4px 0 0 30px;
	float: left;
}
/* hide from Mac IE \*/
* html .style ul#menu {
	margin-left: 15px;
}
/* */
.style ul#menu li {
	float: left;
}
.style ul#menu li a {
	float: left;
	width: 307px;
	height: 94px;
	margin: 16px 16px 0 0;
	display: block;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	outline: none;
}
/* hide from Mac IE \*/
* html .style ul#menu li a {
	margin-right: 8px;
}
/* */
.style li#honey a {
	background: URL(/contents/assets/images/pc/select/img/navi_honeymoon.jpg) no-repeat 0 0;
}
.style li#one a {
	background: URL(/contents/assets/images/pc/select/img/navi_one.jpg) no-repeat 0 0;
}
.style li#family a {
	background: URL(/contents/assets/images/pc/select/img/navi_family.jpg) no-repeat 0 0;
}
.style li#four a {
	background: URL(/contents/assets/images/pc/select/img/navi_four.jpg) no-repeat 0 0;
}
.style li#group1 a {
	background: URL(/contents/assets/images/pc/select/img/navi_group1.jpg) no-repeat 0 0;
}
.style li#group2 a {
	background: URL(/contents/assets/images/pc/select/img/navi_group2.jpg) no-repeat 0 0;
}
.style li#business a {
	background: URL(/contents/assets/images/pc/select/img/navi_business.jpg) no-repeat 0 0;
}
.style li#senior a {
	background: URL(/contents/assets/images/pc/select/img/navi_senior.jpg) no-repeat 0 0;
}

/*--------------------- 学生向け ----------------------*/
.style li#student a {
	background: URL(/contents/assets/images/pc/select/img/navi_student.jpg) no-repeat 0 0;
}

.style ul#menu li a:hover {
	background-position: 0 -94px;
}