@charset "utf-8";
/* ===================================================================
CSS information

 file name  :detail_style.css
 author     :
 style info :詳細ページの共通指定
 
■#tab -タブボタン-
└ #tabMain -タブの枠-
　└ #tabMain h4 -タブ中 h4-
　└ #tabMain #tabOther -タブ 関連ツアー-
　└ #tabMain #tabPhoto -タブ イメージリスト-
　└ #tabMain #tabReport -タブ クチコミ-

■.itemList-3row -横3つ並びの商品リスト-

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

/* clearfix */ 
#tab:after, #tabDetails:after, #tabPhoto:after, 
#tabReport:after, .tabReport-top dl:after, #tabReport ul.tabReport-pagenation:after, .tabReport-entry:after, 
#tabReport dl:after, #tabReport .reportComment:after, 
table.tabOther-list dl:after, .photoList:after, .photoList-frickr:after, 
.itemList-3row:after, .tbBox:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}

/*----------------------------------------------------
	#ホテル　タブ
----------------------------------------------------*/

/*---------------------------------------------------------
　タブボタン：通常の指定--------------------------------*/
ul#tab {
	zoom:1;
	clear:both;
	border-bottom:#12B59D solid 4px;
}

ul#tab li {
	float:left;
	display:inline;
	height:25px;
	margin-right:5px;
}

ul#tab li a {
	float:left;
	color:#006699;
	font-weight:bold;
	text-decoration:none;
	display:block;
	padding:0 0 0 4px;
	background:url("../img/tab02.gif") no-repeat left top;
}

ul#tab li a span {
	float:left;
	display:block;
	padding:5px 12px 4px 6px;
	background:url("../img/tab02_r.gif") no-repeat right top;
}

ul#tab li a:hover {
	background:url("../img/tab01.gif") no-repeat left top;
}

ul#tab li a:hover span {
	background:url("../img/tab01_r.gif") no-repeat right top;
}

/*---------------------------------------------------------
　タブボタン：選択状態の指定----------------------------*/
ul#tab li.selected a {
	background:url("../img/tab01.gif") no-repeat left top;
}

ul#tab li.selected a span {
	background:url("../img/tab01_r.gif") no-repeat right top;
}

/*---------------------------------------------------------
　タブの中の指定----------------------------------------*/
#tabMain {
	padding:5px;
	margin-bottom:1em;
	border-right:#12B59D solid 2px;
	border-left:#12B59D solid 2px;
	border-bottom:#12B59D solid 4px;
}

#tabMain h4 {
	padding-left:12px;
	margin-bottom:6px;
	background:url(../img/icon_arrow_green.gif) no-repeat left 1px;
	border-bottom:#12B59D dotted 1px;
}

#detailsPackage #tabMain .detailsBox {
	zoom:1;
	margin-bottom:1em;
}

/*---------------------------------------------------------
　タブ-関連ツアー---------------------------------------*/
#tabMain #tabOther {
	margin-bottom:1em;
}

#tabMain #tabOther table.tabOther-list {
	margin-bottom:0.5em;
	border-collapse:collapse;
    border-spacing:0;
	border-top:2px solid #CCC;
	border-left:2px solid #CCC;
	border-right:2px solid #999;
	border-bottom:2px solid #999;
	width: 100%;
}

#tabMain #tabOther table.tabOther-list tr {
}

#tabMain #tabOther table.tabOther-list th {
	font-weight:bold;
	text-align:center;
	padding:3px;
	border:1px solid #999;
	background:#EEEEEE url("../img/bg_grd_glay.gif") 0 0 repeat-x;
}

#tabMain #tabOther table.tabOther-list td {
	padding:3px;
	border:1px solid #999;
}

#tabMain #tabOther table.tabOther-list dl{
	zoom:1;
}

#tabMain #tabOther table.tabOther-list dl dt{
	float:left;
	width:71px;
}

#tabMain #tabOther table.tabOther-list dl dd{
	margin-left:75px;
}

/*---------------------------------------------------------
　タブ-イメージリスト----------------------------------------*/
#tabMain #tabPhoto {
	zoom:1;
}

#tabMain #tabPhoto ul.photoList {
	zoom:1;
	margin-left:15px;
}

#tabMain #tabPhoto ul.photoList li {
	float:left;
	display:inline;
	margin:0 0 10px 15px;
}

#tabMain #tabPhoto ul.photoList-flickr {
	zoom:1;
	margin-left:12px;
}

#tabMain #tabPhoto ul.photoList-flickr li{
	float:left;
	display:inline;
	margin:0 0 10px 10px;
}

/*---------------------------------------------------------
　タブ-クチコミ------------------------------------------*/
#tabMain #tabReport {
	zoom:1;
}

/*----クチコミ-評価------*/
#tabMain #tabReport .tabReport-top {
	zoom:1;
	margin-bottom:0.5em;
	padding-left:6px;
	border-left:#FF6600 solid 4px;
}

/*----クチコミ-項目毎の評価------*/
#tabMain #tabReport .tabReport-top {
	zoom:1;
	float:left;
}

