/* CSS Document */



.harf {
	float: left;
	width: 40%;
}



/* ----------------------- contents ------------------------------------------ */

#page_tit{
	width: 800px;
	margin: 0 auto;

}

div.contact_wrap {
	clear: both;
}

div.headline {
	width: 800px;
	background: url(../img/headline.png) top left no-repeat;
	padding-top: 15px;
}
div.headline_s {
	width: 515px;
	background: url(../img/headline.png) top left no-repeat;
	padding-top: 15px;
}

div.headline h2 span, div.headline_s h2 span {
	color: #bd824a;
	font-size: 80%;
}

h4#mail img {
	float: left;
margin: -10px 10px 0 0;}
h4#mail {
	float: left;
	border: none;
	font-size: 14px;
}

h3.sitemap {
    font-size:13px;
	padding-left: 0;
	background: none;
	border-left: 5px solid #999;
	border-bottom: none;
}
h4 {
	border-left: 6px solid #bd824a;
	padding-left: 0.5em;
	margin-bottom: 10px;
}
h4.no_b {
	border-left: none;
	padding-left: 0;
	margin-bottom: 0.25em;
	font-weight: bold;
	font-size: 120%;
}
h5 {
	border-top: 1px solid #bd824a;
	border-bottom: 1px solid #bd824a;
	color: #bd824a;
	text-align: center;
	font-size: 13px;
	margin-bottom: 10px;
}

/* ----------------------- TOP ------------------------------------------ */
h2#copy{
	text-align: center;
	color: #bd824a;
	font-size: 120%;
	line-height: 1.5;
}

div.slidebase_wrap {
	margin: 30px 0;
	overflow: hidden;
}

/*マウスオーバーテキスト*/
dl.slidebase {
  position: relative;
  width: 390px;
  height: 360px;
  padding: 0;
  float: left;
  margin-bottom: 20px;
}
dt.slidetext {
  width: 380px;
  padding: 5px;
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  background: rgba(0, 0, 0, 0.5);
}
dd.slideimage {
  width: 390px;
}

/*不要かな？
#main-cont{ float:left; width: 515px;}
*/





/* ----------------------- facilities ------------------------------------------ */

.back_color {
	background-color:#fdf4ec;
	padding:10px 24px;
}

.studio-img {
	float: left;
	margin: 0 20px 0 0;
}
.studio-img p {
	text-align: center;
	margin: 15px 0 0 0;
}


/*room詳細*/
table.detail {
    width:410px;
    border-collapse:collapse;
	margin-bottom: 5px;
    border-bottom:1px solid #5e5e5e;
}

table.detail th {
    border-top:1px solid #5e5e5e;
	background-color:#dec0a4;
	padding: 3px 6px;
	font-weight:normal;
}
table.detail th.pale {
	background: #f2e6db;
	text-align: left;
}
table.detail td {
    border-top:1px solid #5e5e5e;
	padding: 3px 6px;
}
	



/* ----------------------- enquipment ------------------------------------------ */

div.equipment {
	width: 355px;
	float: left;
	overflow: hidden;
}
dl.bihin {
	width: 355px;
	clear: both;
}
dl.bihin dt {
	width: 1.5em;
	float: left;
	color: #bd824a;
}
dl.bihin  dd {
	padding-left: 2em;}
table.long {
    width:800px;
    border-collapse:collapse;
	margin-bottom: 5px;
    border-bottom:1px solid #5e5e5e;
	clear: both;
}
table.long th.komoku {
    border-top:1px solid #5e5e5e;
	background-color: #dbdcdb;
	padding: 3px 6px;
	font-weight:normal;
	text-align: center;
}
table.long th {
    border-top:1px solid #5e5e5e;
	background-color:#f2e6db;
	padding: 3px 6px;
	font-weight:normal;
	text-align: left;
	white-space: nowrap;
}
table.long td {
    border-top:1px solid #5e5e5e;
	padding: 3px 6px;
}
.bd_rl {
    border-right:1px solid #5e5e5e;
    border-left:1px solid #5e5e5e;
	text-align: center;
}

/* ----------------------- guide ------------------------------------------ */
table.guide {
	border:3px solid #dadada;
	border-collapse:collapse;
    width:800px;
    border-collapse:collapse;
	margin-top: 5px;
	margin-bottom: 5px;
}

table.guide tr td {
	font-size:12px;
	text-align:center;
	vertical-align:middle;
	padding:4px 2px;
}
	
table.guide td.color1 {
	color:#ffffff;
	font-size:14px;
	font-weight:bold;
    background-color:#bd824a;
}

table.guide td.color2 {
    background-color:#f3f3f3;
}

table.guide tr.a {
    background-color:#ecf8e4;
}

table.guide tr.b {
    background-color:#FDFFE7;
}

.arrow {
	text-align:center;
	margin:10px 0px 20px 0px;
}

.arrow_1 {
	text-align:center;
	margin:10px 0px 0px 0px;
}

.arrow_attention {
	text-align:left;
	margin:0px 0px 20px 0px;
	width:400px;
	margin-left:200px;
}

.arrow_attention p.ttl{
    text-decoration:underline;
	margin:0px;
	padding:0px;
}


