﻿@charset "shift_jis";
/* CSS Document */

body { background: #FFFFFF; font-family: "メイリオ","ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; font-size: 14px; line-height: 150%; margin: 0; padding: 0; text-align: center;}

.clear { clear: both; line-height: 1px; height:1px;}

#wrap { width: 900px; margin: 0 auto; padding: 30px; text-align: left;}

#head { margin: 0; padding: 0; display: block;}

#main { margin: 30px 0 0 0; padding: 0; border-top: #000000 1px solid;}

#navi { float: left; width: 150px; border: #000000 1px solid; margin: 0 30px 0 0; padding: 0; font-size: 13px; line-height: 16px;}

#contents { float: right; width: 700px; margin: 0; padding: 0;}



#logo { width: 460px; margin: 0; padding: 0; float: left;}

#head_img { float: right; margin: 0; padding: 0;}





/* navi -------------------------------------------------------------------------------------------------------------------------------*/


.cap_box { background: #000000; padding: 15px 10px; text-align: center; color: #FFFFFF;}

.cap_list ul { list-style: none; margin: 0; padding: 0;}

.cap_list li { background-image: url(/pic/hirayunomori/navi_bg_off.gif); background-repeat: no-repeat; background-position: top left; color: #000000; text-decoration: none; display: block; width: 120px; margin: 0; padding: 10px 0 8px 30px; border-bottom: #000000 1px solid;}

.cap_list li.liston { background-image: url(/pic/hirayunomori/navi_bg_on.gif); background-repeat: no-repeat; background-position: top left; color: #FFFFFF; text-decoration: none; display: block; width: 120px; margin: 0; padding: 10px 0 8px 30px; border-bottom: #000000 1px solid;}


.cap_box01 { padding: 10px; font-size: 12px; line-height: 14px;}
.cap_box01 ul { list-style: none; margin: 0; padding: 0;}

.cap_box02 { padding: 10px 15px; border-top: #000000 1px solid;}



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

.red18 { font-size: 18px; color: #CC0000;}
.red12 { font-weight: bold; color: #CC0000;}
.blue12 { font-size: 12px; color: #0033FF; font-weight: bold;}
.text12 { font-size: 12px; line-height:14px;}

#con_capbox { margin: 30px 0;}


#form th { color: #006600; padding: 10px;}

#form td { padding: 10px; font-size: 12px; line-height: 16px;}

.green { color: #006600; font-weight: bold;}

.td01  { padding: 10px; border-bottom: #000000 1px solid;}

#submit { text-align: center; padding: 10px; margin: 20px;}

#info_box { background-image:url(/pic/hirayunomori/box_bg.jpg); background-repeat: no-repeat; background-position: top left; padding: 20px; width: 470px; height: 206px; border: #000000 2px solid; margin: 0 auto; line-height: 18px;}

.pbox { font-size: 13px; line-height: 16px; margin: 10px;}
.text16 { font-size: 16px; line-height: 18px;}

#plantable { border: #000000 2px solid;}
#plantable td { font-size: 12px; line-height: 14px; padding: 5px 3px; text-align: center; width: 45px;}

#plantable .td_shosai { width: 20px; border-bottom: #000000 2px solid; border-right: #000000 2px solid;}
#plantable .td_shosai01 { width: 20px; border-right: #000000 2px solid;}

#plantable th { width: 130px; font-size: 12px; line-height: 14px; padding: 5px 3px; text-align: center; border-bottom: #000000 2px solid; border-right: #000000 2px solid;}
#plantable .th01 { width: 130px; font-size: 12px; line-height: 14px; padding: 5px 3px; text-align: center; border-right: #000000 2px solid; font-weight: bold;}

#plantable .tdborder01 { border-bottom: #000000 1px solid; border-right: #000000 1px solid;}
#plantable .tdborder02 { border-bottom: #000000 1px solid;}
#plantable .tdborder03 { border-right: #000000 1px solid;}
#plantable .tdborder04 { border-bottom: #000000 2px solid; border-right: #000000 2px solid;}
#plantable .tdborder05 { border-bottom: #000000 2px solid;}
#plantable .tdborder06 { border-bottom: #000000 2px solid; border-right: #000000 1px solid;}
#plantable .tdborder07 { border-bottom: #000000 1px solid; border-right: #000000 2px solid;}

#infotable td { font-size: 12px; line-height: 16px; color: #CC0000; padding: 10px 0;}



#roominfo_box { width: 580px; border: #333333 1px solid; padding: 15px; margin: 0 auto; font-size: 13px; line-height: 16px;}

#roominfo_box .img_l { float: left; margin: 0 10px 10px 0;}
#roominfo_box .img_r { float: right; margin: 0 0 10px 10px;}


#forminfo_box { width: 580px; padding: 15px; margin: 20px auto; font-size: 13px; line-height: 16px;}


#personalform td { padding: 10px; line-height: 16px;}
#personalform th { width: 180px; padding: 10px; line-height: 16px;}
#personalform .ptd01 { padding: 10px; border-bottom: #000000 1px solid;}

.check_box { width: 600px; padding: 10px; margin: 0 auto; line-height: 18px;}


/* room_detail -------------------------------------------------------------------------------------------------------------------------------*/


.room_box { padding: 20px; border: #000000 1px solid; line-height: 18px;}

.photo_box { float: left; font-size: 12px; margin: 0 20px 20px 0; line-height: 16px;}

.g_title { font-size: 16px; font-weight: bold; color: #006600;}

.box01 { margin: 20px 0; padding: 0;}

.bath { width: 400px; float: left; font-size: 12px; margin: 0 0 0 30px;}


































