@charset "utf-8";
/* ------------------------------------
File Name:		common.css
Last Update:	20090425
/* 1=common
/* 2=header
/* 3=gNav
/* 4=main
/* 5=footer
/* 6=layout
/* 7=respectively

--------------------------------------- */

/* 1=common */

html {
	overflow-y:scroll;
}
html {
	margin-bottom:1px;
	height:100%;
}
/* スクロールバーの常時表示 */

body {
	background-color: #FFFFFF;
	text-align: center;
	background-image: url(../images/page_bg.jpg);
	background-repeat: no-repeat;
	background-position: center -23px;
}

#page{
	width: 901px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	position: relative;
}

#main p,
#page dl,
#facilities #main table,
#familyfuro #main table,
#furo2 #main table,
#room #main table,
#mainContents li{
	font-size:93%;/*12px相当*/
}

#utility,
#map #main table,
#top .subNavComent1,
#top .subNavComent2,
#top .subNavComent3{
	font-size:85%;/*11px相当*/
}
#facilities .note,
{
	font-size:77%;/*10px相当*/
}

/* 2=header */

#logo{
	margin-top: 43px;
	margin-bottom: 12px;
	float: left;
	width: 255px;
}
#headerTel {
	float: right;
	width: 178px;
	margin-top: 20px;
	margin-right: 10px;
}

#utility {
	float: right;
	width: 223px;
	margin-top: 20px;
	margin-right: 10px;
}

#utility a {
	text-decoration: none;
}

/* 3=gNav */

ul#gNav li{
	display: inline;
	float: left;
}
ul#gNav .gnav01 a{
	display: block;
	height: 51px;
	width: 91px;
	background-image: url(../images/gnav01_off.jpg);
}
ul#gNav .gnav01 a:hover{
	display: block;
	height: 51px;
	width: 91px;
	background-image: url(../images/gnav01_on.jpg);
}
ul#gNav .gnav02 a{
	display: block;
	height: 51px;
	width: 99px;
	background-image: url(../images/gnav02_off.jpg);
}
ul#gNav .gnav02 a:hover{
	display: block;
	height: 51px;
	width: 99px;
	background-image: url(../images/gnav02_on.jpg);
}
ul#gNav .gnav03 a{
	display: block;
	height: 51px;
	width: 140px;
	background-image: url(../images/gnav03_off.jpg);
}
ul#gNav .gnav03 a:hover{
	display: block;
	height: 51px;
	width: 140px;
	background-image: url(../images/gnav03_on.jpg);
}
ul#gNav .gnav04 a{
	display: block;
	height: 51px;
	width: 104px;
	background-image: url(../images/gnav04_off.jpg);
}
ul#gNav .gnav04 a:hover{
	display: block;
	height: 51px;
	width: 104px;
	background-image: url(../images/gnav04_on.jpg);
}
ul#gNav .gnav05 a{
	display: block;
	height: 51px;
	width: 84px;
	background-image: url(../images/gnav05_off.jpg);
}
ul#gNav .gnav05 a:hover{
	display: block;
	height: 51px;
	width: 84px;
	background-image: url(../images/gnav05_on.jpg);
}
ul#gNav .gnav06 a{
	display: block;
	height: 51px;
	width: 87px;
	background-image: url(../images/gnav06_off.jpg);
}
ul#gNav .gnav06 a:hover{
	display: block;
	height: 51px;
	width: 87px;
	background-image: url(../images/gnav06_on.jpg);
}
ul#gNav .gnav07 a{
	display: block;
	height: 51px;
	width: 113px;
	background-image: url(../images/gnav07_off.jpg);
}
ul#gNav .gnav07 a:hover{
	display: block;
	height: 51px;
	width: 113px;
	background-image: url(../images/gnav07_on.jpg);
}
ul#gNav .gnav08 a{
	display: block;
	height: 51px;
	width: 183px;
	background-image: url(../images/gnav08_off.jpg);
}
ul#gNav .gnav08 a:hover{
	display: block;
	height: 51px;
	width: 183px;
	background-image: url(../images/gnav08_on.jpg);
}

/* 4=main */
ol#topocPath{
	margin-top: 5px;
}
ol#topocPath li{
	display:inline;
}

#mainContents {
	float: left;
	width: 662px;
}

h1{
	margin-top: 6px;
	margin-left: 3px;
}
#top h1{
	margin-top: 23px;
	margin-bottom: 12px;
	margin-left: 0px;
}
#access h1,
#familyfuro h1,
#food h1,
#furo2 h1,
#map h1,
#room h1{
	margin-top: 3px;
}

