@charset "UTF-8";

  /**
   * サブページレイアウト CSS
   * 
   * @author  HAKKO Development Co.,Ltd. az'Ciel division (H.N)
   * @version 2009.04.22
   * 
   */

/*
  ---INDEX---

  1,基本設定
  2,ヘッダ
  3,ヘッダナビ
  4,メインFlash
  5,メインナビ
  6,メインカラム
  7,メインコンテンツ
  8,サイドナビ
  9,フッタ

*/

/**
//=========================================//
//---------------1.基本設定----------------//
//=========================================//
*/

#mainContents {
	
	background      : #FFF url(../images/layout/mc_line_sub.png) repeat-y;
}

#mainCol {

	width           : 504px;
	padding         : 0 0 0 16px;
}

/*IE6*/
* html #mainCol {

	width           : 520px;
	padding         : 0 0 0 16px;
}

#sideCol {

	width           : 200px;
	padding         : 0 8px 0 0;
}

/*IE6*/
* html #sideCol {

	width           : 216px;
	padding         : 0 8px 0 0;
}

#mainCol h2 {
	
	width           : 504px;
}

/**
//=========================================//
//---------------2.ヘッダ------------------//
//=========================================//
*/

#header {
    
	margin          : 0 0 1px 0;
}

/**
//=========================================//
//-------------4.メインFlash---------------//
//=========================================//
*/

#mainFlash {
	height          : 100px;
	background      : #000;
}

/**
//=========================================//
//-------------5.メインナビ----------------//
//=========================================//
*/

ul#mainNavi {

	margin         : 102px 0px 16px 0px;	
}

ul#mainNavi span{

	display : none;
}

/* IE 6 */
* html ul#mainNavi {

	margin         : 1px 0px 16px 0px;	
} 

/*IE7*/
*:first-child+html ul#mainNavi {

	margin         : 1px 0px 16px 0px;	
} 


/**
//=========================================//
//-------------6.メインカラム--------------//
//=========================================//
*/

/*FAQ*/
dl.faq {

	color           : #333;
	margin          : 0 0 12px 6px;
}

dl.faq dt {

	font-weight     : bold;
	background      : url('../images/sub/faq.png') no-repeat left top;	
	padding         : 4px 0 0 24px;
	margin          : 12px 0 0 0;
}

dl.faq dd {

	padding         : 0 0 0 24px;
	margin          : 0 0 8px 0;
	line-height     : 120%;
}

/*ＥＸインのこだわり*/
div.img,
div.imgRight, 
div.imgLeft {
	
	margin          : 12px 0;
	position        : relative;
}

div.imgLeft div,
div.imgRight div {
	
	width           : 270px;
	overflow        : hidden;
}

div.imgLeft li,
div.imgRight li {

	padding         : 0 0 0 20px;	
	background		: url('../images/sub/icon.jpg') no-repeat left top;
}

div.img2,
div.imgRight2, 
div.imgLeft2 {
	
	margin          : 12px 0;
	position        : relative;
}

div.imgLeft2 div,
div.imgRight2 div {
	
	width           : 230px;
	overflow        : hidden;
}

div.imgLeft2 li,
div.imgRight2 li {

	padding         : 0 0 0 20px;	
	background		: url('../images/sub/icon.jpg') no-repeat left top;
}


/*画像右側*/
div.imgRight img {
	
	float           : right;
	margin          : 0 0 0 6px;
	background : #eee;
}

div.imgRight div {
	
	float           : left;
	margin          : 0 8px 0 0;
}

/*画像左側*/
div.imgLeft img {
	
	float           : left;
	margin          : 0 6px 0 0;
	background : #eee;
}

div.imgLeft div {
	
	float           : left;
	margin          : 0 0 0 8px;
}


/*キャンペーン*/
div.campaign {
	
	padding         : 0 0 12px 0;
	margin          : 12px 0;
	position        : relative;
	background      : url('../images/sub/campaign_underline.png') repeat-x bottom left;	
}

div.campaign h3 {

	background      : url('../images/sub/h3.jpg') no-repeat left top;	
	margin          : 12px 0;
	padding         : 0 0 0 24px;
}

div.campaign div {
	
	width           : 230px;
	overflow        : hidden;
}

/*画像左側*/
div.campaign img {
	
	float           : left;
	margin          : 0 6px 0 0;
}

/*画像左側*/
div.campaign img.hd {
	
	float           : none;
	display         : block;
	margin          : 2px;
}

div.campaign div {
	
	float           : left;
	margin          : 0 0 0 8px;
	padding         : 0 0 42px 0;
	line-height     : 120%;
}

div.campaign img.buttonIcon {
	
	margin          : 6px 0 0 8px;
	position        : absolute;
	bottom          : 12px;
	right           : 0;

}

/*ホテル出店予定地募集ページ*/
ul#condition {

	margin          : 0 0 12px 24px;
	list-style      : circle;
}

h4.other {

	margin          : 36px 0 12px 0;
	font-weight     : normal;
	text-indent     : 1em;
	border-bottom   : #333 1px solid;
}

/*企業情報*/
table.company {

	margin          : 16px 0;
	width           : 500px;
}

table.company th,
table.company td {

	vertical-align  : top;
	padding         : 2px;
}

table.company th {

	font-weight     : normal;
	text-align      : left;
	width           : 120px;
}

/*ホテル一覧*/
div.hotelDescription {

	
}

div.hotelDescription img {

	float           : left;
}

div.hotelDescription ul {

	list-style      : none;
	float           : left;
	width           : 270px;
	margin          : 0 0 0 4px;
}

div.hotelDescription li {

	padding         : 0 0 0 20px;
	background		: url('../images/sub/icon.jpg') no-repeat left top;
	width           : 270px
}

div.hotelDescription li span {

	width           : 112px;
}

img.toHotelTop {

	margin          : 12px 4px;
}

div.hotelDescription table {

}

div.hotelDescription th {

	font-weight     : normal;
	text-align      : left;
	padding-left    : 16px;
	background		: url('../images/sub/icon.jpg') no-repeat left top;
	padding         : 2px 4px 2px 16px;
	margin          : 0;
	white-space     : nowrap;
}

div.hotelDescription td {

	padding         : 2px;
	margin          : 0 4px;
}

table.pricetable01 {
	border			: #666 1px solid;
	border-collapse	: collapse;
}

table.pricetable01 th {
	text-align		: center;
	font-weight     : normal;
	border			: #666 1px solid;
	padding         : 4px;
	background : #eee;
}

table.pricetable01 td {
	font-weight     : normal;
	border			: #666 1px solid;
	padding         : 4px;
	text-align      : center;
}
table.pricetable01 td.pricetable01td_l {
	font-size	    : 1.2em;
	color			: #FF3333;
}


/**
//=========================================//
//-----------------------------------------//
//=========================================//
*/