@charset "utf-8";

@import "/ch/common/css/base.css";

/****  main  ****/

.picked {
	position: relative;
}

.picked h1 {
	display: block;
	font-size: 12px;
	width: 375px;
	height: 30px;
	margin-top: 10px;
	overflow: hidden;
	text-indent: 375px;
	text-decoration: none;
	white-space: nowrap;
	background-repeat: no-repeat;
}

#picked_title_sightseeing {	background-image: url(/common/images_list/title_siteseeing.gif);	}
#picked_title_accomodations {	background-image: url(/common/images_list/title_accomodations.gif);	}
#picked_title_event {	background-image: url(/common/images_list/title_event.gif);	}
#picked_title_gourmet {	background-image: url(/common/images_list/title_gourmet.gif);	}
#picked_title_shopping {	background-image: url(/common/images_list/title_shopping.gif);	}
#picked_title_sightseeing {	background-image: url(/common/images_list/title_siteseeing.gif);	}
#picked_title_office {	background-image: url(/common/images_list/title_office.gif);	}
#picked_title_namazu {	background-image: url(/common/images_list/title_namazu.gif);	}
#picked_title_course {	background-image: url(/common/images_list/title_course.gif);	}
#picked_title_new {		background-image: url(/common/images_list/title_new.gif);	}
#picked_title_pickup {	background-image: url(/common/images_list/title_pickup.gif);	}

.picked_list {
	position: absolute;
	top: 25px;
	left: 330px;
	width: 42px;
	height: 12px;
	font-size: 10px;
	overflow: hidden;
}

.picked_list a {
	display: block;
	width: 42px;
	height: 12px;
	background-position: top;
	background-position: 0px 0px;
	text-indent: 42px;
	text-decoration: none;
	white-space: nowrap;
	background-image: url(/common/images/btn_listup.gif);
}

.picked_list a:hover {
	background-position: bottom;
	background-position: 0px 12px;
}

.block {
	clear: both;
	padding: 6px;
	min-height: 57px;
	line-height: 160%;
}

.block h2 {
	font-size: 12px;
	font-weight: bold;
}

.blockimg {
	margin-right: 4px;
	float: left;
	border-style: solid;
	border-width: 2px;
}

.block a img{	border-color: #B4B4B4;	}
.block a:hover img{	border-color: #F23100;	}

.blockimg_mark {
	float: right;
	margin-top: 4px;
	margin-left: 2px;
}


/*****************************/

#listnavigation {
	text-align: center;
	background-color: #F5F5F5;
	margin-bottom: 10px;
}

#listnavigation li {
	display: inline;
	font-size: 10px;
	font-weight: bold;
	font-family: verdana, Arial, Helvetica, sans-serif;
	margin-left: 1px;
	margin-right: 1px;
}

#listnavi_nowthis {
	color: #BA0000;
}

/*****************************/

#within_title {
	display: block;
	font-size: 10px;
	width: 375px;
	height: 30px;
	margin-top: 10px;
	overflow: hidden;
	text-indent: 375px;
	text-decoration: none;
	white-space: nowrap;
	background-repeat: no-repeat;
	background-image: url(/common/images_list/title_within.gif);
}

#advancedsearch_title {
	display: block;
	font-size: 12px;
	width: 375px;
	height: 30px;
	margin-top: 10px;
	overflow: hidden;
	text-indent: 375px;
	text-decoration: none;
	white-space: nowrap;
	background-repeat: no-repeat;
	background-image: url(/common/images_list/title_advancedsearch.gif);
}

#advancedsearch {
	background-color: #F5F5F5;
	margin-bottom: 4px;
	padding: 5px;
}

#advancedsearch .form {
	background-color: #FFFFFF;
	padding: 4px;
	margin-bottom: 4px;
}

#advancedsearch .title {
	width: 92px;
	position: absolute;
}

#advancedsearch .form_box {
	position: relative;
	left: 92px;
}

#advancedsearch span {
	position: absolute;
}

.advancedsearchform {
	font-size: 12px;
	color: #7A7A7A;
	margin: 1px;
}

#advancedsearch .form_box label {
	margin-right: 10px;
}

.advancedsearchcheckbox {
	margin-right: 5px;
}

.advancedsearchsubmit {
	border: 0;
	padding: 0;
	width: 47px;
	height: 16px;
	background-image: url(/common/images/search_submit.gif);
	background-repeat: no-repeat;
	position: relative;
	left: 315px;
}

.advancedsearchform optgroup {
	font-style: normal;
}

/*******  list Calendar  **********/

#calendar_title {
	display: block;
	font-size: 12px;
	width: 375px;
	height: 30px;
	margin-top: 10px;
	overflow: hidden;
	text-indent: 375px;
	text-decoration: none;
	white-space: nowrap;
	background-repeat: no-repeat;
	background-image: url(/common/images_list/title_calendar.gif);
}

#calendar_div {
	background-color: #F5F5F5;
	margin-bottom: 4px;
	padding: 5px;
}

#calendar_inner {
	background-color: #FFFFFF;
	padding: 4px;
	margin-bottom: 4px;
}

