@charset "utf-8";

* {
	padding: 0px;
	margin: 0px;
}

img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	vertical-align: bottom;
	margin: 0px;
	padding: 0px;
}

body {
	font-family:'メイリオ',Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #ffffff;
	text-align: center;
	vertical-align: top;
	background-color: #000000;
	background-image: url(images/bg.jpg);
	background-repeat: repeat;
}

h1 {
	font-size: 10px;
	font-weight: normal;
	position: absolute;
	top: 48px;
	text-align: right;
	z-index: 10;
	width: 320px;
	letter-spacing: 0.2em;
	left: 275px;
}

h2 {
	margin-top: 26px;
	margin-left: 92px;
	width: 780px;
}

/*header
-------------------------------------------------------------------------------*/

#header {
	height: 143px;
	width: 804px;
	margin-left: 80px;
	background-image: url(images/header.jpg);
	background-repeat: no-repeat;
	position: relative;
}

#header #logo {
	position: absolute;
	left: 42px;
	top: 9px;
	height: 123px;
	width: 188px;
}

#header #sekisuiLogo {
	position: absolute;
	height: 91px;
	width: 97px;
	left: 686px;
	top: 27px;
}

#header #reservation {
	position: absolute;
	height: 36px;
	width: 208px;
	left: 392px;
	top: 65px;
}

/*global navigation
-------------------------------------------------------------------------------*/

#nav {
	margin-left: 80px;
	width: 805px;
	background-image: url(images/gNav.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 45px;
}

#nav li {
	float: left;
	width: 115px;
	list-style-type: none;
}

#nav li.stay{
	visibility: hidden;
}


#nav li#nav7 {
	float: left;
	width: 114px;
	list-style-type: none;
}

#nav li a {
	float: left;
	width: 100%;
	display: block;
	overflow: hidden;
	height: 0 !important;
	height /**/:45px;
	padding-top: 45px;
	background-image: url(images/gNav.jpg);
}

#nav1 a { background-position: 0          -45px; }
#nav2 a { background-position: -115px     -45px; }
#nav3 a { background-position: -230px     -45px; }
#nav4 a { background-position: -345px     -45px; }
#nav5 a { background-position: -460px     -45px; }
#nav6 a { background-position: -575px     -45px; }
#nav7 a { background-position: -690px     -45px; }

#nav1 a:hover { background-position: 0          0px; }
#nav2 a:hover { background-position: -115px     0px; }
#nav3 a:hover { background-position: -230px     0px; }
#nav4 a:hover { background-position: -345px     0px; }
#nav5 a:hover { background-position: -460px     0px; }
#nav6 a:hover { background-position: -575px     0px; }
#nav7 a:hover { background-position: -690px     0px; }


/*footer
-------------------------------------------------------------------------------*/

#footer {
	width: 804px;
	margin-left: 80px;
	text-align: left;
	height: 229px;
	background-color: #000000;
}

#footerNav ul,#footerNav li,#footerNav a{
	display: block;
	margin: 0px;
	padding: 0px;
}

#footerNav ul{
	padding-left: 15px;
	padding-top: 10px;
}

#footerNav li{
	float: left;
	list-style: none;
	font-size: 10px;
	white-space: nowrap;
	text-align: left;
	background-image: url(images/footer_nav_mark.jpg);
	background-repeat: no-repeat;
	padding-left: 12px;
}

#footerNav li#goTop{
	float: right;
	list-style: none;
	font-size: 10px;
	white-space: nowrap;
	text-align: right;
	padding-left: 12px;
	background-image: none;
}

#footerNav a{
	text-decoration: none;
	color: #ffffff;
	padding-right: 20px;
}

#footerNav a:hover{
	color: #ffffff;
}

#footer #footerNav {
	background-image: url(images/footer_nav.jpg);
	background-repeat: no-repeat;
	height: 31px;
	width: 804px;
}

#footer #footerNav li#goTop a{
	color: #333333;
}

