@charset "utf-8";
@import "common.css";

/** index
========================================*/
.index .titFirstView{
    min-height:210px;
    margin:0 0 10px;
}

/*--( secMerritt )--*/
.index .secMerritt{
    padding:0 0 15px;
}
.index .secMerritt li{
    margin:0 0 5px;
}

/*--( titArea )--*/
.index .blockTitArea{
    display:table;
    width:100%;
    height:50px;
    background:#39c;
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    -ms-border-radius:8px;
    -o-border-radius:8px;
    border-radius:8px;
    margin:0 0 20px;
}
.index .blockTitArea .ico{
    display:table-cell;
    width:28px;
    padding:2px 0 0 4px;
    text-align:center;
    vertical-align:middle;
}
.index .blockTitArea .ico:after{
    display: inline-block;
	content: "";
	width: 7px;
	height: 7px;
	border: 3px solid #fff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
}
.index .blockTitArea .titArea{
    display:table-cell;
    padding:1px 0 0;
    vertical-align:middle;
    font-size:18px;
    font-weight:bold;
    color:#fff;
}

/*--( blockData )--*/
.blockData{
    margin:0 0 20px;
}
.blockData .blockTitRoom{
    display:table;
    width:100%;
    height:36px;
}
.blockData .blockTitRoom .bgKey{
    display:table-cell;
    width:5px;
}
.blockData .blockTitRoom .titRoom{
    display:table-cell;
    font-size:17px;
    font-weight:bold;
    vertical-align:middle;
    padding:1px 0 0 12px;
    color:#fff;
    background:#37342D;
}
.blockData .imgFrame{
    box-sizing:border-box;
    width:100%;
    height:220px;
    background:#EAE8DF;
    border:1px solid #CAC5AE;
    margin:0 0 6px;
}
.blockData .titInfo{
    font-size:18px;
    line-height:144%;
    color:#f60;
    margin:0 3px 5px;
}
.blockData .tableInfo{
    margin:0 0 7px;
}
.blockData .tableInfo .tr{
    display:table;
    width:100%;
    margin:0 0 3px;
}
.blockData .tableInfo .th{
    display:table-cell;
    width:80px;
    color:#fff;
    background:#B8B092;
    text-align:center;
    vertical-align:middle;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    -ms-border-radius:4px;
    -o-border-radius:4px;
    border-radius:4px;
}
.blockData .tableInfo .td{
    font-size:14px;
    line-height:22px;
    padding:3px 7px;
}
.blockData .tableInfo .tr:last-child .td{
    font-size:23px;
    color:#39c;
}
.blockData .btnKey,
.blockData .btnToDetails,
.blockLinkBtm .btnKey,
.blockLinkBtm .btnToDetails{
    width:48%;
    height:70px;
    background: #55BB11;
    -webkit-box-shadow: 0 -4px 0 #44960E inset;
    box-shadow: 0 -4px 0 #44960E inset;
}
.blockData .btnKey,
.blockLinkBtm .btnKey{
    float:left;
}
.blockData .btnToDetails,
.blockLinkBtm .btnToDetails{
    display:block;
	box-sizing:border-box;
	color:#fff;
	text-decoration:none;
	text-align:center;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-ms-border-radius:4px;
	-o-border-radius:4px;
	border-radius:4px;
	position:relative;
    background:#f60;
	-webkit-box-shadow:0 -4px 0 #E55C00 inset;
	box-shadow:0 -4px 0 #E55C00 inset;
    float:right;
}
.blockData .btnToDetails span,
.blockLinkBtm .btnToDetails span{
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
}

/** details
========================================*/
.details .titDetailArea{
    font-size:17px;
    font-weight:bold;
    color:#fff;
    background:#f90;
    padding:10px 13px;
}
.details .imgFirst{
    margin:0 0 13px;
}
.details .blockData .titInfo{
    font-size:20px;
    line-height:27px;
    margin:0 3px 5px;
}
.details .blockData .txtInfo{
    font-size:13px;
    line-height:20px;
    margin:0 0 14px;
}
.blockData .tableInfo{
    margin:0 0 9px;
}

/*--( secGuide )--*/
.details .titGuide{
    padding:15px 10px 16px;
    -webkit-border-radius:8px 8px 0 0;
    -moz-border-radius:8px 8px 0 0;
    -ms-border-radius:8px 8px 0 0;
    -o-border-radius:8px 8px 0 0;
    border-radius:8px 8px 0 0;
}
.details .titGuide:before,
.details .titPhoto:before{
    display: inline-block;
    content: "";
    width:7px;
    height:7px;
    border:3px solid #fff;
    margin:0 10px 0 0;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    -ms-border-radius:10px;
    -o-border-radius:10px;
    border-radius:10px;
}
.details .secGuide{
    box-sizing:border-box;
    padding:15px 7% 20px;
    background:#F8F7F5;
    border:1px solid #CAC5AE;
    border-top:none;
    margin:0 auto 20px;
}
.details .secGuide .blockMap{
    width:260px;
    height:260px;
    background:#ccc;
    margin:0 auto 14px;
}
.details .secGuide .txtLinkMap{
    display:block;
    font-weight:bold;
    color:#36f;
    text-decoration:underline;
    margin:0 0 17px;
}
.details .secGuide .txtAddress{
    font-size:13px;
    line-height:120%;
    margin:0 0 14px;
}
.details .secGuide .tableOpen table{
    width:100%;
    font-size:13px;
    line-height:22px;
}
.details .secGuide .tableOpen th{
    width:80px;
    box-sizing:border-box;
    padding:0 0 0 4px;
    background:#F2F2F2;
    border:1px solid #ccc;
    text-align:left;
    font-weight:normal;
    vertical-align:middle;
}
.details .secGuide .tableOpen td{
    padding:7px 10px 5px;
    background:#fff;
    border:1px solid #ccc;
}

/*--( secPhoto )--*/
.details .titPhoto{
    padding:14px 20px 16px;
}
.details .txtPhoto{
    font-size:13px;
    line-height:20px;
    padding:18px 0 14px;
}
.details .blockLinkBtm{
    margin:0 0 30px;
}