#subContents {
	float: right;
	width: 228px;
	margin-top: 30px;
}
.voice p{
	padding-right: 10px;
	padding-left: 10px;
}
.voice .line{
	padding-right: 0px;
	padding-left: 0px;
}

/* 5=footer */
#footer{
	background-image: url(../images/footer_bg.jpg);
	background-position: left 51px;
}
ul#fNav li{
	display: inline;
	float: left;
}
ul#fNav .fnav01 a{
	display: block;
	height: 51px;
	width: 91px;
	background-image: url(../images/fnav01_off.jpg);
}
ul#fNav .fnav01 a:hover{
	display: block;
	height: 51px;
	width: 91px;
	background-image: url(../images/fnav01_on.jpg);
}
ul#fNav .fnav02 a{
	display: block;
	height: 51px;
	width: 99px;
	background-image: url(../images/fnav02_off.jpg);
}
ul#fNav .fnav02 a:hover{
	display: block;
	height: 51px;
	width: 99px;
	background-image: url(../images/fnav02_on.jpg);
}
ul#fNav .fnav03 a{
	display: block;
	height: 51px;
	width: 140px;
	background-image: url(../images/fnav03_off.jpg);
}
ul#fNav .fnav03 a:hover{
	display: block;
	height: 51px;
	width: 140px;
	background-image: url(../images/fnav03_on.jpg);
}
ul#fNav .fnav04 a{
	display: block;
	height: 51px;
	width: 104px;
	background-image: url(../images/fnav04_off.jpg);
}
ul#fNav .fnav04 a:hover{
	display: block;
	height: 51px;
	width: 104px;
	background-image: url(../images/fnav04_on.jpg);
}
ul#fNav .fnav05 a{
	display: block;
	height: 51px;
	width: 84px;
	background-image: url(../images/fnav05_off.jpg);
}
ul#fNav .fnav05 a:hover{
	display: block;
	height: 51px;
	width: 84px;
	background-image: url(../images/fnav05_on.jpg);
}
ul#fNav .fnav06 a{
	display: block;
	height: 51px;
	width: 87px;
	background-image: url(../images/fnav06_off.jpg);
}
ul#fNav .fnav06 a:hover{
	display: block;
	height: 51px;
	width: 87px;
	background-image: url(../images/fnav06_on.jpg);
}
ul#fNav .fnav07 a{
	display: block;
	height: 51px;
	width: 113px;
	background-image: url(../images/fnav07_off.jpg);
}
ul#fNav .fnav07 a:hover{
	display: block;
	height: 51px;
	width: 113px;
	background-image: url(../images/fnav07_on.jpg);
}
ul#fNav .fnav08 a{
	display: block;
	height: 51px;
	width: 183px;
	background-image: url(../images/fnav08_off.jpg);
}
ul#fNav .fnav08 a:hover{
	display: block;
	height: 51px;
	width: 183px;
	background-image: url(../images/fnav08_on.jpg);
}

#footer address {
	float: left;
	width: 188px;
}
#footer #fLogo {
	float: right;
	width: 218px;
	margin-right: 50px;
	margin-bottom: 50px;
}
/* 6=layout */

.base{
	position: relative;	
}
.bold{
	font-weight: bold;
}
.dn {
	display:none;
}
.fr {
	float: right;
}
.fl {
	float: left;
}
.cr {
	clear: right;
}
.cl {
	clear: left;
}
.cb {
	clear: both;
}
.mt3 {
	margin-top: 3px;
}
.mt6 {
	margin-top: 6px;
}
.mt10 {
	margin-top: 10px;
}
.mt15 {
	margin-top: 15px;
}
.mt20 {
	margin-top: 20px;
}
.mr3 {
	margin-right: 3px;
}
.mb3 {
	margin-bottom:3px;
}
.mb10 {
	margin-bottom:10px;
}

.ml10 {
	margin-left:10px;
}

.pt20 {
	padding-top: 20px;
}

.tableBox, .tableBox th, .tableBox td {
	border-collapse:collapse;
	border: 1px solid #fff;
}
.tableBox th {
	background-color: #CF777B;
	color: #fff;
	text-align: left;
	padding-left: 10px;
}
.tableBox td {
	padding-left: 10px;
	color: #333;
	font-weight: bold;
	padding-right: 10px;
}


#utility .tableBox td {
	background-color: #CF777B;
	color: #fff;
	text-align: left;
	padding-left: 5px;
	padding-top: 3px;
	padding-right: 5px;
}
#utility .tableBox td a{
	color: #fff;
	font-weight: normal;
}


