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

4 : ご列席の皆様へ
5 : 付帯施設のご案内
6 : よくあるご質問
-------------------------------------------------- */

/* 1. 総合TOP
================================================== */

#main .wrapper .mainVis{
width:920px;
height:467px;
position:relative;
padding:9px;
margin:0 auto 10px;
background:#FFF;
}

#footerInfo #inputBtnVisit{
position: absolute; right: 0; bottom: 0; 
background: transparent url("../images/wedding/minfo_obser_btn.jpg") no-repeat 0 0 ;
}
* html .page_top #footerInfo .mainTitleL { padding-top: 300px;}

/* 13式場 TOP
================================================== */
#topicBox_top{ width: 730px; margin-bottom: 10px; padding:8px; background:#FFF; }
#topicBox_top #topicBox_topinner{ position: relative; min-height:80px; padding: 10px 40px; background:url(../../images/overall/bg_info.gif) repeat; }
#topicBox_top #topicBox_topinner,
#topicBox_top #topicBox_topinner a { color: #53240a; }
#topicBox_top #topicBox_topinner p{ margin: 20px 0 10px; }
#topicBox_top #topicBox_topinner a:hover { text-decoration: underline; }
#topicBox_top #topicBox_topinner #topicBox_toptitle{ width: 100px; float: left; }
#topicBox_top #topicBox_topinner dl{ display: block; margin-left: 150px; }
#topicBox_top #topicBox_topinner dt{ display: block; width: 80px; float: left; }
#topicBox_top #topicBox_topinner dt,
#topicBox_top #topicBox_topinner dd { padding-top: 10px; }
#topicBox_top #topicBox_topinner dd { padding-left: 80px; }
#topicBox_top #topicBox_topinner:after  { content:'.'; display:block; clear:both; height:0; visibility:hidden; }
body.page_top #grid_content div.grid { margin:0 3px 15px 0; }
body.page_top #grid_standing { position:absolute; top: 525px; right: 50px; }
body.page_top #grid_content:after  { content:'.'; display:block; clear:both; height:0; visibility:hidden; }
* html #topicBox_top #topicBox_topinner { height: 80px; }

/* 2. 13式場　DRESS BEAUTY
================================================== */

body.page_dress_beauty #main .wrapper #non_grid .base{ width:712px; padding:9px; }
body.page_dress_beauty #main .wrapper #non_grid .base a:hover img,
body.page_dress_beauty_detail #main .wrapper #otherSpace li a:hover img{ opacity:0.7; -moz-opacity:0.7; filter:alpha(opacity=70); }
body.page_dress_beauty #main .wrapper .blockPhoto{ width:356px; margin-right:26px; }
body.page_dress_beauty #main .wrapper .blockInfo{ padding-top:20px; }
body.page_dress_beauty #main .wrapper .blockInfo p.info{ line-height:15px; margin:20px 0 9px; padding-right:20px; }


/* 2. omiya map
=========================== */
#omiyaMap{
border:1px solid #cacaca; 
padding:9px; 
margin-right:10px;
}
#omiyaMapImg{
display:inline;
float:left;
width:200px;
margin-right:25px;
}
#omiyaMapDetail{
display:inline;
float:left; 
width:410px; 
margin-top:20px;
}

/* tokyobay square
=========================== */
.squareSection{
margin-top:-1px;
width:680px;
position:relative;
border:1px solid #d5d5d5;
min-height:243px;
height: auto !important;
height: 243px;
}
.squareSection .squareDetailImg{
position:absolute;
right:10px;
top:10px;
}
.squareSection .squareContent{
margin:25px 0 0 25px;
width:330px;
}
.squareSection .squareContent p{
margin-bottom:25px;
}

/* 4.ご列席の皆様へ
================================================== */
body.page_attendance .mainTitleL { position: relative; }
body.page_attendance .mainTitleL a { display: block; position: absolute; right:20px; top: 0; }
body.page_attendance #base h2.topcopy { margin-top: 30px; }
body.page_attendance #base p.topcopy { margin-bottom: 2em; padding: 2em 0 3em; line-height: 1.6;  border-bottom: 1px solid #cccccc;}
body.page_attendance #base { width: 640px !important; padding: 25px 45px !important; }
body.page_attendance #base h3.map { margin-top: 1em;  margin-bottom: 1.5em; }
body.page_attendance #acccesadd { position: relative; min-height: 122px; margin-top: 30px; padding-left: 155px; padding-bottom: 35px; border-bottom: 1px solid #cccccc; }
body.page_attendance #acccesadd h4 { font-size: 1.2em; margin-bottom: 1em;}
body.page_attendance #acccesadd p { margin-bottom: 1em; }
body.page_attendance #acccesadd img { position: absolute; top: 0; left: 0; }
body.page_attendance #faqbox,
body.page_attendance #accessinfo { padding: 35px 0 20px; border-bottom: 1px solid #cccccc;　}
body.page_attendance #institution h2,
body.page_attendance #faqbox h2,
body.page_attendance #accessinfo h2 { margin-bottom: 30px; }

