@charset 'utf-8';
@import url("common.css");

/* ============= clear ============= */

#maincol_explanation, #excursion_subcat, #excursion_program, #program, .process_column, .ranking_col {
	height		: 1%;
}

#maincol_explanation:after, #excursion_subcat:after, #excursion_program:after, #program:after, .process_column:after, .ranking_col:after {
	content		: ".";
	display		: block;
	height		: 0;
	clear		: both;
	visibility	: hidden;
}

/* ============= 修学旅行トップページ ============= */

/* ============= maincol_top ============= */

#maincol_top {
	width		: 572px;
	height		: 342px;
	background-image	: url("../img/excursion_top_bg.jpg");
	background-repeat	: no-repeat;
	background-position	: right top;
}

#maincol_news {
	width		: 180px;
	font-size	: 10px;
	margin-top	: 25px;
}

#maincol_news h4 {
	font-size	: 12px;
	color		: #F6F;
}

#maincol_news dl, #explanation_news dl {
	line-height	: 130%;
}

#maincol_news dt, #explanation_news dt {
	margin-top	: 6px;
	color		: #F6F;
	font-weight	: bold;
}

#maincol_news dd, #explanation_news dd {
	margin-top	: 2px;
	color		: #6f6f6f;
}

.bg_line2 {
	background-image	: url("../img/bg_line2.gif");
	background-repeat	: repeat-x;
	background-position	: bottom;
	padding-bottom		: 3px;
}

.g_banner {
	margin-bottom	: 20px;
}

/* ============= maincol_explanation ============= */

#maincol_explanation {
	margin-top	: 8px;
	margin-bottom	: 30px;
}

#explanation_lead, .process_column_text {
	width		: 343px;
	float		: left;
}

#explanation_lead p, .process_column_text p {
	font-size	: 12px;
	color		: #6f6f6f;
}

#explanation_photo, .process_column_photo {
	width		: 204px;
	float		: right;
}

/* ============= excursion_subcat ============= */

#excursion_subcat {
	margin-bottom	: 20px;
}

#excursion_subcat li, #excursion_subcat li a {
	width		: 143px;
	height		: 99px;
	display		: block;
	text-decoration	: none;
}

#excursion_subcat li {
	background-repeat	: no-repeat;
	background-position	: right top;
	font-size	: 12px;
	text-align	: center;
	float		: left;
}

#excursion_subcat li span {
	position	: relative;
	top		: 81px;
}

#excursion_subcat li#excursion_subcat_process {
	background-image	: url("../img/excursion_subcat_process_bg.jpg");
}

#excursion_subcat li#excursion_subcat_experiences {
	background-image	: url("../img/excursion_subcat_experiences_bg.jpg");
}

#excursion_subcat li#excursion_subcat_ranking {
	background-image	: url("../img/excursion_subcat_ranking_bg.jpg");
}

#excursion_subcat li#excursion_subcat_omoide {
	background-image	: url("../img/excursion_subcat_omoide_bg.jpg");
}

#excursion_program {
	
}

#excursion_program h4 {
	margin-bottom	: 10px;
}

#excursion_program h5#excursion_program_title {
	color		: #F60;
	background-color	: #EEECDD;
	padding		: 5px 0 4px 5px;
	border-bottom	: 1px solid #D8D6C9;
}

/* ============= faq ============= */

dl.qa {
	margin-bottom	: 30px;
}

.qa dt {
	margin-bottom	: 15px;
}

.qa dd {
	background-repeat	: no-repeat;
	background-position	: top left;
	font-size	: 12px;
	padding-left	: 75px;
}

.faq01 dd {
	background-image	: url("../img/excursion_faq_a01.gif");
}

.faq02 dd {
	background-image	: url("../img/excursion_faq_a02.gif");
}

.faq03 dd {
	background-image	: url("../img/excursion_faq_a03.gif");
}

.faq04 dd {
	background-image	: url("../img/excursion_faq_a04.gif");
}

.qa p.ans {
	color		: #F6F;
	font-size	: 16px;
	font-weight	: bold;
	margin-bottom	: 15px;
}

/* ============= entry ============= */

#program {
	margin-bottom	: 15px;
}

#program_info {
	width		: 340px;
	float		: left;
	overflow	: hidden;
	font-size	: 12px;
}

#program_info_lead {
	margin-bottom	: 30px;
}

#program_info_lead h4, #program_info_lead h5, .process_column h4, .process_column h5 {
	margin-bottom	: 15px;
}

#program_photo {
	width		: 204px;
	float		: right;
}

#program_photo .photo_mid {
	margin		: 15px 0;
}

#excursion_u_navi {
	margin-bottom	: 50px;
}

.process_column {
	margin-bottom	: 35px;
}

#diagram {
	margin-bottom	: 45px;
}

/* ============= ranking ============= */

#ranking_lead {
	margin-bottom	: 20px;
}

.ranking_col {
	margin-bottom	: 40px;
}

.ranking_col h4 {
	margin-bottom	: 15px;
	padding-bottom	: 5px;
	border-bottom	: 1px solid #D8D8D8;
}

.ranking_box {
	width		: 177px;
	float		: left;
	font-size	: 12px;
}

.rank2 {
	margin		: 0 20px;
}

.ranking_header {
	background-repeat	: no-repeat;
	background-position	: left bottom;
	height		: 37px;
	margin-bottom	: 15px;
	padding-left	: 53px;
}

.ranking_header h5 {
	color		: #F6F;
	font-size	: 16px;
	padding-top	: 9px;
}

.ranking_header p {
	font-size	: 10px;
}

.rank1 .ranking_header {
	background-image	: url("../img/excursion_rank1.gif");
}

.rank2 .ranking_header {
	background-image	: url("../img/excursion_rank2.gif");
}

.rank3 .ranking_header {
	background-image	: url("../img/excursion_rank3.gif");
}

.ranking_photo {
	margin-bottom	: 15px;
}