/* CSS Document */
@charset "EUC-JP";

/* ======================================================

　ファイル名：css/season/4season_summer.css
　概要：フォーシーズン 2008夏

====================================================== */


/* 2カラム 記事レイアウト
 -------------------------------------------------------*/
#master-col2 {
	background:url(/img/spe/season/bg_article.gif) 590px center repeat-y;
	text-align: left;
}

#master-col2.nobg {
	background:none !important;
}

#master-col2 #Left{
	width: 575px;
	float: left;
}

#master-col2 #Right{
	width: 355px;
	float: right;	
}


/* 2カラム 記事レイアウト
 -------------------------------------------------------*/
#fsn-article {
	margin-top: 30px;
	background:url(/img/spe/season/bg_article.gif) 590px center repeat-y;
	text-align: left;
}

#fsn-article #Left{
	width: 575px;
	float: left;
}

#fsn-article #Right{
	width: 355px;
	float: right;	
}




/* フォーシーズンヘッダー
 -------------------------------------------------------*/
 
#fsn-hdr{
	margin-top:5px;
	padding-bottom: 1px;
	text-align:left;
border-bottom: 6px solid #00A9D9;
}

#fsn-hdr #logo{
	padding:0;
	width: 390px;
	float:left;
}

#fsn-hdr #season-txt{
	margin-top: 10px;
	padding:0;
	padding-left: 30px;
	background:url(/img/spe/season/hdr_icn_summer.gif) left center no-repeat;
	float:right;
} 

#fsn-hdr #season-txt strong{
	margin:5px 0 0;
	padding:0;
	font-size: 110%;
	font-weight: bold;
}
#fsn-hdr #season-txt p{
	margin:0;
	line-height: 120%;
} 

/* 国内宿特集の誘導枠 */
#fsn-hdr #season-ad{
	margin-top: 10px;
	padding-right: 10px;
	float:right;
}

#fsn-hdr #season-ad img{
	float:left;
	padding-right: 5px;
} 


#fsn-hdr #season-ad strong{
	margin:5px 0 0;
	padding:0;
	font-size: 110%;
	font-weight: bold;
}
#fsn-hdr #season-ad p{
	margin:0;
	line-height: 120%;
} 



/* テーマナビ
-------------------------------------------------------*/
#fsn-theme-navi {
	text-align: left;	
	margin-top: 5px;
}

#fsn-theme-navi.border {
	padding-bottom: 5px;
	border-bottom: 1px solid #ccc;
}

#fsn-theme-navi li{
	font-size: 12px;
	padding: 0 7px;
	margin: 2px 0;
	float: left;
	border-right: 1px solid #ccc;
	white-space:nowrap;
}
#fsn-theme-navi li.start{
	padding-left: 0 !important;
}
#fsn-theme-navi li.finish{
	padding-right: 0 !important;
	border-right: none !important;
}




/* Flashとテーマ内の導線 初回はナビも兼ねる？　or静止
-------------------------------------------------------*/
#fsn-main-top {
	width: 960px;
	height: 210px;
	background: #ddd;
}

/* 各記事のメインイメージとバックナンバー
-------------------------------------------------------*/
#fsn-main-each {
	width: 960px;
	background: #ddd;
}

#fsn-main-each #L-img{
	width: 605px;
	height: 210px;
	float: left;
	background: #ededed;
}

#fsn-main-each #R-backnumber{
	width: 353px;
	height: 208px;
	_width: 355px;
	_height: 210px;
	float: right;
border: 1px solid #ccc;
}

#fsn-main-each #R-backnumber .inner{
	padding: 10px 20px;
}

#fsn-main-each #R-backnumber .inner .hdr{
	background: #000;
	padding: 3px 10px;
	margin-bottom: 8px;
	font-weight: normal;
	color:#FFF;
}



.fsn-main-each-bg08-summer{ /*季節ごと変わる*/
	background: url(/img/spe/season/os_tour/08_summer/fsn_main_each_bg08_summer.gif) left bottom no-repeat #4BD7ED;
}



/* バックナンバー
-----------------------*/
.fsn-article-list {
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: 1px dotted #000;
}

.fsn-article-list.finish {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}

.fsn-article-list .L{ /*写真*/
	width: 48px;
	float: left;
}

.fsn-article-list .L .photo{
	padding: 2px;
	_padding-bottom: 0px !important;
	background: #fff;
	text-align: center;	
	border: 1px solid #ccc;
}


.fsn-article-list .R{ /*タイトルなど*/
	width: 260px;
	float: right;
	padding-top: 2px;
}