/* 7=respectively */

/*--------------------------------*/
#facilities h1{
	margin-top:5px;
}

#facilities .visual1Comment{
	width: 547px;
	color: #FFF;
	position: absolute;
	left: 62px;
	top: 710px;
}

#facilities .visual03Comment{
	width: 365px;
	color: #000;
	position: absolute;
	left: 243px;
	top: 5px;
}

#facilities .title11Comment{
	width: 270px;
	color: #000;
	position: absolute;
	left: 340px;
	top: 75px;
}
#facilities .title12Comment{
	width: 300px;
	color: #000;
	position: absolute;
	left: 40px;
	top: 60px;
}
#facilities .title13Comment{
	width: 300px;
	color: #000;
	position: absolute;
	left: 305px;
	top: 60px;
}
#facilities .visual2Comment{
	width: 280px;
	color: #000;
	position: absolute;
	left: 330px;
	top: 50px;
}
#facilities .visual31Comment{
	width: 260px;
	color: #000;
	position: absolute;
	left: 350px;
	top: 60px;
}
#facilities .visual32Comment{
	width: 310px;
	color: #000;
	position: absolute;
	left: 290px;
	top: 60px;
}
#facilities .title33Comment{
	width: 530px;
	color: #000;
	padding-right: 60px;
	padding-left: 60px;
	padding-bottom: 30px;
	padding-top: 10px;
}
#facilities .descriptionTable,
#facilities .descriptionTable2{
	background-image: url(../images/table_l_bg.jpg);
	margin-left:20px;
}
#facilities .descriptionTable th{
	text-align: left;
	padding-left: 10px;
	padding-top: 3px;
	padding-right: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	font-weight: normal;
}
#facilities .descriptionTable td{
	padding-top: 3px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;
	padding-right: 10px;
	padding-left: 10px;
}
#facilities .note{
	margin-left:130px;
	margin-top: 5px;
	width: 470px;
}

#facilities .descriptionTable2{
	margin-bottom:20px;
}
#facilities .descriptionTable2 th{
	text-align: left;
	padding-left: 10px;
	padding-top: 3px;
	padding-right: 5px;	
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	font-weight: normal;
}
#facilities .descriptionTable2 td{
	padding-top: 3px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;
	padding-right: 10px;
	padding-left: 10px;
	text-align:center;
}
/*------------------------------*/
#familyfuro .visual1Comment{
	width: 590px;
	position: absolute;
	left: 40px;
	top: 430px;
	line-height: 1.4;
}
#familyfuro .title01Comment{
	width: 260px;
	position: absolute;
	left: 40px;
	top: 60px;
}
#familyfuro .title11Comment{
	width: 270px;
	position: absolute;
	left: 345px;
	top: 65px;
}
#familyfuro .photoLeft{
	float: left;
	width: 327px;
}
#familyfuro .textRight{
	float: left;
	width: 334px;
}
#familyfuro .title12Comment{
	width: 270px;
	position: absolute;
	left: 40px;
	top: 60px;
}
#familyfuro .title21Comment{
	width: 270px;
	position: absolute;
	left: 345px;
	top: 65px;
}
#familyfuro .title22Comment{
	width: 270px;
	position: absolute;
	left: 40px;
	top: 60px;
}
#familyfuro .descriptionTable{
	margin-bottom:20px;
	width: 487px;
	position: absolute;
	left: 40px;
	top: 10px;
}
#familyfuro .descriptionTable th{
	text-align: left;
	padding-left: 10px;
	padding-top: 3px;
	padding-right: 5px;
	font-weight: normal;
	background-color: #F4ADA7;
	border: 1px solid #F4ADA7;
}
#familyfuro .descriptionTable td{
	padding-top: 3px;
	padding-right: 10px;
	padding-left: 10px;
	background-color: #FCECED;
	border: 1px solid #FCECED;
}
/*------------------------------*/
#food .visual1Comment1{
	width: 280px;
	position: absolute;
	left: 30px;
	top: 160px;
}
#food .visual1Comment2{
	width: 260px;
	position: absolute;
	left: 350px;
	top: 470px;
}
#food .title21Comment{
	width: 280px;
	position: absolute;
	left: 340px;
	top: 55px;
}
#food .title22Comment{
	width: 270px;
	position: absolute;
	left: 40px;
	top: 55px;
}
#food .visual3Comment{
	width: 270px;
	position: absolute;
	left: 40px;
	top: 220px;
}
/*------------------------------*/
#furo2 .visual1Comment{
	width: 258px;
	position: absolute;
	left: 30px;
	top: 10px;
}
#furo2 .caption{
	width: 540px;
	position: absolute;
	left: 10px;
	top: 5px;
}
#furo2 .descriptionTable{
	margin-bottom:20px;
	width: 460px;
	position: absolute;
	left: 40px;
	top: 65px;
}
#furo2 .descriptionTable th{
	text-align: left;
	padding-left: 10px;
	padding-top: 3px;
	padding-right: 5px;
	font-weight: normal;
	background-color: #F4ADA7;
	border: 1px solid #F4ADA7;
}
#furo2 .descriptionTable td{
	padding-top: 3px;
	padding-right: 10px;
	padding-left: 10px;
	background-color: #FCECED;
	border: 1px solid #FCECED;
}
/*------------------------------*/
#map .title1Comment{
	width: 550px;
	margin-left: 30px;
	margin-top: 10px;
	margin-bottom: 10px;
}
#map .visual0Comment{
	width: 150px;
	position: absolute;
	left: 440px;
	top: 15px;
}
#map .caption{
	width: 280px;
	position: absolute;
	left: 330px;
	top: 50px;
}
#map .visual1Comment{
	width: 340px;
	position: absolute;
	left: 30px;
	top: 10px;
}


