@charset "Shift_JIS";

/* レイアウト
-------------------------------------------------------------- */
#title {
	width: 950px;
	float: left;
	display: inline;
}

/* エリアメニュー
-------------------------------------------*/
#menu {
	float: left;
	width: 950px;
	height: 35px;
	margin-bottom: 10px;
	clear: both;
}

#menu ul li {
	float: left;
	list-style: none;
}

#menu ul li a {
	display: block;
	text-indent: -9999px;
}

#menu ul li.area01 { width: 107px;}
#menu ul li.area01 a { width: 107px; background: url(../images/nishi/tab_01.gif) no-repeat 0 0;}
#menu ul li.area02 { width: 123px;}
#menu ul li.area02 a { width: 123px; background: url(../images/nishi/tab_02.gif) no-repeat 0 0;}
#menu ul li.area03 { width: 107px;}
#menu ul li.area03 a { width: 107px; background: url(../images/nishi/tab_03.gif) no-repeat 0 0;}
#menu ul li.area04 { width: 59px;}
#menu ul li.area04 a { width: 59px; background: url(../images/nishi/tab_04.gif) no-repeat 0 0;}
#menu ul li.area05 { width: 107px;}
#menu ul li.area05 a { width: 107px; background: url(../images/nishi/tab_05.gif) no-repeat 0 0;}
#menu ul li.area06 { width: 131px;}
#menu ul li.area06 a { width: 131px; background: url(../images/nishi/tab_06.gif) no-repeat 0 0;}
#menu ul li.area07 { width: 107px;}
#menu ul li.area07 a { width: 107px; background: url(../images/nishi/tab_07.gif) no-repeat 0 0;}
#menu ul li.area08 { width: 93px;}
#menu ul li.area08 a { width: 93px; background: url(../images/nishi/tab_08.gif) no-repeat 0 0;}
#menu ul li.area09 { width: 59px;}
#menu ul li.area09 a { width: 59px; background: url(../images/nishi/tab_09.gif) no-repeat 0 0;}
#menu ul li.area10 { width: 57px;}
#menu ul li.area10 a { width: 57px; background: url(../images/nishi/tab_10.gif) no-repeat 0 0;}

#menu ul li.area01,
#menu ul li.area02,
#menu ul li.area03,
#menu ul li.area04,
#menu ul li.area05,
#menu ul li.area06,
#menu ul li.area07,
#menu ul li.area08,
#menu ul li.area09,
#menu ul li.area10 { height: 35px;}

#menu ul li.area01 a,
#menu ul li.area02 a,
#menu ul li.area03 a,
#menu ul li.area04 a,
#menu ul li.area05 a,
#menu ul li.area06 a,
#menu ul li.area07 a,
#menu ul li.area08 a,
#menu ul li.area09 a,
#menu ul li.area10 a { height: 35px;}

#menu ul li.area01 a:hover,
#menu ul li.area02 a:hover,
#menu ul li.area03 a:hover,
#menu ul li.area04 a:hover,
#menu ul li.area05 a:hover,
#menu ul li.area06 a:hover,
#menu ul li.area07 a:hover,
#menu ul li.area08 a:hover,
#menu ul li.area09 a:hover,
#menu ul li.area10 a:hover { background-position: 0 -35px;}

/* コンテンツ
-------------------------------------------------------------- */
#container	{
	width: 950px;
	float: left;
	background: url(../images/bg_sidebar.gif) repeat-y 0 0;
	margin-bottom: 10px;
	clear: both;
	display: inline;
}

#container #main { float: left; width: 745px; margin-right: 10px; }

#container #side { float: left; width: 170px; padding: 10px 13px 0px 12px; }




/* 上期・下期商品へのリンク
-------------------------------------------------------------- */
.semester li {
	float: left;
	list-style-type: none;
	background: url(../images/arrow_navy.gif) no-repeat 0 3px;
	font-size: 12px;
	padding-left: 13px;
	clear: both;
}

/* パンフレット一覧
-------------------------------------------------------------- */
.areaBox	{
	float: left;
	width: 729px;
	margin: 10px 8px;
	display: inline;
}