.fsn-article-list .R .title{ /*タイトル・エリアなど*/
	font-weight: bold;
	margin-bottom: 3px;
}






/* TOPページ テーマ1つ
 -------------------------------------------------------*/
.fsn-index-layout {
	position: relative;
}

.fsn-index-layout li.each{
	float: left;
	padding-right: 12px;
}

.fsn-index-layout.article-01 { /*記事が1つのケース*/
	height: 470px; /* */
	/*height: 320px;  2行*/
}
.fsn-index-layout.article-01 li.p1{ position: absolute; top: 0; left: 0; }
.fsn-index-layout.article-01 li.p2{ position: absolute; top: 0; left: 244px; }
.fsn-index-layout.article-01 li.p3{ position: absolute; top: 0; left: 488px; }
.fsn-index-layout.article-01 li.p4{ position: absolute; top: 0; left: 732px; }
.fsn-index-layout.article-01 li.p5{ position: absolute; top: 175px; left: 0; }
.fsn-index-layout.article-01 li.p6{ position: absolute; top: 175px; left: 244px; }
.fsn-index-layout.article-01 li.p7{ position: absolute; top: 175px; left: 488px; }
.fsn-index-layout.article-01 li.p8{ position: absolute; top: 175px; left: 732px; }
.fsn-index-layout.article-01 li.p9{ position: absolute; top: 350px; left: 0; }
.fsn-index-layout.article-01 li.p10{ position: absolute; top: 350px; left: 244px; }
.fsn-index-layout.article-01 li.p11{ position: absolute; top: 350px; left: 488px; }
.fsn-index-layout.article-01 li.p12{ position: absolute; top: 350px; left: 732px; }


.fsn-index-layout.article-02 { /*記事が2つのケース*/
	height: 600px; /* */
}
.fsn-index-layout.article-02 li.p1{ position: absolute; top: 0; left: 0; }
.fsn-index-layout.article-02 li.p2{ position: absolute; top: 0; left: 244px; }
.fsn-index-layout.article-02 li.p3{ position: absolute; top: 0; left: 488px; }
.fsn-index-layout.article-02 li.p4{ position: absolute; top: 0; left: 732px; }
.fsn-index-layout.article-02 li.p5{ position: absolute; top: 205px; left: 0; }
.fsn-index-layout.article-02 li.p6{ position: absolute; top: 205px; left: 244px; }
.fsn-index-layout.article-02 li.p7{ position: absolute; top: 205px; left: 488px; }
.fsn-index-layout.article-02 li.p8{ position: absolute; top: 205px; left: 732px; }
.fsn-index-layout.article-02 li.p9{ position: absolute; top: 410px; left: 0; }
.fsn-index-layout.article-02 li.p10{ position: absolute; top: 410px; left: 244px; }
.fsn-index-layout.article-02 li.p11{ position: absolute; top: 410px; left: 488px; }
.fsn-index-layout.article-02 li.p12{ position: absolute; top: 410px; left: 732px; }



.fsn-index-layout.article-03 { /*記事が3つのケース*/
	height: 650px; /* */
}
.fsn-index-layout.article-03 li.p1{ position: absolute; top: 0; left: 0; }
.fsn-index-layout.article-03 li.p2{ position: absolute; top: 0; left: 244px; }
.fsn-index-layout.article-03 li.p3{ position: absolute; top: 0; left: 488px; }
.fsn-index-layout.article-03 li.p4{ position: absolute; top: 0; left: 732px; }
.fsn-index-layout.article-03 li.p5{ position: absolute; top: 220px; left: 0; }
.fsn-index-layout.article-03 li.p6{ position: absolute; top: 220px; left: 244px; }
.fsn-index-layout.article-03 li.p7{ position: absolute; top: 220px; left: 488px; }
.fsn-index-layout.article-03 li.p8{ position: absolute; top: 220px; left: 732px; }
.fsn-index-layout.article-03 li.p9{ position: absolute; top: 440px; left: 0; }
.fsn-index-layout.article-03 li.p10{ position: absolute; top: 440px; left: 244px; }
.fsn-index-layout.article-03 li.p11{ position: absolute; top: 440px; left: 488px; }
.fsn-index-layout.article-03 li.p12{ position: absolute; top: 440px; left: 732px; }



.fsn-index-layout li.finish{
	float: left;
}


/* 紙タイプの枠 導入部分
-------------------------------- */
.fsn-index-paper {
	width: 231px;
	text-align: left;
}