body.page_attendance #accessinfo h3 { margin-bottom: 18px; }
body.page_attendance #faqbox h3,
body.page_attendance #accessinfo li { margin-bottom: 1em; }

body.page_attendance #accessinfo ul { margin-bottom: 2em; }
body.page_attendance #faqbox p { margin-bottom: 3em; }
body.page_attendance #faqbox p{ padding-left: 34px; line-height: 2; }
body.page_attendance #institution { padding-top: 40px; }
body.page_attendance #institution .section { width: 638px; border: 1px solid #cccccc ; border-bottom: none; }
body.page_attendance #institution .section div { position: relative; min-height: 250px; padding: 7px 0 7px 19px; border-bottom: 1px solid #cccccc; }
body.page_attendance #institution .section div h3 { margin: 17px 0 17px; }
body.page_attendance #institution .section div p { width: 280px; line-height: 2; }
body.page_attendance #institution .section div > img { position: absolute; top: 7px; right: 7px; }

body.page_attendance #institution .section div.nophoto { min-height: 2em; }
body.page_attendance #institution .section div.nophoto p { width: 97%; margin-bottom: 1em; }

/* 5.付帯施設のご案内
================================================== */
body.page_institution .base > h2,
body.page_institution #base > h2 { margin: 38px 0 57px; text-align: center; }
body.page_institution.base > p,
body.page_institution #base > p { margin-bottom: 2em; }
body.page_institution .base p,
body.page_institution #base p { color: #6d6d6d; line-height: 1.6; }
body.page_institution .base .section,
body.page_institution #base .section { float: left; width: 318px; margin-left: 30px; padding-bottom: 2em; }
body.page_institution .base .nophoto,
body.page_institution #base .nophoto { padding: 21px 0 0; border-top: 1px solid #cccccc; }
body.page_institution .base .oneclumn,
body.page_institution #base .oneclumn { float: none; }
body.page_institution #base .section h2,
body.page_institution .base .section h2 { margin: 8px 0; line-height: 0; }
body.page_institution .base:after,
body.page_institution #base:after  { content:'.'; display:block; clear:both; height:0; visibility:hidden; }
body.page_institution #base .nophotobox {  }
body.page_institution .base .nophotobox,
body.page_institution #base .nophotobox h2 { margin: 0 0 0 !important; }
body.page_institution .base .nophotobox p:first-of-type,
body.page_institution #base .nophotobox p:first-of-type { margin-bottom: 2em; }

/* 6.よくあるご質問
================================================== */
h2.faq_t { margin: 54px 0 20px;  }
.faqplus { width: 680px; padding: 25px 25px 10px; background-color: #fff; }
body.page_faq #faqmenu { width: 672px; margin-bottom: 50px; padding: 30px 0 20px; border: 1px solid #c6c6c6; }
body.page_faq #faqmenu li { display: block; width: 250px; margin-bottom: 0.5em; float: left; padding-left: 16px; }
body.page_faq #faqmenu:after  { content:'.'; display:block; clear:both; height:0; visibility:hidden; }
body.page_faq #base .section { position: relative; margin-bottom: 66px; }
body.page_faq #base .section h2 { margin-bottom: 30px; padding-bottom: 5px; border-bottom: 1px solid #002c77; }
body.page_faq #base .section > a { display: block; position: absolute; top: 5px; right: 5px; }

.faqplus h3,
.faqplus p,
body.page_faq #base .section h3,
body.page_faq #base .section p { color: #6d6d6d; }
.faqplus h3.qtitle,
body.page_faq #base .section h3.qtitle{ margin-bottom: 20px; margin-left: 1em; padding-left: 15px; font-size: 1.3em; line-height: 1.2; cursor: pointer; }
.faqplus .anserbox,
body.page_faq #base .section .anserbox { display: none; width: 92%; margin-bottom: 28px; margin-left: 3em; padding-left: 1em; line-height: 1.8; border-left: 1px solid #ababab; }


#b_square { margin-top: 40px; padding: 10px 25px 25px !important; }
#b_square > h2 img  { display: block; margin: 0 auto !important; }
#b_square p { margin-bottom: 1em; clear: both; font-size: 1.1em;}