/* CSS Document */

@charset "utf-8";
#contents .left_side {
    color: #333333;
    font-size: 13px;
}


#contents .left_side .info {
	width:712px;	
	margin: 15px 0 0 0;
        padding: 0 0 0 0 ;
	border-top: solid 1px #A8C4E9;
	border-right: solid 1px #A8C4E9;
	border-bottom: solid 1px #A8C4E9;
	border-left: solid 1px #A8C4E9;
	text-align:center;
	overflow: hidden;
}

*html #contents .left_side .info {
	width:712px;	
	margin: 15px 0 0 0;
        padding: 0 0 0 0 ;
	border-top: solid 1px #A8C4E9;
	border-right: solid 1px #A8C4E9;
	border-bottom: solid 1px #A8C4E9;
	border-left: solid 1px #A8C4E9;
	text-align:center;
	overflow: hidden;
}

#contents .left_side .info h2 {
	background:url(../img/ttl_result.jpg) no-repeat;
	margin: 1px 1px 1px 1px;
	text-indent:-9999px;
	width:712px;
	height:27px;
	display:block;
	overflow:hidden;
}

#contents .left_side .info h3 {
	background:url(../img/ttl_sub.gif) no-repeat;
	margin: 1px 1px 1px 1px;
	width:712px;
	height:27px;
	display:block;
	overflow:hidden;
}


#contents .left_side .essential {
    width: 680px;	
    margin: 10px 10px 10px 10px;
    padding: 0 0 0 0;
    text-align:left;
}

#contents .left_side .essential .facility_name {
    margin: 0 0 5px 0;
    color: #1F7ECE;
    font-size: 24px;
    font-weight: bold;
line-height: 1.4;
}


#contents .left_side .essential .info_left {
    width: 410px;
    float: left;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    vertical-align: top;
}

#contents .left_side .essential .info_left table {
    margin: 0 0 20px 0;
}

#contents .left_side .essential .info_left th {
    white-space: nowrap;
    vertical-align: top;
    text-align: left;
    color: #333333;
    font-size: 13px;
}

#contents .left_side .essential .info_left td {
    vertical-align: top;
    text-align: left;
    color: #333333;
    font-size: 13px;
}

#contents .left_side .essential .info_right {
    width: 270px;
    float: right;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    text-align: right;
    vartical-align: top;
    position: relative;
    top: -50px;
}

#contents .left_side .info_right table {
    width: 270px;
}

#contents .left_side .info_right td {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    text-align: right;
    vartical-align: top;
}

#contents .left_side .info_right .contact {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    text-align: right;
    clear: both;
}


#contents .left_side .info_right .contact .tel {
    color: #FF0000;
    font-size: 28px;
    font-weight: bold;
}


#contents .left_side .info_right .contact .fax {
    color: #FF0000;
    font-size: 28px;
    font-weight: bold;
}

#contents .left_side .supp {
    color: #666666;
    font-size: 9px;
    text-align: right;
}
#contents .notes {
    font-size: 10px;
}
#contents .essential .info_right .contact .notes {
    position: relative;
    top: -10px;
}
/*
#contents .left_side .info_right .social {
    position: relative;
    left: 60px;
    top: 0;
}
#contents .left_side .info_right .social li {
    display: inline;
    float: left;
    width: 100px;
    padding: 5px 0 10px 0;
    margin: 0 0 0 0;
}
*/
#contents .left_side .info_right .social {
    position: absolute;
    right: 0px;
    top: -39px;
}


#contents .left_side .info_right .social li {
    display: inline;
    float: left;
    width: 100px;
    padding: 5px 0 10px 0;
    margin: 0 0 0 0;
}
#contents .left_side .facility_ditails {
    position: relative;
    left: 0;
    top: -30px;
    margin: 0px 0px -30px 0px;
}

ul.images {
    width:680px;
    margin: 0 15px 10px 15px;
    padding: 15px 0 15px 0;
    /*border-top: 1px #A8C4E9 solid;*/
    border-top: 2px #cccccc dotted;
}

ul.images li.img_main {
    width: 420px;
    height: 310px;
    overflow: hidden;
    float: left;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

ul.images li.img_main img {
    width: 420px;
    margin: 0 0 0 0;
}


ul.images li.img_small {
    width: 120px;
    height: 95px;
    overflow: hidden;
    float: left;
    margin: 0 0 10px 10px;
    padding: 0 0 0 0;
}

ul.images li.img_small img {
    width: 120px;
    margin: 0 0 0 0;
}

ul.img_small {
    position: relative;
    left: -10px;
}

ul.img_small li {
    width: 160px;
    height: 113px;
    overflow: hidden;
    float: left;
    margin: 0 0 10px 10px;
    padding: 0 0 0 0;
}

ul.img_small li img {
    width: 160px;
    height: 113px;
    display:inline-block;
    margin: 0 0 0 0;
}



/* FF その他 用 */
#contents .left_side .detail {
    width:685px;
    padding: 0 0 40px 0;
    margin: 10px 10px 10px 10px;
    text-align:left;
    background-color:#FCF9F5;
}

