@charset "utf-8";
/**
 * result.css
 * (c) FOURDIGIT Inc.
 */
/* import */
  @import "./common.css";

/* head */
  .head li {
    margin-right: 15px;
  }
  .status,
  .statusIcon {
    margin-bottom: 5px;
  }
  .status li {
    float: left;
    margin-right: 5px;
    padding: 2px 4px;
    font-size: 77%;
    font-weight: bold;
    color: #ffffff;
  }
  .status li.status01 { background-color: #868686; }
  .status li.status02 { background-color: #3399cc; }
  .statusIcon li {
    margin-right: 5px;
  }

/* pattern */
  .pattern {
    clear: both;
    margin-bottom: 30px;
  }
  .pattern .box {
    padding-bottom: 1px;
    margin-bottom: 10px;
    background-color: transparent;
    background-image: url(../common/imgs/base/bar-02.gif);
    background-repeat: repeat-x;
    background-position: left bottom;
  }
  .pattern .last {
    background-image: none;
  }
  .pattern .title {
    margin-bottom: 5px;
    font-weight: bold;
  }
  .pattern .box .content {
    width: 500px;
    margin-bottom: 10px;
  }
  .pattern .box .figure {
    width: 130px;
    margin-bottom: 10px;
  }
  .pattern .box .thumbList {
    margin-top: 10px;
    margin-right: -10px;
  }
  .pattern .box .thumbList li {
    margin-right: 10px;
    margin-bottom: 10px;
  }
  .pattern .cmnTable th {
    width: 22%;
  }

/* introArea / messageArea / col3 */
  .introArea,
  .messageArea,
  .messageArea2 {
    clear: both;
    zoom: 1;
  }
  .introArea .title,
  .messageArea .title,
  .messageArea2 .title {
    margin-bottom: 5px;
    font-weight: bold;
  }
  .introArea:after,
  .messageArea:after,
  .messageArea2:after { content : ''; display : block; clear : both; }
  .introArea .figure {
    float: left;
    width: 200px;
  }
  .introArea .content {
    float: right;
    width: 480px;
  }
  .messageArea .figure {
    float: right;
    width: 130px;
  }
  .messageArea .content {
    float: left;
    width: 550px;
  }
  .messageArea .sectionTitleTxt {
    background-image: url(../imgs/detail/bg-sectiontitle.gif);
  }
  .messageArea2 .figure {
    float: right;
    width: 200px;
  }
  .messageArea2 .figure .cap {
    margin-bottom: 5px;
    font-weight: bold;
  }
  .messageArea2 .content {
    float: left;
    width: 480px;
  }

  .col3 .content {
    float: left;
    margin-left: 20px;
    width: 330px;
  }
  .col3 .content .sectionTitleTxt {
    background-image: url(../imgs/detail/bg-sectiontitle-col3.gif);
  }
  .col3 .figure2 {
    float: right;
    width: 130px;
  }

/* gMapArea */
  #gMapArea {
    margin: 0 auto 10px;
    border: 3px solid #d8d8d8;
    padding: 1px;
    width: 660px;
    background-color: #fff;
  }
  #gMap {
    height: 395px;
  }


/* hotelInfo */
	.hotelInfo
	{
		font-size: 80%;
    padding: 10px;
    border: solid 1px #D7D7D7;
		background-color: #F0F0F0;
	}


/* side_hotel, side_friend */
	.side_hotel,
	.side_friend {
    padding: 0 0 13px 0;
		background-color: #FEE4E5;
	}
	.side_hotel .title,
	.side_friend .title {
	  margin-bottom: 5px;
  }
	.side_hotel .content,
	.side_friend .content {
	  margin: 0 auto 0;
    padding: 0 0 10px 0;
    width: 200px;
		background-color: #FEE4E5;
  }

	.side_hotel li,
	.side_friend li
	{
		margin-left:10px;
		padding:10px 0 0 20px;
		position:relative;
		width:156px;
	}

	.side_hotel li span,
	.side_friend li span
	{
		left:0;
		position:absolute;
		top:10px;
	}


  .wom {
    float: right;
    text-align: right;
    zoom: 1;
  }
  .wom em {
    font-weight: bold;
    font-style: normal;
    font-size: 108%;
    line-height: 140%;
  }
  .wom strong {
    font-size: 140%;
    font-weight: bold;
    color: #f80000;
  }
  .wom em strong {
    font-size: 180%;
  }