@charset "utf-8";

/**************************************************************************************************
コンテンツカラム
**************************************************************************************************/

#cont-area {
	width: 900px;
	position: relative;
	padding: 0px 0px 15px;
	border-bottom: solid 1px #B2B2B2;
	margin: 0px auto 20px;
}


/**************************************************************************************************
トップページ
**************************************************************************************************/

/*メインイメージ*/
		
#img-wrap {
	height: 464px;
	background: url(../img/bg_img.jpg) repeat-x left top;
	_margin-top:-21px;
}

#main-img-box {
	width: 900px;
	margin: 0px auto;
	height: 464px;
}
		
ul#main-img {
	height: 380px;
	width: 900px;
}

ul#main-img li {
    height: 340px;
	width: 900px;
}

/*インフォメーションまわり*/

#info-area {
	width: 820px;
	padding: 0px 0px 0px 40px;
	position: relative;
}

#info-box {
	float: left;
	width: 475px;
	padding: 0px 10px 0px 0px;
	height:520px;
}

#info-box p {
	width: 450px;
	height: 21px;
	display: block;
	padding: 0px 0px 10px;
}

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

#info-box02 {
	float: left;
	width: 475px;
	padding: 0px 10px 0px 0px;
	height: 630px;
}

#info-box02 p {
	width: 450px;
	height: 21px;
	display: block;
	padding: 0px 0px 10px;
}

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



/*バナーエリア*/

#bnrArea { float:right;}

/*会員登録*/

#contact {
	width: 240px;
	height: 44px;
	padding: 0px 10px 0px 0px;
	margin-bottom:10px;
}

ul#bt-contact {
	width: 240px;
	height: 44px;
	margin: 0px;
	padding: 0px;
	display: block;
}


ul#bt-contact a {
    height: 44px;
	display: block;
	line-height: 1em;
	text-indent: -9999px;
	overflow: hidden;
}

ul#bt-contact li#bt { width: 240px; height: 44px; background: url(../img/bt_contact02.jpg) no-repeat; }
ul#bt-contact li#bt a { width: 240px; height: 44px; background: url(../img/bt_contact02.jpg) 0px -44px; }


/*見学予約*/

#contact2 {
	width: 240px;
	height: 44px;
	padding: 0px 10px 0px 0px;
	margin-bottom:10px;
}

ul#bt-contact2 {
	width: 240px;
	height: 44px;
	margin: 0px;
	padding: 0px;
	display: block;
}


ul#bt-contact2 a {
    height: 44px;
	display: block;
	line-height: 1em;
	text-indent: -9999px;
	overflow: hidden;
}

ul#bt-contact2 li#bt { width: 240px; height: 44px; background: url(../img/bt_contact03.jpg) no-repeat; }
ul#bt-contact2 li#bt a { width: 240px; height: 44px; background: url(../img/bt_contact03.jpg) 0px -44px; }


/*プロジェクトインフォ*/

#project-info {
	width: 820px;
	padding: 0px 40px 15px;
	margin: 0px auto;
}

#blue-introduction {
	width: 820px;
	margin: 0px auto 15px;
	border:#CCCCCC double 3px;
}

#blue-introduction span{
	display:block;
	padding: 8px;
	line-height:1.2em;
	}

/*バナー*/

#blog-bunnar {
    width: 240px;
	height: 83px;
	margin-bottom:10px;
}
#ranking-bunnar {
    width: 240px;
	height: 112px;
}
#dia-bunnar {
    width: 240px;
	height: 112px;
	margin-bottom:10px;
}

#quake-bunnar {
    width: 240px;
	height: 112px;
	margin-bottom:10px;
}

#ranking-bunnar2 {
    width: 240px;
	height: 153px;
	margin-bottom:10px;
	padding: 0px;
	display: block;
}

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

#hensai-banner1 {
    width: 240px;
	height: 100px;
	margin-bottom:10px;
	padding: 0px;
	display: block;
}

#hensai-banner2 {
    width: 240px;
	height: 100px;
	margin-bottom:10px;
	padding: 0px;
	display: block;
}

#xmas-banner {
    width: 240px;
	height: 144px;
	margin-bottom:10px;
	padding: 0px;
	display: block;
}

#nyear-banner {
    width: 240px;
	height: 130px;
	margin-bottom:10px;
	padding: 0px;
	display: block;
}

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

ul#bt-xmas {
	width: 240px;
	height:144px;
	margin: 0px;
	padding: 0px;
	display: block;
}

ul#bt-nyear {
	width: 240px;
	height:130px;
	margin: 0px;
	padding: 0px;
	display: block;
}

ul#bt-blog {
	width: 240px;
	height: 83px;
	margin: 0px;
	padding: 0px;
	display: block;
}

ul#bt-ranking {
	width: 240px;
	height: 112px;
	margin: 0px;
	padding: 0px;
	display: block;
}

ul#bt-quake{
	width: 240px;
	height: 112px;
	margin: 0px;
	padding: 0px;
	display: block;
}