table.guide td.s_table{
	text-align:left;
	padding:10px 20px;
}



/* ----------------------- contact ------------------------------------------ */

.title{
	font-size:17px;
	font-weight:bold;
	color:#333333;
	margin:0 0px 10px 10px;
}

.info{
	margin:0px 0px 30px 10px;
	font-size:13px;
	line-height:20px;
}

.contact{
	margin:5px 0px 5px 10px;
	font-weight:bold;
	font-size:14px;
	line-height:20px;
}


/* ----------------------- access ------------------------------------------ */

.box_l{
	width:380px;
	float:left;
}
.box_r {
	width:380px;
	float:right;
}  
ul.indent li {
	margin-left: 1em;
	list-style: disc;
}
	
dl.parking {
	margin-left: 1em;}
dl.parking dt {
	margin-left: -0.1em;
	float: left;
}
dl.parking dd {
	padding-left: 4em;
}

/* ----------------------- question ------------------------------------------ */

.accordion {
	min-width: 300px;
	margin: 0 auto;
	padding: 10px;
}
.accordion .ac-content {
	margin: 0;
}
.accordion label {
	display: block;
	background: url(../../common/img/icon_q.gif) no-repeat 0 0;
	cursor: pointer;
	padding: 0 25px;
	margin-bottom: 10px;
}
.accordion input {
	display: none;
}
.accordion .ac-cont {
	transition: 0.2s;
	height: 0;
	overflow: hidden;
	padding: 0 25px;
	background: url(../../common/img/icon_a.gif) no-repeat 0 0;
	margin-bottom: 20px;
}
.accordion input:checked + .ac-cont {
	height: auto;
	padding: 0 0 15px 25px;
}



/* ----------------------- campaign ------------------------------------------ */

.campaign_wrap{
	background: #f4f4f4;
	width:760px;
	margin:20px 0;
	padding: 5px 20px 15px;
	overflow: hidden;
}
h3.campaign {
	text-align: center;
	padding: 10px 5px;
	font-size: 15px;
	background: #bd824a;
	color: #fff;
}
dl.camp_detail {
	margin: 10px 0;}
dl.camp_detail dt {
	width: 5em;
	text-align: center;
	border: 1px solid #999;
	float: left;
	clear: left;
	margin-right: 0.5em;
}
dl.camp_detail dd{
	padding-left: 6em;
	margin-bottom: 0.5em;
}
.waku{
	background: #ffffff;
	border:1px solid #8c9bb2;
	margin:0 15px 15px;
	padding:0;
}

.white {
	background: #fff;
	color: #bd824a;
	padding: 2px;
	margin: 1em;
	text-align: left;
}
.red {
	background: #900;
	color: #FFF;
	padding: 2px;
	margin: 1em;
	text-align: left;
}
.red2 {
	color: #900;
	font-weight: bold;
	font-size: 12px;
}
.thema_col {
	background: #bd824a;
	padding: 2px 4px;
	color: #FFF;
	font-weight: normal;
}
.kakomi{
	background: #fff5d7;
	padding: 15px;
	text-align: center;
	border-bottom: #bbb9b9 2px solid;
	border-right: #bbb9b9 2px solid;
	line-height: 2em;
	margin-top: 20px;
	width: 280px;
	float: right;
}




.new_wrap {
	clear: both;
	overflow: hidden;
	border: 2px solid #900;
}

.attention {
	border: 2px solid #900;
	padding: 20px;
	clear: both;
	color: #900;
	margin: 15px 0;
	text-align: center;
}
.attention h3 {
	font-weight: bold;
	font-size: 14px;
	margin: 0;}
	
/*===160229追加 facilities  /  equipment===*/
.att{
	border: 2px solid #c00;
	padding: 5px 0 5px 1em;
	margin: 10px 0 15px;
	color:#c00;}

.tableTit{
	display: block;
	font-size: 10px;}

p .att_2{
	color: #c00;}
	
.pdfFrame{
	margin: 10px 0;
	text-align: right;
	font-size: 0;}

.pdfFrame .pdf {
	display: inline-block;
	margin:0 10px 10px;
	font-size: inherit;
}

.pdfFrame .pdf a{
	text-decoration: none;}

.pdfFrame .pdf a .em{
	font-size: 12px;
	display: block;
	color: #333;
	text-align: left;
	margin-left: 5px;
}

table.table1{
    width:100%;
    border-collapse:collapse;
	margin-bottom: 10px;
	color: #333;
}

table.table1 th,
table.table1 td{
    border:1px solid #5E5E5E;
	border-collapse:collapse;
	font-weight:normal;
	text-align:center;
	padding: 0.75em 3px;
	font-size:95%;
}
table.table1 th {
	background-color: #DEC0A4;/*ベージュ*/
	white-space: nowrap;
}

.i1{ background: #F2E6DB; }/*薄いベージュ*/
.i2{ background: #f3f3f3; }/*薄いグレー*/
.i3{ background: #DEC0A4;}/*ベージュ*/
.i4,
table.table1 th.i4{ background: #DBDCDB;}/*グレー*/
table.table1 td.txl{ text-align: left;}


.col2lph{ float: left; width: 370px;}
.col2rtx{
	float: right;
	width: 410px;}

.txr{ text-align: right;}