/* CSS Document */
@charset "EUC-JP";

/* ======================================================

¡¡¥Õ¥¡¥¤¥ëÌ¾¡§css/season/4season_autumn2008.css
¡¡³µÍ×¡§¥Õ¥©¡¼¥·¡¼¥º¥ó 2008½©

====================================================== */



/* ¢§¢§¢§¢§¢§¢§¢§¢§¢§¢§¢§¢§¢§¢§¢§¢§¢§¢§¢§¢§¢§¢§ ºï¤Ã¤Æ4season_common¤òÆÉ¤à ¢§¢§¢§¢§¢§¢§¢§¢§¢§¢§¢§¢§¢§¢§¢§¢§¢§¢§¢§¢§¢§¢§ */

*{
	font-size: 100%;
	padding: 0;
	margin: 0;
	word-break: break-all;
}
body{
	text-align: center;
	font-size: 80%;
	font-family: "£Í£Ó £Ð¥´¥·¥Ã¥¯", "Osaka", "Arial", Helvetica, sans-serif;
}

ul,dl{
	list-style:none;
}
img{
	border: none;
}


.clear {
    zoom: 100%;
}
.clear:after {
    content: ".";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

#container {
	width: 960px;
	margin: auto;
	padding: 0;
	text-align: left;
}


/* 4T¥Þ¥¬¥¸¥ó ¶¦ÄÌ¥Ø¥Ã¥À¡¼
 -------------------------------------------------------*/
#commonHeader {
	margin:0;
	padding:0;
	height:41px;
	background:url(http://img.4travel.jp/img/spe/bg_commonheader.gif) #FFFFFF left top repeat-x;
	text-align:left;
}
#commonHeader div#logoUnit {
	margin-top:6px;
	margin-left:20px;
	float:left;
	display:inline;
}
#commonHeader div#logoUnit div#logo4t {
	width:116px;
	height:30px;
	float:left;
	margin-right:7px;
	display:inline;
}
#commonHeader div#logoUnit div#logoMagazine {
	width:93px;
	height:11px;
	margin-top:17px;
	float:left;
	display:inline;
}
#commonHeader div#sponsored {
	margin-top:13px;
	margin-right:15px;
	float:right;
	display:inline;
}

/* ¥Õ¥Ã¥¿¡¼ ¥Ð¥Ã¥¯¥Ê¥ó¥Ð¡¼
-------------------------------- */
#fsn-ftr-backnumber {
	margin: 0 auto;
	border-top: 1px solid #ccc;
	padding-top: 10px;
}
#fsn-ftr-backnumber li{
	width: 319px;
	float: left;
	border-right: 1px solid #ccc;
}
#fsn-ftr-backnumber li.finish {
	border: none;
}
#fsn-ftr-backnumber li .inner { /* Éý279px */
	padding: 0 20px;
}
#fsn-ftr-backnumber li img {
	width: 95px;
	float: left;
}
#fsn-ftr-backnumber li p {
	width: 170px;
	float: right;
}

#fsn-ftr-backnumber li p strong {
	display: block;
	font-size: 110%;
	margin-bottom: 5px;
}


/* ¥Õ¥Ã¥¿¡¼
-------------------------------- */
#fsn-ftr {
	border-top: 1px solid #ccc;
	padding-top: 8px;
	/* margin: 10px auto 20px; */
	margin: 10px auto 20px;
}
#fsn-ftr #L-copy{
	float: left;
	width: 600px;
}

#fsn-ftr #R-link{
	float: right;
	width: 350px;
}

#fsn-ftr .link-list li{
	padding: 0 7px;

	float: right;
	border-right: 1px solid #ccc;
}
#fsn-ftr .link-list li.finish{
	border-left: 1px solid #ccc;
}



/* ²èÁü°ÌÃÖ -------------------------------------------------*/
.pts-img-Left {
	margin-bottom: 5px;
	margin-right: 10px;
	float: left;
}

.pts-img-right {
	margin-bottom: 5px;
	margin-left: 10px;
	float: right;
}

.pts-img-center {
	margin-bottom: 5px;
	margin-top: 10px;
}

.pts-right {
	text-align: right;
}

/* ¥Õ¥©¥ó¥È */
.pts-bold{
	font-weight: bold;
}

