@charset "utf-8";


/*--------------------------------------
　共通
---------------------------------------*/

.btn{
text-align:center;
margin-top:20px;
margin-bottom:30px;
height:82px;
clear:both;
}

.topic_path{
font-size:11px;
padding: 5px 0px 5px 10px;
background-color:#FFFFFF;
width:740px;
clear:both;
}

/*ページトップへのリンク*/
.totop{
text-align:right;
padding:5px;
margin-top:30px;
clear:both;
}

.totop a{
background: url(../images/common/list_top.jpg) no-repeat left top;
padding-left:20px;
font-size:11px;
}
#cradle #contents h2,
#reception #contents h2{
margin-top:10px;
margin-bottom:10px;
}

#cradle .outline #main h3,
#reception .outline #main h3{
padding-bottom:10px;
}

.txt_red{
color:#990000;
}
/*--------------------------------------
　概要
---------------------------------------*/

.layout{
text-align:center;
padding-bottom:30px;
}

/*施設概要*/
.tableblock table{
width:100%;
}

.tableblock table {
  width: 100%;
  empty-cells: show;
}
.tableblock table caption,
.tableblock table th,
.tableblock table td {
  text-align: left;
  padding: 2px 5px;
  border-bottom: 1px solid #fff;
  vertical-align: top;
}

.tableblock table td {
  background-color: #e5e5e5;
  border-left: 1px solid #fff;
}
.tableblock table td.count {
  text-align: right;
  width: 60px;
  vertical-align: middle;
}

/*クレイドル　表カラー*/
#cradle .tableblock table caption {
  font-weight: bold;
  background-color: #002C55;
  color:#FFFFFF;
}
#cradle .tableblock table th {
  font-weight: normal;
  width: 120px;
  background-color: #BEC3C3;
}

/*レセプション　表カラー*/
#reception .tableblock table caption {
	font-weight: bold;
	color:#FFFFFF;
	background: #336666;
}
#reception .tableblock table th {
	font-weight: normal;
	width: 120px;
	background: #BBC6BD;
}

/*オプション・レンタル機材*/
.option .tableblock table td.count {
  text-align: center;
  width: 40px;
  vertical-align: middle;
}

.option .tableblock table td.price {
  text-align: right;
  width: 60px;
  vertical-align: middle;
}


/*--------------------------------------
　内観アルバム
---------------------------------------*/

.album .photo{
}

.album .photo dl{
width:250px;
float:left;
padding:5px;
margin-right:10px;
margin-top:20px;
}
.album .photo dl.last{
margin-right:0px;
}

.album .photo dl dt{
}

.album .photo dl dd{
margin: 0px;
padding: 0px;
}

.album .photo dl dd p{
margin: 5px 0px 5px 10px;
padding: 0px;
position:relative;
}

.album .photo dl dd p span.zoom{
position:absolute;
right:10px;
bottom:1px;
}


/*--------------------------------------
　利用時間・価格
---------------------------------------*/


.price .block1{
margin-bottom:30px;
}
.price .block1 dl{
float:right;
width:270px;
}
.price .block1 dt{
background: url(../images/common/list_03.jpg) no-repeat left top;
padding-left:25px;
font-weight:bold;
margin-top:10px;
margin-bottom:5px;
}
.price .block1 dd{
margin-left:3px;
}
.price .block1 dd li{
list-style:none;
background:url(../images/common/list_04.gif) no-repeat left 2px;
padding-left:12px;
}

.price .block{
clear:both;
} 


/*--------------------------------------
　用途から選ぶ
---------------------------------------*/
#use .block{
	width:530px;
	padding-bottom:10px;
	margin-bottom:30px;
	border-bottom: 1px dotted #666666;
}
#use  .last{
border:none;
}

#use .block h2{
margin-bottom:10px;
}

#use .block .use_img{
width:250px;
margin-right:10px;
float:left;
}
#use .block .use_img ul{
margin: 0px;
padding:0px;
list-style:none;
}
#use .block .use_img li{
margin: 0px;
padding: 0px;
}

#use .block .use_txt{
float:right;
width:270px;
}
#use .block .use_txt .thumb{
margin-top:30px;
}
#use .block .use_txt .thumb img{
	padding: 2px;
	border: 1px solid #CCCCCC;
	margin-bottom:3px;
}
#use .block .use_txt h3{
margin-bottom:10px;
}

#use .use_img .zoom{
text-align:right;
padding:5px;
}


/*--------------------------------------
　お問い合わせ
---------------------------------------*/

#inquiry .form_item{
width:440px;
margin-left:auto;
margin-right:auto;
margin-bottom:50px;
}

#inquiry .form_item dt{
	clear:both;
	float:left;
	padding-left:20px;
	padding-bottom:8px;
	width:135px;
	background: url(../images/common/list_02.jpg) no-repeat left 2px;
}
#inquiry .form_item dt.last{
background: none;
}

#inquiry .form_item dd{
float:left;
padding-bottom:8px;
width:280px;
}

#inquiry #main p{
width:460px;
margin-left:auto;
margin-right:auto;
margin-bottom:30px;
border-bottom:dotted 1px #999999;
padding-bottom:10px;
}


/*--------------------------------------
　アクセス
---------------------------------------*/

#access #map{
margin-bottom:20px;
}

#access #bytrain,
#access #bycar,
#access #parking
{
margin-left:30px;
margin-bottom:30px;
}

#access h3{
margin-bottom:10px;
}

#access #bytrain dl{
margin-left:1em;
}

#access #bycar dl,
#access #parking dl{
	margin-bottom:10px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #CCC;
}

#access #bycar dt,
#access #parking dt{
clear:both;
float:left;
width:150px;
font-weight:bold;
color:#0066CC;
}

#access #bycar dd,
#access #parking dd{
float:right;
width:350px;
}



#access #bycar{
}

#access #bycar h4{
}

#access #bycar p{
	margin-bottom:10px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #CCC;
}

#access #parking{
}
#access #parking h4{
font-weight:bold;
color:#0066CC;
}

#access #parking p{
	margin-bottom:10px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #CCC;
}

#contract{
clear:both;
}


/*--------------------------------------
　利用規約
---------------------------------------*/
.agree #main h3{
font-size:13px;
font-weight:bold;
padding-left:5px;
}

.agree #main ul{
padding-left:20px;
margin:5px 0px 20px;
}

.agree #main li{
margin-bottom:5px;
}

.agree #main p{
font-weight:bold;
text-align:center;
}


/*--------------------------------------
　施工規約
---------------------------------------*/
.rule #main h3{
font-size:13px;
font-weight:bold;
padding-left:5px;
}

.rule #main ul{
padding-left:20px;
margin:5px 0px 20px;
}

.rule #main li{
margin-bottom:5px;
}
