/*--------------------------------------*/
/*/### ページ別CSS ###                  */
/*--------------------------------------*/


/*--------------------------------------*/
/*# index.html #                        */
/*--------------------------------------*/
#index{}



/* PickUp! */
#index .mainContents .pickup{ /*floatClear*/}
	#index .mainContents .pickup .leftbox,
	#index .mainContents .pickup .rightbox{
	}
	#index .mainContents .pickup .leftbox{ /*floatClear*/
		float:left;
		width:264px;
		padding-right:12px;
		border-right:1px dotted #b3b3b3;
	}
		#index .mainContents .pickup .leftbox p.img{
			float:left;
			width:126px;
		}
		#index .mainContents .pickup .leftbox p.title,
		#index .mainContents .pickup .leftbox p.description,
		#index .mainContents .pickup .leftbox p.detail{
			margin-top:5px;
			margin-left:131px;
			line-height:1.3;
		}
		#index .mainContents .pickup .leftbox p.title{
			color:#ff7214;
			font-weight:bold;
		}
		#index .mainContents .pickup .leftbox p.description{}
		#index .mainContents .pickup .leftbox p.detail{
			margin-top:10px;
			text-align:right;
		}
	#index .mainContents .pickup .rightbox{
		float:right;
		width:252px;
	}
		#index .mainContents .pickup .rightbox ul{
		}
			#index .mainContents .pickup .rightbox ul li{
				margin:5px 0 10px;
			}

/* ランキング */
#index .mainContents .ranking{}
	#index .mainContents p.title{
		margin-bottom:10px;
		color:#ff7214;
		font-weight:bold;
	}
	#index .mainContents .rankingContents{ /*floatClear*/}
		#index .mainContents .rankingContents .rankingBox{
			float:left;
			width:100px;
			padding-left:10px;
		}
		#index .mainContents .rankingContents .rankingBox.first{
			padding-left:0;
		}
			#index .mainContents .rankingContents .rankingBox p.num,
			#index .mainContents .rankingContents .rankingBox p.img{
				margin-bottom:5px;
			}
			#index .mainContents .rankingContents .rankingBox p.txt{
				line-height:1.3;
			}


/*--------------------------------------*/
/*# アクセサリー #                      */
/*--------------------------------------*/
#accessory{}


/*--------------------------------------*/
/*# カップル旅行 #                      */
/*--------------------------------------*/
#travel{}

/* アイテムリスト */
#travel .itemList{
	border-bottom:none;
	padding-bottom:0;
}


/*--------------------------------------*/
/*# 二人暮し #                          */
/*--------------------------------------*/
#concubinage{}

/* 問い合わせ */
#concubinage p.contact{
	text-align:right;
}

/*--------------------------------------*/
/*# インテリア #                        */
/*--------------------------------------*/
#interior{}


/*--------------------------------------*/
/*# クリスマス特集 #                    */
/*--------------------------------------*/

#xmas .mainContents {
	position:relative;
}

#xmas ul#crumb {
	position:absolute;
	top:-18px;
	z-index:10;
	margin-bottom:4px;
	line-height:12px;
	font-size:10px;
}

#xmas ul#crumb li {
	display:inline;
}

#xmas p.subCopy {
	min-height:80px;
	_height:80px;
	padding:0 215px 0 10px;
	margin-bottom:10px;
	background:url(../../img/2006christmas/dinner/img_dinner_bg.jpg) no-repeat left top;
}

#xmas h3 {
	clear:both;
	margin-bottom:10px;
}

#xmas .bannerList {
	width:540px;
}

#xmas .bannerList #banner4800 {
	float:left;
}

#xmas .bannerList #banner5000 {
	float:left;
}

#xmas .bannerList #banner8800 {
	float:right;
}

#xmas p.caption {
	margin-top:8px;
	margin-bottom:10px;
}

#xmas p.title strong {
	color:#A90B0E;
}

#xmas p.price {
	color:#666666;
	font-weight:bold;
}

#xmas p.subTxt {
	margin-bottom:10px;
}

