@charset "Shift_JIS";

/* -------------------------------------------------------------- 
clearfix
-------------------------------------------------------------- */

.clearfix:after {
	content: ".";	/* �V�����v�f���� */
	display: block;	/* �u���b�N���x���v�f�� */
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
	min-height: 1px;
}

* html .clearfix {
	height: 1px;
	/*�_*//*/
	height: auto;
	overflow: hidden;
	/**/
}

a:hover img{
	opacity:0.7;
	filter: alpha(opacity=70);        /* ie 6 7 */
	-ms-filter: "alpha(opacity=70)";  /* ie 8 */
}

a:hover img.rollover{
	opacity:1;
	filter: alpha(opacity=100);        /* ie 6 7 */
	-ms-filter: "alpha(opacity=100)";  /* ie 8 */
}

#header a:hover img{
	opacity:1;
	filter: alpha(opacity=100);        /* ie 6 7 */
	-ms-filter: "alpha(opacity=100)";  /* ie 8 */
}



/* -------------------------------------------------------------- 
general
-------------------------------------------------------------- */

.floatl {
    display: inline;
    float: left;
}

.floatr {
    display: inline;
    float: right;
}

.mt5 {
    margin-top: 5px;
}
.mb5 {
    margin-bottom: 5px;
}
.mb10 {
    margin-bottom: 10px;
}
.mb15 {
    margin-bottom: 15px;
}
.ml30 {
    margin-left: 30px;
}
.red {
    color: #ED3416;
}
.fs87 {
    font-size: 87%;
}
.fs81 {
    font-size: 81%;
}
.bold {
    font-weight: bold;
}

input, select, textarea {
    font-family: "�l�r �o�S�V�b�N","Hiragino Kaku Gothic Pro","�q���M�m�p�S Pro W3",sans-serif;
    font-size: 100%;
}

.select_txt{
	padding: 0 2px;
}

/*�A�R�[�f�B�I���p��\���ݒ�*/

/*
.accordion_content{
	display:none;
}*/

/* -------------------------------------------------------------- 
���o���imain�j
-------------------------------------------------------------- */

#content div.main p.img{
	width:154px;
	height:95px;
	position:absolute;
	top:11px;
	right:17px;
}

#content div.main p.lead{
	width:540px;
	margin:10px 0 0 25px;/* -55 */
}

/* -------------------------------------------------------------- 
�z�e���T�v
-------------------------------------------------------------- */

#content .hotel_summary_area{
	margin:10px auto 5px;
	width:700px;
	padding:0 20px;
}

#content .hotel_summary_area .img_box{
	float:left;
	width:327px;
}

#content .hotel_summary_area .img_box table {
    table-layout: fixed;
    border: 1px solid rgb(192, 192, 192) !important;
    width: 327px;
}

#content .hotel_summary_area .img_box table td {
    width: 327px !important;
    vertical-align: middle;
    text-align: center;
    height: 248px !important;
}

#content .hotel_summary_area .img_box table td img {
    max-width: 327px;
    max-height: 248px;
}

#content .hotel_summary_area .img_box dd{
	font-size:0.9em;
}

#content .hotel_summary_area .txt_box{
	float:left;
	width:350px;
	padding-left:20px;
	line-height:1.7;
}

#content .hotel_summary_area .txt_box h2{
	font-size:1.3em;
	color:#333;
	font-weight:bold;
	margin-bottom:5px;
	
}


/* -------------------------------------------------------------- 
���ݕ\�����Ă�����
-------------------------------------------------------------- */

.contents_box {
    background: url(/resources/images/content/bg_section_l.gif) repeat-y scroll left top transparent;
    margin-bottom: 5px;
}

.contents_box .contents_box_bottom {
    background: url(/resources/images/content/bg_section_l.gif) no-repeat scroll left bottom transparent;
    padding-bottom: 8px;
}

