/* CSS Document */

body {
margin:0;
padding:0;
background-image:url(../images/main_bg.gif);
font-size:76%;
}

img {
border:0;
}

#wrapper {
width:800px;
margin:0 auto;
padding:0;
}

a:link, a:active, a:visited {
color:#254598;
}

a:hover {
color:#5ebba5;
}

/* header ========================================= */
#header {
position:relative;
width:800px;
background:url(../images/header_bg.jpg) left top no-repeat;
height:99px;
}

h1 {
width:300px;
height:99px;
margin:0;
padding:18px 0 0 24px;
}

#menu {
position:absolute;
top:55px;
right:0;
width:410px;
height:44px;
margin:0 10px 0 0;
padding:0;
}

#menu li {
display:inline;
height:44px;
margin:0;
padding:0;
}

#menu li a {
margin:0 -4px 0 0;
padding:0;
}

/* contents ========================================= */
#contents {
position:relative;
width:800px;
background:#fff url(../images/contents_bg_01.jpg) left top no-repeat;
}

* html #contents {
margin:-17px 0 0;
}

#contentsBox {
width:643px;
margin:40px 0 0;
padding:0 26px 0 0;
float:right;
}

h2 {
width:65px;
height:365px;
margin:0;
padding:33px 0 0 36px;
float:left;
}

#contentsBox h3 {
margin:0 0 15px;
padding:0;
background:url(../images/cmn_h3_bg.gif) left bottom repeat-x;
clear:both;
}

#contentsBox h4 {
margin:0;
padding:0;
clear:both;
}

.afeeArea {
min-height:400px;
}

.accessArea {
min-height:400px;
}

/* common */
.txtExplain {
color:#666;
}

.caution {
color:#900;
}

.clearFix {
clear:both;
}

.photoBox {
padding:3px;
background-color:#fff;
border:1px solid #999;
text-align;center;
}

.photoLeft {
width:auto;
padding:3px;
background-color:#fff;
border:1px solid #999;
float:left;
}

.photoRight {
width:auto;
padding:3px;
background-color:#fff;
border:1px solid #999;
float:right;
}

.textLeft {
width:auto;
float:left;
}

.textRight {
width:auto;
float:right;
}

.localLink {
margin:0 0 20px;
padding:20px 0 0;
color:#666;
text-align:center;
background:url(../images/cmn_dott.gif) left top repeat-x;
clear:both;
}


/* footer ========================================= */
#footer {
clear:both;
}

#footer address {
width:800px;
text-align:center;
background:url(../images/footer_bg.gif);
}





/* トップ専用 ========================================= */
#subContents {
width:800px;
height:88px;
margin:0;
padding:0;
background:url(../images/subcontents_bg.gif) left top repeat-x;
}

#subContents #topAddress {
width:400px;
margin:0;
padding:20px 0 0 20px;
color:#fff;
line-height:130%;
float:left;
}

#subContents #topBtn {
width:245px;
margin:0;
padding:20px 20px 0 0;
float:right;
}


/* 会館概要専用 ========================================= */
.profileBox {
width:665px !important;
margin:20px 0 0 !important;
padding:0 !important;
background:url(../images/cmn_bg_rb.jpg) right bottom no-repeat;
}

#profileLead {
padding:20px 0 0 !important;
background:url(../images/profile_box_bg.jpg) right top no-repeat !important;
}

#profileTitle {
width:410px;
}

#profileSchool {
width:652px;
margin:0 0 40px;
background:url(../images/profile_school_bg.gif) left top repeat-y;
}

#profileSchool h4 {
margin:0;
padding:0;
}

#profileSchool p {
margin:0;
padding:5px 15px;
background:url(../images/profile_school_p_bg.gif) left top no-repeat;
line-height:150%;
}

#profileDetailTitle {
margin:0 25px 15px 0 !important;
}

.profileBorder {
margin:0 0 20px;
background:url(../images/profile_dott.gif) 320px top repeat-y;
}

#profileDetailLeft {
width:330px;
margin:-15px 0 0 -15px;
padding:0;
float:left;
}

#profileDetailRight {
width:330px;
margin:-15px 0 0;
padding:0 10px 0;
float:right;
}

.profileDetail {
margin:0;
padding:0;
}

.profileDetail th {
margin:0;
padding:2px;
text-align:left;
vertical-align:top;
line-height:140%;
}

.profileDetail td {
padding:2px 2px 2px 15px;
border-left:1px solid #999;
line-height:140%;
}

.profileBtn {
float:right;
}


/* 料金案内専用 ========================================= */
h2.feeTitle {
background:url(../images/h2_bg.gif) right 30px no-repeat;
}

.feeBox {
margin:25px 0 0 !important;
background:url(../images/cmn_bg_rb.jpg) right bottom no-repeat;
}

#feeDetail {
margin:0 0 5px;
padding:0;
}

#feeDetail th {
margin:0;
padding:2px;
text-align:left;
vertical-align:top;
line-height:140%;
}

#feeDetail td {
padding:2px 2px 2px 15px;
border-left:1px solid #999;
line-height:140%;
}

#feeBtn {
position:absolute;
width:218px;
top:42px;
left:550px;
}

#feeBtn p {
margin:10px 0 0;
padding:0 5px;
font-size:80%;
color:#666;
}