#footer #footerCredit {
	background-image: url(images/footer.jpg);
	background-repeat: no-repeat;
	height: 168px;
	width: 804px;
	clear: left;

	position: relative;
}

#footer #footerCredit #freeDial {
	position: absolute;
	left: 34px;
	top: 52px;
}

#footer #footerCredit #credit1 {
	position: absolute;
	left: 30px;
	top: 20px;
}

#footer #footerCredit #credit2 {
	position: absolute;
	left: 30px;
	top: 100px;
	line-height: 1.5em;
}

#footer #footerCredit #company1 {
	position: absolute;
	left: 480px;
	top: 20px;
}

#footer #footerCredit #company2 {
	position: absolute;
	left: 480px;
	top: 50px;
	width: 304px;
	font-size: 14px;
}

#footer #footerCredit #company3 {
	position: absolute;
	left: 480px;
	top: 70px;
	font-size: 10px;
}

#footer #footerCredit #company4 {
	position: absolute;
	left: 480px;
	top: 100px;
	font-size: 10px;
	line-height: 1.5em;
}

#footer #footerCopyright {
	height: 30px;
	width: 804px;
	background-color: #000000;
	text-align: center;
}

#footer #footerCopyright p {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 10px;
	display: block;
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

/*COMMON
-------------------------------------------------------------------------------*/

#top {
	visibility: hidden;
}

#index,#home,#concept,#plan,#quality,#location,#photo,#outline {
	background-image: url(images/bg_light.jpg);
	background-repeat: repeat-y;
	width: 964px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	vertical-align: top;
}

#index #main,#concept #main,#plan #main,#quality #main,#location #main,#photo #main,#outline #main {
	text-align: left;
	width: 778px;
	background-color: #fcfcfc;
	border: 1px solid #660000;
	margin-top: 12px;
	margin-right: 92px;	
	margin-bottom: 12px;
	margin-left: 92px;
}



#index #main #contents,#concept #main #contents,#plan #main #contents {
	width: 754px;
	margin: 12px;
}

hr {
	clear: both;
	height: 0px;
	margin: 0px;
	padding: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	visibility: hidden;
}


/*INDEX,TOP
===============================================================================*/

#flashContent {
	height: 477px;
	width: 804px;
	margin-left: 80px;
}

#flashContentTop {
	height: 458px;
	width: 804px;
	margin-left: 80px;
}

#index h2 {
	width: 536px;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 20px;
}


#index #news {
	float: left;
	width: 536px;
}

#index table {
	color: #000000;
	width: 536px;
	margin-bottom: 50px;
}

#index td,#home td {
	height: 42px;
	font-size: 12px;
}


#index td.date {
	width: 150px;
	font-size: 12px;
	vertical-align: top;
}

#index #btnReservation {
	float: right;
	margin-top: 23px;
}

#index #main hr {
	visibility: hidden;
	clear: both;
}

/*CONCEPT
===============================================================================*/

#concept #main #contents {
	background-image: url(images/concept_bg.jpg);
	background-repeat: no-repeat;
	height: 801px;
	width: 754px;
	text-align: center;
	background-position: top;
	vertical-align: top;
}

#concept #main #contents #sammary {
	font-size: 14px;
	text-align: center;
	width: 700px;
	line-height: 2em;
	margin-left: 28px;
	padding-top: 280px;
	font-family: "ヒラギノ明朝 Pro W3",'メイリオ',Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', sans-serif;
}

#concept #main #contents #special {
	font-family: "ヒラギノ明朝 Pro W3",'メイリオ',Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', sans-serif;
	font-size: 12px;
	line-height: 1.3em;
	width: 700px;
	margin-left: 28px;
	padding-top: 195px;
}


/*PLAN
===============================================================================*/

#plan #main #contents {
	position: relative;
}

