@charset "UTF-8"; /*############################################### Name: common.css Version: 1 Author: ECS URL: http://www.web-ecs.com/ Copyright (C) ECS All Rights Reserved. #################################################*/ body { margin:0; padding:0; text-align:center; background-color:#FFFFFF;} #continer { width:840px; margin:0 auto; text-align:left;} #header { padding-top:5px; background:#FFFFFF url("../images/bg_header.gif") 0 5px no-repeat;} .info_back { background:#FFFFFF url("../images/bg_mainimg.gif") top left no-repeat;} #funcnav { height:22px;} #maincontent { background:#FFFFFF url("../images/bg_mainarea.gif") top left no-repeat;} #footer { height:110px; padding-top:20px; background:#FFFFFF url("../images/bg_footer.gif") top left no-repeat;} #footer_right { float:right; width:400px;} #breadcrumbs { margin-top:0px; height:60px; background:#FFFFFF url("../images/bg_breadcrumbs.gif") bottom left no-repeat;} #breadcrumbs .B_crumbBox{ color:#999999; display:block; font-size:85%; padding-top:37px; margin:0 0 0 120px;} /* flash */ #top_flasharea { text-align:center; height:571px; background:#FFFFFF url("../images/bg_mainflash.gif") top left no-repeat;} #flasharea { text-align:center; height:300px; background:#FFFFFF url("../images/bg_mainimg.gif") top left no-repeat;} .flash-replaced .alt{ display:none;} .flash-update .alt { display:block; text-align:left;} #flash_content * { text-align:left;} #flash_content h1,#flash_content ul,.installflash { margin-left:20px;} #flash_content h1 { font-size:85%;} #flash_content .catenav { padding-left:160px; background: url(../images/logo.gif) no-repeat left top; height:50px;} #flash_content .catenav li { float:left; } #flash_content .catenav li a { font-size:85%;display:block; text-align:center; width:105px; height:35px; margin-top:10px; border-bottom:3px solid #FFFFFF; border-right:1px solid #FFFFFF;} #flash_content .catenav li a:hover { border-bottom:3px solid #336666;} #flash_content .subcatenav li { float:left;} #flash_content .subcatenav li a { font-size:85%;background-color:#E6E6E6; display:block; text-align:center; width:115px; height:23px; border-right:1px solid #FFFFFF;} .installflash { margin-top:20px; float:left;} #flash_content .fLeft { margin:20px 0 0 20px; width:290px;} #flash_content p { font-size:85%; line-height:1.4; margin-bottom:10px;} #top_flasharea .installflash,#top_flasharea #flash_content .fLeft { margin-top:100px} /* common *******************/ #maincontent ul { margin:10px 0 10px 25px;} #maincontent ul li { list-style:outside;} .w90 { width:95%;} .w50 { width:50%;} .w30 { width:30%;} .w50 { width:50%;} .center { text-align:center;} .left { text-align:left;} .right { text-align:right;} .fLeft { float:left;} .fRight { float:right;} .cboth { clear:both;} .pagetop { font-size:85%; text-align:right;} .pagetop a, .link a { padding-left:16px; background:url("../images/icn_arrow.gif") no-repeat left -1px; list-style:none;} .pagetop a.pdf, .link a.pdf, a.pdf, .pdf a { padding:1px 0 1px 21px; background:url("../images/icn_pdf.gif") no-repeat left -1px; list-style:none;} h4 a.pdf{ background-position:0 4px;} * html .pdf a { background-position:left -1px; padding:2px 0 2px 21px;} /* ナビ *******************/ li a { overflow:hidden;} ul#hotelhome { float:left; padding:0 0 0 20px;} ul#hotelhome li { float:left; margin:0 1px 0 0; padding:0;} ul#hotelhome li a { display:block; height:16px; padding:16px 0 0 0; height:0px !important; height /**/:16px; /* for IE5/Win only */ } #funcnav ul { float:right; margin:0; padding:6px 30px 0 0;} #funcnav ul li { float:left; width:66px; margin:0 1px 0 0; padding:0;} #funcnav ul li a { display:block; height:16px; padding:16px 0 0 0; height:0px !important; height /**/:16px; /* for IE5/Win only */ } ul#hotelhome li#fnav_hotelhome, ul#hotelhome li#fnav_hotelhome a{ width:225px; background:url("../images/btn_hotelhome.gif") no-repeat left top;} li#fnav_topics, li#fnav_topics a { background:url("../images/btn_topics.gif") no-repeat left top;} li#fnav_fair, li#fnav_fair a { background:url("../images/btn_fair.gif") no-repeat left top;} li#fnav_request, li#fnav_request a { background:url("../images/btn_request.gif") no-repeat left top;} li#fnav_reservation,li#fnav_reservation a { background:url("../images/btn_reservation.gif") no-repeat left top;} li#fnav_plan, li#fnav_plan a { background:url("../images/btn_plan.gif") no-repeat left top;} li#fnav_event, li#fnav_event a { background:url("../images/btn_event.gif") no-repeat left top;} #funcnav ul li#fnav_event { width:86px;} ul#hotelhome li#fnav_hotelhome a:hover, #funcnav ul li a:hover, #footnav1 ul li a:hover, #footnav2 ul li a:hover { background-position:0 -20px; } #footnav1 ul { margin:0 0 0 110px;} #footnav1 ul li { float:left; width:95px; margin:0 10px 0 0; padding:0;} #footnav1 ul li a { display:block; height:20px; padding:20px 0 0 0; height:0px !important; height /**/:20px; /* for IE5/Win only */ } li#footnav_access, li#footnav_access a { background:url("../images/btn_access.gif") no-repeat left top;} #footnav1 li#footnav_contact, li#footnav_contact a { width:85px; background:url("../images/btn_contact.gif") no-repeat left top;} li#footnav_attendance, li#footnav_attendance a { background:url("../images/btn_attendance.gif") no-repeat left top;} #footnav2 ul { margin:0;} #footnav2 ul li { float:left; margin:0; padding:0;} #footnav2 ul li a { display:block; height:20px; padding:20px 0 0 0; height:0px !important; height /**/:20px; /* for IE5/Win only */ } li#footnav_company, li#footnav_company a { width:64px; background:url("../images/btn_company.gif") no-repeat left top;} li#footnav_privacy, li#footnav_privacy a { width:105px; background:url("../images/btn_privacy.gif") no-repeat left top;} li#footnav_sitemap, li#footnav_sitemap a { width:80px; background:url("../images/btn_sitemap.gif") no-repeat left top;} /* サブナビ *******************/ #subnav { height:80px;} #subnav ul { height:70px; margin:0 0 0 20px; padding:0;} #subnav ul li { height:70px; float:left; margin:0; padding:0; list-style:none;} #subnav ul li a {display:block; height:70px; padding:70px 0 0 0; overflow:hidden; height:0px !important; height /**/:70px; /* for IE5/Win only */ } #subnav ul li a:hover { background-position:0 -70px; } #subnav ul li.active a { background-position:0 -140px; } li#sub_ceremony, li#sub_ceremony a { width:167px; background:url("../images/subnav_ceremony.gif") no-repeat left top;} li#sub_atrium, li#sub_atrium a { width:117px; background:url("../images/subnav_atrium.gif") no-repeat left top;} li#sub_chapel, li#sub_chapel a { width:109px; background:url("../images/subnav_chapel.gif") no-repeat left top;} li#sub_garden, li#sub_garden a { width:106px; background:url("../images/subnav_garden.gif") no-repeat left top;} li#sub_shintostyle, li#sub_shintostyle a { width:80px; background:url("../images/subnav_shintostyle.gif") no-repeat left top;} li#sub_party, li#sub_party a { width:152px; background:url("../images/subnav_party.gif") no-repeat left top;} li#sub_le_ventvert, li#sub_le_ventvert a { width:128px; background:url("../images/subnav_le_ventvert.gif") no-repeat left top;} li#sub_roseorchid, li#sub_roseorchid a { width:121px; background:url("../images/subnav_roseorchid.gif") no-repeat left top;} li#sub_lilac, li#sub_lilac a { width:83px; background:url("../images/subnav_lilac.gif") no-repeat left top;} li#sub_cattleya, li#sub_cattleya a { width:75px; background:url("../images/subnav_cattleya.gif") no-repeat left top;} li#sub_lavender, li#sub_lavender a { width:86px; background:url("../images/subnav_lavender.gif") no-repeat left top;} li#sub_beauty, li#sub_beauty a { width:156px; background:url("../images/subnav_beauty.gif") no-repeat left top;} li#sub_dress, li#sub_dress a { width:63px; background:url("../images/subnav_dress.gif") no-repeat left top;} li#sub_bouquet, li#sub_bouquet a { width:64px; background:url("../images/subnav_bouquet.gif") no-repeat left top;} li#sub_brides_room, li#sub_brides_room a { width:112px; background:url("../images/subnav_brides_room.gif") no-repeat left top;} li#sub_memorial_photo, li#sub_memorial_photo a{ width:123px; background:url("../images/subnav_memorial_photo.gif") no-repeat left top;} li#sub_esthetic, li#sub_esthetic a { width:68px; background:url("../images/subnav_esthetic.gif") no-repeat left top;} li#sub_spa, li#sub_spa a { width:150px; background:url("../images/subnav_spa.gif") no-repeat left top;} li#sub_exercise, li#sub_exercise a { width:148px; background:url("../images/subnav_exercise.gif") no-repeat left top;} li#sub_cuisine, li#sub_cuisine a { width:152px; background:url("../images/subnav_cuisine.gif") no-repeat left top;} li#sub_original, li#sub_original a { width:137px; background:url("../images/subnav_original.gif") no-repeat left top;} li#sub_course, li#sub_course a { width:110px; background:url("../images/subnav_course.gif") no-repeat left top;} li#sub_weddingcake, li#sub_weddingcake a { width:131px; background:url("../images/subnav_weddingcake.gif") no-repeat left top;} li#sub_casual_party,li#sub_casual_party a { width:232px; background:url("../images/subnav_casual_party.gif") no-repeat left top;} li#sub_stars, li#sub_stars a { width:77px; background:url("../images/subnav_stars.gif") no-repeat left top;} #copylogo a { margin:6px 0 0 13px; width:120px; height:22px; display:block; overflow:hidden; padding:22px 0 0 0; background:url("../images/foot_logo.gif") no-repeat left top; height:0px !important; height /**/:22px; /* for IE5/Win only */ } /*Tabs --------------------*/ #maincontent ul.tabs { padding:0; margin:0; list-style:none; height:45px; position:relative; clear:both; background:url("../images/tabnav_back.gif");} ul.tabs li { padding:0; margin:0; display:inline; height:45px; background:url("../images/tabnav.gif");} ul.tabs li a { float:left; display:block; padding:0 0 0 15px; height:45px; color:#333333; text-decoration:none; text-align:center; cursor:pointer; background:url("../images/tabnav.gif");} ul.tabs li a:visited { color:#333333;} ul.tabs li a span { display:block; padding:3px 15px 15px 0; background:url("../images/tabnav.gif") no-repeat right top;} ul.tabs li a:hover { background:url("../images/tabnav_over.gif"); color:#990000; text-decoration:none;} ul.tabs li a:hover span { background:url("../images/tabnav_over.gif") no-repeat right top;} ul.tabs li a.active { background:url("../images/tabnav_active.gif"); color:#990000;} ul.tabs li a.active span{ background:url("../images/tabnav_active.gif") no-repeat right top;} ul.tabs li a.active:hover{ background:url("../images/tabnav_active.gif"); color:#990000;} ul.tabs li a.active:hover span{ background:url("../images/tabnav_active.gif") no-repeat right top;} ul.tabs li a.active:visited{ color:#990000;} /* テーブル *******************/ caption { border-left:1px solid #E6E6E6; background-color:#FBFAF9; padding:1px 10px; outside; font-size:114%; margin:10px 0 0;} table.basicTable { border-collapse:separate; border-top:1px solid #E6E6E6; border-bottom:1px solid #FFFFFF;} table.basicTable th ,table.basicTable td { padding:8px 15px 8px 5px; vertical-align:top; border-top:1px solid #FFFFFF; border-bottom:1px solid #E6E6E6;} table.basicTable th { background:url(../images/bg_table1.gif) repeat-y right;} table.basicTable td { background:url(../images/bg_table2.gif) repeat-y right;} table.partyTable { float:right; margin-top:25px; width:228px;} table.partyTable th,table.partyTable td{ padding:2px 20px 2px 10px;} table.partyTable th { color:#663333; background:#F2EDD9; border-bottom:1px solid #FFFFFF;} table.partyTable td { border-bottom:1px solid #F2EDD9;} table.formTable { border-collapse:separate; border-top:1px solid #E6E6E6; border-bottom:1px solid #FFFFFF;} table.formTable th ,table.formTable td { padding:8px 15px 8px 5px; vertical-align:top; border-top:1px solid #FFFFFF; border-bottom:1px solid #E6E6E6;} table.formTable th { background:url(../images/bg_table1.gif) repeat-y right;} table.formTable td { background:url(../images/bg_table2.gif) repeat-y right;} table.formTable table th, table.formTable table td { background:none;} table.formTable .submit { text-align:center; border-bottom:none; background:none;} table .error th,table .error td { background-image:none; background-color:#FEF8FA;} table .error input:focus, table .error textarea:focus, table .error select:focus { background-color:#FFE1E8; color:#000000;} /* コンテンツエリア *******************/ .basicbox { padding:0 0 25px;} .basicbox h2 { margin-bottom:25px; padding:0; line-height:1.65; border-bottom:1px solid #EEEEEA;} .basicbox h3 { margin-bottom:10px; padding:0; line-height:1.65; border-bottom:1px solid #EEEEEA;} #maincontent h3 { margin-bottom:7px;} .mbox { padding:0 0 25px;} .mbox h3 { margin-bottom:5px; padding:7px 5px 4px 10px; border-bottom:none; border-left:1px solid #DCDBD7; border-top:1px solid #EEEEEA; background:url(../images/bg_table2.gif) repeat-y right;} .mbox h3 img { vertical-align:middle;} .mbox p { padding-left:12px;} #maincontent .mbox ol, #maincontent .mbox ul{ margin:5px 0 5px 30px;} .mbox ol li { list-style:decimal;} div.last { padding-bottom:0;} .gbox { background:#FAFAF8; border:3px double #E6E6E6; padding:15px; text-align:left;} .gbox { color:#333333;} .gbox .midHeader { border-bottom:3px double #E6E6E6;} /* menu -----------------------*/ #box_sp { z-index:50; position:absolute; padding-top:20px; background:url("../images/bg_special.png") no-repeat left top !important; background: none; } /* #btn_sp { width:180px;} #btn_sp img { margin-left:8px; cursor:pointer;} #listarea_sp { display:none; z-index:5; margin:0 0 0 20px; padding:5px 10px; background:#FEF8FA; border:1px solid #FBD9E1; position:relative; top:-3px;} #listarea_sp p { padding:5px 3px; border-bottom:1px dashed #F2CCD5; font-size:92%;} #listarea_sp p.last{ border:0;} #listarea_sp p a { display:block; width:140px; color:#666666; text-decoration:none; line-height:1.4em;} #listarea_sp p a:hover { color:#CC3366; text-decoration:underline;} * html #box_sp { background:none; } * html #listarea_sp {top:-6px;} *+html #listarea_sp {top:-5px;} */ #btn_sp { width:78px; height:34px;overflow:hidden;position:relative; } #btn_sp img { margin-left:8px; cursor:pointer;} #listarea_sp { margin:0 0 0 20px; padding:5px 10px; background:#FEF8FA; border:1px solid #FBD9E1; position:relative; top:-3px;} #listarea_sp p { padding:5px 3px; border-bottom:1px dashed #F2CCD5; font-size:92%;} #listarea_sp p.last{ border:0;} #listarea_sp p a { display:block; width:130px; color:#666666; text-decoration:none; line-height:1.4em;} #listarea_sp p a:hover { color:#CC3366; text-decoration:underline;} * html #box_sp { background:none; padding-right:1px; } * html #listarea_sp {top:-6px; left:-1px;} *+html #listarea_sp {top:-5px;} /*スペシャルコンテンツ*/ .experiencesbox { padding-top:15px;} .experiencesbox p, .experiencesLbox p, .experiencesRbox p { margin:0 0 25px;border-left:7px solid #FDE6EE; padding-left:8px;} #maincontent .experiencesbox ul{ margin:0 0 25px; padding-left:20px; border-left:7px solid #FDE6EE;} #maincontent .experiencesbox ul li { list-style:outside disc;} .experiencesbox p {} .experiencesLbox p { width:384px;} .experiencesRbox p { width:384px; float:right;} .experiencesbox p.clrPink, .experiencesLbox p.clrPink, .experiencesRbox p.clrPink { border:none; padding:3px 0 0; margin-bottom:3px;border-top:3px double #FDE6EE;} .experiencesLbox p.clrPink, .experiencesRbox p.clrPink {width:400px;} .experiencesbox img {} .experiencesLbox img { margin:0 0 20px 10px;} .experiencesRbox img { margin:0 20px 10px 0;} .experiencesbox table { width:255px; position:relative; top:-20px; } .experiencesbox table th,.experiencesbox table td{ padding:5px; vertical-align:top;border-bottom:1px solid #E6E6E6;} .experiencesbox table th { background-color:#FEF8FA; color:#663333; width:60px; text-align:right;border-right:1px solid #E6E6E6;} .experiencesbox table td { } .staffbox { background-color:#FEF8FA; border:1px solid #FBD9E1; padding:10px; margin-bottom:25px;} .staff { float:right; width:120px; padding:0 10px; background-color:#FFFFFF; border-left:1px solid #FBD9E1; text-align:center;} .staff .staffname { margin:0; padding:3px 0;} .guidebox { margin:0 0 25px; line-height:1.65;} .guidebox .clrPink { border:none; } .guidebox .commentbox { padding:35px 0 0; margin:0 0 20px; background-color:#FEF8FA; background:url("../../images/special/commentbox_top.gif") no-repeat top;} .guidebox .commentbox p { padding:0 15px 15px; background:url("../../images/special/commentbox_btm.gif") no-repeat bottom;} /******************/ #qlist ul { margin-left:5px;} #qlist ul li { padding-left:16px; background:url("../images/icn_arrow.gif") no-repeat left 3px; list-style:none;} dl.basic_dList {} dl.basic_dList dt { font-size:114%; color:#990000;} dl.basic_dList dd { padding:2px 0 3px 8px; margin:0 0 15px 0px; border-left:7px solid #FDE6EE;} dl.basic_dList dd.none { margin-bottom:5px; padding:0; border:none; height:1px; font-size:1px;} #maincontent ul.basic_dList { margin:0; padding:0;} #maincontent ul.basic_dList li { list-style:none; margin:0; padding:0;} #sitemap_box { } .sitemap_content { border-bottom:1px dashed #DCDBD7; padding-bottom:15px;} #sitemap_left { float:left; width:300px;} #sitemap_right { float:left; width:300px;} #sitemap_box ul { float:left; width:300px; padding:0; margin:20px 0 0;} #sitemap_box ul li { padding-left:16px; padding-bottom:2px; background:url("../images/icn_arrow.gif") no-repeat left 3px; list-style:none;} #sitemap_box ul li ul { width:260px; padding:0; margin:3px 0 0 0;} * html #sitemap_box ul li ul { margin-left:16px;} *+html #sitemap_box ul li ul { margin-left:16px;} #sitemap_box ul li ul li{ padding-left:16px; padding-bottom:2px; background:url("../images/icn_arrow.gif") no-repeat left 3px; list-style:none;} /* 準備ガイド *******************/ #guide2 {} #guide2 ul { height:140px; margin:0; padding:0; background:url("../../images/special/guide2_nav_back.gif") no-repeat left top; list-style:none; } #guide2 ul li { width:120px; height:46px; float:left; padding:0; list-style:none;} #guide2 ul li a { display:block; height:46px; padding:46px 0 0 0; height:0px !important; height /**/:46px; /* for IE5/Win only */ } #guide2 ul li { margin:0 40px 25px 0;} #guide2 ul li.fRight { margin:0 0 25px 40px; float:right;} #guide2 ul li.last { margin:0 0 25px;} #guide2 ul li a:hover { background-position:0 -50px; } li#g2_nav01, li#g2_nav01 a { background:url("../../images/special/guide2_nav01.gif") no-repeat left top;} li#g2_nav02, li#g2_nav02 a { background:url("../../images/special/guide2_nav02.gif") no-repeat left top;} li#g2_nav03, li#g2_nav03 a { background:url("../../images/special/guide2_nav03.gif") no-repeat left top;} li#g2_nav04, li#g2_nav04 a { background:url("../../images/special/guide2_nav04.gif") no-repeat left top;} li#g2_nav05, li#g2_nav05 a { background:url("../../images/special/guide2_nav05.gif") no-repeat left top;} li#g2_nav06, li#g2_nav06 a { background:url("../../images/special/guide2_nav06.gif") no-repeat left top;} li#g2_nav07, li#g2_nav07 a { background:url("../../images/special/guide2_nav07.gif") no-repeat left top;} li#g2_nav08, li#g2_nav08 a { background:url("../../images/special/guide2_nav08.gif") no-repeat left top;} /* フォーム *******************/ .fattn { padding:2px 3px; margin:0 2px 0 0; font-size:85%; background-color:#dd2530; color:#FFFFFF;} input:focus,textarea:focus,select:focus { background-color:#FFFAFD; color:#000000;} input,textarea,select { color:#666666;} fieldset { margin-top:15px; padding:1px; border-top:3px double #E6E6E6;} legend { padding:5px; margin-left:10px; } /* フォント ******************* font用 ******************* px percent ------------ 10 77 85 11 85 92 12 92 100 13 100 107 14 107 114 15 114 122 16 122 129 17 129 136 18 136 144 19 144 152 20 152 159 21 159 167 22 167 174 23 174 182 24 182 189 25 189 197 26 197 ********************/ body { font-size:12px; line-height:2; color:#666666; font-family:"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Osaka,'メイリオ',Meiryo,"ＭＳ Ｐゴシック", sans-serif; } * html body { font-size:78%;} *+html body { font-size:78%;} * html table{ font-size:100%;} .english { font-family:Arial, Helvetica, sans-serif;} h2,legend { font-size:144%;} h3,legend { font-size:136%;} h2,h3,legend,caption { letter-spacing:0.025em; color:#333333; font-family:"Hiragino Mincho Pro","ヒラギノ明朝 Pro W3","HGP明朝E","ＭＳ Ｐ明朝";} th { color:#666666;} .Ltxt { font-size:107%;} .Stxt { font-size:85%;} .clrPink { color:#990000; } #copyright{ clear:both; font-family:Arial, Helvetica, sans-serif; color:#AAAAAA; font-size:77%; padding-top:13px; margin:10px 0 0 12px;} * html #copyright{ padding-top:5px; margin-top:0;} *+html #copyright{ padding-top:5px; margin-top:0;} .maptext { font-size:85%; text-align:center; line-height:1.3; position:relative; top:-20px; padding:0; margin:0;} .comment { font-size:85%; text-align:right; line-height:1.2;} #Col_other p.thumb_atte{ font-size:92%; text-align:center; position:relative; top:-23px; margin-bottom:5px; } h3 .thumb_atte { font-size:65%; color:#666666; vertical-align:top; font-family:"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Osaka,'メイリオ',Meiryo,"ＭＳ Ｐゴシック", sans-serif; } * html h3 .thumb_atte{vertical-align:middle;} *+html h3 .thumb_atte{vertical-align:middle;} .HighLight h3 { color:#990000; background-color:#FEF8FA; background-image:none;} /* アンカー */ a { color:#336666;} a:link { color:#336666;} a:visited { color:#336666;} a:hover { color:#999900; text-decoration:none;} a:active { color:#999900;} #breadcrumbs a { color:#999999; text-decoration:none;} #breadcrumbs a:hover{ color:#336666; text-decoration:underline;} /* popup */ #popup_win, #popup_win_bouquet, #popup_win_original, #popup_win_course,#popup_win_course2, #popup_win_weddingcake, #popup_win_spa{ padding:5px 25px 0; background: url("../images/popup_bg1.gif") no-repeat left top; text-align:left;} * html #popup_win,* html #popup_win_bouquet,* html #popup_win_original, * html #popup_win_course,* html #popup_win_course2,* html #popup_win_weddingcake, * html #popup_win_spa{ padding:5px 0 0 25px; } #popup_win_bouquet { background: url("../images/popup_bg2.gif") no-repeat left top;} #popup_win_original { background: url("../images/popup_bg2.gif") no-repeat left top;} #popup_win_course { background: url("../images/popup_bg2.gif") no-repeat left top;} #popup_win_weddingcake{ background: url("../images/popup_bg2.gif") no-repeat left top;} #popup_win_spa { background: url("../images/popup_bg3.gif") no-repeat left top;} #popup_win_course2 { background: url("../images/popup_bg4.gif") no-repeat left top;} #popup_win_course2 .popup_content { float:right; width:275px;} #popup_win_course2 { padding:5px 28px 0 25px;} .popup_title { padding:10px 0 40px;} #popup_win_course .popup_title { padding:10px 0 20px;} #popup_win_course2 .popup_title { padding:10px 0 20px;} #popup_win_original .popup_title { padding:5px 0 20px;} #popup_win_weddingcake .popup_title { padding:10px 0 30px;} #popup_win_spa .popup_title { padding:10px 0 30px;} #popup_win_spa .popup_img { padding-bottom:25px;} .popup_img { float:left; } .popup_content { float:right; width:225px;} * html .popup_content{ padding-right:25px; } #popup_win_bouquet .popup_content{ padding-top:90px;} #popup_win_spa .popup_content { width:326px;} .popup_content p { color:#333333; font-size:85%; line-height:1.4; margin-bottom:20px;} #popup_win_bouquet .popup_content p, #popup_win_weddingcake .popup_content p, #popup_win_spa .popup_content p { color:#333333; font-size:100%;} .popup_content p.detail { color:#666666; line-height:1.2; margin-top:20px;} .popup_content p.detail span{ color:#330000;} .popup_content dl {color:#333333; font-size:12px; line-height:1.2; margin-top:5px;} .popup_content dt { float:left; width:65px; margin:0; padding:0;} .popup_content dd { float:right; text-align:left;width:160px; margin:0; padding:0;} .popup_content dd span { color:#999999; display:block; margin:0 0 0 5px;} .popup_content ul {color:#333333; font-size:12px; line-height:1.4; margin-top:5px;} .popup_content ul li { margin:3px 0 0 15px; list-style: disc outside;} .popup_content .step {padding-left:8px; border-left:8px solid #F6F5F2;} .popup_content table {color:#333333; font-size:12px; line-height:1.2; margin-top:5px;} .popup_content table th { vertical-align:top; width:65px; margin:0; padding:0;} .popup_content table td { vertical-align:top; margin:0; padding:0;} .popup_content table td span{ color:#999999; display:block; margin:0 0 0 5px;} #popup_win_course2 .popup_content table th, #popup_win_course2 .popup_content table td { font-size:85%; margin:0; padding:0 0 5px;} /*ドレス用*/ .dress_cate, .dress_name_eng1, .dress_name_eng2, .dress_name_ja1, .dress_name_ja2, .dress_name_blue { font-family:"Times New Roman","Hiragino Mincho Pro","ヒラギノ明朝 Pro W3","ＭＳ Ｐ明朝","細明朝体", Times, serif;} p.dress_cate { color:#CC9933; font-size:92%; margin:10px 0; padding:0;} h2.dress_name_eng1 { color:#CC9933; font-size:200%; line-height:1.2; margin:10px 0 0; padding:0;} p.dress_name_eng2 { color:#CCCC66; font-size:100%; margin:0 0 40px; padding:0;} p.dress_name_blue { color:#003333; font-size:144%; letter-spacing:0.2em; margin:10px 0 10px;} h2.dress_name_ja1 { color:#CC9933; font-size:129%; margin:10px 0 0; padding:0;} p.dress_name_ja2 { color:#CC9933; font-size:92%; margin:0 0 40px; padding:0;} /*map*/ .accessmap h4 { border-bottom:1px dotted #BBBBBB; padding:5px 0 0; margin:0 0 10px; background:#F9F8F6;} .accessmap h4 .title { font-size:114%; padding-left:10px; width:50%; float:left; display:block;} .accessmap h4 .pdf { float:right; padding-right:10px;} .access .Rbox { float:right; width:245px;} #ShuttleBus .access .Rbox img { border:1px solid #EEEEEA; margin-bottom:0;} .access .Rbox p { text-align:center; margin-bottom:10px; margin-top:-1px;} .accessmap img, #ShuttleBus img { margin-bottom:15px;} .access table { border-collapse:separate; border-top:1px solid #E6E6E6; background:url(../images/bg_table2.gif) repeat-y right; width:340px; margin:5px 0 10px;} .access th,.access td{ border-top:1px solid #FFFFFF; border-bottom:1px solid #E6E6E6; padding:0 15px 0 10px; vertical-align:top;} .access th { text-align:center; background:url(../images/bg_table1.gif) repeat-y right; width:90px;} .access td.LineL { border-left:1px solid #E6E6E6;} .access td {} .access thead th { width:auto; background-color:#F9F8F6; background-image:none;} .access thead td { width:auto; background-color:#F9F8F6; background-image:none; font-weight:bold;} .GoogleMap {} .GoogleMap { padding-bottom:10px; margin:10px 0 0;} .GoogleMap h4 { margin:10px 0 7px;} .GoogleMap .MapBox { width:598px; border:1px solid #CCCCCC; background-color:#FFFFFF;} #map { width:592px; height: 350px; margin:3px;} .GoogleMap .MapList { width:600px; border:1px dotted #BBBBBB; border-width:1px 0px 1px; padding:5px 0 0; margin-bottom:20px; background:#F9F8F6;} .GoogleMap .MapList div { width:180px; float:left; margin-left:10px;} /*----------------------- Ditto -----------------------*/ .ditto_summaryPost { border-bottom:1px solid #E6E6E6; margin:15px 0; clear:both; padding-bottom:15px; text-align:left;} .ditto_summaryPost .summary { line-height:1.6em; margin-bottom:5px;} .ditto_summaryPost .link { float:right; font-size:85%;} .ditto_summaryPost .uptime { float:left; font-size:85%;} .ditto_summaryPost_small {/* border-bottom:1px solid #afaea7;*/ padding:5px 0;} .pickupBox { background:#F3F2F1; padding:15px; margin-bottom:20px;} .pickupBox .link { float:right; margin:0} .pickupBox .fleft { float:left; width:120px; margin:0; padding:0; text-align:center;} .pickupBox .fleft img { border:solid 1px #333;} .pickupBox .fright { float:right; width:435px; margin:0; padding:0;} .pickupBox .pikcupRow { border-top:1px solid #FFFFFF; margin:15px 0 0; padding-top:15px;} .pickupBox .first { border:0; padding:0; margin:0;} .ditto_summaryPost h4, .pickupBox h4 { font-size:107%;} .planBox { margin:20px 0; background: url("../images/bg_paper_top.gif") no-repeat 0 0;} .planBox h4 { font-size:122%; padding:10px 0 0; margin:0 20px 10px; border-bottom:3px double #E6E6E6; color:#990000;} .planlist, #edit_area ul.planlist { margin:10px 0 0; padding-bottom:10px; background: url("../images/bg_paper_btm.gif") no-repeat left bottom;} .planlist li, #edit_area .planlist li { margin:0 20px 0; padding-top:0; list-style:none;} #edit_area .planlist li p { margin:0 0 3px;} /* Hack *******************/ * html .iepngfix, * html #box_sp { behavior: url("/assets/js/iepngfix.htc");} .pkg:after { content:" "; display:block; visibility:hidden; clear:both; height:0.1px; font-size:0.1em; line-height:0;} * html .pkg { display: inline-block; } /* no ie mac \*/ * html .pkg { height: 1%; } .pkg { display: block; } /* */ *+html .pkg { height:1%;}