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

NO1 TRAVEL Style CSS Document 


COPYRIGHT(C)H.I.S.Co.,Ltd. 

ALL RIGHTS RESERVED.

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

/* ****************************
			BOX
******************************* */

#br_header { 
	width:765;
}

#br_content {
	width:765;
	padding-top: 10px;
}

#br_slide_box {
	padding-left:2px;
	width:520px;
	background-color:#000000;
	float: left;
}

#br_detail_box {
	width:755px;
	margin-top: 10px;
}

#br_detail_box table {
	border:1px solid #CCCCCC
}

#br_detail_box tr {
	height: 35px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	color: #000000;
}

#br_detail_box th {
	background-color:#0000CC;
	color: #FFFFFF;
	width: 20%;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	}

#br_detail_box td {
	width: 79%;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	}

#br_top_right_box {
	width:230px;
	height:60px;
	float:right;
	margin-right: 10px;
}



/* all */
.clear{
	clear:both;
	margin:0px;
	padding:0px;
}

/* ****************************
		 SLIDE SHOW
******************************* */
#slideshow {list-style:none; color:#fff}
#slideshow span {display:none}
#wrapper {width:506px; margin:2px auto; display:none}
#wrapper * {margin:0; padding:0}
#fullsize {
	position:relative;
	width:500px;
	height:300px;
	padding:2px;
	border:1px solid #ccc;
	background:#000;
	overflow: hidden;
}
#information {
	position:absolute;
	width:500px;
	background:#000000;
	color:#ffffff;
	overflow:visible;
	z-index:200;
	opacity:.7;
	filter:alpha(opacity=70);
	bottom: 0px;
}
#information h3 {padding:4px 8px 3px; font-size:14px}
#information p {padding:0 8px 8px}
#image {width:500px}
#image img {position:absolute; z-index:25; width:auto}
.imgnav {position:absolute; width:25%; height:306px; cursor:pointer; z-index:150}
#imgprev {left:0; background:url(/image/branch/left.gif) left center no-repeat}
#imgnext {right:0; background:url(/image/branch/right.gif) right center no-repeat}
#imglink {position:absolute; height:306px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40)}
.linkhover {background:url(/image/branch/link.gif) center center no-repeat}
#thumbnails {margin-top:15px}
#slideleft {float:left; width:20px; height:81px; background:url(/image/branch/scroll-left.gif) center center no-repeat; background-color:#222}
#slideleft:hover {background-color:#333}
#slideright {float:right; width:20px; height:81px; background:#222 url(/image/branch/scroll-right.gif) center center no-repeat}
#slideright:hover {background-color:#333}
#slidearea {float:left; position:relative; width:456px; margin-left:5px; height:81px; overflow:hidden}
#slider {position:absolute; left:0; height:81px}
#slider img {cursor:pointer; border:1px solid #666; padding:2px}
	

/***********************************************
			TOP右用のリスト
************************************************/

ul.bflist{margin:0px; padding:0px;width:220px;}
ul.bflist li{
	margin:5px 0px 2px;
	padding:0px 0px 1px 15px;
	list-style-type: none;
	background:url(/image/common/arrow_b.gif) no-repeat;
	border-bottom:#999999 dotted 1px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 12px;
	color: #000000;
}

ul.bflist li a{ color:#333333;}
ul.bflist li a:visited { color:#333333;}
ul.bflist li a:hover{ text-decoration: underline; }
ul.bflist span{ color:red;}



/* ---------------------------------------------------------------
floatの解除。 floatする時はこの.wrap内で
---------------------------------------------------------------*/
.wrap:after
{
content: " ";
display: block;
visibility: hidden;
clear: both;
height: 0.1px;
font-size: 0.1em;
line-height: 0;
}
* html .wrap { display: inline-block; }
/* no ie mac \*/
* html .wrap { height: 1%; }

.wrap { display: block; }

/*float 左寄せ、右寄せ---------------------------------------------------------------*/

.left { float:left; }
.right { float:right; }
a img{ border:0;}

/*img、aリンク ブロック化 インライン化---------------------------------------------------------------*/
.block { display: block; }
.inline { display: inline; }