.fsn-index-paper .fsn-index-paper-top {
text-align: left;
	height: 55px;
	background:url(/img/spe/season/os_tour/08_summer/bg_index_paper_top_08sum.gif) left top no-repeat; /*ここは季節・年度で変わる*/
}
.fsn-index-paper .fsn-index-paper-top .title{
	padding: 8px 5px 24px 50px;
}
.fsn-index-paper .fsn-index-paper-top .title .main{
	font-size: 14px;
	font-weight: bold;
	_margin-bottom: 2px;
}
.fsn-index-paper .fsn-index-paper-top .title .sub{
	font-size: 12px;
}

.fsn-index-paper .fsn-index-paper-mid {
	background:url(/img/spe/season/bg_index_paper_mid.gif) left top repeat-y;
}
.fsn-index-paper .fsn-index-paper-btm {
	padding: 3px 12px 32px;
	background:url(/img/spe/season/bg_index_paper_btm.gif) left bottom no-repeat;
}

.fsn-index-paper .new-article {
	margin-bottom: 10px;
}

.fsn-index-paper .new-article .L{ /*写真*/
	width: 73px;
	float: left;
}

.fsn-index-paper .new-article .L .photo{
	padding: 3px;
	_padding-bottom: 0px !important;
	background: #fff;
	text-align: center;	
	border: 1px solid #ccc;
}


.fsn-index-paper .new-article .R{ /*タイトルなど*/
	width: 125px;
	float: right;
	padding-top: 2px;
}


.fsn-index-paper .new-article .R .title{ /*タイトル・エリアなど*/
	font-weight: normal;
	margin-bottom: 5px;
}

.fsn-index-paper .article-list li{
	font-size: 95%;
	margin-top: 3px;
	padding: 5px 0 0 10px;
	border-top: 1px dotted #ccc;
	background: url(http://img.4travel.jp/img/public/csl/csl_10_666666.gif) no-repeat left 7px;
}
.fsn-index-paper .article-list li.dmy{
	background: none;
}



/* 紙タイプの枠 導入部分
-------------------------------- */
.fsn-index-ad {
	width: 231px;
	padding-top: 12px;
	text-align: left;
}


/*
.fsn-topbox-each {
	width: 231px;
	color: #ccc;
}

.fsn-topbox-each .title {
	background:url(/img/spe/season/hdr_icn_summer.gif) left center no-repeat;
}

.fsn-topbox-each .title .main{
	font-size: 120%;
	font-weight: bold;
}

.fsn-topbox-each .title .sub{
	font-size: 95%;
}
*/




.fsn-index-intro {
	margin-top: 10px;
}

.fsn-index-intro .L{
	width: 280px;
	float: left;
}
.fsn-index-intro .R{
	width: 655px;
	float: right;
}


/* 2重線の枠 TOPページ */
.fsn-index-wline-top {
	padding: 15px 20px 0;
	background:url(/img/spe/season/os_tour/bg_index_wline_top.gif) left top no-repeat;
	text-align: left;
}
.fsn-index-wline-mid {
	background:url(/img/spe/season/os_tour/bg_index_wline_mid.gif) left top repeat-y;
}
.fsn-index-wline-btm {
	padding-bottom: 15px;
	background:url(/img/spe/season/os_tour/bg_index_wline_btm.gif) left bottom no-repeat;
}




/*---------------------------------------------- 
　■バックナンバー 
----------------------------------------------*/

/*
ヘッダー
----------------------------------------------*/
#fsn-theme-hdr {
	padding-bottom: 3px;
	border-bottom: 6px solid #00A9D9;
}


#fsn-theme-hdr .img_08summer_01{ /* 季節ごとに変える？ テーマごとに？ */
	background:url( http://img.4travel.jp/img/bnr/20080602_present_shiborikomi460x160.jpg ) left bottom no-repeat;
}


#fsn-theme-hdr .inner{
	padding: 5px 0 0 80px;
	line-height: 120%;
}

#fsn-theme-hdr .inner .title{ /* 季節ごとに変える？ テーマごとに？ */
	font-size: 200%;
	font-weight: bold;
	margin-bottom: 8px;
}







/*
記事一覧
----------------------------------------------*/
.fsn-article-list-L {
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px dotted #ccc;
}

.fsn-article-list-L.finish {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}

.fsn-article-list-L .L{ /*写真*/
	width: 73px;
	float: left;
}

.fsn-article-list-L .L .photo{
	padding: 3px;
	_padding-bottom: 0px !important;
	background: #fff;
	text-align: center;	
	border: 1px solid #ccc;
}


.fsn-article-list-L .R{ /*タイトルなど*/
	width: 490px;
	float: right;
}


