@charset "utf-8";
/* CSS Document */

#jsddm li.about a.title{
background-position:bottom;
}


#contents-left .title{
float:left;
display:block;
}
#contents-left .all-list{
float:right;
font-size:12px;
line-height:20px;
padding-top:10px;
}


/*hotel.html CSS*/

#co-block #table{
width:660px;
margin:10px 0px;
vertical-align:middle;
}
#co-block #tb-box-hotel{
margin:4px 0px;
background-color:#F4F4F4;
display:table;
width:660px;
clear:both;
}
#co-block #tb-box-hotel2{
background-color:#EAEAEA;
display:table;
width:660px;
clear:both;
}
#co-block #table .right{
width:320px;
float:right;
text-align:left;
padding:4px 20px 4px 0px;
border:none;
margin:0px;
}
#co-block #table .left{
width:200px;
padding:4px 0px 4px 20px;
background-color:none;
margin:0px;
}

/*history.html用*/
#co-block #history-top{
width:660px;
vertical-align:middle;
font-size:100%;
padding:10px 0;
}
#co-block #history{
width:660px;
vertical-align:middle;
font-size:100%;
padding:10px 0;
border-top:1px dashed #ccc;
overflow:hidden;
}
#co-block #history .date{
font-size:100%;
font-weight:bold;
color:#0092CB;
}

/*project用CSS*/
#co-block div.project{
padding:10px 0;
clear:both;
}
#co-block div.project div.title{
width:660px;
background-color:#EDEDED;
}
#co-block div.project div.title h5{
padding-left:10px;
font-size:110%;
font-weight:bold;
line-height:175%;
}
#co-block div.bot{
clear:both;
width:660px;
display:table;
height:auto;
}
#co-block div.project div.left{
float:left;
width:auto;
margin:0;
padding:10px 10px;
display:block;
}
#co-block div.project div.body{
width:450px;
}
#co-block div.project div.right{
float:right;
width:185px;
border:none;
text-align:right;
}

/*Access用*/
#access{

}
#access-top-box{
width:650px;
padding:10px 5px;
clear:both;
overflow: hidden;
}
#access-top-box div.img{
float:left;
width:125px;
}
#access-top-box div.acright{
float:right;
width:500px;
text-align:left;
}
#access-top-box div.acright div.actitle{
background-color:#EEF2F9;
font-size:110%;
padding:0 0 0 5px;
margin:0px;
line-height:175%;
}
#access-top-box div.acright div.acbody{
padding:15px 5px 10px 5px;
}

#access-mid-box{
margin:10px 0px;
padding:5px;
float:none;
border:1px solid #ccc;
overflow: hidden
}
#access-mid-box div.mid-tokyo{
float:left;
width:320px;
}
#access-mid-box div.mid-osaka{
float:right;
width:318px;
border-left:1px #ccc dashed;
padding-left:5px;
}
#access-mid-box div.mid-t{
background-color:#CCC;
font-size:110%;
font-weight:bold;
line-height:180%;
padding-left:5px;
color:#2D2D2D;
}
#access-mid-box div.mid-body{
padding:5px;
}

#access-bot-box{
width:660px;
clear:both;
overflow:hidden;
}
#access-bot-box div.bot-airport{
float:left;
width:230px;
padding:5px;
border:1px solid #ccc;
height:auto;
}
#access-bot-box div.bot-airport div.airport-t{
background-color:#CCC;
font-size:110%;
font-weight:bold;
line-height:180%;
padding-left:5px;
color:#2D2D2D;
}
#access-bot-box div.bot-airport div.bus{
margin:15px 0 0 0;
padding-left:10px;
}
#access-bot-box div.bot-airport div.train{
margin:15px 0 0 0;
padding-left:10px;
}
#access-bot-box div.bot-airport p{
margin:5px 5px 5px 13px;
color:#555;
}
#access-bot-box div.bot-airport span{
color:#2d2d2d;
}
#access-bot-box div.bot-airport span p{
color:#0092CB;
float:left;
padding:0px 0 0 0px;
margin:0px;
}

#access-bot-box div.bot-pic{
float:right;
width:400px;
}

/*Contact用CSS*/
div.contact-box{
width:640px;
overflow:hidden;
border:solid 1px #ccc;
padding:5px;
margin:10px 0px;
clear:both;
}
div.contact-box div.contact-t{
width:300px;
float:left;
position:relative;
}
div.contact-box div.contact-t img{
left:5px;
position:absolute;
}
div.contact-box div.contact-t p{
margin-left:35px;
font-size:110%;
}
div.contact-box div.contact-body{
width:300px;
float:right;
}

/*フォトギャラリー*/
div.gallery{
width:660px;
overflow:hidden;
padding:0px 0px;
clear:both;
}
div.gallery table td{
width:320px;
overflow:hidden;
margin:0px;
padding:0px;
}
div.gallery td.l{
text-align:left;
}
div.gallery td.c{
text-align:center;
}
div.gallery td.r{
text-align:right;
}
div.gallery tr.space-line{
height:20px;
}

/*ビデオギャラリー*/
div.gallery-v{
width:660px;
overflow:hidden;
padding:20px 0px;
clear:both;
}
div.gallery-v div.thum-box{
position:relative;
width:324px;
background-color:#000;
text-align:center;
}
div.gallery-v div.thum-box img{
border:solid 2px #000;
}
div.gallery-v div.thum-box span{
position:absolute;
left:0;
}

div.gallery-v div.thum-box span img:hover{
border:2px solid #F66;
margin:0px;
}
div.gallery-v div.thum-box span a{
opacity:0.5;
}
div.gallery-v div.thum-box span a:hover{
opacity:0.8;
}

div.gallery-v div.gallery-box{
margin-bottom:20px;
overflow:hidden;
}
div.gallery-v div.v-left{
width:325px;
overflow:hidden;
margin:0px;
padding:0px;
float:left;
text-align:left;
}
div.gallery-v div.v-right{
width:325px;
overflow:hidden;
margin:0px;
padding:0px;
float:right;
text-align:right;
}
div.gallery-v div.v-left p,div.gallery-v div.v-right p{
margin:5px 0px;
text-align:left;
padding-left:30px;
background-image:url(../videogallery/img/video-icon-bg.gif);
background-repeat:no-repeat;
}
div.gallery-v div.v-left a,div.gallery-v div.v-right a{
font-size:120%;
}

/*寄付金*/
#co-block div.contr{
clear:both;
overflow:hidden;
width:620px;
display:block;
border:double 7px #ccc;
padding:10px;
margin-top:20px;
}
#co-block div.contr div.contr-left{
width:350px;
float:left;
display:block;
overflow:hidden;
}
#co-block div.contr div.contr-left .contr-title{
color:#333;
font-weight:bold;
padding:5px 0;
}

#co-block div.contr div.contr-right{
width:250px;
float:right;
display:block;
overflow:hidden;
text-align:right;
}
/****年表****/
#co-block #history {
    width: 100%;
}
#co-block #history-top {
    width: 100%;
}
/****フォトギャラリー****/
div.gallery {
    width: 100%;
    overflow: hidden;
    padding: 0px 0px;
    clear: both;
}

