@charset "utf-8";
@import url("../shared/css/reset.css");
@import url("../shared/css/basic.css");
@import url("../shared/css/layout.css");
/*
---------------------------------------------------------
shared
---------------------------------------------------------
*/
/* リンク色 */
#main a {
	color: #FF6699;
}
#main a:hover {
	color: #496384;
}
/*
---------------------------------------------------------
Bridal Ring Page-buttom
---------------------------------------------------------
*/
#main .ring .dotline {
	padding-top:20px;
	padding-bottom:10px;
}

#main .ring a {
	color: #5A3B1B;
	font-weight: bold;
}
#main .ring a:hover {
	color: #476D96;

}

#main .ring img.btn {
	vertical-align:middle;
	padding: 0px 5px 3px 2px;
}
/**/
#main {
	/**/
	position: relative;
	/*height: 600px;*/
}
/* tab position */
#step0 {
	margin-left: -15px;
	position: relative;	/*position: absolute;
	left: -15px;
	top: 0px;*/
	padding-bottom: 30px;zoom:1;
}/**/
#step1,
#step2,
#step3,
#step4,
#step5,
#step6,
#step7 {
	display: none;
	/*position: absolute;
	
	left: -60px;
	top: 0px;*/
	margin-bottom: 20px;
	padding-bottom: 20px;
	margin-left: -15px;
}
#main img.hr {
	padding-top: 15px;
	padding-bottom: 15px;
}
div.entry {
	position: relative;
	zoom:1;
	border: 1px solid #ADAD9C;
	padding-right: 15px;
	padding-left: 15px;
	background: #FFF;
}
/* message card */

div.card-box {
	background: url(img/bg_sdw.gif) no-repeat right bottom;
	padding-right: 12px;
	padding-bottom: 5px;
}
div.card {
	background: url(img/bg_note.jpg);
	padding: 10px 20px 20px 60px;
	color: #496384;
	zoom:1;
}
div.card p.staff {
	text-align: right;
	font-weight: bold;
	margin-bottom: 5px;
}
div.card p.line {
	background: url(img/bg_line.gif) left 2px;
	line-height: 28px;
}
/*assist-nav*/
div.assist-nav-top img,
div.assist-nav-btm img {
	vertical-align:middle;
	padding-bottom: 3px;
	padding-right: 2px;
	padding-left: 2px;
}
div.assist-nav-top ul,
div.assist-nav-btm ul,
div.assist-nav-top li,
div.assist-nav-btm li {
	display: inline;
	margin: 0px;
	padding: 0px;
	list-style: none;
}
div.assist-nav-top a,
div.assist-nav-btm a {
	 padding-left: 12px;
}


div.assist-nav-top {
	text-align: right;
	position: absolute;
	top: 40px;
	right: 15px;
}

div.assist-nav-btm {
	text-align: right;
	padding-top: 15px;
	padding-bottom: 15px;
}
/* staff message title */
h4 { margin: 0px; }
/*
---------------------------------------------------------
step0
---------------------------------------------------------
*/
#step0 h1 {
	width: 241px;
	margin: 0px;
	padding: 0px;
	float: left;
}
#step0 p.description {
	float: right;
	width: 450px;
}
#step0 div#lnav {
	position: absolute;
	width: 220px;
	top: 0px;
	left: 0px;/**/
}
#step0 div#lnav ol,
#step0 div#lnav ol li {
	margin: 0px;
	padding: 0px;
	list-style: none; 
}
#step0 div#lnav ol li a{line-height: 1em;}
#step0 div#lnav ol li.step0 { display: none; }
#step0 div#lnav ol li.step1,
#step0 div#lnav ol li.step2,
#step0 div#lnav ol li.step3,
#step0 div#lnav ol li.step4,
#step0 div#lnav ol li.step5,
#step0 div#lnav ol li.step6,
#step0 div#lnav ol li.step7{
	position: absolute;
	left: 0px;
}
#step0 div#lnav ol li.step1 { top: 6px; }
#step0 div#lnav ol li.step2 { top: 43px; }
#step0 div#lnav ol li.step3 { top: 80px; }
#step0 div#lnav ol li.step4 { top: 117px; }
#step0 div#lnav ol li.step5 { top: 154px; }
#step0 div#lnav ol li.step6 { top: 191px; }
#step0 div#lnav ol li.step7 { top: 228px; }
/**/
#step0 ol.tabNav { }
#step0 div.photo {
	clear: both;
	position: relative;
	padding-left: 60px;
	height:440px;
}