#xmas #searchBox {
	float:left;
	width:180px;
	margin-right:10px;
	_margin-right:10px;
}

#xmas #searchBox h4 {
}

#xmas ul#serchBtn {
	margin-top:10px;
}

#xmas ul#serchBtn li {
	float:left;
	margin-left:10px;
	_margin-left:5px;
	padding-bottom:10px;
}

#xmas ul#serchBtn li.first {
	float:left;
	margin-left:0;
}

#xmas ul#serchBtn li.bottom {
	padding-bottom:0;
}

#xmas #graph #graphBox {
	float:left;
	width:255px;
}

#xmas #graph #graphBox h3 {
	margin-bottom:10px;
}

#xmas #graph p {
	margin-left:265px;
	margin-bottom:10px;
}

#xmas.present {
}

#xmas.present h4 {
	margin-top:5px;
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:1px dotted #A90B0E;
	font-size:13px;
	color:#A90B0E;
	font-weight:bold;
}

#xmas.present p.price {
	margin-bottom:10px;
	vertical-align:middle;
	font-weight:bold;
}

#xmas.present p.price img {
	margin-right:5px;
	vertical-align:middle;
}

#xmas.present p.txt {
	margin-bottom:10px;
}

#xmas.present p.detail {
	margin-bottom:10px;
}


/*--------------------------------------*/
/*# バレンタイン特集 #                    */
/*--------------------------------------*/

#val .mainContents {
	position:relative;
}

#val ul#crumb {
	position:absolute;
	top:-18px;
	z-index:10;
	margin-bottom:4px;
	line-height:12px;
	font-size:10px;
}

#val ul#crumb li {
	display:inline;
}

#val p.subCopy {
	min-height:80px;
	_height:80px;
	padding:0 215px 0 10px;
	margin-bottom:10px;
	background:url(../../img/2006christmas/dinner/img_dinner_bg.jpg) no-repeat left top;
}

#val h3 {
	clear:both;
	margin-bottom:10px;
}

#val .bannerList {
	width:540px;
}

#val .bannerList #banner4800{
	float:left;
}

#val .bannerList #banner5000 {
	float:left;
}

#val .bannerList #banner8800 {
	float:right;
}

#val p.caption {
	margin-top:8px;
	margin-bottom:10px;
}

#val p.title strong {
	color:#A90B0E;
}

#val p.price {
	color:#666666;
	font-weight:bold;
}

#val p.subTxt {
	margin-bottom:10px;
}

#val #searchBox {
	float:left;
	width:180px;
	margin-right:10px;
	_margin-right:10px;
}

#val #searchBox h4 {
}

#val ul#serchBtn {
	margin-top:10px;
}

#val ul#serchBtn li {
	float:left;
	margin-left:10px;
	_margin-left:5px;
	padding-bottom:10px;
}

#val ul#serchBtn li.first {
	float:left;
	margin-left:0;
}

#val ul#serchBtn li.bottom {
	padding-bottom:0;
}

#val #graph #graphBox {
	float:left;
	width:255px;
}

#val #graph #graphBox h3 {
	margin-bottom:10px;
}

#val #graph p {
	margin-left:265px;
	margin-bottom:10px;
}

#val.present {
}

#val.present h4 {
	margin-top:5px;
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:1px dotted #A90B0E;
	font-size:13px;
	color:#A90B0E;
	font-weight:bold;
}

#val.present p.price {
	margin-bottom:10px;
	vertical-align:middle;
	font-weight:bold;
}

#val.present p.price img {
	margin-right:5px;
	vertical-align:middle;
}

#val.present p.txt {
	margin-bottom:10px;
}

#val.present p.detail {
	margin-bottom:10px;
}

