@charset "shift_jis";

/*---------- お部屋案内 ----------*/

.room_teble{
 width:100%;
 border-collapse: separate;
 border-spacing: 0px;
 border-top: 1px solid #ccc;
 border-left: 1px solid #ccc;
 }
 .room_teble th{
 width: 33%;
 padding: 4px;
 text-align: left;
 vertical-align: top;
 color: #444;
 background-color: #CCFFCC;
 border-top: 1px solid #fff;
 border-left: 1px solid #fff;
 border-right: 1px solid #ccc;
 border-bottom: 1px solid #ccc;
 }
 .room_teble td{
 padding: 4px;
 background-color: #fafafa;
 border-right: 1px solid #ccc;
 border-bottom: 1px solid #ccc;
 font-size: 12px;
 }



/*---------- 料金表 ----------*/

table.teble_01 {
	border-collapse: collapse;
	text-align: right;
	line-height: 1;
	border: 1px solid #ccc;
}
table.teble_01 thead {
	border-collapse: collapse;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	background: #333333;
}
table.teble_01 thead th {
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	padding: 5px;
	font-weight: bold;
	vertical-align: top;
	border-bottom: 1px solid #ccc;
	color: #FFF;
}
table.teble_01 tbody th {
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	width: 150px;
	padding: 5px;
	font-weight: bold;
	vertical-align: top;
	border-bottom: 1px solid #ccc;
	color: #FFF;
	background: #666633;
}
table.teble_01 td {
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	width: 200px;
	padding: 5px;
	vertical-align: top;
	border-bottom: 1px solid #ccc;
        background: #ffffcc;
}

/*---------- レンタル表 ----------*/

table.teble_02 {
	border-collapse: collapse;
	text-align: right;
	line-height: 1;
	border: 1px solid #C0C0C0;/* 境界線1段目上 */
}
table.teble_02 thead {
	border-collapse: collapse;
	background: #666633;/* 境界線1段目セル背景色 */
}
table.teble_02 thead th {
	border-right: 1px solid #FCFCD5;/* 境界線1段目セル */
	border-left: 1px solid #FCFCD5;
	padding: 5px;
	font-weight: bold;
	border-bottom: 1px solid #FCFCD5;
	vertical-align: top;
	color: #fff;
}
table.teble_02 tbody th {
	border-right: 1px solid #C0C0C0;/* 境界線1列目縦セル */
	border-left: 1px solid #C0C0C0;
	border-bottom: 1px solid #C0C0C0;
	width: 200px;
	padding: 5px;
	font-weight: bold;
	vertical-align: top;
	color: #fff;
	background: #666633;/* 境界線1段目縦セル背景色 */
}
table.teble_02 td {
	border-right: 1px solid #C0C0C0;/* 境界線2列目以降全て縦セル */
	border-left: 1px solid #C0C0C0;
        border-bottom: 1px solid #C0C0C0;
	width: 120px;
	padding: 5px;
	vertical-align: top;
        background: #FEFEE1;/* 境界線2段目以降縦セル背景色 */
}


/*---------- 備品フォト ----------*/

table.teble_03 {
	border-collapse: collapse;
	text-align: center;
	line-height: 1.5;
}
table.teble_03 th {
        font-weight:normal;
        font-size: 100%;
        text-align: center;
	width: 250px;
	padding: 40px;
	vertical-align: top;
}
table.teble_03 td {
	width: 250px;
        font-size: 100%;
        text-align: center;
	padding: 40px;
	vertical-align: top;
}

/*------------会社概要--------------*/
.teble_04{
 width: 100%;
 border-collapse: separate;
 border-spacing: 0px;
 border-top: 1px solid #ccc;
 border-left: 1px solid #ccc;
}
 .teble_04 th{
 width:25%;
 padding:4px;
 text-align: left;
 vertical-align: top;
 color: #444;
 background-color: #DBEFCD;
 border-left: 3px double #999;
 border-top: 1px solid #fff;
 border-right: 1px solid #ccc;
 border-bottom: 1px solid #ccc;
 }
 .teble_04 td{
 width:75%;
 padding:4px;
 background-color: #fafafa;
 border-right: 1px solid #ccc;
 border-bottom: 1px solid #ccc;
 }

/*---------- 会社概要ページアクセス1----------*/

table.teble_05 {
	border-collapse: collapse;
	text-align: left;
	line-height: 1.5;
}
table.teble_05 th {
        font-weight:normal;
        font-size: 100%;
        text-align: left;
	width: 250px;
	padding: 5px;
	vertical-align: top;
}
table.teble_05 td {
	width: 250px;
        font-size: 100%;
        text-align: left;
	padding: 5px;
	vertical-align: top;
}
/*---------- 会社概要ページ----------*/

table.teble_06 {
	border-collapse: collapse;
	text-align: left;
	line-height: 1.5;
}
table.teble_06 th {
        font-weight:normal;
        font-size: 100%;
        text-align: left;
	width: 250px;
	padding: 5px;
	vertical-align: top;
}
table.teble_06 td {
	width: 250px;
        font-size: 100%;
        text-align: left;
	padding: 5px;
	vertical-align: top;
}

/*------Q&A申込について青----------*/

.box1 {
    position: relative;
    margin:2em 0;
    padding: 0.1em 0em;
    border: solid 1px #59A1A9;
}
.box1 .box-title {
    position: absolute;
    display: inline-block;
    top: -27px;
    left: -1px;
    padding: 0 5px;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    font-size: 13px;
    background: #59A1A9;
    color: #ffffff;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}
.box1 p {
    margin: 0; 
    padding: 0;
}

/*---------- Q&Aシステムについて緑----------*/
.box2 {
    position: relative;
    margin: 2em 0;
    padding: 0.1em 0em;
    border: solid 1px #E17100;
}
.box2 .box-title {
    position: absolute;
    display: inline-block;
    top: -27px;
    left: -1px;
    padding: 0 5px;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    font-size: 13px;
    background: #E17100;
    color: #ffffff;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}
.box2 p {
    margin: 0; 
    padding: 0;
}
/*------Q&A室内設備についてオレンジ----------*/

.box3 {
    position: relative;
    margin:2em 0;
    padding: 0.1em 0em;
    border: solid 1px #67AD83;
}
.box3 .box-title {
    position: absolute;
    display: inline-block;
    top: -27px;
    left: -1px;
    padding: 0 5px;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    font-size: 13px;
    background: #67AD83;
    color: #ffffff;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}
.box3 p {
    margin: 0; 
    padding: 0;
}

/*---------- Q&A利用期間中について茶色----------*/
.box4 {
    position: relative;
    margin: 2em 0;
    padding: 0.1em 0em;
    border: solid 1px #A55300;
}
.box4 .box-title {
    position: absolute;
    display: inline-block;
    top: -27px;
    left: -1px;
    padding: 0 5px;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    font-size: 13px;
    background: #A55300;
    color: #ffffff;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}
.box4 p {
    margin: 0; 
    padding: 0;
}
/*---------- Q&A緊急時、安全について紫----------*/
.box5 {
    position: relative;
    margin: 2em 0;
    padding: 0.1em 0em;
    border: solid 1px #A43CFF;
}
.box5 .box-title {
    position: absolute;
    display: inline-block;
    top: -27px;
    left: -1px;
    padding: 0 5px;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    font-size: 13px;
    background: #A43CFF;
    color: #ffffff;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}
.box5 p {
    margin: 0; 
    padding: 0;
}