ul#bt-dia{
	width: 240px;
	height: 112px;
	margin: 0px;
	padding: 0px;
	display: block;
}



ul#bt-quake a {
    height: 112px;
	display: block;
	line-height: 1em;
	text-indent: -9999px;
	overflow: hidden;
}


ul#bt-xmas a {
    height: 144px;
	display: block;
	line-height: 1em;
	text-indent: -9999px;
	overflow: hidden;
}
ul#bt-nyear a {
    height: 130px;
	display: block;
	line-height: 1em;
	text-indent: -9999px;
	overflow: hidden;
}

ul#bt-blog a {
    height: 83px;
	display: block;
	line-height: 1em;
	text-indent: -9999px;
	overflow: hidden;
}

ul#bt-ranking a {
    height: 112px;
	display: block;
	line-height: 1em;
	text-indent: -9999px;
	overflow: hidden;
}

ul#bt-ranking2 a {
    height: 153px;
	display: block;
	line-height: 1em;
	text-indent: -9999px;
	overflow: hidden;
}

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

ul#bt-hensai1 a {
    height: 100px;
	display: block;
	line-height: 1em;
	text-indent: -9999px;
	overflow: hidden;
}

ul#bt-hensai2 a {
    height: 100px;
	display: block;
	line-height: 1em;
	text-indent: -9999px;
	overflow: hidden;
}

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


ul#bt-dia a {
    height: 112px;
	display: block;
	line-height: 1em;
	text-indent: -9999px;
	overflow: hidden;
}


ul#bt-quake li.bt { width: 240px; height: 112px; background: url(../img/quake.jpg) no-repeat; }
ul#bt-quake li.bt a { width: 240px; height: 112px; background: url(../img/quake.jpg) 0px -112px; }

ul#bt-blog li.bt { width: 240px; height: 83px; background: url(../img/blog_bunnar.jpg) no-repeat; }
ul#bt-blog li.bt a { width: 240px; height: 83px; background: url(../img/blog_bunnar.jpg) 0px -83px; }

ul#bt-ranking li.bt { width: 240px; height: 112px; background: url(../img/ranking_bunnar.jpg) no-repeat; }
ul#bt-ranking li.bt a { width: 240px; height: 112px; background: url(../img/ranking_bunnar.jpg) 0px -112px; }

ul#bt-dia li.bt { width: 240px; height: 112px; background: url(../img/diamond.jpg) no-repeat; }
ul#bt-dia li.bt a { width: 240px; height: 112px; background: url(../img/diamond.jpg) 0px -112px; }

ul#bt-ranking2 li.bt { width: 240px; height: 153px; background: url(../img/bn_rank.jpg) no-repeat; }
ul#bt-ranking2 li.bt a { width: 240px; height: 153px; background: url(../img/bn_rank.jpg) 0px -153px; }

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

ul#bt-hensai1 li.bt { width: 240px; height: 100px; background: url(../img/bn_hensai-01.jpg) no-repeat; }
ul#bt-hensai1 li.bt a { width: 240px; height: 100px; background: url(../img/bn_hensai-01.jpg) 0px -100px; }

ul#bt-hensai2 li.bt { width: 240px; height: 100px; background: url(../img/bn_hensai-02.jpg) no-repeat; }
ul#bt-hensai2 li.bt a { width: 240px; height: 100px; background: url(../img/bn_hensai-02.jpg) 0px -100px; }

ul#bt-xmas li.bt { width: 240px; height: 144px; background: url(../img/xmas.jpg) no-repeat; }
ul#bt-xmas li.bt a { width: 240px; height: 144px; background: url(../img/xmas.jpg) 0px -144px; }

ul#bt-nyear li.bt { width: 240px; height: 130px; background: url(../img/new_year.jpg) no-repeat; }
ul#bt-nyear li.bt a { width: 240px; height: 130px; background: url(../img/new_year.jpg) 0px -130px; }


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

p.pageTop { text-align:right;}


/**************************************************************************************************
マップページ
**************************************************************************************************/

#map-wrap {
	width: 640px;
	padding: 30px 40px;
	margin: 0px auto;
	position: relative;
}

#map-title-area {
	width: 640px;
	height: 40px;
	padding: 0px 0px 20px;
}

#map-title {
    float: left;
	display: block;
	width: 240px;
	height: 40px;
}

ul#bt-map {
	width: 250px;
	height: 30px;
	float: right;
	padding: 10px 0px 0px;
}

ul#bt-map li {
    float: left;
}

ul#bt-map a {
    height: 30px;
	display: block;
	line-height: 1em;
	text-indent: -9999px;
}

ul#bt-map li#bt-map-01 { width: 120px; height: 30px; margin-right: 10px; background: url(../../map/img/bt_print.gif) no-repeat; float:right; }
ul#bt-map li#bt-map-01 a { width: 120px; height: 30px; background: url(../../map/img/bt_print.gif) 0px -30px; }


ul#bt-map2 {
	width: 120px;
	height: 30px;
	padding: 10px 0px 0px;
	margin:0 auto;
}

ul#bt-map2 li {
}