.bg_area	{
	float: left;
	width: 713px;
	height: 21px;
	padding: 5px 0px 0px 16px;
	background: url(../images/bg_area.gif) no-repeat 0 0;
	font-size: 12px;
	margin-bottom: 8px;
}

.listBox {
	float: left;
	width: 736px;
	margin: 0 -7px 10px 0;
	overflow: hidden;
	_zoom: 1;
	clear: both;
}

.panfuBox {
	float: left;
	width: 177px;
	height: 180px;
	/*height: 160px; 20100526更新*/
	margin-right: 7px;
}

.panfuBox .date {
	float: left;
	width: 175px;
	background-color: #E1E1E1;
	padding: 1px;
	margin-bottom: 5px;
	text-align: center;
	font-size: 10px;
}

.panfuBox .img {
	float: left;
	width: 75px;
}

.panfuBox .detail {
	float: right;
	width: 102px;
}

.panfuBox .detail h3{
	font-size: 12px;
}

.panfuBox .detail ul {
	float: left;
	list-style-type: none;
}

.panfuBox .detail li {
	background: url(../images/arrow_navy.gif) no-repeat 0 3px;
	font-size: 12px;
	padding-left: 13px;
	clear: both;
}

.panfuBox .detail p.degiBtn a{
	float:left;
	width:92px;
	height:37px;
	background:url(../images/panf_btn.jpg) no-repeat;
	display:block;
	text-indent:-9999px;
}

.panfuBox .detail p.degiBtn a:hover{
	float:left;
	width:92px;
	height:37px;
	background:url(../images/panf_btn_on.jpg) no-repeat;
	display:block;
}

/* お問い合わせ
-------------------------------------------------------------- */
.contactBox {
	float: left;
	width: 669px;
	height: 62px;
	background: url(../images/nishi/bg_contact.gif) no-repeat 0 0;
	padding: 15px 30px;
	margin-bottom: 10px;
	clear: both;
	display: inline;
}

.contactBox .LeftBox {
	float: left;
	width: 400px;
	margin-right: 59px;
	display: inline;
}

.contactBox .RightBox {
	float: left;
	width: 210px;
	display: inline;
}

/* 出発地別メニュー
-------------------------------------------------------------- */
#container #side ul.navi {
	float: left;
	list-style: none;
	margin-bottom: 10px;
}

#container #side ul.navi li {
	float: left;
	list-style: none;
	height: 29px;
	clear: both;
}

#container #side ul.navi li { /* IE6 */
	_margin-bottom: -3px;
}

/* サイドバナー
-------------------------------------------------------------- */
#container #side ul.banner {
	float: left;
	list-style: none;
	margin-bottom: 10px;
}

#container #side ul.banner li {
	float: left;
	list-style: none;
	clear: both;
}

/* パンフde予約
-------------------------------------------------------------- */
.panfudeBox {
	float: left;
	width: 154px;
	border: 1px #CCC solid;
	background-color: #FFF;
	padding: 7px;
	margin-bottom: 10px;
	clear: both;
	display: inline;
}

.panfudeBox ul {
	float: left;
	list-style-type: none;
}

.panfudeBox li {
	background: url(../images/arrow_navy.gif) no-repeat 0 3px;
	font-size: 12px;
	padding-left: 13px;
	clear: both;
}

.panfudeBox .formBox {
	float: left;
	width: 144px;
	background-color: #DAF0FD;
	padding: 5px;
	margin-top: 5px;
	clear: both;
	display: inline;
}

.panfudeBox p {
	padding-bottom: 5px;
	clear: both;
}

.panfudeBox p.formbt {
	padding: 5px 0;
	text-align: center;
	background: #b5deff;
	border: 1px solid #a4d0f4;
}

.panfudeBox .head {
	color: #36C;
	font-weight: bold;
	clear: both;
}

.panfudeBox .fs01 {
	font-size: 10px;
}

/* テキスト
-------------------------------------------------------------- */
.red {
	color: #C00;
	font-weight: bold;
}

/* その他
-------------------------------------------------------------- */
.clear {
	clear: both;
}

#topgo	{
	float: left;
	width: 950px;
	margin-bottom: 5px;
	text-align: right;
	clear: both;
}