#plan #main #contents #sammary {
	text-align: center;
	width: 700px;
	margin-left: 28px;
	position: absolute;
	z-index: 10;
	top: 44px;
	color: #5F4530;
	font-size: 14px;
	line-height: 1.5em;
}
#plan #main #contents #area1title {
	width: 754px;
	margin-bottom: 15px;
	padding-top: 50px;
}
#plan #main #contents #area2title {
	width: 754px;
	margin-top: 50px;
	margin-bottom: 15px;
}
#plan #main #contents #area3title {
	width: 754px;
	margin-top: 50px;
	margin-bottom: 15px;
}
#plan #main #contents #area4title {
	width: 754px;
	margin-top: 50px;
	margin-bottom: 15px;
}
#plan #main #contents #caution {
	font-size: 10px;
	position: absolute;
	left: 335px;
	top: 516px;
	z-index: 5;
	line-height: 1.5em;
	width: 407px;
}
#plan #main #contents #siteplanCaption {
	font-size: 10px;
	position: absolute;
	top: 1167px;
	left: 487px;
	width: 233px;
	text-align: left;
	color: #593F2D;
}
  
#plan #main #dataLeft {
	float: left;
	width: 150px;
	color: #333333;
}

#plan #main #dataRight {
	color: #333333;
	float: left;
	width: 200px;
	padding-left: 10px;
	border-left-width: thin;
	border-left-style: solid;
	border-left-color: #333333;
	line-height: 1.5em;
}

#plan #main #area1plan,#plan #main #area2plan,#plan #main #area3plan {
	clear: left;
	padding-top: 20px;
}

#plan #main #dataLeft .measure {
	font-size: 18px;
	letter-spacing: 0.3em;
	font-family: "ヒラギノ明朝 Pro W3",'Hiragino Mincho Pro','メイリオ',Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', sans-serif;
	font-weight: bold;
	color: #000000;
}

#plan #main #dataLeft .floor {
	font-size: 18px;
	letter-spacing: 0.3em;
	font-family: "ヒラギノ明朝 Pro W3",'Hiragino Mincho Pro','メイリオ',Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', sans-serif;
	font-weight: bold;
	color: #000000;
}

/*QUALITY
===============================================================================*/


#quality #main {
	position: relative;
	height: 2005px;
}