ul#bt-map2 a {
    height: 30px;
	display: block;
	line-height: 1em;
	text-indent: -9999px;
}

ul#bt-map2 li#bt-map-02 { width: 120px; height: 30px; margin-right: 10px; background: url(../../map/img/bt_close.gif) no-repeat; float:right; }
ul#bt-map2 li#bt-map-02 a { width: 120px; height: 30px; background: url(../../map/img/bt_close.gif) 0px -30px; }


#map {
	display: block;
	width: 640px;
	padding-bottom: 10px;
}

#map-info {
    display: block;
	width: 640px;
}

/**************************************************************************************************
外観ページ
**************************************************************************************************/

dl.box { float:left; width:283px; margin-right:22px; padding-top:10px; padding-bottom:15px;} 

dl.box2 { float:left; width:283px; margin:0px; padding-top:10px;} 

/**************************************************************************************************
設備ページ
**************************************************************************************************/

.boxEquip{
	border: 3px solid #01235E;
	padding:15px;
	margin-bottom:25px;
}

.boxEquip p{ 
}
#container #contents .service{
	height:auto;
	width: 900px;
}

#container #contents .service p{
	width: 260px;
	padding: 225px 0px 0px 15px;
}
#container #contents #service1{
	background-image:url(../../public/img/img_10.jpg);
	background-repeat:no-repeat;
	width:290px;
	height:325px;
	float: left;
	padding: 0px 10px 0px 0px;
}
#container #contents #service2{
	background-image:url(../../public/img/img_11.jpg);
	background-repeat:no-repeat;
	width:290px;
	height:325px;
	float: left;
	padding: 0px 10px 0px 0px;		
}
#container #contents #service3{
	background-image:url(../../public/img/img_12.jpg);
	background-repeat:no-repeat;
	width:290px;
	height:325px;
	float: left;	
}
#container #contents #service4{
	background-image:url(../../public/img/img_13.jpg);
	background-repeat:no-repeat;
	width:425px;
	height:335px;
	margin: 0;
	float:left;

}
#container #contents #service4 p{
	width: 390px;
	padding: 200px 0px 0px 15px;
	font-size:12px;
}
#container #contents #service4 p.button{
	padding: 8px 0px 0px 180px;
	width: 200px;
	/*cursor: pointer;*/
}
#container #contents #service4 p.button img{
	cursor: pointer;
}

#container #contents #service5{
	background-image:url(../../public/img/img_14.jpg);
	background-repeat:no-repeat;
	width:470px;
	height:415px;
	padding: 0px;
	margin:0;
	float: right;
}
#container #contents #service5 .utilities{
	width: 460px;
	height: 100px;
	padding: 0px 0px 10px 0px;
}
#container #contents #service5 .utilities p{
	width:435px;
	font-size: 12px;
	padding: 10px 0px 0px 15px;
}
#container #contents .boxEquip table.detail{
	border: 2px solid #01235E;
	font-size: 12px;
}

#container #contents .boxEquip .detail p{
	margin: 0px;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 15px;
}

#container #contents .boxEquip .detail p img{
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	margin-bottom: 0px;
}

td.ttlArea {
	background-image: url(../../equipment/img/td_bg.gif);
	background-repeat: repeat-x;
}

span.cap,p.cap {
	font-size: 10px;
}

img.thamb { padding:12px;}

.txt { font-size:12px;}


/**************************************************************************************************
110606追加
**************************************************************************************************/

#sp {
	clear: both;
	width:834px;
	margin:15px auto;
}

#sp h3{ padding:0; margin:0px;}

#sp div.inner{
	background-image: url(../img/bnr_st_bottom.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	height:122px !important;
	position:relative;
	margin:-7px 0px 0px 0px;
}

#sp div.inner{
	/margin:-4px 0px 0px 0px;
}

#sp div.inner #bnr01 { position:absolute; top:0px; left:35px;}
#sp div.inner #bnr02 { position:absolute; top:0px; left:297px;}
#sp div.inner #bnr03 { position:absolute; top:0px; left:559px;}



li#bnr01 {
	background: url(../img/bnr_st_01.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 112px;
	width: 240px;
	text-indent: -10000px;
	left:50px;
}

li#bnr01 a{
	background: url(../img/bnr_st_01.jpg) 0px -112px;
	text-indent: -10000px;
	display: block;
	display: block;
	height: 112px;
	width: 240px;
	}

li#bnr02 {
	background: url(../img/bnr_st_02.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 112px;
	width: 240px;
	text-indent: -10000px;
	left:132px;
}

li#bnr02 a{
	background: url(../img/bnr_st_02.jpg) 0px -112px;
	text-indent: -10000px;
	display: block;
	height: 112px;
	width: 240px;
}

li#bnr03 {
	background: url(../img/bnr_st_03.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 112px;
	width: 240px;
	text-indent: -10000px;
	left:254px;
}

li#bnr03 a{
	background: url(../img/bnr_st_03.jpg) 0px -112px;
	text-indent: -10000px;
	display: block;
	height: 112px;
	width: 240px;
}