/*  --------------- CONTENTS ------------------

1: reset
2: common setting
3: block setting
   - container
     - head_block
     - upper_block
     - headnavi_block
     - main_block
     - right_block
     - foot_block

4: common class
   - 4-1 whole
   - 4-2 header
   - 4-3 subnavi
   - 4-4 main_block
   - 4-5 right_block
   - 4-6 foot_block 

5: individual class and id
   - 5-1 osusume
       - 5-1-1 index.htm
       - 5-1-2 discrimers.html
       - 5-1-3 higashiyama.html
       - 5-1-4 sitemap.html

   - 5-2 infomation
       - 5-2-1 index.htm

   - 5-3 spot
       - 5-3-1 taberu.htm

   - 5-4 tenpo

   - 5-5 saiji
       - 5-5-1 index.html

   - 5-6 yado
       - 5-6-1 yado.html
       - 5-6-2 training.html
       - 5-6-3 inquiry.html
       - 5-6-4 infomation.html
       
----------------------------------------------  */


/*  --- 1: reset ---  */
/*  ----------------  */

@charset "UTF-8";

@page {
   size:    21.0cm 29.7cm;
   margin:  0.5cm;
}

@media print {
  body{ font-size: 9pt; }
}
@media screen {
  body{ font-size: 9pt; }
}

*{
  margin:  0;
  padding: 0;
}

body {
  margin:      0 auto;
  padding:     0;
  text-align:  center;
  font-size:   13px;
  font-family: "MSPゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
  color: #343434;
  line-height: 1.4em;
  background: #ececec;
}
img {
  border: 0px;
}

ul {
  list-style: none;
}

address {
  font-style: normal;
}

/* --- 2: common setting--- */
/* ------------------------ */

/*   font 指定  サイズは相対指定とする  */
/*  注 classで指定時のみ複数指定可 問題ある場合 pt指定にする  */

.fs1 { font-size: 1.8em; }
.fs2 { font-size: 1.6em; }
.fs3 { font-size: 1.4em; }
.fs4 { font-size: 1.3em; }
.fs5 { font-size: 1.2em; }
.fs6 { font-size: 1.1em; }
.fs7 { font-size: 1.0em; }
.fs8 { font-size: 0.9em; }
.fs9 { font-size: 0.8em; }
.fs10 { font-size: 0.7em; }

.lh1 {line-height: 1.4em;}        /* ラインの高さ */
.lh2 {line-height: 1.3em;}
.lh3 {line-height: 1.2em;}
.lh4 {line-height: 2em;}
.lh5 {line-height: 1em;}
.lh6 {line-height: 1.5em;} 



.fw_bold { font-weight: bold; }     /*  ボールド  */
.fw_light { font-weight: lighter;}



/* インデント */
.indent_1em {
  text-indent: 1em;
}