.mainContents .tab {
	background: repeat-x scroll left bottom;
	background-image: url(http://img.date2.jp/img/contents/contents_tab_bg.gif);
	text-align:center;
	margin-bottom: 15px;
}

.mainContents .tab li {
	display:inline;
	font-size:0pt;
	line-height:0pt;
	margin-right:5px;
}

.mainContents .borderBox {
	margin-bottom:10px;
	padding:10px;
	border:1px solid #cccccc;
}

.mainContents .borderBox a.iconLinkRight {
	padding-left:16px;
	background: no-repeat left 0.15em;
	background-image: url("http://img.date2.jp/img/tmpl/icon_arrow_right.gif");
}

.mainContents .borderBox .title {
	padding:5px;
	font-weight:bold;
	color:#466E96;
	background:repeat-x left bottom;
	background-image: url(http://img.date2.jp/img/tmpl/bg_dotline_04.gif);
}

.mainContents .borderBox .description {
	padding:10px;
}

.mainContents .borderBox .img {
	float: left;
}

/*--------------------------------------*/
/*# ソウ・エクスペリエンス #            */
/*--------------------------------------*/
#sowxp{}

#sowxp .contentsBox{
	color:#000000;
	line-height:1.4;
}


#sowxp .episodeBox{
	margin:20px 0;
}
	#sowxp .episodeBox .episodeImg{
		width:210px;
	}
	#sowxp .episodeBox .episodeContents{
		width:310px;
	}
		#sowxp .episodeBox .episodeTitle{
			margin-bottom:10px;
		}
		#sowxp .episodeBox .episodeTxt{
			margin-bottom:10px;
		}
		#sowxp .episodeBox .episodeBtnBox{}
			#sowxp .episodeBox .episodeBtnBox p{
				margin-bottom:3px;
			}


#sowxp .episodeBox.imgLeft{}
	#sowxp .episodeBox.imgLeft .episodeImg{
		float:left;
	}
	#sowxp .episodeBox.imgLeft .episodeContents{
		float:right;
	}

#sowxp .episodeBox.imgRight{}
	#sowxp .episodeBox.imgRight .episodeImg{
		float:right;
	}
	#sowxp .episodeBox.imgRight .episodeContents{
		float:left;
	}


#sowxp .giftBox{
	margin:10px 0;
}
	#sowxp .giftBox .giftTitle{
		margin-bottom:10px;
	}
	#sowxp .giftBox .giftContentsRow{
		margin-bottom:10px;
	}
		#sowxp .giftBox .giftImg{
			float:left;
			width:316px;
		}
		#sowxp .giftBox .giftContents{
			float:right;
			width:205px;
		}
			#sowxp .giftBox .giftTxt{
				margin-bottom:10px;
			}
			#sowxp .giftBox .giftBtn{}
	#sowxp .giftBox .giftMenuListArea{}
		#sowxp .giftBox .gitfMenuTitle{
			margin-bottom:10px;
		}
			#sowxp .giftBox .gitfMenuTitle .toMenuList{
				margin-left:15px;
			}
				#sowxp .giftBox .gitfMenuTitle .toMenuList a{
					padding-left:16px;
					background:url("../img/sowxp/icon_arrow_01.gif") no-repeat left center;
					font-weight:bold;
				}
				#sowxp .giftBox .gitfMenuTitle .toMenuList a:hover{
					background-position:2px center;
				}
		#sowxp .giftBox .giftMenuList{
			margin-bottom:5px;
			margin-right:-20px;
		}
			#sowxp .giftBox .giftMenuList ul{}
				#sowxp .giftBox .giftMenuList li{
					float:left;
					width:92px;
					margin-right:20px;
				}
					#sowxp .giftBox .giftMenuList li .img{}
					#sowxp .giftBox .giftMenuList li .caption{}
						#sowxp .giftBox .giftMenuList li a{
							font-weight:bold;
						}


#sowxp .howtoBox{}
	#sowxp .howtoBox p{
		margin-bottom:10px;
	}





/* ソウ・エクスペリエンス下層ページ */
.sowxpMenuList{}


.sowxpMenuList .toTopPage{
	position:relative;
		top:-12px;
	text-align:right;
}
	.sowxpMenuList .toTopPage a{
		padding-left:16px;
		background:url("../img/sowxp/icon_arrow_01.gif") no-repeat left center;
	}
	.sowxpMenuList .toTopPage a:hover{
		background-position:2px center;
	}