/* ¥Õ¥©¥ó¥È¥µ¥¤¥º */
.pts-f80{
	font-size: 80%;
}
.pts-f120{
	font-size: 120%;
}
.prise-red {
	color: #d81900;
	font-weight: bold;
}
/* ¢¥¢¥¢¥¢¥¢¥¢¥¢¥¢¥¢¥¢¥¢¥¢¥¢¥¢¥¢¥ ºï¤Ã¤Æ4season_common¤òÆÉ¤à ¢¥¢¥¢¥¢¥¢¥¢¥¢¥¢¥¢¥¢¥¢¥¢¥¢¥¢¥¢¥¢¥¢¥¢¥¢¥¢¥¢¥¢¥¢¥¢¥ */
/* ¥Õ¥©¡¼¥·¡¼¥º¥ó¥Ø¥Ã¥À¡¼
 -------------------------------------------------------*/
 
#fsn-hdr{
	margin-top:5px;
	padding-bottom: 1px;
	text-align:left;
	border-bottom: 6px solid #333;
}

#fsn-hdr #logo{
	padding:0;
	width: 390px;
	float:left;
}

#fsn-hdr #season-txt{
	margin-top: 10px;
	padding:0;
	padding-left: 30px;
	background: url(http://img.4travel.jp/img/spe/season/gakusei/hdr_icn_graduate.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 h1 {
	margin:5px 0 0;
	padding:0;
	font-size: 110%;
	font-weight: bold;
}
#fsn-hdr #season-txt p{
	margin:0;
	line-height: 120%;
} 

/* ¥Æ¡¼¥Þ¥Ê¥Ó
-------------------------------------------------------*/
#fsn-theme-navi {
	width: 960px;
	text-align: left;	
	margin: 3px 0;
}

#fsn-theme-navi.border {
	padding-bottom: 5px;
	border-bottom: 1px solid #ccc;
}

#fsn-theme-navi li{
	display: block;
	float: left;
	font-size: 12px;
	padding: 0 7px;
	margin: 2px 0;
	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;
}
/*  ¾ÜºÙ¥Ú¡¼¥¸
-------------------------------------------------------*/
#fsn-main-top {
	display: block;
	width: 960px;
	height: 850px;
	background: #000;
	padding-top: 4px;
	margin-top: 5px;
}
#fsn-main-top #pos-wrap {
	display: block;
	position: relative;
	width: 938px;
	height: 700px;
	margin: 11px;

}
#fsn-main-top #pos-wrap h2 {
	display: block;
	position: absolute;
	top: 238px;
	left: 238px;
}
#fsn-main-top #pos-wrap ul {
}
#fsn-main-top #pos-wrap ul li {
	display: block;
	position: absolute;
	width: 227px;
	height: 227px;
}
#fsn-main-top #pos-wrap ul li#hawaii {
	top: 0;
	left: 0;
	background: url(http://img.4travel.jp/img/spe/season/gakusei/hawaii_ro.jpg) left top no-repeat;
}
#fsn-main-top #pos-wrap ul li#play {
	top: 0;
	left: 238px;
	background: url(http://img.4travel.jp/img/spe/season/gakusei/play_ro.jpg) left top no-repeat;
}
#fsn-main-top #pos-wrap ul li#beach {
	top: 0;
	right: 238px;
	background: url(http://img.4travel.jp/img/spe/season/gakusei/beach_ro.jpg) left top no-repeat;
}
#fsn-main-top #pos-wrap ul li#shopping {
	top: 0;
	right: 0;
	background: url(http://img.4travel.jp/img/spe/season/gakusei/shopping_ro.jpg) left top no-repeat;
}
#fsn-main-top #pos-wrap ul li#isan {
	top: 238px;
	left: 0;
	background: url(http://img.4travel.jp/img/spe/season/gakusei/isan_ro.jpg) left top no-repeat;
}
#fsn-main-top #pos-wrap ul li#asia {
	top: 238px;
	right: 0;
	background: url(http://img.4travel.jp/img/spe/season/gakusei/asia_ro.jpg) left top no-repeat;
}
#fsn-main-top #pos-wrap ul li#europe {
	bottom: 0;
	left: 0;
	background: url(http://img.4travel.jp/img/spe/season/gakusei/europe_ro.jpg) left top no-repeat;
}
#fsn-main-top #pos-wrap ul li#one {
	bottom: 0;
	left: 238px;
	background: url(http://img.4travel.jp/img/spe/season/gakusei/one_ro.jpg) left top no-repeat;
}
#fsn-main-top #pos-wrap ul li#usa {
	bottom: 0;
	right: 238px;
	background: url(http://img.4travel.jp/img/spe/season/gakusei/usa_ro.jpg) left top no-repeat;
}
#fsn-main-top #pos-wrap ul li#prise {
	bottom: 0;
	right: 0;
	background: url(http://img.4travel.jp/img/spe/season/gakusei/prise_ro.jpg) left top no-repeat;
}
#fsn-main-top #pos-wrap ul li a {
	display: block;
	width: 227px;
	height: 227px;
}
#fsn-main-top #pos-wrap ul li a:hover {
	border: none;
}
#fsn-main-top #pos-wrap ul li a:hover img {
	visibility: hidden !important;
}
#fsn-main-top #cl-wrap {
	clear: both;
	width: 938px;
	margin: 20px auto;
	padding: 0;
}
#fsn-main-top #cl-wrap h3 {
	color: #fff;
}
#fsn-main-top #cl-wrap ul {
	width: 910px;
	margin: 0 10px;
}
#fsn-main-top #cl-wrap ul li {
	display: block;
	float: left;
	margin: 5px;
}