/* 施設・設備専用 ========================================= */
.qualityPhoto {
margin:0 0 30px;
}

.qualityPhoto3 {
margin:0 0 30px 5px;
}

.qualityPhoto img,
.qualityPhoto3 img {
margin:1px 1px 0;
}

.qualityPhoto4 {
margin:0 0 20px;
}

.qualityPhoto4 img {
margin:4px 4px 0;
}

#qualityLead,
#qualityCommon {
width:312px;
}

#libruaryInfo {
width:449px;
}

#qualityLead p {
margin:10px 0 0;
padding:0 5px 40px;
line-height:160%;
}

#roomInfo {
width:454px;
}

#libruaryInfo p {
margin:0;
padding:0 5px 10px;
line-height:150%;
}

#roomInfo p,
#qualityCommon p,
#libruaryInfo p.last {
margin:0;
padding:0 5px 40px !important;
line-height:160%;
}

#qualityH4 {
margin:0 0 10px 5px !important;
padding:0;
background:url(../images/cmn_h3_bg.gif) left bottom repeat-x;
clear:both;
}


/* アクセス専用 ========================================= */
#accessLead {
width:419px;
}

#accessLead p {
margin:10px 0 0;
padding:0 5px 40px;
line-height:160%;
}

#accessH4 {
z-index:100;
}

#accessTransport {
width:auto;
margin:0 0 40px;
float:left;
}

#accessTransport .accessRoute {
margin:0 5px;
}

#accessTime {
width:172px;
float:right;
background:url(../images/access_time_bg.gif) left top repeat-y;
}

#accessTime ul {
width:162px;
margin:0;
padding:0 5px;
list-style-type:none;
background:url(../images/access_time_ul_bg.gif) left top no-repeat;
}

#accessTime ul li {
margin:0;
padding:7px 5px 0;
clear:both;
background:url(../images/cmn_dott.gif) left top repeat-x;
}

#accessTime ul li.first {
background:none !important;
}

#accessTime ul li p {
margin:0 0 7px;
padding:0;
}

.reach {
width:60%;
padding:0.3em 0 0 !important;
float:left;
}

.time {
width:40%;
font-size:130%;
font-weight:bold;
text-align:right;
float:right;
}

#accessGMap {
width:350px;
margin:15px 0 20px 5px;
padding:2px;
background-color:#fff;
border:1px solid #999;
float:left;
}

#accessMapFlow {
width:268px;
margin:15px 0 20px;
padding:0;
float:right;
}

#accessMapFlow p {
margin:5px 0;
padding:0;
line-height:140%;
}

p.accessMapInfo {
width:50%;
margin: 0 0 0 5px !important;
padding:10px 0 0 !important;
font-weight:bold;
float:left;
}

p.accessMapPlace {
width:48%;
margin: 0 !important;
padding:10px 0 0 !important;
float:right;
}

/* IE6 hack */
* html #accessTime ul li {
margin:0;
padding:3px 5px 0;
clear:both;
background:url(../images/cmn_dott.gif) left top repeat-x;
}


/* お問い合わせ専用 ========================================= */
.contactTel {
margin:0 0 45px;
padding:0;
}

#formArea {
margin:0 0 20px;
padding:20px;
border:1px solid #ccc;
background-color:#fff;
}

#formArea form {
margin:0;
padding:0;
}

#formArea ul {
width:592px;
margin:10px 0 20px;
padding:0;
list-style-type:none;
}

#formArea ul li {
margin:0 0 5px;
background-image:url(../images/form_bg.gif);
}

.formContent {
width:110px;
margin:0;
padding:10px 0 0 10px;
float:left;
font-weight:bold;
background:url(../images/form_tb.gif) left top no-repeat;
}

.formContent span {
color:#900;
}

.formContent p {
margin:5px 0 0;
padding:0;
font-weight:normal;
}

.formDetail {
width:447px;
margin:0;
padding:6px 15px 0 0;
float:right;
background:url(../images/form_tb.gif) right top no-repeat;
}

.formDetail select {
margin:0 0 5px;
}

.formDetail textarea {
width:445px;
}

.formDetail .textsmall {
width:200px;
}

.formDetail .textfull {
width:445px;
}

.formDetail .textfull2 {
width:383px;
}

.formDetail .texttop5 {
margin:5px 0 0;
}
.formDetail .textbtm5 {
margin:0 0 5px;
}

.formDetail .textleft10 {
margin-left:10px !important;
vertical-align:middle;
}

.formDetail .textEmail {
width:300px;
}

.formDetail textarea.formAddress {
height:3em;
}

.formDetail textarea.formUserDetail {
height:8em;
}

#formBtn {
margin:-10px 0 0;
padding:0;
}

.formBtn1 {
width:226px;
height:44px;
text-indent:-9999px;
border:0;
background:url(../images/contact_btn_01.gif) left top no-repeat;
cursor:pointer;
}

.formBtn2 {
width:226px;
height:44px;
text-indent:-9999px;
border:0;
background:url(../images/contact_btn_02.gif) left top no-repeat;
cursor:pointer;
}

.formBtn3 {
width:136px;
height:36px;
text-indent:-9999px;
border:0;
vertical-align:bottom;
background:url(../images/contact_btn_03.gif) left top no-repeat;
}