.contents_box .contents_box_top {
    background: url(/resources/images/content/bg_section_l.gif) no-repeat scroll left top transparent;
    padding-top: 8px;
	margin-bottom:10px;
}

.search_select .contents_box_top {
    padding: 10px 18px 0;
}

.search_select .search_select_ttl {
    border-bottom: 1px dotted #B3B3B3;
    margin: 0 0 12px;
    padding-bottom: 6px;
}

#content .search_select .search_select_ttl h2 {
    display: inline;
    font-weight: bold;
    padding-right: 12px;
}

.search_select .search_select_ttl .search_select_notes {
    display: inline;
    font-size: 87%;
}

.search_select dl dt {
    display: inline;
    float: left;
    font-weight: bold;
    padding-right: 10px;
	margin-bottom:3px;
}

.search_select dl dd {
    display: inline;
    float: left;
    padding-right: 15px;
	margin-bottom:3px;
    white-space: nowrap;
}

.search_select dl dd span {
    color: #ED3416;
}

.search_select dl dd a, .search_select dl dd a:link, .search_select dl dd a:visited {
    color: #ED3416;
    text-decoration: none;
}

#condition{
	margin-bottom:10px;
}

.other_condition_btn{
	color:#0077B3;
	background:url("/resources/images/ico/ico_open01.gif") 0 0 no-repeat;
	padding:2px 0 2px 20px;
}

.open_layer .nowOpen{
	background:url("/resources/images/ico/ico_close01.gif") 0 0 no-repeat;
}

.other_condition_content {
    display: none;
    overflow: hidden;
    padding: 10px 0;
    width: 619px;
}

.search_select dl dd span.thrash {
    color: #666666;
    padding: 0 5px;
}


/* -------------------------------------------------------------- 
�����{�b�N�X
-------------------------------------------------------------- */

#content .sectionSearchTour {
    margin: 0 0 5px;
}

#content .sectionSearchTour .inner .searchItems dl {
margin: 10px -40px 0 0;
}


#content .sectionSearchTour .inner .searchItems input[type=radio]{
	position:relative;
	top:2px;
}

#content .sectionSearchTour .inner p.btn_search {
    margin: 5px 0 0;
}

#content .sectionSearchTour .inner .searchItems dl dd.keyword_area {
	float:left;
	margin:0 10px 0 5px;
	/*width:426px;*/
}

#content .keyword_box{
	margin-bottom:5px;
}


#keywords_check_area{
	/*width:300px;*/
}

#keywords_check_area ul{
	/*width:255px;*/
	margin:0 0 5px 0;
}
	

#keywords_check_area ul li{
	float:left;
	display:inline;
}

#keywords_check_area li.help_area{
	margin-top:-2px;
}

#keywords_check_area .additional {
    font-size: 0.8em;
	padding-left:10px;
}

#keywords_check_area .additional p {
    display: inline;
    margin-right: 10px;
}


/* -------------------------------------------------------------- 
���בւ��G���A
-------------------------------------------------------------- */

.sort_area_wrp{
	background:url(/resources/images/bg_detail_ttl.gif) 0 0 repeat;
	padding:7px 15px;
	margin:0 3px 6px;
}

.sort_area_wrp .inner{
	background:url(/resources/images/btn_sort_area.gif) 0 0 no-repeat;
	padding:3px 0 5px 70px;
}

.sort_area_wrp .inner span{
	background: url(/resources/images/ico/ico_sort_area.gif) 0 0 no-repeat;
	padding:0 6px 0 16px;
}

/* -------------------------------------------------------------- 
�����\���G���A
-------------------------------------------------------------- */

/*
#content .resultInfo {
    background: url("/resources/images/content/search_result/bg_section_search_result_03.gif") no-repeat scroll 0 0 transparent;
    height: 29px;
    margin: 5px 0 0;
    overflow: hidden;
    padding: 15px 20px 0;
    width: 615px;
}
*/

#content .resultInfo.result_btm {
    background: url("/resources/images/content/search_result/bg_section_search_result_02.gif") no-repeat scroll 0 0 transparent;
}

