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

#pageTitle{
	background: url(../images/pagetitle_bg.jpg) no-repeat center top,
				url(../../common_img/main_bg.jpg) repeat left top;
	/*IE8*/
	-pie-background: url(images/pagetitle_bg.jpg) no-repeat center top,
				url(../common_img/main_bg.jpg) repeat left top;
	behavior:url("http://u-b.jp/bridal/prt/css/PIE.htc");
	position:relative;
}

#contentsBox{
	overflow:visible;
	width:100%;
}
#topicPath{
	width:980px;
	margin-left:auto;
	margin-right:auto;
}

#introduction{
	width:980px;
	margin:0 auto 50px;
}


#nokosu{
	position:relative;
	width:980px;
	margin:0 auto;
}
#kioku h3{padding-top:85px;}
#kiroku h3{padding-top:80px;}
#kioku{
	top:70px;
	left:100px;
}
#kiroku{
	top:210px;
	right:90px;
}

#flowBox{
	/*background:url(../../common_img/line01.gif) no-repeat center top;
	padding-top:50px;*/
	position:relative;
}
#flowBox h3{
	text-align:center;
	background:url(../images/flow_ds.gif) no-repeat center bottom;
	padding-bottom:50px;
}
#flowContents{
	background:url(../images/flow_bg.jpg) repeat-x 0 55px;
	padding:0 0 25px 0;
	position:relative;
}

#tabBox{
	width:980px;
	margin:0 auto;
	/*height:470px;*/
	padding-top:62px;
}
#imgView{
	clear:both;
	height:420px;
	overflow:hidden;
	position:relative;
	width:980px;
	margin:18px auto 0 auto;
}
#imgView div{
	background-position:left top;
	background-repeat:no-repeat;
	padding:30px;
	position:absolute;
	top:0;
	left:0;
	width:920px;
	z-index: 1;
	min-height:360px;
	height: auto !important;
	height: 360px;
}
#tabBox h4{
	margin-bottom:15px;
	padding-top:15px;
}
#tabBox .txt{
	width:355px;
	line-height:1.5;
	margin:0 auto 15px 0;
}
#tabBox .btn{margin-top:20px;}
#tabBox .btn a{margin-right:5px;}
#tabBox .ps{
	position:absolute;
	left:30px;
	bottom:30px;
}


#tabBox nav{
	background:url(../images/flow_tab_bg.gif) repeat-x left top;
	position:absolute;
	width:100%;
	left:0;
	top:0;
}
#tabMenu{
	width:980px;
	margin:0 auto 18px auto;
	position:relative;
	height:62px;
}
#tabMenu a{
	width:140px;
	height:55px;
	float:left;
	display:block;
	background-position:left top;
	background-repeat:no-repeat;
}
#tabMenu01 a{background:url(../images/flow_tab01_on.gif);}
#tabMenu02 a{background:url(../images/flow_tab02_on.gif);}
#tabMenu03 a{background:url(../images/flow_tab03_on.gif);}
#tabMenu04 a{background:url(../images/flow_tab04_on.gif);}
#tabMenu05 a{background:url(../images/flow_tab05_on.gif);}
#tabMenu06 a{background:url(../images/flow_tab06_on.gif);}
#tabMenu07 a{background:url(../images/flow_tab07_on.gif);}
#tabMenu .active a img{
	opacity:0;
}

#tabMenu span{
	clear:both;
	/*width:100px;*/
	height:3px;
	background-color:#b6173e;
	display:block;
	position:absolute;
	left:0;
	bottom:0px;
	z-index:1;
}