.fsn-article-list-L .R .title{ /*タイトル・エリアなど*/
	font-size: 120%;
	font-weight: bold;
	margin-bottom: 3px;
}






















/* 紙タイプの枠 導入部分
-------------------------------- */
.fsn-article-paper-top {
	padding: 15px 15px 0;
	background:url(/img/spe/season/bg_article_paper_top.gif) left top no-repeat;
}
.fsn-article-paper-mid {
	background:url(/img/spe/season/bg_article_paper_mid.gif) left top repeat-y;
}
.fsn-article-paper-btm {
	padding-bottom: 32px;
	background:url(/img/spe/season/bg_article_paper_btm.gif) left bottom no-repeat;
}



/* タイトル部分 */
.fsn-article-read {
	font-size: 12px;
	font-weight: bold;
	color: #804F1B;
	background:url(/img/spe/season/bg_article_read.gif) left top no-repeat;
	min-height: 38px;
	_height: 38px;
}
.fsn-article-read p{
	padding-left:200px;
	padding-top: 13px;
	_padding-top: 14px;
}

.fsn-article-h2 {
	margin: 3px 0 10px;
	font-size: 26px;
	line-height: 110%;
}




/* 写真とおすすめコメント */
.fsn-article-rmd {
	margin-bottom: 10px;
}

.fsn-article-rmd .face{
	width: 110px;
	float: left;
	text-align: center;
}

.fsn-article-rmd .face .name{
	margin-top: 5px;
	font-size: 12px;
}

.fsn-article-rmd .comment{
	width: 435px;
	float: right;
	background:url(/img/spe/season/bg_fsn_article_rmd_comment.gif) left center no-repeat;
}

.fsn-article-rmd .comment .inner{
	padding: 10px 15px;
	margin-left: 30px;
	background: #dddac0;
}

.fsn-article-rmd .comment .inner h3{
	font-size: 110%;
	font-weight: bold;
	color: #46210C;
	padding-bottom: 3px;
}



/* 2重線の枠 */
.fsn-article-wline-top {
	padding: 20px 20px 0;
	background:url(/img/spe/season/bg_article_wline_top.gif) left top no-repeat;
	text-align: left;
}
.fsn-article-wline-mid {
	background:url(/img/spe/season/bg_article_wline_mid.gif) left top repeat-y;
}
.fsn-article-wline-btm {
	padding-bottom: 20px;
	background:url(/img/spe/season/bg_article_wline_btm.gif) left bottom no-repeat;
}

/* 2重線の枠 内部で使用 */
.fsn-article-wline-inner h3{
	font-size: 125%;
	font-weight: bold;
	color: #6A3A0D;
	border-bottom: 2px dotted #666;
	padding-bottom: 3px;
}

.fsn-article-wline-inner dl {
	width: 250px;
	margin-top: 10px;
}

.fsn-article-wline-inner dl.L {
	float: left;
}

.fsn-article-wline-inner dl.R {
	float: right;
}

.fsn-article-wline-inner dt{
	font-size: 110%;
	font-weight: bold;
	color: #6A3A0D;

	padding-left: 18px;
	margin-bottom: 3px;

	background:url(/img/spe/season/csl_reten.gif) left 4px no-repeat;
}

.fsn-article-wline-inner dd {
	padding-left: 20px;
}



/* こんな体験が…
-------------------------------- */
#fsn-article-example {
	font-size: 12px;
	font-weight: bold;
	padding: 2px 5px;
	border-bottom: 1px solid #804F1B;
	border-top: 1px solid #804F1B;
	color: #804F1B;
}

/* 紹介 */
.fsn-article-each-hdr {
	margin-top: 5px;
	margin-bottom: 10px;
}

.fsn-article-each-hdr h3{
	font-size: 150%;
	font-weight: bold;
	color: #7A4116;
	padding-left: 15px;
	background:url(/img/spe/season/bg_title_wqt.gif) left top no-repeat;
	float: left;
}

.fsn-article-each-hdr .end{
	width: 12px;
	height: 7px;
	background:url(/img/spe/season/bg_title_wqt.gif) right top no-repeat;
	float: left;
}



/* おすすめツアー
-------------------------------- */
.fsn-article-tour-msg {
	padding-top: 15px;
	padding-bottom: 15px;
	margin-bottom: 5px;
	background:url(/img/spe/season/os_tour/osusume_tour_arrow.gif) center bottom no-repeat;
border-top: 1px solid #000;
}

.fsn-article-tour-msg .inner{
	min-height: 110px;
	_height: 110px;
	padding: 12px 0 0 110px;
	background:url(/img/spe/season/os_tour/osusume_tour.gif) left top no-repeat;
}