/* -------------------------------------------------------------- 
�y�[�W���[�G���A
-------------------------------------------------------------- */

/*
#content .pagerArea {
    background: url("/resources/images/content/search_result/bg_section_search_result_04.gif") no-repeat scroll 0 0 transparent;
    height: 35px;
    overflow: hidden;
    padding: 10px 20px 0;
	margin-bottom:10px;
    position: relative;
    width: 615px;
}

*/

#content .pagerArea.pager_btm {
    background: url("/resources/images/content/search_result/bg_section_search_result_btm.gif") no-repeat scroll 0 0 transparent;
    height: 35px;
    margin-top: 0px;
    padding-top: 15px;
}

#content .resultInfo p.change_row {
    border-left: none;
}

#content .pagerArea ul.pager li a:link, #content .pagerArea ul.pager li a:visited {
    text-decoration: none;
}

#content .pagerArea ul.pager li a:hover{
    text-decoration: underline;
}

/* -------------------------------------------------------------- 
�������ʈꗗ���X�g�p
-------------------------------------------------------------- */


#content #searchResult_list .result_content {
    margin-top: 0;
}

#content #searchResult_list{
	/*width:645px;*/
	margin:0 5px 0;
}

#content #searchResult_list .result_content h4{
	/*width:625px;*/
}

#content #searchResult_list .result_content h4 span.ico{
	padding:2px 7px 0 0;
}

#content #searchResult_list .result_body {
    /*width:635px;*/
	padding: 8px 5px 5px;
}

#content #searchResult_list .result_body .result_body_right {
    float: right;
   /* width: 420px;*/
}

#content #searchResult_list .result_body .result_body_right .result_code-wrp{
	text-align:right;	
}

#content #searchResult_list .result_body .result_body_right p.pamph_code {
	display:inline;
    text-align: right;
	padding-right:20px;
}

#content #searchResult_list .result_body .result_body_right p.course_no {
	display:inline;
    text-align: right;
}

#content #searchResult_list .result_body .result_body_right dl.price{
	margin:5px 0;
}

#content #searchResult_list .result_body .result_body_right dl.price dt{
	padding-top:4px;
}

#content #searchResult_list .result_body .result_body_right dl.price dd {
    margin-top:0;
    padding: 0 0 0;
    /*width: 340px;*/
}

#content #searchResult_list .result_body .result_body_right .txt_exp {
	padding: 0 0 5px;
}

#content #searchResult_list .result_body .result_body_right ul.type_icons {
    margin: 7px 0 15px;
    overflow: hidden;
    width: 100%;
}

#content #searchResult_list .result_body .result_body_right ul.type_icons li {
    float: left;
    margin: 0 4px 4px 0;
    width: 56px;
	height:31px;
	overflow:hidden;
}

#content #searchResult_list .result_body .result_body_right table.table_result {
    border-left: 1px solid #FFC184;
    border-top: 1px solid #FFC184;
    margin-top: 7px;
    /*width: 418px;*/
}

#content #searchResult_list .result_comment_area {
    overflow: hidden;
    padding: 3px 5px 0;
    /*width: 640px;*/
}

#content #searchResult_list .result_comment_area p.comment {
    float: left;
   /*width: 431px;*/
}

#content #searchResult_list .result_comment_area p.btn_detail {
    float: right;
    margin: 0 0 0 0;
    text-align: right;
    /*width: 189px;*/
}

.result_additionalbtn_area{
	margin:5px 0 5px;
	padding:0 5px;
}

.result_additionalbtn_area span{
	padding:0 5px 0 0;
}

.result_additionalbtn_area span:hover{
	opacity:0.7;
	filter: alpha(opacity=70);        /* ie 6 7 */
	-ms-filter: "alpha(opacity=70)";  /* ie 8 */
}