.bor_1 {border: 1px solid #ccc  ; }
.bor_wid {border-right: 1px solid #D6D6D6  ; border-left: 1px solid #D6D6D6  ;}
.bor_green {border-bottom: 2px solid #2F9C32  ;}
.bor_yellow {border-bottom: 2px solid #9f6a04  ;}

.bor_red {border-bottom: 2px solid #ff0000  ;}
.pad_r_5 {padding: 5px 10px 5px 0;}
.pad_r_b_5 {padding-right: 10px ;}


.pad_l_15 { padding-left: 15px;}
.pad_5 { padding: 5px; }
.pad_15 { padding: 15px;}
.pad_t_5 {padding-top: 5px;}
.pad_t_10 {padding-top: 10px;}
.pad_t_15 {padding-top: 15px;}
.pad_t_20 {padding-top: 20px;}
.pad_t_25 {padding-top: 25px;}
.pad_t_35 {padding-top: 35px;}
.pad_t_43 {padding-top: 42px;}
.pad_b_5 {padding-bottom: 5px;}
.pad_b_10 {padding-bottom: 10px;}
.pad_b_15 {padding-bottom: 15px;}
.pad_b_20 {padding-bottom: 20px;}
.pad_b_25 {padding-bottom: 25px;}
.pad_b_35 {padding-bottom: 35px;}
.pad_b_50 {padding-bottom: 50px;}

.margin_r_10 {margin-right: 10px;}
.margin_l_r_10 { margin: 0 10px 0 10px;}
.margin_10 { margin: 0 10px 10px 0;}
.margin_t_10 { margin-top: 10px;}
.margin_t_20 { margin-top: 20px;}
.margin_b_10 { margin-bottom: 10px ;}
.margin_b_20 { margin-bottom: 20px ;}
.margin_b_30 { margin-bottom: 30px ;}

.width_150 { width: 150px;}
.width_200 { width: 250px;}

.align_right  { float: right; }  /*  ボックスを 右寄せ   */
.align_left  { float: left; }  /*  ボックスを 右寄せ   */
.align_center { margin: auto; }  /*  ボックスを センター寄せ  */

.text_right  {  text-align: right }  /*  ボックス内 テキスト右寄せ  */
.text_center {  text-align: center } /*  ボックス内 テキスト中央寄せ  */
.text_left   {  text-align: left }   /*  ボックス内 テキスト左寄せ  */
.valign_bottom{ vertical-align: bottom; }/*  ボックス内 画像下にそろえる  */

/*  強調表示  */
.em {
  padding:     0.2em;
  font-style:  normal;
  font-weight: bold;
}

/*   |||||||||||||||||||||||||  重要なハック ||||||||||||||||||||||||  */
/*   floatで指定されたものをブロックで囲むとペシャンコになるので 指定  */
.clearfix{ 
  display: inline-block;
}
.clearboth{ 
  clear: both;
}
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  height: 0.1px;
  font-size: 0.1em;
  line-height: 0;
}
/*  Hides from IE-mac \ */
*html .clearfix{ height: 1%; }
.clearfix{ display: block; }
/*  End hide from IE-mac  */
/*   |||||||||||||||||||||||||  重要なハック ここまで |||||||||||||||  */


/*  ============== 全体を通してのセレクタのデフォルト指定 ===========  */

/*  <h1-5> デフォルト  */
h1 { font-size: 1.0em; font-weight: bold}
h2 { font-size: 1.0em; font-weight: bold}
h3 { font-size: 1.0em; font-weight: bold}
h4 { font-size: 1.0em; font-weight: bold}
h5 { font-size: 1.0em; font-weight: bold}



/* テーブル一般的な設定 */

table {
  table-layout:     auto;
  border-collapse:  collapse;
  border:           0;
  display: inline-block;
}

th {
  text-align: left;
}


input.radio {
  position: relative;
  top: 3px;
}

/* --------------------- 3: block setting--------------------- */
/* ----------------------ブロック枠の指定--------------------- */
/* ----------------------------------------------------------- */



/* -----------------大外の枠---------------- */

.container {
  width: 905px;
  margin: 0 auto;
  background: #FFF ;
  border: 1px solid #EEE ;
}


/* -----------------ヘッダ---------------- */

.header {
  width: 905px;
  background: #FFF ;
  /*height:85px ;*/
  text-align :left;
}

/* ------------------ headnavi ---------------- */
.navi {
  background: #FFFFFF url(img/bg.png) repeat-x;
  border-top: 2px solid #c94c00;
}

.navi ul li a {
  margin: 0;
  padding: 6px 20px 5px 20px;
  display: block;
  border-right: 1px solid #f8e6de;
  background: url(img/bg.png) repeat-x;
  font-weight: bold;
}

.navi ul {
  margin: 0;
  padding: 0;
  height: 32px;
}

.navi ul li {
  margin: 0;
  padding: 0;
  float: right;
}

.navi a:link    { color:#000; text-decoration:none;}
.navi a:visited { color:#000; text-decoration:none;}
.navi a:hover   { color:#ffe1d4; text-decoration:none;} 
.navi a:active  { color:#ffe1d4; text-decoration:none;}

.navi a:hover {
  background: url(img/bg_2.png) repeat-x;
  text-decoration: none;
}

/* ------------------ recomend --------------------- */

.recomend{
  width: 600px;
  height: 80px;
  border: 2px solid #ccc;
  background: #eee;
  margin: 0 auto;
  text-align: left;
  padding: 10px;
}

/* ------------------kuzu --------------------- */

.kuzu{
  height: 20px;
  /*background: #eee;*/
  margin: 10px 0 0 0 ;
  text-align: left;
  padding: 5px 0 0 15px ;
  font-size: 11px;
}

.kuzu a:link    { color:#6677c3; text-decoration:underline;}
.kuzu a:visited { color:#6677c3; text-decoration:underline;}
.kuzu a:hover   { color:#6677c3; text-decoration:none;} 
.kuzu a:active  { color:#6677c3; text-decoration:none;}

/* ------------------top_space --------------------- */

.top_space{
  height: 10px;
  /*background: #eee;*/
  margin: 10px 0 0 0 ;
  text-align: left;
  padding: 5px 0 0 15px ;
  font-size: 11px;
}


/* ------------------ main --------------------- */

.container {
  width: 905px;
}


.main_block{
  text-align: left;
  /*background: #eee;*/
  width: 545px;
  float: left;
  margin: 10px 0 0 0px;
  padding: 0;
}

/* ----------------- 左側 --------------------- */
.sibnavi {
  text-align: left;
  width: 185px;
  float: left;
  margin: 0;
  padding: 10px 0 0 10px;
}

/* ----------------- 右側 --------------------- */
.right_block {
  text-align: left;
  width: 160px;
  float: right;
  margin: 10px 0px 0 0px;
  padding-right: 5px;
  /*border: 1px solid #000;*/
}

/* --------------------フッタ----------------------- */
.foot_block {
  width: 905px;
  padding-top: 30px; 
  height: 60px;
  background: #FFF;
  border-top: 1px solid #666 ;
}



/* --------------------- 4: common class---------------------- */
/* ----------------------基本クラス群------------------------- */
/* ----------------------------------------------------------- */


/* ---------- 4-1 whole ---------- */
/* ------------------------------- */

/* - リンク色指定 青 - */

/* a         { text-decoration: none }                     */
a:link    { color:#6a6464; text-decoration:underline;}
a:visited { color:#6a6464; text-decoration:underline;}
a:hover   { color:#222120; text-decoration:underline;} 
a:active  { color:#222120; text-decoration:underline;}
/* .head_navi li a.now     { color:#FF9900;} */


/* - リンク色指定 青 - */
.special3 a:link    { color:#0000FF; text-decoration:underline;}
.special3 a:visited { color:#0000FF; text-decoration:underline;}
.special3 a:hover   { color:#0000FF; text-decoration: none;} 
.special3 a:active  { color:#0000FF; text-decoration: none;}

/*  特定部分のみのリンク指定 緑 */

.special a:link    { color:#1F6E06; text-decoration: underline;}
.special a:visited { color:#1F6E06; text-decoration: underline;}
.special a:hover   { color:#1F6E06; text-decoration: none;}
.special a:active  { color:#1F6E06; text-decoration: none;}


/*  特定部分のみのリンク指定 オレンジ */

.special2 a:link   { color:#E07117; text-decoration:underline; font-weight: bold ;}
.special2 a:visited { color:#E07117; text-decoration:underline; font-weight: bold ;}
.special2 a:hover   { color:#E07117; text-decoration:none; font-weight: bold ;} 
.special2 a:active  { color:#E07117; text-decoration:none; font-weight: bold ;} 


.cl1 { color: #1C1CF2; } /* 紺色 */
.cl2 { color: #27AFC7; } /* リンクと同じ色 */
.cl3 { color: #2F9C32; } /* 緑 */
.cl4 { color: #E07117; } /* オレンジ */
.cl5 { color: #96d0df; } /* ao */
.cl6 { color: #b09b0d; } /* ゴールド */
.cl7{ color: #E9A728} /* 黄色 */
.cl8{ color: #ED182C} /* 赤色 */
.cl9{ color: #ad4872} /* pink */
.c20{ color: #000000} /* 黒 */


.bottom_dotline {
  border-bottom: solid 2px #b09b0d;
  background-position: bottom;
}

tr.dotline {
  border-bottom: dotted 2px #ccc;
  background-position: bottom;
}

.bottom_solidline {
  border-bottom: solid 3px #eee;
}



/* ページトップ へのリンク */

div.go_top p{
  float: right;
  clear: both;
  padding: 0 0 5px 0;
}

div.go_top p a {
  display: block ;
  width: 93px;
  height: 18px;
  text-indent: -9999px;
  text-decoration: none;
  background: url(./images/go_top.gif) no-repeat 0 -18px;
}

div.go_top p a:hover {
  background-position: 0 0;
}


/* topic_path */

div.topic_path {
  width: 250px;
  padding: 5px 25px 5px 0;
  float: right;
  text-align: right;
  color: #30691F;
}

/* ---------- 4-2 header ------------ */
/* ---------------------------------- */
.header h1{
  height: 59px;
  margin : 0 0 15px 0;
}

.header_top{
	height: 10px ;
	background: url(img/header_top_bg.gif) repeat-x;
}

.trabel_menu{
	height: 32px ;
}

.trabel_menu img{vertical-align: bottom;}

/* ---------- 4-3 subnavi ------------ */
/* ------------------------------------ */

.sibnavi h3{
	display: block ;
	width: 180px ;
	background: #ececec;
	height: 25px;
	padding: 5px 0 0 0 ;
	padding-left: 5px;
}

.sibnavi li a {
	background: #fff url(./img/sq_arrow.gif) no-repeat 2px 5px;
	display: block ;
	width: 168px ;
	height: 24px;
	padding: 2px 0 0 17px;
	font-weight: bold ;
}

.sibnavi li a:hover {
	background: #FCEED9 url(./img/sq_arrow.gif) no-repeat 2px 5px;
	display: block ;
	width: 168px ;
	height: 24px;
	padding: 2px 0 0 17px;
	font-weight: bold ;
	/*background: #FCEED9 ; *//*----- sabnavi 色指定 -----*/
}

.map{
	width: 180px ;
	height: 230px;
}


/* ---------- 4-6 main_block ------------ */
/* -------------------------------------- */
/* ---------- コンテンツ1 ------------ */

/* - リンク色指定 緑 - */

/* a         { text-decoration: none }                     */
div.contents a:link    { color:#0000ff; text-decoration:underline;}
div.contents a:visited { color:#0000ff; text-decoration:underline;}
div.contents a:hover   { color:#0000ff; text-decoration:underline;} 
div.contents a:active  { color:#0000ff; text-decoration:underline;}

div.kuwashiku{ 
  background: url(./img/kuwashiku.gif) no-repeat 0px 4px;
  padding: 0 10px 0 15px;
}


div.contents{
  width: 525px;
  background: #FFF; /*----- コンテンツ1背景 -----*/
  padding: 0 10px 10px 10px  ;
}

div.contents_left{
  float: left;
  padding :0 ;
  margin: 0 ;
  width :168px ;
}

div.contents_left img { border : 4px solid #fedcd2 ;}

div.contents_right{
  width: 345px;
  float: right;
}

div.contents_right h2{ 
  background: url(./img/contents_bg.gif) repeat-x ;
  text-align :center ;
  height: 25px ;
  padding-top: 7px ;
}

/* ---------- コンテンツ2 ------------ */

.contents2{
  width: 525px;
  background: #FFF; /*----- コンテンツ1背景 -----*/
  padding: 0 10px 10px 10px  ;
  /*border: 4px solid #eee ;*/
}

div.contents2 h2{
  background: url(./img/contents_bg2.gif) no-repeat ;
  text-align :center ;
  height: 25px ;
  padding-top: 7px ;
}

/* ---------- コンテンツ3 ------------ */

.contents3{
  width: 525px;
  background: #FFF; /*----- コンテンツ3背景 -----*/
  padding: 0 10px 0 10px ;
  /*border: 4px solid #eee ;*/
}

.contents3_top{
  width: 525px;
  background: #fff url(./img/contents_bg2.gif) no-repeat ;
  height: 26px ;
  text-align: center;
  padding-top: 8px
}


.contents3 table {
  margin : 0 auto ;
 /* border : 2px solid #EBEBEA ;*/
  border-collapse:  collapse;
}

.contents3 th{
  background :#EBEBEA;
  font-weight :bold ;
  text-align :center ;
  color :#222 ;
}

  
.contents3_middle{
  width: 503px;
  background: #FFF ;
  padding: 10px 10px 0 10px ;
  
}

.contents3_bottom{
  width: 525px;
  background: #fff url(./img/contents_bg2_bottom.gif) no-repeat ;
  height: 11px ;
}

/* ---------- コンテンツ4 ------------ */

div.contents4{
  width: 525px;
  /*background: #000; *//*----- コンテンツ1背景 -----*/
  padding: 0 10px 10px 10px  ;

}

div.contents4_left{
  float: left;
  padding :0 ;
  margin: 0 ;
  width :240px ;
}

div.contents4_left img { border : 4px solid #eee ;}

div.contents4_right{
  width: 263px;
  float: right;
  padding-left: 10px
}

div.contents4_right h2{ 
  background: url(./img/contents_bg.gif) repeat-x ;
  text-align :center ;
  height: 25px ;
  padding-top: 7px ;
}

div.contents4 h3{
  background: #eee ;
  padding-left: 15px ;
  }

/* ---------- コンテンツ5 ------------ */

.contents5{
  width: 495px;
  background: url(./img/adress_bg.gif) ; /*----- コンテンツ5背景 -----*/
  margin: 0 10px 10px 10px  ;
  padding : 15px;
  /*border: 4px solid #eee ;*/
}

.contents5 h3{ 
  border-bottom: 2px solid #9f325f ;
 }

.contents5 dt{
	float: left ;
	width: 100px;
	font-weight: bold;
	color:#ad4872;
}

.contents5 dd{
	float: left ;
	width: 300px;
	color:#222;
}
/* ---------- コンテンツ3 ------------ */

/* ---------- ninki ------------ */

div.ninki{
  background: #FFF; /*----- コンテンツ1背景 -----*/
  padding: 0 0 10px 5px  ;
}

div.ninki2{
  background: #FFF; /*----- コンテンツ1背景 -----*/
  padding: 0 0 10px 5px  ;
  margin: 0 10px 0px 10px ;
}

/* - リンク色指定 緑 - */

div.ninki a { color:#1a811d; text-decoration:underline;}

/* a         { text-decoration: none }                     */
div.ninki,div.ninki2 a:link.midori    { color:#1a811d; text-decoration:underline;}
div.ninki,div.ninki2 a:visited.midori { color:#1a811d; text-decoration:underline;}
div.ninki,div.ninki2 a:hover.midori   { color:#1a811d; text-decoration:none;} 
div.ninki,div.ninki2 a:active.midori  { color:#1a811d; text-decoration:none;}

.ninki,.ninki2 ul{margin: 0 ; padding: 0 ;}

.ninki li,.ninki2 li{ 
	word-break: keep-all ;
	float: left;
	padding: 3px 10px 5px 0;}

.higashiyama{
	width : 500px;
	/*background :#000 ;*/
}
/*
.main_block_top h2,
.main_block h2{
  text-indent: -9999px;
  width: 462px;
  height: 20px;
}
*/

/* ---------- 4-5 right_block ------------ */
/* -------------------------------------- */


/* ---------- 4-6 foot_block ------------ */
/* -------------------------------------- */

div.foot_block {
  height: 35px;
  padding: 15px 0 0 0;
  background :#FFF;
}
 
.foot_block ul{
	margin: 0;
	padding-left: 20px;
}

.foot_block li{
  float: left;
  height: 20px;
  padding-left: 15px ;
}



.auth_info {
  width: 360px;
  float: right;
  /padding: 0px 0px 10px 0 ;*/
}

/* a         { text-decoration: none }                     */
.foot_block a:link    { color:#4ab3ca; text-decoration:underline;}
.foot_block a:visited { color:#4ab3ca; text-decoration:underline;}
.foot_block a:hover   { color:#26899e; text-decoration:underline;} 
.foot_block a:active  { color:#26899e; text-decoration:underline;}
/* .head_navi li a.now     { color:#FF9900;} */



/* ------------- 5: individual class and id  ----------------- */
/* ---------------------- 個別ページ ------------------------- */
/* ----------------------------------------------------------- */



/* ------------- 5-3-1 taberu.htm ---------------- */
/* ----------------------------------------------- */
.hotpe_search{
	margin: 0 10px 10px 10px  ;
	width: 525px ;
}




/* -------- 5-4 tenpo---------- */

.detail_table{
	width :480px;
	text-align: center ;
	margin: 0 auto 30px auto;
}

.detail_table table {
  table-layout:     auto;
  border-collapse:  collapse;
  border:           1px solid #eee;
  margin: 0 auto;
  
}
  
.detail_table td{
  text-align: left;
  font-size: 12px;
  border:           1px solid #eee;
  padding: 5px;
}
  
.detail_table2{
	text-align: center ;
	margin: 0 auto 30px auto;
}

.detail_table2 table {
  table-layout:     auto;
  border-collapse:  collapse;
  border:           1px solid #eee;
  margin: 0 auto;
  
}
  
.detail_table2 td{
  text-align: left;
  font-size: 12px;
  border:           1px solid #eee;
  padding: 5px;
}
  
/* -------- 5-1-3 higashiyama.html------------- */
/* ---------------------------------------- */

/* ------------- 5-5-1 index.html ---------------- */
/* ---------------------歳時記-------------------- */

.saiji li {
	background: #fff url(./img/saiji_list.gif) no-repeat 0px 5px;
	display: block ;
	height: 24px;
	padding: 2px 0 0 17px;
	
}
/* ================宿============== */

/* ------------- 5-6-1 yado.html ---------------- */
/* ---------宿--------- */

.hotel table{
  border: 1px solid #CCC ;
  width: 500px;
}

.hotel3 table{
  border: 1px solid #CCC ;
  width: 160px;
}

.hotel th,.hotel2 th{
  background: #EEE ;
  padding: 5px ;
  text-align: center ;
 }

.hotel td,.hotel2 td{
  padding: 5px ;
  border: 1px solid #CCC ;
  text-align: left;
}


/*ホテル予約サイトテーブル横幅100%*/
.hotel2 table{
  border: 1px solid #CCC ;
  width: 525px;
  margin-left: 10px;
}

.menu_yado li a {
	background: #813674;
        text-align: center;
	display: block ;
	width: 227px ;
	height: 24px;
	padding: 2px 0 0 17px;
	font-weight: bold ;
	margin-bottom: 10px;
}

.menu_yado li{float: left ;}

.menu_yado li a:hover {
	background: #EEE;
	display: block ;
        text-align: center;
	width: 227px ;
	height: 24px;
	padding: 2px 0 0 17px;
	font-weight: bold ;
	margin-bottom: 10px;
	/*background: #FCEED9 ; *//*----- yado 色指定 -----*/
}


/* a         { text-decoration: none }                     */
.menu_yado a:link    { color:#FFF; text-decoration:underline;}
.menu_yado a:visited { color:#FFF; text-decoration:underline;}
.menu_yado a:hover   { color:#000; text-decoration:none;} 
.menu_yado a:active  { color:#000; text-decoration:none;}
/* .head_navi li a.now     { color:#FF9900;} */



.form option{ width: 200px;}  /*----- 京都宿フォーム -----*/
.form {       margin-bottom:  20px  ; }
.form td{     padding:        5px   ; }