#quality #main #quality_1 {
	position: absolute;
	height: 200px;
	left: 61px;
	top: 124px;
	width: 465px;
}
#quality #main #catch {
	position: absolute;
	left: 25px;
	top: 25px;
	z-index: 10;
}
#quality #main #quality_2 {
	position: absolute;
	height: 200px;
	left: 110px;
	top: 310px;
	width: 453px;
}
#quality #main #quality_3 {
	position: absolute;
	left: 61px;
	top: 514px;
	height: 200px;
	z-index: 10;
	width: 491px;
}
#quality #main #quality_4 {
	position: absolute;
	height: 400px;
	left: 43px;
	top: 768px;
	z-index: 10;
}
#quality #main #quality_5 {
	position: absolute;
	height: 200px;
	left: 90px;
	top: 1315px;
	width: 419px;
}
#quality #main #quality_6 {
	position: absolute;
	left: 165px;
	top: 1587px;
	height: 200px;
	width: 419px;
}
#quality #main #quality_7 {
	position: absolute;
	left: 34px;
	top: 1805px;
	height: 150px;
	width: 451px;
}
#quality #main #quality_1 .catchCopy {
	position: absolute;
	left: 160px;
	top: 30px;
	font-size: 14px;
	color: #333333;
}
#quality #main #quality_1 .sammary {
	position: absolute;
	left: 0px;
	top: 76px;
	color: #333333;
	line-height: 1.5em;
	width: 465;
}
#quality #main #quality_2 .catchCopy {

	position: absolute;
	left: 140px;
	top: 30px;
	font-size: 14px;
	color: #333333;
	width: 325px;
}
#quality #main #quality_3 .catchCopy {
	font-size: 14px;
	color: #333333;
	position: absolute;
	left: 130px;
	top: 35px;
	width: 393px;
}
#quality #main #quality_4 .catchCopy {
	font-size: 14px;
	color: #333333;
	position: absolute;
	left: 192px;
	top: 26px;
	width: 288px;
}
#quality #main #quality_5 .catchCopy {
	font-size: 14px;
	color: #333333;
	position: absolute;
	left: 145px;
	top: 37px;
}
#quality #main #quality_6 .catchCopy {
	font-size: 14px;
	color: #333333;
	position: absolute;
	left: 130px;
	top: 33px;
	width: 303px;
}
#quality #main #quality_7 .catchCopy {
	font-size: 14px;
	color: #333333;
	position: absolute;
	left: 140px;
	top: 32px;
	width: 331px;
}
#quality #main #quality_2 .sammary {
	line-height: 1.5em;
	color: #333333;
	position: absolute;
	left: 0px;
	top: 76px;
	width: 453;
}
#quality #main #quality_3 .sammary {
	line-height: 1.5em;
	color: #333333;
	position: absolute;
	left: 0px;
	top: 81px;
}
#quality #main #quality_4 .sammary {
	line-height: 1.5em;
	color: #333333;
	position: absolute;
	left: 0px;
	top: 70px;
	width: 451px;
}
#quality #main #quality_5 .sammary {
	line-height: 1.5em;
	color: #333333;
	position: absolute;
	left: 0px;
	top: 83px;
}
#quality #main #quality_6 .sammary {
	line-height: 1.5em;
	color: #333333;
	position: absolute;
	left: 0px;
	top: 79px;
}
#quality #main #quality_7 .sammary {
	line-height: 1.5em;
	color: #333333;
	position: absolute;
	left: 0px;
	top: 82px;
}
#quality #main #bg1 {
	position: absolute;
	z-index: 0;
	left: 0px;
	top: -1px;
}
#quality #main #bg2 {
	position: absolute;
	z-index: 0;
	left: 307px;
	top: 335px;
}
#quality #main #bg3 {
	position: absolute;
	z-index: 0;
	left: 187px;
	top: 768px;
}
#quality #main #bg4 {
	position: absolute;
	left: 564px;
	top: 1737px;
	z-index: 0;
}
#quality #main #diagram1 {
	position: absolute;
	z-index: 5;
	left: 420px;
	top: 768px;
}
#quality #main #diagram2 {
	position: absolute;
	left: 420px;
	top: 1052px;
	z-index: 5;
}
#quality #main #speaker {
	position: absolute;
	left: 528px;
	top: 663px;
	z-index: 5;
}

/*LOCATION
===============================================================================*/

#location #main {
	background-image: url(images/location_bg.jpg);
	background-repeat: no-repeat;
}

#location #main #catch {
	margin-top: 24px;
	margin-left: 18px;
}

#location #main #sammary {
	text-align: center;
	width: 700px;
	color: #333333;
	line-height: 1.5em;
	margin-left: 39px;
	margin-top: 20px;
	margin-bottom: 40px;
	margin-left: 39px;
}

#location #main #locationPhoto {
	float: left;
	width: 254px;
	padding-left: 12px;
}

#location #main #map {
	float: left;
	width: 486px;
	border: 1px solid #660000;
	margin-left: 12px;
}

#location #main #location .photo {
	border: 1px solid #660000;
}

#location #main #map p {
	margin: 0px;
	padding: 0px;
}

#location #main #railway {
	clear: both;
	padding-top: 30px;
}

#location #main #map #carNav {
	color: #333333;
	float: left;
	width: 280px;
	margin-top: 12px;
	margin-left: 12px;
	font-size: 10px;
}

#location #main #map #pdf {
	float: right;
	margin-right: 12px;
	height: 35px;
	margin-bottom: 12px;
}

#location #main #map #zoom {
	border: 1px solid #0066CC;
	margin-top: 12px;
	margin-left: 10px;
	margin-bottom: 14px;
	width: 464px;
}