#calendar_inner h4 {
	width: 92px;
	position: absolute;
	font-size: 12px;
	font-weight: normal;
}

#calendar_table {
	margin-left: 92px;
	width: 264px;
	border-collapse: separate;
	border-spacing: 1px;
}

#calendar_table td,
#calendar_table th {
	line-height: 100%;
	text-align: center;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
}

#calendar_table th {
	padding: 7px;
}

#calendar_table a {
	display: block;
	text-decoration: none;
	/*color: #666666;*/
	padding: 7px;
}

#calendar_table a:hover {
	background-color: #A6BB23;
	color: #FFFFFF;
}

.cal_sunday {
	color: #FF0000;
}

.cal_sunday a {
	color: #FF0000;
}

.cal_active {
	background-color: #F5F5F5;
}

.cal_inactive {
	background-color: #CCCCCC;
}

#cal_today {
	background-color: #A6BB23;
}

/*****************************/

#list_b0 {	background-color: #ECECEC;	}
#list_b1 {	background-color: #F8F8F8;	}
#list_b2 {	background-color: #ECECEC;	}
#list_b3 {	background-color: #F8F8F8;	}
#list_b4 {	background-color: #ECECEC;	}
#list_b5 {	background-color: #F8F8F8;	}
#list_b6 {	background-color: #ECECEC;	}
#list_b7 {	background-color: #F8F8F8;	}
#list_b8 {	background-color: #ECECEC;	}
#list_b9 {	background-color: #F8F8F8;	}
#list_b10 {	background-color: #ECECEC;	}
#list_b11 {	background-color: #F8F8F8;	}
#list_b12 {	background-color: #ECECEC;	}
#list_b13 {	background-color: #F8F8F8;	}
#list_b14 {	background-color: #ECECEC;	}
#list_b15 {	background-color: #F8F8F8;	}
#list_b16 {	background-color: #ECECEC;	}
#list_b17 {	background-color: #F8F8F8;	}
#list_b18 {	background-color: #ECECEC;	}
#list_b19 {	background-color: #F8F8F8;	}

/***************  sp   **************/

#picked_title_special {	background-image: url(/common/images/title_special.gif);	}

#picked_sp_bg{
	background-color: #A6B53B;
}

.picked_sp {
	margin-top: 10px;
	position: relative;
	background-color: #A6B53B;
}

.picked_sp h1 {
	display: block;
	font-size: 12px;
	padding-top: 15px;
	width: 100px;
	height: 30px;
	overflow: hidden;
	text-indent: 100px;
	text-decoration: none;
	white-space: nowrap;
	background-repeat: no-repeat;
	background-position: bottom;
	background-position: 0px 15px;
}

.picked_sp_list {
	position: absolute;
	top: 25px;
	left: 322px;
	width: 42px;
	height: 12px;
	font-size: 10px;
	overflow: hidden;
}

.picked_sp_list a {
	display: block;
	width: 42px;
	height: 12px;
	background-position: top;
	background-position: 0px 0px;
	text-indent: 42px;
	text-decoration: none;
	white-space: nowrap;
	background-image: url(/common/images/btn_listup_sp.gif);
}

.picked_sp_list a:hover {
	background-position: bottom;
	background-position: 0px 12px;
}

.picked_sp h1 {
	display: block;
	font-size: 12px;
	padding-top: 15px;
}

.block_sp {
	clear: left;
	padding: 6px;
	color: #FFFFFF;
	min-height: 57px;
	line-height: 160%;
}

.block_sp h2 {
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}

.block_sp a img {	border-color: #FFFFFF;	}
.block_sp a:hover img {	border-color: #FF0000;	}

.block_sp a {	color: #FFFFFF;	}
.block_sp a:link  {	color: #FFFFFF;	}
.block_sp a:visited  {	color: #FFFFFF;	}
.block_sp a:hover {	color: #FF2200;	}

#bl0 {	background-color: #B3C044;	}
#bl1 {	background-color: #A6B53B;	}

#bl2 {	background-color: #B3C044;	}
#bl3 {	background-color: #A6B53B;	}

#bl4 {	background-color: #B3C044;	}
#bl5 {	background-color: #A6B53B;	}

#bl6 {	background-color: #B3C044;	}
#bl7 {	background-color: #A6B53B;	}

#bl8 {	background-color: #B3C044;	}
#bl9 {	background-color: #A6B53B;	}

/* model course */

.course_list li {
	list-style-type: none;
	padding-left: 15px;
	background-image: url(/common/images/icon_link.gif);
	background-repeat: no-repeat;
	background-position: 2px 7px;
}

.blockimg_course {
	margin-right: 4px;
	border-style: solid;
	border-width: 2px;
	border-color: #B4B4B4;
	float: left;
}

.div_course_list {
	float: left;
	width: 270px;
}

.div_course_type {
	padding: 3px;
	margin-top: 4px;
	line-height: 100%;
	clear: both;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #3277D8;
	border-color: #CCCCCC;
	border-style: solid;
	border-width: 1px;
}