/*
---------------------------------------------------------
step1
---------------------------------------------------------
*/
#step1 { width: 720px; }
#step1 h2 {
	margin: 0px;
	padding: 0px 0px 25px;
}
#step1 p.photo {
	float: right;
	width: 380px;
	text-align: right;
}
/* message card */
#step1 div.message {
	zoom:1;
	position: relative;
	padding-left: 195px;
	padding-top: 25px;
}
#step1 p.staff-photo {
	position: absolute;
	left: 0px;
	top: 0px;
}
#step1 div.message-box { width: 400px; 	
}
/*
---------------------------------------------------------
step2
---------------------------------------------------------
*/
#step2 {
	width: 720px;
}
#step2 h2 {
	margin: 0px;
	padding: 0px 0px 25px;
}
#step2 div.description {
	padding-left: 255px;
	padding-right: 15px;
}
#step2 p.photo {
	float: right;
	width: 380px;
	text-align: right;
}
/* message card */
#step2 div.message {
	zoom:1;
	position: relative;
	padding-left: 195px;
	padding-top: 25px;
}
#step2 p.staff-photo {
	position: absolute;
	left: 35px;
	top: 75px;
}
/*
---------------------------------------------------------
step3
---------------------------------------------------------
*/
#step3 { width: 720px; }
#step3 h2 {
	margin: 0px;
	padding: 0px 0px 25px;
}
#step3 p.photo {
	float: right;
	width: 410px;
	text-align: right;
}
/* message card */
#step3 div.message {
	zoom:1;
	position: relative;
	padding-left: 195px;
	padding-top: 25px;
	clear: both;
}
#step3 p.staff-photo {
	position: absolute;
	left: 0px;
	top: 0px;
}
/*
---------------------------------------------------------
step4
---------------------------------------------------------
*/
#step4 { width: 720px; }
#step4 h2 {
	margin: 0px;
	padding: 0px 0px 25px;
}
#step4 p.photo {
	float: right;
	width: 290px;
	text-align: right;
}
/* message card */
#step4 div.message {
	position: relative;
	padding-left: 195px;
	padding-top: 25px;
}
#step4 p.staff-photo {
	position: absolute;
	left: 0px;
	top: 60px;
}
#step4 h3 {
	position: absolute;
	left: 0px;
	top: 0px;
	margin: 0px;
	padding: 0px;
}
/* navi */
#step4 ul.assist-nav,
#step4 ul.assist-nav li{
	display: inline;
	margin: 0px;
	padding: 0px;
}
#step4 ul.assist-nav li{ padding-right: 5px; }


#step4 ul.assist-nav li a {
	color: #5A3D1B;
}
#step4 ul.assist-nav li a:hover {
	color: #496384;
}



/**/
#flower {
	position: relative;
	padding-bottom: 10px;
}
#flower div.description {
	padding-left: 255px;
	padding-right: 15px;
}
#music {
	position: relative;
	padding-bottom: 10px;
}
#music div.description {
	padding-left: 255px;
	padding-right: 15px;
}
#mc {
	position: relative;
	padding-bottom: 10px;
}
#mc div.description {
	padding-left: 255px;
	padding-right: 15px;
}
#photographer {
	position: relative;
	padding-bottom: 10px;
}
#photographer div.description {
	padding-left: 255px;
	padding-right: 15px;
}
#cameraman {
	position: relative;
	padding-bottom: 10px;
}
#cameraman div.description {
	padding-left: 255px;
	padding-right: 15px;
}
/*
---------------------------------------------------------
step5
---------------------------------------------------------
*/
#step5 { width: 720px; }
#step5 h2 {
	margin: 0px;
	padding: 0px 0px 25px;
}
#step5 div.description {
	position: relative;
	padding-left: 255px;
	padding-right: 15px;
}
#step5 p.photo {
	float: right;
	width: 380px;
	text-align: right;
}
/* message card */
#step5 div.message {
	position: relative;
	padding-left: 195px;
	padding-top: 25px;
}
#step5 p.staff-photo {
	position: absolute;
	left: 35px;
	top: 75px;
}
/*
---------------------------------------------------------
step6
---------------------------------------------------------
*/
#step6 { width: 720px; }
#step6 h2 {
	margin: 0px;
	padding: 0px 0px 25px;
}
#step6 div.description { padding-left: 255px; }
#step6 p.photo {
	float: right;
	width: 380px;
	text-align: right;
}
/* message card */
#step6 div.message {
	position: relative;
	padding-left: 195px;
	padding-top: 25px;
}
#step6 p.staff-photo {
	position: absolute;
	left: 35px;
	top: 75px;
}
/*
---------------------------------------------------------
step7
---------------------------------------------------------
*/
#step7 { width: 720px; }
#step7 h2 {
	margin: 0px;
	padding: 0px 0px 25px;
}
#step7 p.photo {
	float: right;
	width: 300px;
	text-align: right;
}
/* message card */
#step7 div.message {
	position: relative;
	padding-left: 195px;
	padding-top: 25px;
}
/**/
#step7 div#concierge {
	clear: both;
	height: 265px;
}
#step7 div#concierge p.staff-photo {
	position: absolute;
	left: 0px;
	top: 0px;
}
#step7 div#service { zoom:1; }
#step7 div#service p.line,
#step7 div#service p.staff { padding-right: 200px; }
#step7 div#service p.staff-photo {
	position: absolute;
	left: 0px;
	top: 50px;
}
#step7 div#service p.staff-photo2 {
	position: absolute;
	right:-5px;
	top: 20px;
}