#map .descriptionTable{
	margin-bottom:20px;
	width: 550px;
	margin-top: 5px;
	margin-left: 50px;
}
#map .captionTable{
	position: absolute;
	left: 330px;
	top: 160px;
	width: 280px;
}
#map .captionTable2{
	width: 280px;
}
#map .captionSection{
	width: 350px;
	float: left;
	margin: 10px;
}

#map .descriptionTable th,
#map .captionTable th,
#map .captionTable2 th{
	text-align: left;
	padding-left: 10px;
	padding-top: 3px;
	padding-right: 5px;
	font-weight: normal;
	background-color: #FFF;
	border: 1px solid #000;
}
#map .descriptionTable td,
#map .captionTable td,
#map .captionTable2 td{
	padding-top: 3px;
	padding-right: 10px;
	padding-left: 10px;
	background-color: #524944;
	border: 1px solid #000;
	color: #FFF;
}
/*------------------------------*/
#room .visual1Comment1{
	width: 320px;
	position: absolute;
	left: 275px;
	top: 20px;
}
#room .visual1Comment2{
	width: 220px;
	position: absolute;
	left: 40px;
	top: 235px;
}
#room .titleComment{
	width: 600px;
	position: absolute;
	left: 30px;
	top: 14px;
}
#room .typeComment2{
	width: 420px;
	position: absolute;
	left: 215px;
	top: 15px;
	line-height: 1.4;
}
#room .typeComment{
	width: 390px;
	position: absolute;
	left: 235px;
	top: 30px;
}

#room .caption{
	width: 600px;
	position: absolute;
	left: 30px;
	top: 6px;
}
#room .title41Comment{
	width: 300px;
	position: absolute;
	left: 50px;
	top: 80px;
}
#room .title42Comment{
	width: 350px;
	position: absolute;
	left: 250px;
	top: 60px;
}
#room .descriptionTable{
	margin-bottom:20px;
	width: 610px;
	background-image: url(../images/table_bg.jpg);
	margin-left: 20px;
}
#room .descriptionTable th{
	text-align: left;
	padding-left: 10px;
	padding-top: 3px;
	padding-right: 5px;
	font-weight: normal;
	width: 95px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
}
#room .descriptionTable td{
	padding-top: 3px;
	padding-right: 10px;
	padding-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;
}
#room .photoBox{
	background-image: url(../images/room_main_visual_bg.jpg);
	height: 417px;
	width: 662px;
}
#room .mainPhoto{
	padding-top: 10px;
	margin-left: 60px;	
}
#room .subPhotos {
	margin-left: 60px;}
#room .subPhotos img{
	float: left;	
	padding-top: 4px;
	padding-left: 4px;	
}

#main table .noline{
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #FFF;
}
/*------------------------------*/
#top .section1{
	margin-top: 3px;
}
#top .vacancy{
	background-image: url(../images/top_vacancy_bg.jpg);
	float: left;
	height: 151px;
	width: 332px;
	background-repeat: no-repeat;
	background-position: bottom;
}
#top .news{
	background-image: url(../images/top_news_bg.jpg);
	float: left;
	height: 181px;
	width: 332px;
	background-repeat: no-repeat;
	background-position: bottom;
	
}
#top .news p{
	width: 300px;
	margin-top: 5px;
	margin-left: 15px;	
}

