@charset "utf-8";

/*
	Site Name: ANA HOTEL OSAKA
	Description: renewal
	Version: beta
	Author: Masami Momii
	lastmod:01.sep.2008
*/

/*
===== CONTENTS ===========================================

	1: BRIDAL STYLE

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


body div.bridalWrap {background-image:url(../bridal/images/bk_bridal.jpg); background-repeat:no-repeat; background-position:0px 376px;}


/*Main
---------------------------------------------*/

div#main div#contents p.imageBridal{width:780px;}



/*LeftBox
---------------------------------------------*/

div#leftbox div#bridalNav {
background-color:#FFFFFF;
position:absolute;
padding:5px;
background-color:red;
filter:alpha(opacity=75); /*IE*/
-moz-opacity:0.75; /*FF*/
opaci}

div#leftbox dl.bridalBox{ width:248px; margin-bottom:10px; border:1px solid #CCCCCC; clear:both;}
div#leftbox dl.bridalBox dt{ float:right; width:149px; padding-left:3px;}
div#leftbox dl.bridalBox dd.img{ float:left;}
div#leftbox dl.bridalBox dd.txt{ float:right; width:146px; padding:3px; line-height:1.3em; margin-top:5px;}
dl.bridalBox dd.txt span { font-size:0.9em; display:block; color:#93092B; margin-top:5px;}


/*RightBox
---------------------------------------------*/

div#rightbox h3 {margin:0px; padding:0px;}
div#rightbox ul#news {width:500px; margin:0px; padding:0px 10px 10px;}
ul#news li {border-bottom:1px dashed #CCCCCC; padding:0px 0px 10px 0px; clear:both; margin-top:10px;}
ul#news li span.date {display:block; float:left; margin-right:10px; color:#C8A22F; font-weight:bold;}
ul#news li p {width:400px; float:left; background-image:url(../bridal/images/ico_bridalarrow.gif); background-position:0px 4px; background-repeat:no-repeat; padding-left:17px;}


/*Title
---------------------------------------------*/

h2.bridalTit {width:760px; margin:0px auto 10px;}


/*Fair
---------------------------------------------*/

dl.fair {	border:1px #CCCCCC solid;	width:528px; margin:0px 0px 10px 10px;}
dl.fair dt {background-image:url(../bridal/images/dot.gif); background-repeat:repeat-x; background-position:bottom; padding:5px 5px 8px;}
dl.fair dd {padding:5px;}
dl.fair dt span.date {background-image:url(../bridal/images/ico_bridaldate.gif); background-repeat:no-repeat; background-position:0% 50%; padding:0px 10px 0px 30px; font-weight:bold;}
dl.fair dd span { font-weight:bold; display:block;}

p.fairTxt {	width:510px; margin:0px 0px 10px 10px; background-color:#EEEEEE; padding:10px; color:#CC9900;}
p.fairTxt span {font-weight:bold; border-left:3px solid #CC9900; padding-left:6px; display:block; margin-bottom:5px;}

p#bridalImg {float:right; padding-right:10px; width:220px;}
p#bridalImg img {margin-bottom:10px;}

dl#bridalReserve {width:530px; margin:0px 0px 10px 10px;}
dl#bridalReserve dt { text-align:center; margin-bottom:5px;}
dl#bridalReserve dd { border:1px #CCCCCC solid; padding:0px 3px 0px 0px;}
dl#bridalReserve dd span { background-color:#EEEEEE; border-right:1px solid #CCCCCC; padding: px 3px; display:block; float:left; margin-right:5px;}

dl#bridalReserve2 {width:600px; margin:0px auto 0px; clear:both;}
dl#bridalReserve2 dt { text-align:center; margin-bottom:5px;}
dl#bridalReserve2 dd { border:1px #CCCCCC solid; padding:0px 3px 0px 0px;}
dl#bridalReserve2 dd span { background-color:#EEEEEE; border-right:1px solid #CCCCCC; padding: 0px 20px; display:block; float:left; margin-right:5px;}


/*Event　WeddingPlan
---------------------------------------------*/

dl.weddingPlan {width:760px; margin:0px auto 10px; clear:both; border-bottom:1px dashed #CCCCCC; padding-bottom:10px;}
dl.weddingPlan dt {width:120px; float:left;}
dl.weddingPlan dd.detail {width:520px; float:left; padding:3px 10px;}
dl.weddingPlan dd.detail span { display:block; color:#C8A22F; font-size:1.2em; margin-bottom:5px; font-weight:bold;}
dd.detail span img { padding-left:10px; vertical-align:middle;}
dl.weddingPlan dd.btn {width:100px; float:left; text-align:center; padding-top:20px;}

div.wpBox {width:760px; margin:0px auto; clear:both; text-align:center;}
div.wpBox h3 {margin-bottom:10px;}
div.wpBox p {width:740px; margin:0px; padding:0px 10px 10px;}

div.wpBox dl.price {width:598px; margin:0px auto 10px; border:1px solid #CCCCCC; clear:both;}
div.wpBox dl.price dt {width:159px; border-right:1px solid #CCCCCC; background-color:#EEEEEE; float:left; margin:0px; text-align:center; color:#970B2F; font-weight:bold; vertical-align:middle; padding:20px 15px; font-size:1.2em;}
div.wpBox dl.price dd {width:388px; float:left; margin:0px; padding:5px;} 
div.wpBox dl.price dd span {font-weight:bold; color:#970B2F;} 

div.wpBox ul#attention {width:600px; margin:0px auto 10px; clear:both; padding:0px;}
ul#attention li {list-style:disc; margin-left:1em; list-style-position:outside;}
ul#attention li.end {list-style:none; margin-left:0px; list-style-position:outside;}

dl.other {width:598px; margin:0px auto 10px; clear:both; border:1px solid #CC9900; }
dl.other dt { background-color:#CC9900; padding:5px; text-align:center; font-size:1.2em; font-weight:bold; color:#FFFFFF;}
dl.other dd {padding:5px;}
dl.other dd.yuino {text-align:center;}

div.wpBox p#planImg, div.wpBox p#planImg2{width:346px;margin:0px 0px 0px 0px; padding:1px; border:1px solid #CCCCCC; float:left;}
div.wpBox p#planImg {height:576px;}

div.wpBox dl#planTit {width:400px; height:180px; margin-bottom:10px; padding:30px 0px 0px; float:right; background-image:url(../bridal/event/images/bg_title.gif); background-repeat:no-repeat;}
dl#planTit dt { width:300px; text-align:center; margin:0px auto 10px; border-bottom: 1px solid #000000; padding:0px 0px 10px;}
dl#planTit dd { text-align:center;}
dl#planTit dt.tit {margin:0px auto; border-bottom:none; padding-top:10px;} 

div.wpBox p.catchphrase{font-size:15px; text-align:center; font-weight:bold; padding-top:10px 0; width:380px; float:right;}

div.wpBox dl#package {width:400px; float:right;}
dl#package dt { border-bottom:1px solid #CCCCCC; padding-bottom:5px; margin-bottom:5px; text-align:center;}
dl#package dt.comment { border-bottom:none; padding:20px 10px 0px; text-align:left;}
dl#package dt.honeymoon{border-bottom:none; font-size:20px; text-align:center; font-weight:bold; padding-top:20px;}
dl#package dd.okinawa{text-align:center;}
dl#package dd {padding:10px 10px; 0px}
dl#package dd ul { margin:0px; padding:0px;}
dl#package dd li { margin:0px 0px 0px 15px; padding:0px; list-style:disc; list-style-position:outside;}
dl#package dd li.attention { margin:20px 0px 0px 0px; padding:10px; list-style:none; list-style-position:outside; background-image:url(../bridal/event/images/bg_attention.gif); background-repeat:no-repeat; height:110px; width:360px;}
dl#package dd li.attention span {border-bottom:1px solid #C2B587; padding:0px 0px 5px; display:block; margin-bottom:5px;}
dl#package dd li.attention span.end {border-bottom:none; padding:0px; display:block; margin-bottom:0px;}

dl#package dd ul.textCenter { margin:0px; padding:0px;}
dl#package dd ul.textCenter li { margin:0px 0px 0px 15px; padding:3px 0; text-align:center; list-style:none;}

div.wpBox dl#menu { clear:both; margin-bottom:20px;}
dl#menu dt.cuisine {width:760px; text-align:center; border-bottom:1px solid #CCCCCC; padding:0px 0px 10px; margin-bottom:15px;}
dl#menu dt { text-align:center; border-bottom:1px solid #CCCCCC; padding:20px 0px 10px; margin-bottom:15px;}
dl#menu dd { width:240px; float:left; margin:0px 19px 0px 0px; }
dl#menu dd.end { width:240px; float:right; margin:0px; }
dl#menu dd.french {width:760px; margin:0; text-align:center;}
dl#menu dd.luxe { width:600px; float:none; margin:0px auto; text-align:center;}
dl#menu dd.cuisineTit { width:760px; clear:both; margin:0px 0px 20px; text-align:center;}
dl#menu dd.cake1 {width:240px; margin:0px 0px 4px; text-align:center; padding:0px;}
dl#menu dd.cake2 { width:514px; margin:0px 0px 4px; text-align:center; padding:0px; font-size:0.1em; float:right;}
dl#menu dd.cake3 {width:514px; margin:0px; text-align:center; padding:0px;}
dl#menu dd.cake4 {width:240px; margin:0px 0px 4px; text-align:center; padding:0px; font-size:0.1em; float:right;}
dl#menu dd.cake1 img , dl#menu dd.cake2 img , dl#menu dd.cake3 img , dl#menu dd.cake4 img {border:1px solid #CCCCCC; padding:1px; margin-bottom:0px;}



dl#menu dd.karin { width:350px; float:left; padding-left:15px; margin:0px;}
dl#menu dd.dining { width:350px; float:right; padding-right:15px; margin:0px;}
dl#menu dd.karin img, dl#menu dd.dining img{border:none;}


dl#menu dd img {border:1px solid #CCCCCC; padding:1px; margin-bottom:10px;}
dl#menu ul {margin:0px; padding:0px 5px; list-style:none;}
dl#menu ul li {font-size:0.8em; margin-bottom:10px; text-align:center;}
dl#menu ul li.name {font-size:1.3em; font-weight:bold; color:#CC9900;}
dl#menu ul li span {font-size:1.1em; font-weight:bold; display:block; text-align:center;}

div.wpBox p#present {clear:both; margin:20px 0px; padding:5px; background-color:#D1B956; color:#FFFFFF; width:750px;}
p#present span {font-weight:bold; display:block; margin:5px 0px;}


div.wpBox p#style {width:300px; height:450px; margin:0px 15px; padding:1px; border:1px solid #CCCCCC; float:left;}

div.wpBox　ul.reataurant{width:100%;}
div.wpBox　ul.reataurant li.karin{float:left;}
div.wpBox　ul.reataurant li.daining{float:right;}


/*cuisine
---------------------------------------------*/
p#cuisineImg {width:346px; height:452px; margin:0px 30px 0px 0px; padding:1px; border:1px solid #CCCCCC; float:left;}

div.wpBox ul#cuisineBtn{width:358px; height:458px; text-align:center; margin-bottom:10px; padding:30px 0px 0px; float:left; background-image:url(../bridal/images/btn_cuisine_bg.gif); background-repeat:no-repeat;}
div.wpBox ul#cuisineBtn li{padding:20px 0px; margin:0 auto; border-bottom:1px solid #BD920F; width:290px;}
div.wpBox ul#cuisineBtn li.end{border-bottom:none;}

div#cuisineOpt{width:760px; clear:both; padding:10px 0;}
div#cuisineOpt dl{width:240px; float:left; margin:0px 19px 0px 0px;}
div#cuisineOpt dl.end{width:240px; float:right; margin:0px; display:inline;}
div#cuisineOpt dt{border:1px solid #CCCCCC; padding:1px;}
div#cuisineOpt dd{margin:3px 0;}

/*Ring
---------------------------------------------*/

div.ringBox {width:760px; margin:0px auto;}
div.ringBox h3.ring {width:760px; text-align:center;}
div.ringBox p {text-align:center; padding:10px 0px; border-bottom:1px solid #CCCCCC; padding-bottom:10px; margin-bottom:20px;}

div.ringBox dl#option {width:760px; margin:0px auto 20px;}
dl#option dt {width:300px; float:left;}
dl#option dt img {border:1px solid #CCCCCC; padding:1px;}
dl#option dd {width:450px; float:right; text-align:center;}
dl#option dd span { font-weight:bold; color:#CC9900; display:block; font-size:1.2em;}

div.ringBox ul.ringMenu {width:760px; clear:both; margin-bottom:10px;}
ul.ringMenu li.title {width:760px; clear:both; font-size:1.2em; font-weight:bold; color:#CC9900; text-align:left; margin-right:0px;}
ul.ringMenu li.title span { font-weight:normal; font-size:0.8em; padding-left:10px;}
ul.ringMenu li {width:240px; margin:0px 19px 10px 0px; float:left; text-align:center; font-size:0.85em;}
ul.ringMenu li.end {width:240px; margin:0px 0px 10px; float:right;}
ul.ringMenu li img, ul.ringMenu li.end img {border:1px solid #CCCCCC; padding:1px; margin-bottom:5px;}


/*Second
---------------------------------------------*/

div.wpBox h2.second {width:710px; margin:0px auto 10px; text-align:center; border-bottom:1px solid #CCCCCC; padding-bottom:10px;}
div.wpBox div#second {width:710px; margin:0px auto 20px;}
div.wpBox div#second img {float:right;}
div.wpBox div#second p {
	width:440px;
	margin:0px;
	padding:0px 10px 10px 0px;
}
div.wpBox div#second dl {width:448px; border:1px solid #d1b956;}
div#second dt { background-color:#d1b956; padding:5px; color:#FFFFFF; text-align:center;}
div#second dd { background-color:#FFFFFF; padding:5px; text-align:center;}
div#second dd span {color:#CC0033;}

div.wpBox dl#second-special {width:710px; margin:0px auto 20px;}
dl#second-special dt {width:250px; float:right;}
dl#second-special dt ul { width:245px;}
dl#second-special dt li {list-style:disc; margin-left:15px; list-style-position:outside;}
dl#second-special dt li.title {list-style:none; margin:0px 0px 5px 0px; padding-bottom:1px; font-size:1.4em; color:#d1b956; font-weight:bold;}
dl#second-special dd {width:450px; float:left;}