.sowxpMenuList .contentsBox{
	margin-bottom:10px;
	line-height:1.4;
}

.sowxpMenuList .giftTitle{
	margin-bottom:5px;
}
.sowxpMenuList .giftDesc{
	margin:15px 0;
}
	.sowxpMenuList .giftDesc .descText{
		margin-bottom:10px;
	}
	.sowxpMenuList .giftDesc .buyBtn{
		text-align:center;
	}

.sowxpMenuList .xpMenuListArea{}
	.sowxpMenuList .xpMenuListArea .xpMenuTitle{
		margin-bottom:10px;
		padding:3px 5px;
		background:#333333;
		color:#ffffff;
		font-weight:bold;
	}
	.sowxpMenuList .xpMenuListArea .xpMenuList{
		color:#333333;
	}
		.sowxpMenuList .xpMenuList li{
			margin-bottom:15px;
			padding-bottom:15px;
			border-bottom:1px dashed #cccccc;
		}
			.sowxpMenuList .xpMenuList li .img{
				float:left;
				width:70px;
			}
			.sowxpMenuList .xpMenuList li .contents{
				float:left;
				width:400px;
				padding-left:10px;
			}
				.sowxpMenuList .xpMenuList li .contents .title{
					margin-bottom:10px;
				}
				.sowxpMenuList .xpMenuList li .contents .description{}
				.sowxpMenuList .xpMenuList li .contents .place{}
			.sowxpMenuList .xpMenuList li .tag{
				float:right;
				width:48px;
			}
				.sowxpMenuList .xpMenuList li .tag p{
					margin-bottom:3px;
					text-align:right;
				}

.sowxpMenuList .contactBox{}
	.sowxpMenuList .contactBox .contactTitle{
		margin-bottom:10px;
		padding:3px 5px;
		background:#333333;
		color:#ffffff;
		font-weight:bold;
	}
	.sowxpMenuList .contactBox p{
		margin-bottom:10px;
	}
	.sowxpMenuList .contactBox .contactList a{
		padding-left:15px;
		background:url("../img/sowxp/icon_arrow_01.gif") no-repeat left center;
	}
	.sowxpMenuList .contactBox .contactList a:hover{
		background-position:2px center;
	}


.gw_hotel .hotel_box {
	width:540px;
	margin: 20px 0px;
}

.gw_hotel .hotel_box .inner_top {
	width:540px;
	height:84px;
	background:url(/img/2008goldenweek/hako_01.jpg) no-repeat;
}

.gw_hotel .hotel_box .inner_middle {
	width:540px;
	background:url(/img/2008goldenweek/hako_02.jpg) repeat-y;
}

.gw_hotel .hotel_box .inner_bottom {
	width:540px;
	height:256px;
	background:url(/img/2008goldenweek/hako_03.jpg) no-repeat;
}

.gw_hotel .hotel_box .title {
	padding:35px 20px 0px 20px;
	height:45px;
}

.gw_hotel .hotel_box .photo {
	padding:0px 20px 0px 20px;
}

.gw_hotel .hotel_box .photo .r8 {
	margin-right: 8px;
}

.gw_hotel .hotel_box .photo .r4 {
	margin-right: 4px;
}

.gw_hotel .hotel_box .photo .r3 {
	margin-right: 3px;
}

.gw_hotel .hotel_box .photo .r2 {
	margin-right: 2px;
}

.gw_hotel .hotel_box .photo .r1 {
	margin-right: 1px;
}

.gw_hotel .hotel_box .photo .b4 {
	margin-bottom: 4px;
}

.gw_hotel .hotel_box .photo .b6 {
	margin-bottom: 6px;
}