/*----クチコミ-ページ送り-----*/
#tabMain #tabReport .tabReport-btnWrite {
	float:right;
}

/*----クチコミ-ページ送り-----*/
#tabMain #tabReport ul.tabReport-pagenation {
	clear:both;
	float:right;
}

#tabMain #tabReport .tabReport-pagenation li {
	float:left;
	margin-right:8px;
}

#tabMain #tabReport .tabReport-pagenation li.back {
	padding-left:6px;
	background:url(../img/icon_arrow_back.gif) left center no-repeat;
}

#tabMain #tabReport .tabReport-pagenation li.next {
	padding-right:6px;
	background:url(../img/icon_arrow_next.gif) right center no-repeat;	
}

/*----クチコミ-各クチコミ内容------*/
#tabMain #tabReport .tabReport-entry {
	clear:both;
	zoom:1;
	margin-bottom:1em;
	padding:5px 5px 0 5px;
	border-bottom:#0099CC dotted 1px;
	background:#DCEBF0 url(../img/bg_round_blue.gif) left top no-repeat;
}

#tabMain #tabReport .tabReport-entry h3 {
	color:#FF6600;
}

#tabMain #tabReport .tabReport-entry .name {
	color:#FF3333;
	font-weight:bold;
}

#tabMain #tabReport .tabReport-entry .reportData {
	padding-left:25px;
	background:url(../img/icon_data.gif) left 1px no-repeat;
}

#tabMain #tabReport .tabReport-entry .data{
	color:#FF3333;
	font-weight:bold;
}

#tabMain #tabReport .tabReport-entry .reportComment{
	width:526px;
	margin-bottom:5px;
	padding-top:5px;
	background:url(../img/bg_reviewcoment01.gif) 0 0 no-repeat #FFF;
}

#tabMain #tabReport .tabReport-entry .reportComment .reportChara {
	float:left;
}

#tabMain #tabReport .tabReport-entry .reportComment p {
	padding:5px 5px 0 5px;
	background:url(../img/illust_review.gif) right 0 no-repeat;
}

#tabMain #tabReport .tabReport-entry .reportComment span {
	display:block;
	font-size:0.1%;
	width:526px;
	height:5px;
	background:url(../img/bg_reviewcoment02.gif) 0 bottom no-repeat;
}

/*----クチコミ-参考になりましたか？------*/
#tabMain #tabReport .tabReport-entry dl.tabReport-btn {
	float:right;
}

#tabMain #tabReport .tabReport-entry dl.tabReport-btn dt {
	float:left;
	display:inline;
	margin-right:5px;
}

#tabMain #tabReport .tabReport-entry dl.tabReport-btn dd {
	float:left;
	display:inline;
	margin-right:5px;
}

/*------------------------------------------
---------この商品を選んだ人は～------------*/
.itemList-3row {
	zoom:1;
	clear:both;
	margin-bottom:1em;
}

.itemList-3row h3 {
	color:#333333;
	font-size:120%;
	width:537px;
	height:25px;
	margin-bottom:5px;
	padding:7px 0 0 13px;
}

.itemList-3row h3.orange {
	color:#FFFFFF
	background:url(../img/bar_pink.gif) 0 0 no-repeat;
}

.itemList-3row h3.pink {
	color:#993300;
	background:url(../img/bar_pink.gif) 0 0 no-repeat;
}

.itemList-3row h3.gray {
	background:url(../img/bar_gray.gif) 0 0 no-repeat;
}

.itemList-3row .box-3row,
.itemList-3row .box-3rowLast {
	float:left;
	text-align:center;
	width:172px;
	margin-right:4px;
	padding:3px;
	border-top:#CCCCCC solid 1px;
	border-left:#CCCCCC solid 1px;
	border-right:#999999 solid 1px;
	border-bottom:#999999 solid 1px;
}

.itemList-3row .box-3row-top {
	margin-bottom:5px;
	background:#EEEEEE;
}

.itemList-3row ul {
	clear:both;
	text-align:left;
	padding-left:5px;
	border-left:#999 solid 3px;
}

.itemList-3row .box-3rowLast {
	margin:0;
}

/*------------------------------------------
---------トラックバック------------*/

.trackback {
	margin-bottom:1em;
}

.trackback h3 {
	font-size:120%;
	width:530px;
	height:18px;
	padding:2px 2px 2px 18px;
	margin-bottom:5px;
	background:url(../img/tit_trackback.gif) 0 0 no-repeat;
}

.trackback .tbBox {
	zoom:1;
	margin-bottom:20px;
	padding:3px;
	border-left:#CCC solid 3px;
	border-top:#CCC dashed 1px;
	background:url(../img/bg_trackback.gif) right bottom no-repeat;
}

.trackback .tbBox .tbTitle {
	float:left;
	font-weight:bold;
	width:440px;
	padding-left:10px;
	background:url(../img/icon_arrow02.gif) left 3px no-repeat;
}

.trackback .tbBox .tbData {
	float:right;
	width:60px;
	padding-left:25px;
	background:#EEEEEE url(../img/icon_data.gif) left 2px no-repeat;
}

.trackback .tbBox .tbComment {
	clear:both;
	margin-left:10px;
}