/*  ¾ÜºÙ¥Ú¡¼¥¸
-------------------------------------------------------*/
#fsn-detail-top {
	clear: both;
	display: block;
	width: 960px;
	margin-top: 5px;
	border-top: 3px solid #000;
}
ul.det-navi {
	clear: both;
}
ul.det-navi li {
	display: block;
	float: left;
	margin: 10px 0 10px 10px;
}
ul.det-navi li.start {
	margin-left: 0;
}
ul.det-navi li a {
	display: block;
	width: 87px;
	height: 87px;
}
ul.det-navi li a.navi-top {
	background: url(http://img.4travel.jp/img/spe/season/gakusei/detail/navi_top_ro.gif) left top no-repeat;
}
ul.det-navi li a.navi-hawaii {
	background: url(http://img.4travel.jp/img/spe/season/gakusei/detail/navi_hawaii_ro.gif) left top no-repeat;
}
ul.det-navi li a.navi-play {
	background: url(http://img.4travel.jp/img/spe/season/gakusei/detail/navi_play_ro.gif) left top no-repeat;
}
ul.det-navi li a.navi-beach {
	background: url(http://img.4travel.jp/img/spe/season/gakusei/detail/navi_beach_ro.gif) left top no-repeat;
}
ul.det-navi li a.navi-shopping {
	background: url(http://img.4travel.jp/img/spe/season/gakusei/detail/navi_shopping_ro.gif) left top no-repeat;
}
ul.det-navi li a.navi-isan {
	background: url(http://img.4travel.jp/img/spe/season/gakusei/detail/navi_isan_ro.gif) left top no-repeat;
}
ul.det-navi li a.navi-asia {
	background: url(http://img.4travel.jp/img/spe/season/gakusei/detail/navi_asia_ro.gif) left top no-repeat;
}
ul.det-navi li a.navi-europe {
	background: url(http://img.4travel.jp/img/spe/season/gakusei/detail/navi_europe_ro.gif) left top no-repeat;
}
ul.det-navi li a.navi-one {
	background: url(http://img.4travel.jp/img/spe/season/gakusei/detail/navi_one_ro.gif) left top no-repeat;
}
ul.det-navi li a.navi-usa {
	background: url(http://img.4travel.jp/img/spe/season/gakusei/detail/navi_usa_ro.gif) left top no-repeat;
}
ul.det-navi li a.navi-prise {
	background: url(http://img.4travel.jp/img/spe/season/gakusei/detail/navi_prise_ro.gif) left top no-repeat;
}
ul.det-navi li a:hover img {
	visibility: hidden;
}
#fsn-detail-wrap {
	display: block;
	width: 960px;
	margin: 10px 0;
}

#fsn-detail-wrap div#left-col {
	display: block;
	float: left;
	width: 640px;
}
#fsn-detail-wrap div#detail-content {
	display: block;
	width: 640px;
	margin: 0 0 20px;
	padding-bottom: 10px;
	border: 1px solid #000;
}
div#detail-content h3 {
	font-size: 150%;
	font-weight: bold;
}
div#detail-content p.read {
	margin: 20px 10px;
}
div#detail-content div.section {
	clear: both;
	display: block;
	margin: 10px 10px 20px;
}
#fsn-detail-wrap div#right-col {
	display: block;
	float: right;
	width: 300px;
}
div#detail-content div.ranking {
	list-style-type: none;
}
div#detail-content div.ranking ol {
	list-style-type: none;
}
div#detail-content div.ranking ol li {
	display: block;
	float: left;
	font-weight: bold;
	margin: 10px 5px 0 0;
}
div#detail-content div.ranking ol li dl {
	width: 200px;
}
div#detail-content div.ranking ol li dl dt {
	display: block;
	height: 48px;
	font-size: 100%;
	padding-left: 40px;
	margin-bottom: 5px;
}
div#detail-content div.ranking ol li.rank1 dl dt {
	background: url(http://img.4travel.jp/img/spe/season/gakusei/detail/no1.gif) left center no-repeat;
}
div#detail-content div.ranking ol li.rank2 dl dt {
	background: url(http://img.4travel.jp/img/spe/season/gakusei/detail/no2.gif) left center no-repeat;
}
div#detail-content div.ranking ol li.rank3 dl dt {
	background: url(http://img.4travel.jp/img/spe/season/gakusei/detail/no3.gif) left center no-repeat;
}
div#detail-content div.ranking ol li dl dt a {
	display: block;
	height: auto;
	padding-top: 5px;
}
div#detail-content div.ranking ol li dl dd.name {
	font-size: 90%;
	font-weight: normal;
	color: #666;
	text-align: right;
}
div#detail-content div.hotel-info {
}
div#detail-content div.hotel-info ul {
}
div#detail-content div.hotel-info ul li {
	display: block;
	float: left;
	margin: 10px 3px 0;
}
div#detail-content div.hotel-info dl{
	width: 195px;
	min-height: 155px;
	*height: 155px;
	background: #fffeda;
	border: 1px solid #ccc;
}
div#detail-content div.hotel-info dl dt {
	margin: 5px;
}
div#detail-content div.hotel-info dl dd {
	margin: 5px;
}
div#detail-content div.hotel-info dl dd img {
	float: left;
	margin-right: 5px;
}
div#detail-content div.hotel-info dl dd p {
	line-height:1.2;
}
div#detail-content div.userlog {
}
div#detail-content div.userlog dl {
}
div#detail-content div.userlog dl dt{
	font-size: 150%;
	font-weight: bold;
	margin-bottom: 5px;
}
div#detail-content div.userlog dl dd{
	display: block;
	float: left;
	width: 301px;
	min-height: 274px;
	background: #000 url(http://img.4travel.jp/img/spe/season/gakusei/detail/log-bg.gif) left top no-repeat;
	border: 1px solid #000;
	margin-right: 10px;
}
div#detail-content div.userlog dl dd.last {
	margin-right: 0;
}
div#detail-content div.userlog dl dd div {
	display: block;
	background: #fff;
	width: 276px;
	min-height: 274px;
	margin: 0 0 0 25px;
}
div#detail-content div.userlog dl dd div h4 {
	margin: 5px 10px;
}
div#detail-content div.userlog dl dd div p {
	display: block;
	margin: 5px 10px;
}
div#detail-content div.userlog dl dd div p.name {
	color: #999;
	font-size: 80%;
	margin: 5px 10px 0;
	padding-bottom: 5px;
	text-align: right;
}
div#detail-content div.userlog dl dd div p.photo {
	margin: 0 auto;
	text-align: center;
}
div#detail-content div.userlog dl dd div p.photo img {
	margin: 10px 0;
}
div#bottom-list {
	background: #fffeda;
	border: 1px solid #000;
}
div#bottom-list h3 {
	background: #000;
	color: #fff;
	font-size: 110%;
	font-weight: bold;
	padding: 5px;
}
div#bottom-list ul {
	display: block;
	margin: 10px;
}
div#bottom-list ul li {
	display: inline;
	padding: 0;
}
div#bottom-list ul li dl {
	margin: 0;
	padding: 0;
}
div#bottom-list ul li dl dt {
	margin: 0 0 5px;
	padding: 0;
}
div#bottom-list ul li dl dd {
	margin: 0 0 10px;
	padding: 0;
}

/*
-------------------------------------------------------*/
div#right-col {
}
div#right-col div.cllist {
	margin: 20px 0;
}
div#right-col div.cllist ul {
}
div#right-col div.cllist ul li {
	background: #fffeda;
	border: 1px solid #ccc;
	margin: 5px 0 0;
}
div#right-col div.cllist ul li div {
	margin: 5px;
}
div#right-col div.cllist ul li div h4 {
	display: block;
	float: right;
	width: 160px;
	font-size: 110%;
	margin-top: 10px;
}
div#right-col div.cllist ul li div p {
	clear: both;
	font-size: 95%;
	margin-bottom: 5px;
}
div#right-col div.cllist ul li div p.cllogo {
	clear:none;
	display: block;
	float: left;
}