#location #railway #time {
	float: left;
	width: 310px;
	padding-left: 12px;
}

#location #railway #railwayMap {
	float: left;
	width: 442px;
	height: 247px;
	border: 1px solid #660000;
}

#location #main #railway #caution {
	clear: both;
	color: #333333;
	margin-left: 320px;
	font-size: 10px;
	margin-bottom: 12px;
}

#location #main #railway #railwayTitle {
	margin-bottom: 30px;
	margin-left: 12px;
}

#location #main #railway #time #fromKyodo {
	color: #333333;
	height: 80px;
	border-left-width: 8px;
	border-left-style: solid;
	border-left-color: #004e97;
	padding-left: 3px;
	margin-bottom: 10px;
}

#location #main #railway #time #fromSakurajosui {
	color: #333333;
	border-left-width: 8px;
	border-left-style: solid;
	border-left-color: #003c73;
	height: 80px;
	padding-left: 3px;
	margin-bottom: 10px;
}

#location #main #railway #time #fromMatsubara {
	color: #333333;
	height: 80px;
	padding-left: 3px;
	border-left-width: 8px;
	border-left-style: solid;
	border-left-color: #009900;
}

#location #main #railway #time .fromTo {
	font-size: 16px;
}

#location #main #railway #time .transit {
	font-size: 10px;
}

#location #main #locationPhoto .photo img {
	border: 1px solid #660000;
	margin-bottom: 5px;
}

#location #main #locationPhoto .number {
	float: left;
	margin-right: 5px;
}

#location #main #locationPhoto .caption {
	float: left;
	color: #333333;
	margin-bottom: 10px;
}

#location #main #locationPhoto .photo {
	clear: left;
}

#location #main #locationPhoto .caption .locationName {
	font-size: 14px;
}

#location #main #locationPhoto .caption .distance {
	font-size: 10px;
}

#location #main #locationPhoto p {
	font-size: 10px;
	color: #333333;
}

#location #main #locationPhoto #date {
	clear: left;
}

#location #main #map #mapTitle {
	margin-top: 26px;
	margin-left: 12px;
}

.style1 {
	font-size: 24px;
	color: #990000;
}
.style2 {font-size: 24px}


/*PHOTO
===============================================================================*/
#photo #main p {
	width: 475px;
	margin-top: 200px;
	margin-bottom: 200px;
	margin-left: 150px;
}

/*OUTLINE
===============================================================================*/

#outline #main {
	background-image: url(images/outline_bg.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}

#outline p.subject {
	float: left;
	width: 180px;
	color: #333333;
	line-height: 1.5em;
	margin-left: 24px;
	margin-top: 8px;
	margin-bottom: 8px;
}

#outline p.data {
	float: left;
	width: 540px;
	color: #333333;
	line-height: 1.5em;
	margin-left: 10px;
	margin-top: 8px;
	margin-bottom: 8px;
}

#outline #main #title {
	font-size: 14px;
	color: #333333;
	margin-bottom: 30px;
	margin-top: 30px;
	margin-left: 24px;
}

#outline #main #dataLast {
	margin-bottom: 250px;
}

#outline #main hr {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	visibility: visible;
	width: 754px;
	margin-top: 4px;
	margin-right: 12px;
	margin-bottom: 4px;
	margin-left: 12px;
}
#plan #main #contents #image {
	padding-top: 80px;
	padding-bottom: 40px;
}
#plan #main #contents .site {
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #564D3C;
	margin-bottom: 20px;
	padding-bottom: 20px;
}
#plan #main #contents #siteplanData {
	font-size: 18px;
	color: #333333;
	font-weight: bold;
}
#plan #main #contents #siteplanTitle {
	margin-top: 15px;
	margin-bottom: 15px;
}
#plan #main #contents #siteplanData p .planCaption {
	font-size: 14px;
	font-weight: normal;
}
