@charset "utf-8";
/* -----------------------------------------------

INDEX CSS

----------------------------------------------- */
/* intro */




#search {
	width: 587px !important;
	height:199px !important;
	float:left;
	background: url(../wedding/f-index/search_bg.jpg) center top no-repeat;
	margin: 0px 0px;
}

#search select{
	margin-right: 5px;
	}


#charm {
	margin:0 0 15px 0px;
	padding:0 0 15px 0px;
	border-bottom: 1px #c7c7d3 dotted;
}

/* SubContents
-----------------------------------*/
#SubContents {

	float:left;
	font-size:85%;
}
#SubContents ul {

	margin-right: -10px;
	overflow: hidden;
	_zoom: 1;
}
#SubContents ul li {
	padding:0 10px 0 0;
	float:left;
}

#topbanner_se {
	margin:6px 0 0 0;
}
.subdl {
	width:230px;
}
.subdl2 {
	width:280px;
}
.subdl2 dt {
	padding:0 7px 0 0;
	float:left;
}
.subdl dt {
	padding:0 7px 0 0;
	float:left;
}
#bannerArea {

	padding:0 0 0 20px;
	float:left;
}

/*==============================================================================
	skitter
==============================================================================*/

.box_skitter {

	width: 980px;
	height: 480px;
	margin: 0px auto;
}

.box_skitter ul {
	display: none;
}

.box_skitter .container_skitter {
	overflow: hidden;
	position: relative;
}

.box_skitter .image {
	overflow: hidden;
}

.box_skitter .image img {
	display: none;
}

.box_skitter .box_clone {
	position: absolute;
	top: 0;
	left: 0;
	width: 100px;
	overflow: hidden;
	display: none;
	z-index: 20;
}

.box_skitter .box_clone img {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 20;
}

.box_skitter .prev_button {
	position: absolute;
	top: 100px;
	left: -4px;
	z-index: 100;
	width: 40px;
	height: 59px;
	overflow: hidden;
}

.box_skitter .next_button {
	position: absolute;
	top: 100px;
	right: -10px;
	z-index: 100;
	width: 40px;
	height: 59px;
	overflow: hidden;
}

.box_skitter .info_slide {
	position: absolute;
	z-index: 100;
	opacity: 0.8;
	filter: alpha(opacity=80);
}

.box_skitter .info_slide .image_number {
	float: left;
	margin: 0 3px 0 0;
	cursor: pointer;
	border: 2px solid #FFFFFF;
	display: none;
}

.box_skitter .info_slide .image_number_select {
	float: left;
	margin: 0 3px 0 0;
	border: 2px solid #FFFFFF;
}

.box_skitter .container_thumbs {
	position: relative;
	overflow: hidden;
	height: 30px!important;
	width: 600px!important;
	position: absolute;
	left: 10px;
	bottom: 5px;
}

.box_skitter .info_slide_thumb {
	overflow: hidden;
	height: 30px;
	top: auto;
	opacity: 1.0;
	filter: alpha(opacity=100);
	width: 315px!important;
}

.box_skitter .info_slide_thumb .image_number {
	overflow: hidden;
	width: 38px!important;
	height: 23px!important;
	position: relative;
}

.box_skitter .info_slide_thumb .image_number img {
	position: absolute;
	top: 0;
	left: 0;
}

.loading {
	position:absolute;
	top: 50%;
	right: 50%; 
	z-index: 10000;
	margin: -16px -16px;
	color: #fff;
	text-indent: -9999em;
	overflow: hidden;
	background: url(../wedding/f-index/ajax-loader.gif) no-repeat left top;
	width: 32px;
	height: 32px;
}

.box_skitter_large {
	width: 980px;
	height: 480px!important;
}



#report {
	width: 618px;
	height: 232px;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}


#report dl dd {
	width: 618px;
	height: 232px;
	overflow: hidden;
	font-size: 8px;
}

#reservein a         {text-decoration: underline; color: #669; }
#reservein a:link    {text-decoration: underline; color: #669; }
#reservein a:visited {text-decoration: underline; color: #669; }
#reservein a:hover   {text-decoration: none; color: #669; }
#reservein a:active  {text-decoration: none; color: #669; }

#reservein {
	width: 598px;
	color: #4b3110;
	margin: 10px 10px 10px 0px!important;
	font-size: 8px;

}

#reservein .timebox {
	display: none;
}

#reservein ul{
	width: 598px;
	margin: 0px 0px 0px!important;
	padding: 0px!important;
	margin-top: -5px!important;
	display:block;
}
	
#reservein ul li{
	width: 598px;
	overflow: hidden;
	border-bottom: 1px dotted #000000!important;
	padding: 5px 0!important;
	margin: 0px 0px 0px 0px!important;
	line-height:17px!important;
}

#reservein ul li div.imgbox {
	width: 50px;
	height: 32px;
	overflow: hidden;
	float: left;
	border: 1px solid #FFF;
	margin: 0px 8px 0px 0px;
}


/*==============================================================================
	instagram
==============================================================================*/


#photo {
	position: relative;
	background: #E6DFD7;
	padding: 20px 0 10px;
	color: #000;
	font-size: 1.2em;
}

.photoInner {
	width: 860px;
	margin: 0 auto;
}

.photoInnerLeft {
	width: 470px;
	padding-top:10px;
	float: right;
}

.photoInnerLeft li {
	width: 135px;
	height: 135px;
	border: 1px solid #FFF;
	float: left;
	margin: 0 0 18px 18px;
}

.photoInnerLeft li img {
	width: 135px;
	height: 135px;
}

.photoInnerLeft li:first-child {
	display: none;
}

.photoInnerRight {
	width: 380px;
	overflow: hidden;
	float: left;
}

.photoInnerRightInner {
	background-color: #FFF;
	padding: 10px;
}

.photoInnerRightInnerLeft {
	width: 235px;
	float: left;
}

.photoInnerRightInnerLeft img {
	width: 235px;
}

.photoInnerRightInnerRight {
	width: 110px;
	float: right;
}