.result_additionalbtn_area span.calendar_open{
	display:block;
	//float:left;
	background:url(/resources/images/bg_btn_basiccharge_calendar.jpg) 0 0 no-repeat;
	width:193px;
	height:28px;
	overflow:hidden;
	text-indent:-9999px;
	cursor:pointer;
}

.result_additionalbtn_area span.nowOpen{
	background:url(/resources/images/bg_btn_basiccharge_calendar.jpg) 0 -28px no-repeat;
}

.search_result_btm_box {
	padding:5px 5px 0;
}


/* -------------------------------------------------------------- 
�J�����_�[
-------------------------------------------------------------- */

.result_additional_calendar{
	display:none;
	padding:0 5px;
}

.pay_info{
	padding:10px;
	/*background:url("/resources/images/bg_detail_ttl.gif") repeat scroll 0 0 transparent;*/
	background: #fff8f5;
	margin-bottom:10px;
}

.pay_calendar {
   margin-bottom: 10px;
}

.pay_calendar .pay_cal_monthlink .pay_cal_bmonth {
    width: 160px;
}


.pay_calendar .pay_cal_monthlink .pay_cal_nmonth {
    width: 160px;
}

.pay_calendar .pay_cal_monthlink .pay_cal_month {
    width: 267px;
}

.pay_info .calendar_note{
	margin-bottom:5px;
}



/* -------------------------------------------------------------- 
�T�C�h�J����
-------------------------------------------------------------- */
/*
#KuchikomiLinkButtonArea{
	padding:8px 0 0 4px;
	margin-bottom:-5px;
}
*/

#OkiniiriLinkButtonArea{
	margin:10px 0 0 4px;
}

#OkiniiriLinkButtonArea p{
	padding:5px 0 2px;
	text-align:center;
	font-weight:bold;
}

#side div.check div.inside p.inner {
	display: block;
	margin: 0 5px 4px;
}

#side div.check div.inside p.inner img{
    float: left;
	margin:0 5px 5px 0;
}

#side div.check div.inside p.inner .price{
	display:block;
	margin:5px 0 0 0;
	color:#ED3416;
	font-weight:bold;
}

/* �����L���O
--------------------------------------------- */

#side div.ranking div.inner div.inside {
    margin: 0 0 5px;
}

#side div.ranking p.ttl {
    background: url("/resources/images/side/ttl_ranking.gif") no-repeat scroll 0 0 transparent;
    padding: 18px 10px 10px 8px;
}

#side div.ranking p.lead {
    margin: 0px auto 0;
    width: 180px;
}

#side div.ranking div.inner {
    background: url("/resources/images/side/bg_ranking_border.gif") no-repeat scroll 0 100% transparent;
    margin: 5px auto 0;
    padding: 0 0 6px;
    width: 195px;
}

#side div.ranking div.inside p.inner img{
    float: left;
	margin:0 5px 5px 0;
}

#side div.ranking div.inside p.inner .price{
	display:block;
	margin:5px 0 0 0;
	color:#ED3416;
	font-weight:bold;
}


/* link
--------------------------------------------- */

#side div.ranking .ranking_link{
	padding: 0 15px;
}

#side div.ranking .ranking_link ul{
	
	margin:10px auto 0 auto;
}

#side div.ranking .ranking_link ul li{
	font-size:1em;
	padding-left:10px;
	margin-bottom:5px;
	background:url(/resources/images/icon_mark/mark_linkbullet_darkblue.gif) no-repeat 0 3px;
}

#side div.ranking .ranking_link ul li a{
	background:none;
}

/* �������ߏh�ꗗ
--------------------------------------------- */
#content div.specially h3{
	width:100%;
	min-height:44px;
	_height:44px;
	text-indent:20px;
	line-height:47px;
	padding:0 0 0 0;
	background:url("/resources/images/bg_title_orange.gif") no-repeat 0 0;	
	color:#FFF;
}

#content div.specially h3 strong{
	font-size:1.4em;
	font-weight:bold;
}