#top .section2{
	margin-top: 3px;
}
#top .subNav1 h2{
	width: 187px;
	float: left;
	margin-bottom: 3px;	
}
#top .subNavComent1{
	width: 170px;
	position: absolute;
	left: 8px;
	top: 103px;
	line-height: 1.2;
	z-index: 3;
}
#top .subNavComent2{
	width: 170px;
	position: absolute;
	left: 194px;
	top: 103px;
	line-height: 1.2;
}
#top .subNavComent3{
	width: 170px;
	position: absolute;
	left: 383px;
	top: 103px;
	line-height: 1.2;
}
#top .planBoxBg{
	float: left;
	background-image: url(../images/top_plan_bg.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 305px;
	width: 558px;
	padding-left: 10px;
}
#top .planMain{
	float: left;
	width: 342px;
	margin-top: 5px;
	margin-right: 13px;
	background-image: url(../images/top_plan_space.jpg);
	height: 293px;
	position: relative;
}
#top .planBtn{
	position: absolute;
	left: 190px;
	top: 220px;
}
#top .planSub{
	float: left;
	width: 197px;
	margin-top: 5px;
	margin-bottom: 2px;
	background-image: url(../images/top_plan_a.jpg);
	height: 57px;
	display: block;
}
#top .planbnbox {
	margin-top: 5px;
}
#top  .planover{
	float: left;
	width: 197px;
	margin-bottom: 2px;
	background-image: url(../images/top_plan_b.jpg);
	display: block;
	height: 57px;
	line-height: 1.3;
}
#top .planout {
	float: left;
	width: 197px;
	margin-bottom: 2px;
	background-image: url(../images/top_plan_a.jpg);
	display: block;
	height: 57px;
	line-height: 1.3;
}

#top .section3{
	float: right;
	width: 568px;
	margin-right: 3px;
}
.planchild {
	padding-top: 3px;
	padding-left: 5px;
	display: block;
	float: left;
	width: 53px;
}
.planchild2 {
	padding-top: 3px;
	padding-left: 5px;
	display: block;
	float: left;
	width: 163px;
}

.plantitle {
	line-height: 130%;
	display: block;
	width: 170px;
	font-weight: bold;
	float: left;
	margin-top: 5px;
	margin-bottom: 10px;
}
.searchbox {
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
}

.searchbox div {
	padding: 1px;
	font-weight: bold;
	color: #D87C65;
}
.searchbox .minitext {
	font-size: 70%;
	font-weight: normal;
	color: #BE5638;
}




#top .section4{
	float: left;
	width: 323px;	
}
#top .subNav2{
	background-image: url(../images/top_nav_bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 167px;
	width: 324px;
	padding-top: 5px;
	margin-bottom: 0px;
}
#top .subNavContents{
	margin-bottom: 1px;
	margin-left: 6px;
}
.sub_room_thmbox img {
	cursor: pointer;
	border: 2px solid #E0E0E0;
	padding: 1px;
}
.welcomepage {
	width: 603px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-image: url(../../images/welcome1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 40px;
}
.welcomevoice {
	border: 1px solid #DFC1CE;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	margin-bottom: 10px;
}
.minidiscription {
	font-size: 10px;
}
/*----------------------------*/
.overviewTable td{
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CE8E75;
}
.staffTableSec{
	padding-right: 20px;
	padding-left: 20px;
}

.employmentTable{
	margin-bottom:20px;
	width: 585px;
	background-image: url(../images/table_bg.jpg);
	margin-left: 20px;
}
.employmentTable th{
	text-align: left;
	padding-left: 10px;
	padding-top: 3px;
	padding-right: 5px;
	font-weight: normal;
	width: 95px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
}
.employmentTable td{
	padding-top: 3px;
	padding-right: 10px;
	padding-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;
}
.staffTableSec {
	behavior:url(module/js/iepngfix.htc);
	background-image: url(../images/alpha60.png);
	width: 610px;
}
.policySecTitle{
	behavior:url(module/js/iepngfix.htc);
	background-image: url(../images/alpha60.png);
	width: 610px;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 20px;
	padding-bottom: 20px;
}
.glaybar {
	background-color: #CDCDCD;
	padding: 3px;
	margin-bottom: 7px;
}
.pdfbn {
	background-color: #8E0404;
	padding: 10px;
	width: 180px;
}
.pdfbn a {
	font-weight: bold;
	color: #FFFFFF;
}