/* IE7.8 用 */
#contents .left_side .detail {
    padding/*\**/: 0 0 0px 0\9;
}



#contents .left_side .detail h3 {
    background:url(../img/ttl_sub.gif) no-repeat;
    padding: 5px 0 0 25px;
    height:27px;
    font-size:14px;
    color: #1F7ECE;
    width: 660px;
}

#contents .left_side .detail h4 {
    background:url(../img/ttl_sub02.gif) no-repeat;
    margin:25px 0 0 0;
    padding: 5px 0 0 25px;
    height:26px;
    font-size:13px;
    color: #3FA600;
}

#contents .left_side .detail h5 {
    padding: 5px 0 5px 10px;
    width:650px;
    font-size:16px;
    color:#444444;
}

#contents .left_side .detail h6 {
    background:url(../img/usage_ttl.jpg) no-repeat;
    margin:10px 5px 0 12px; 
    font-size:13px;
    color:#C43F3A;
    text-indent:-9999px;
    width:133px;
    height:46px;
    display:block;
    overflow:hidden;
}

#contents .left_side .detail .img_small {
    width: 680px;
    padding: 0px 0px 0px 10px;
}

#contents .left_side .detail .img_small li {
    float: left;
}

#contents .left_side .detail .img_small img {
    width: 160px;
    margin: 0px 5px 0px 0px;
}


#contents .left_side .detail p {
    padding: 0 0 0 10px;
}

#contents .left_side .detail .topics {
    padding: 0 10px 30px 10px;
}


#contents .left_side .detail .option {
    margin: 0 0 0 20px;
    padding: 10px 0 10px 0;
    text-align: left;
}

#contents .left_side .detail .option img {
    margin: 0 0 0 0;
}

#contents .left_side .detail div#gmap {
    width: 600px;
    height: 520px;
    margin: 10px auto;
}

#contents .left_side .detail .url {
    width: 600px;
    margin: 10px 40px 0 40px;
    padding: 0 0 0 0;
    text-align: left;
}

#contents .left_side .detail .access {
    width: 650px;
    margin: 10px auto;
}

#contents .left_side .detail .access table {
    width: 650px;
    border: 1px #000000 dotted;
    margin: 10px auto;
    padding: 10px;
}

#contents .left_side .detail .access th {
    white-space: nowrap;
    vertical-align: top;
    text-align: left;
}


#contents .left_side .detail #gmapurl {
    width: 600px;
    height: 30px;
    font-size: 14px;
    font-weight: bold;
    padding: 0 0 0 0;
    margin: 10px auto;
}


#contents .left_side .detail .access .guide table {
    width: 530px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    border: none;
 }

#contents .left_side .detail .guide th {
    text-align: center;
}

#contents .left_side .detail .guide td {
    text-align: left;
    padding: 10px;
}

#contents .left_side .detail .rooms	{
    width: 672px;
    margin: 5px auto 20px;
    border: 1px #1F7ECE solid;
    text-align: center; 
    /*font-size: 12px; 20140829*/
    font-size: 14.4px;
    color: #333333;
}

#contents .left_side .detail .rooms table {
    width: 670px; 
    margin: 1px;
    border: 3px #1F7ECE solid;
    border-collapse: collapse;
}

#contents .left_side .detail .rooms th {
    width: 16%;
    font-size: 12px;
    color: #333333;
    border-right: #CCCCCC 1px solid; 
    border-bottom: #CCCCCC 1px solid;
    padding: 7px;
    text-align: center;
    background-color: #ffffff;
}


#contents .left_side .detail .rooms td { 
    padding: 7px; 
    text-align: left;
    /*font-size: 12px; 20140829*/
    font-size: 14.4px;
    color: #333333;
    border-right: #CCCCCC 1px solid; 
    border-bottom: #CCCCCC 1px solid; 
    text-align: center;
    background-color: #ffffff;
}


#contents .left_side .detail .rooms .bg_stripe th {
    background-color: #EEEEEE;
}

#contents .left_side .top {
    float: right;
    text-align: right;
}
#contents .left_side .top li {
    width: 10em;
    padding: 0 0 0 0;
    margin: 20px 10px 0 0;
    background-image: url(/img/triangle.gif);
    background-repeat: no-repeat;
    list-style-type: none;
    clear: both;
}

#contents .left_side .top li a {
    position: relative;
    top: -5px;
}

#contents .left_side .link {
    width: 680px;
    margin: 0 15px 0 15px;
    padding: 15px 0 0 0;
    /*border-top: 2px #A8C4E9 solid;*/
    border-top: 2px #cccccc dotted;
}

#contents .left_side .link li {
    float: left;
    padding: 0 5px 0 5px;
    margin: 0 0 5px 0;
}

#contents .left_side .link img {
    width: 160px;
}

#contents .left_side .center {
    text-align: center;
}