.gw_hotel .hotel_box .description {
	padding:0px 20px 0px 20px;
	line-height: 135%;
}
.gw_hotel .hotel_box .description p {
	margin: 10px 0px;
}
.gw_hotel .hotel_box .information {
	padding:55px 20px 20px 20px;
}
.gw_hotel .hotel_box .information .basic {
	margin-left: 10px;
	_margin-left: 5px;
	width:235px;
	float:left;
}
.gw_hotel .hotel_box .information .bits {
	background:url(/img/2008goldenweek/hako_04.jpg) no-repeat;
	margin-right: 10px;
	_margin-right: 5px;
	width:230px;height:100px;
	float:right;
}
.gw_hotel .hotel_box .information .basic p{
	font-size: 83%;
	_font-size: 77%;
	line-height: 145%;
	color: #335864;
	margin:2px 4px;
}
.gw_hotel .hotel_box .information .basic .name{
	font-weight: bold;
}
.gw_hotel .hotel_box .information .bits p{
	font-size: 83%;
	_font-size: 77%;
	line-height: 140%;
	color: #775c2b;
	margin:2px 4px;
}
.gw_hotel .hotel_box .information .bits .memo{
	font-weight: bold;
	color: #cc3399;
}
.gw_hotel .hotel_box .buttons {
	padding: 20px;
	text-align: center;
}

.gw_hotel .hotel_box .buttons .cursor {
	margin-top: -6px;
	text-align:right;
}

.gw_hotel .hotel_box .buttons img {
}


/*** resutaurant ***/
#restaurant{}


#restaurant table{
	border:none;
	border-collapse:collapse;
}
	#restaurant th,
	#restaurant td{
		padding:0;
		border:none;
	}


#restaurant .float{
	zoom:1;/*for IE 5.5-7*/
}
#restaurant .float:after{/*for modern browser*/
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
	#restaurant .float li{
		float:left;
		display:inline;/*IEbugFIX*/
	}



#restaurant .mainVisual{
	margin-bottom:10px;
}

#restaurant .selectBox{
	margin-bottom:25px;
	background:url("../img/restaurant/bg_selectBox.gif") repeat-y;
	zoom:1;/*IEbugFIX*/
}
#restaurant .selectBox_inner{
	background:url("../img/restaurant/bg_selectBox_btm.gif") no-repeat left bottom;
}
#restaurant .selectBox_inner2{
	padding:8px 15px;
	background:url("../img/restaurant/bg_selectBox_top.gif") no-repeat;
}
	#restaurant .selectBox table{
		width:100%;
	}
		#restaurant .selectBox th,
		#restaurant .selectBox td{
			padding:5px 0;
			line-height:1.5;
			border-bottom:1px dotted #b3b3b3;
		}
		#restaurant .selectBox .last th,
		#restaurant .selectBox .last td{
			border-bottom:none;
		}
		#restaurant .selectBox th{
			padding-right:10px;
			padding-left:5px;
		}
			#restaurant .selectBox th img{
				padding-top:2px;
			}
		#restaurant .selectBox td{
			width:100%;
		}
			#restaurant .selectBox td li{
				margin-right:10px;
			}
				#restaurant .selectBox td a{
					padding-left:9px;
					background:url("../img/restaurant/icon_arrow_01.gif") no-repeat left 0.2em;
					white-space:nowrap;
				}


#restaurant .anchorBox{
	margin-bottom:10px;
}
	#restaurant .anchorBox td{
		padding-right:1px;
	}



