/* CSS Document */

@import url("refresh.css");


/* 初期フォント設定  -
-----------------------------------------------------------------------*/
body{
	color: #505050;
	_line-height: 1.85em; /* IE6用若干広めに */
	_letter-spacing: 0.05em; /* IE6用若干広めに */
	letter-spacing: 0.1em;
	font: 1.2em/1.8em "ヒラギノ角ゴ Pro W3", "ヒラギノ角ゴ3", Osaka, "ＭＳ Ｐゴシック";
	background: #FFFFFF url(../img/bg.jpg) no-repeat center top;
}
*:first-child+html body{
	letter-spacing:0.05em; /* IE7用若干広めに */
}


/* 初期リンク設定 - Link Property  -
-----------------------------------------------------------------------*/
a:link {
	text-decoration: underline;
	color:#505050;
}  
a:hover {
	text-decoration: none;
	color:#505050;
} 
a:visited {
	text-decoration: underline;
	color:#505050;
}  
a:active { 	
	text-decoration: underline;
	color:#505050;
}
#content a:hover img.light {
	opacity:0.7;
	filter: alpha(opacity=70);
}
#content a.light:hover {
	opacity:0.7;
	filter: alpha(opacity=70);
}

/* ヘッダ設定 - Header Layout  -
-----------------------------------------------------------------------*/
#header {
	background: url(../img/head_bg.gif);
	height: 162px;
}
#header #headLayout {
	width: 950px;
	margin: 0 auto;
}
#header #headLayout h1 {
	padding: 10px 0 0 0;
}
#header #headLayout h1 #metoroLink {
	padding: 0 0 0 120px;
	margin-top: -20px;
	color: #000;
	font-size: 13px;
	height: 22px;
}
#header #headLayout h1 #metoroLink a:link {
	padding: 0 0 0 10px;
	text-decoration: none;
	color: #000;
	background: url(../img/arrow.gif) no-repeat left 4px;
}  
#header #headLayout h1 #metoroLink a:hover {
	text-decoration: underline;
	color: #000;
} 
#header #headLayout h1 #headTxt {
	padding: 0 0 31px 315px;
	margin-top: -40px;
}
#header #headLayout ul {
}
#header #headLayout ul li {
	height: 81px;
	float: left;
}
#header #headLayout ul li {
	height: 81px;
	float: left;
}
#header #headLayout ul #top {
	width: 238px;
	background: url(../img/menu_top_on.gif) no-repeat;
}
#header #headLayout ul #construction {
	width: 237px;
	background: url(../img/menu_construction_on.gif) no-repeat;
}
#header #headLayout ul #pr {
	width: 237px;
	background: url(../img/menu_pr_on.gif) no-repeat;
}
#header #headLayout ul #gallery {
	width: 238px;
	background: url(../img/menu_gallery_on.gif) no-repeat;
}

#top #header #headLayout ul #top img ,
#construction #header #headLayout ul #construction img ,
#pr #header #headLayout ul #pr img ,
#gallery #header #headLayout ul #gallery img {
	width: 238px;
	display: none;
}

/* コンテンツ設定 - Content Layout  -
-----------------------------------------------------------------------*/
#content {
	width: 950px;
	padding: 20px 0;
	margin: 0 auto;
}
#content #pageTtl {
	margin: 0 auto;
	width: 950px;
	text-align: center;
	padding: 23px 0 30px 0;
}
#content #youtubeBox {
	width: 467px;
	float: left;
	margin-top: -83px;
	background: #E7F4F8;
	padding: 20px;
}
#content #youtubeBox h3 {
	padding: 0 0 10px 0;
}






/* フッター設定 - Footer Layout  -
-----------------------------------------------------------------------*/
#footer {
	background: #00447a;
	clear: both;
	padding: 8px;
}
#footer address {
	text-align: center;
	color: #c7d4df;
	font-size: 0.8em;
}

#pageTop{
	position: fixed;
	bottom: 40px;
	right: 40px;
	clear: both;
	}
#pageTop:hover{
	}


/* トップページ設定 - top page Layout  -
-----------------------------------------------------------------------*/

#content #mapImg {
}
#top #content #topTxt {
	padding: 30px 0 60px 0;
	float: right;
	line-height: 1.8em;
	font-size: 1.2em;
	width: 420px;
}
#construction #content #constructionBox {
	background: #e7f4f8;
	padding: 20px;
	width: 910px;
	margin: 0 auto 30px auto;
	text-align: center;
}
#construction #content #constructionBox p {
	width: 910px;
	text-align: center;
	padding-bottom: 10px;
	font-size: 1.1em;
}
#construction #content #constructionBox p span {
	color: #d40000;
	font-weight: bold;
}
#construction #content #constructionBox .befor {
	padding-bottom: 20px;
}
#construction #content #youtubeBox {
	margin-left: 75px;
	margin-bottom: 40px;
}







/* 工事ギャラリー設定 - gallery page Layout  -
-----------------------------------------------------------------------*/

#content #galleryPhoto {
	width: 950px;
	margin: 0 0 0 -10px;
}
#content #galleryPhoto li {
	background: url(../img/photo_bg.png) no-repeat left top;
	padding: 5px 10px 15px 10px;
	float: left;
	margin-left: 25px;
}
#content #galleryPhoto .clear {
	clear: left;
}

#content #galleryPhoto li p {
	padding: 15px 0;
	font-size: 1.1em;
	line-height: 1.5em;
	width: 270px;
}
#content #galleryPhoto p span  {
	font-weight: bold;
	color: #0498c6;
}

#pr #content #prTxt {
	text-align: center;
	padding-bottom: 20px;
	font-size: 1.1em;
	margin-top: -20px;
}



/* PRルームのご案内設定 - pr page Layout  -
-----------------------------------------------------------------------*/
#pr #content #accessBox {
	clear: both;
	width: 910px;
	margin: 0 auto;
}
#pr #content #accessBox h3 {
	padding-bottom: 30px;
}
#pr #content #accessBox #map {
	float: left;
}
#pr #content #accessBox #photo {
	float: right;
	width: 327px;
}
#pr #content #accessBox #photo p {
	font-size: 1em;
	line-height: 1.5em;
	padding: 30px 0 50px 0;
}