.fsn-article-tour-msg .inner h3{
	font-size: 150%;
	font-weight: bold;
	color: #7A4116;
	margin-bottom: 5px;
}



.fsn-article-tour-each {
	padding: 15px;
	background:url(/img/spe/season/os_tour/bg_tour_line.gif) left top repeat-x;
}

.fsn-article-tour-each .L{
	width: 200px;	
	float: left;
}

.fsn-article-tour-each .R{
	width: 325px;	
	float: right;
}
.fsn-article-tour-each .R .name{
	font-size: 120%;
	font-weight: bold;
}
.fsn-article-tour-each .R .day-price{
	font-size: 120%;
	margin-bottom: 5px;
}
.fsn-article-tour-each .R .info{
	margin-bottom: 10px;
}

.fsn-article-tour-each .R .btn{
	text-align: center;
}


.fsn-tour-more{
	background: url(/img/spe/season/os_tour/bg_gry_grd.gif) left top repeat-x;
	padding: 3px;
	border: 1px solid #ddd;
}
.fsn-tour-more td{
	vertical-align: center;
}

/*
.fsn-tour-more .L-img{
	width: 120px;
	float: letf;	border: 1px solid #f00;
}

.fsn-tour-more .R-link{
	width: 300px;
	float: right;border: 1px solid #f00;
}
*/



/* 旅行記
-------------------------------- */


#fsn-tlog-hdr {
	background:url(/img/spe/season/os_tour/bg_tlog_title.gif) left top repeat-x;
	height:90px;
}

#fsn-tlog-hdr .title{
	font-size: 110%;
	font-weight: bold;
	margin-left: 95px;
	padding-top: 10px;
	line-height: 120%;
}
#fsn-tlog-hdr .title strong{
	font-size: 120%;
	font-weight: bold;
}

ul#fsn-tlog {
	background: #f7f7f7;
	padding: 3px 12px 12px;
	border-left: 1px solid #d6d6d6;
	border-right: 1px solid #d6d6d6;
	border-bottom: 1px solid #d6d6d6;
}

li.fsn-tlog-each {
	border-bottom: 1px solid #B3B3B3;
	padding-bottom: 15px;
	margin-bottom: 15px;
}

li.fsn-tlog-each.finish {
	border-bottom: none !important;
	margin-bottom: 0 !important;
}

li.fsn-tlog-each .L{ /*写真*/
	width: 168px;
	float: left;
}


li.fsn-tlog-each .L .photo{ /* 写真 */
	margin-right: 10px;
}

li.fsn-tlog-each .L .photo .inner{ /* ★ tips-R用に!importantしてる ★★ */
	padding: 3px;
	_padding-bottom: 3px !important;
	background: #fff;
	text-align: center;	
	border: 1px solid #ccc;
}


li.fsn-tlog-each .R{ /*タイトルなど*/
	width: 160px;
	float: right;
	padding-top: 5px;
}


li.fsn-tlog-each .title{ /*タイトル・エリアなど*/
	font-size: 110%;
	font-weight: bold;
	margin-bottom: 5px;
	padding-top: 22px;
	background:url(/img/spe/season/os_tour/icn_tlog.gif) left top no-repeat;
}

li.fsn-tlog-each .title-tips{ /*タイトル・エリアなど*/
	font-size: 110%;
	font-weight: bold;
	margin-bottom: 5px;
	padding-top: 22px;
	background:url(/img/spe/season/os_tour/icn_tips.gif) left top no-repeat;
}

li.fsn-tlog-each .traveler,.area{ /*タイトル・エリアなど*/
	margin-bottom: 2px;
}



/* 会社情報
-------------------------------- */
.fsn-campany {

}
.fsn-campany .aboutus{
	background: #ccc;
	padding: 5px 10px;
	font-size: 95%;
	font-weight: bold;
}
.fsn-campany .info-box{
	/*background: #f7f7f7;*/
	padding: 10px 12px;
	border: 1px solid #ccc;
}
.fsn-campany .info-box .L-title{
	float: left;
	width: 220px;
	padding: 5px;
	font-size: 95%;
}
.fsn-campany .info-box .L-title .name{
	font-size: 120%;
	font-weight: bold;
	margin-bottom: 2px;
}

.fsn-campany .info-box .R-logo{
	float: right;
	width: 85px;
}

.fsn-campany .info-box .L-person-photo{
	float: left;
	width: 90px;
}
.fsn-campany .info-box .R-person-txt{
	float: right;
	width: 220px;
}