#restaurant .boxStyle01{
	margin-bottom:20px;
	background:repeat-y;
}
#restaurant .boxStyle01_inner{
	background:no-repeat left bottom;
}
	#restaurant .boxStyle01 .row{
		background:repeat-y;
	}
	#restaurant .boxStyle01 .row_inner{
		background:no-repeat left bottom;
	}
	#restaurant .boxStyle01 .row_inner2{
		background:no-repeat;
	}
		#restaurant .boxStyle01 .col{
			float:left;
			position:relative;
			display:inline;/*IEbugFIX*/
			width:258px;
			min-height:186px;
			_height:186px;/*HACK:forIE*/
			margin-right:7px;
			padding:0 0 10px;
		}
			#restaurant .boxStyle01 .col .badge,
			#restaurant .boxStyle01 .col .img{
				position:absolute;
			}
			#restaurant .boxStyle01 .col .badge{
				top:-6px;
				left:0;
				z-index:2;
			}
			#restaurant .boxStyle01 .col .img{
				top:21px;
				left:7px;
				z-index:1;
			}
			#restaurant .boxStyle01 .col .name,
			#restaurant .boxStyle01 .col .contentsBox{
				margin:0;
				margin-right:10px;
				margin-left:133px;
			}
			#restaurant .boxStyle01 .col .name{
				margin-top:21px;
				margin-bottom:10px;
				padding:5px 4px;
				border-left:3px solid #ffffff;
				font-weight:bold;
			}
			#restaurant .boxStyle01 .col .contentsBox{}
				#restaurant .boxStyle01 .col .contentsBox p{
					margin-bottom:5px;
				}
					#restaurant .boxStyle01 .col .contentsBox strong{
						color:#59493f;
					}
				#restaurant .boxStyle01 .col .contentsBox .btn,
				#restaurant .boxStyle01 .col .contentsBox .reserve{
					text-align:center;
				}
				#restaurant .boxStyle01 .col .contentsBox .btn{
				}
				#restaurant .boxStyle01 .col .contentsBox .reserve{
				}



#restaurant #box01{
	background-image:url("../img/restaurant/bg_box01.gif");
}
#restaurant #box01 .boxStyle01_inner{
	padding:0 0 1px;
	background-image:url("../img/restaurant/bg_box01_btm.gif");
}
	#restaurant #box01 .row{
		margin-bottom:10px;
		margin-left:9px;
		background-image:url("../img/restaurant/bg_box01_row.gif");
	}
	#restaurant #box01 .row_inner{
		background-image:url("../img/restaurant/bg_box01_row_btm.gif");
	}
	#restaurant #box01 .row_inner2{
		background-image:url("../img/restaurant/bg_box01_row_top.gif");
	}
			#restaurant #box01 .col .name{
				border-left-color:#ff9443;
			}


#restaurant #box02{
	background-image:url("../img/restaurant/bg_box02.gif");
}
#restaurant #box02 .boxStyle01_inner{
	padding:0 0 1px;
	background-image:url("../img/restaurant/bg_box02_btm.gif");
}
	#restaurant #box02 .row{
		margin-bottom:10px;
		margin-left:9px;
		background-image:url("../img/restaurant/bg_box02_row.gif");
	}
	#restaurant #box02 .row_inner{
		background-image:url("../img/restaurant/bg_box02_row_btm.gif");
	}
	#restaurant #box02 .row_inner2{
		background-image:url("../img/restaurant/bg_box02_row_top.gif");
	}
			#restaurant #box02 .col .name{
				border-left-color:#aac930;
			}


#restaurant #box03{
	background-image:url("../img/restaurant/bg_box03.gif");
}
#restaurant #box03 .boxStyle01_inner{
	padding:0 0 1px;
	background-image:url("../img/restaurant/bg_box03_btm.gif");
}
	#restaurant #box03 .row{
		margin-bottom:10px;
		margin-left:9px;
		background-image:url("../img/restaurant/bg_box03_row.gif");
	}
	#restaurant #box03 .row_inner{
		background-image:url("../img/restaurant/bg_box03_row_btm.gif");
	}
	#restaurant #box03 .row_inner2{
		background-image:url("../img/restaurant/bg_box03_row_top.gif");
	}
		#restaurant #box03 .col{
			position:static;
			width:150px;
			min-height:0;
			_height:auto;/*HACK:forIE*/
			margin-right:6px;
			padding:15px 10px 10px;
		}
			#restaurant #box03 .col .name{
				margin:0 0 3px;
				padding:0 0 10px;
				border:none;
				border-bottom:1px dotted #666666;
				font-weight:bold;
				text-align:center;
			}
			#restaurant #box03 .col .contentsBox{
				margin:0;
				padding:0 5px;
				color:#59493f;
				font-size:10px;
				line-height:1.5;
				text-align:center;
			}


#restaurant .bigBannerBox{
	margin-bottom:20px;
	text-align:center;
}