@charset "utf-8";

/*//////////////////////////////////////////////////////////

	1: Application all
	2: Flame layout
	3: Decoration
	4: Home
	5: Greeting
	6: Guide
	7: Access
	8: Reservation

//////////////////////////////////////////////////////////*/



/*=========================================================

	Application all

==========================================================*/

html,body{
  text-align:center;
  line-height:1.3;
  font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",Verdana,Arial,"ＭＳ Ｐゴシック",sans-serif;
  font-size:100%;
  margin:0;
  padding:0;
}

body{
  color:#000;
  width:100%;
  background:#fff;
}

table{
  text-align:left;
  font-size:100%;
  color:#333;
}


a{text-decoration:underline;}
a:link{color:#6a0;}
a:visited{color:#370;}
a:hover{color:#370;}

img{
  vertical-align:text-bottom;
  border:0;
}

h1,h2,h3,h4,h5,h6{
  font-size:100%;
  margin:0;
}

form,p,dl,dd{
  padding:0;
  margin:0;
}

input,select,textarea{
  font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",Verdana,Arial,"ＭＳ Ｐゴシック",sans-serif;
  font-size:100%;
}

hr{
  height:1px;
  padding:0;
  margin:0;
  border:0;
}

address,em{
  font-style:normal;
}




/*=========================================================

	Flame layout

==========================================================*/

#container{
  font-size:80%;
  width:860px;
  padding:15px 0;
  margin:0 auto;
  background:url('../img/back.gif') 0 15px repeat-x;
}

#footer{
  overflow:hidden;
  text-align:left;
  font-weight:bold;
  width:826px;
  padding:15px;
  margin-bottom:15px;
  border:2px dotted #6c6;
  background:#cec;
}

p#copyright{
  color:#777;
}



/*=========================================================

	Clear Default CSS

==========================================================*/

ul#navigation,#side ul,#footer ul{
  list-style:none;
  padding:0;
  margin:0;
}



/*=========================================================

	Decoration

==========================================================*/

/*== Header ==============================================*/

h1{
  float:right;
  text-align:right;
  line-height:64px;
  font-size:130%;
  width:700px;
  height:64px;
}

h1 a:link,
h1 a:visited,
h1 a:hover{
  text-decoration:none;
  color:#063;
  margin-right:5px;
}


p#banner{
  float:left;
  text-align:left;
  width:160px;
  height:64px;
}

p#banner img{
  margin:16px 0 0 41px;
}



ul#navigation{
  clear:both;
  width:860px;
  height:44px;
  padding-top:7px;
}

ul#navigation li{
  float:left;
  width:172px;
}



/*== Contents ============================================*/

p.description{
  text-align:left;
  font-weight:bold;
  line-height:1.7;
  color:#033;
  margin-top:15px;
}


div.section{
  text-align:left;
  width:810px;
  margin:15px 25px 0;
  clear:both;
}

div.section div.section{
  clear:both;
  padding-top:15px;
  margin:0;
}


div.section h2{
  width:830px;
  padding:10px;
  margin:0 -25px 15px;
  border-left:10px solid #930;
  border-bottom:1px solid #930;
  background:#fc6;
}

div.section div.section h3{
  padding-left:13px;
  margin-bottom:5px;
  background:url('../img/icon_01.gif') 0 50% no-repeat;
}



/*== Footer ==============================================*/

#footer h2{
  margin-bottom:15px;
}

#footer address{
  float:left;
  width:400px;
}


#footer p{
  padding:5px;
  margin-left:400px;
  border:1px solid #a00;
  background:#fff;
}

#footer p img{
  margin-bottom:3px;
}




/*=========================================================

	Home

==========================================================*/

object#flash{
  display:block;
  margin:15px 0;
}


div#article{
  overflow:hidden;
  text-align:left;
  width:828px;
  padding:15px;
  margin:10px 0 35px 0;
  border:1px solid #fad;
  background:#fef;
}

* html div#article{
 width:860px;
}


div#article h2{
  font-size:150%;
  color:#f07;
  height:50px;
  padding-left:320px;
}

div#article p{
  padding-left:320px;
}

div#article p img{
  float:left;
  margin:-50px 0 0 -320px;
}









/*=========================================================

	Greeting

==========================================================*/

div.greeting p{
  text-indent:0.5em;
  text-align:left;
  line-height:1.7;
  font-weight:bold;
  color:#033;
  padding-bottom:15px;
}




/*=========================================================

	Guide

==========================================================*/

table.price01,
table.price02{
  width:400px;
  border-collapse:separate;
  border:0;
  background:#aaa;
}


table.price01 caption,
table.price02 caption{
  font-weight:bold;
  color:#fff;
  padding:3px;
  background:#aaa;
}


table.price01{
  margin:0 10px 15px 0;
}

table.price02{
  float:right;
}



table.price01 tr,
table.price02 tr{
  background:#fff;
}

table.price01 th,
table.price02 th{
  font-weight:normal;
  width:320px;
  padding:3px;
}

table.price01 td,
table.price02 td{
  text-align:right;
  width:65px;
  padding:3px;
}


table.price02 tfoot td{
  text-align:left;
  width:392px;
}



dl.price-model dd{
  margin:0 0 10px 100px;
}


ul.cancel{
  list-style:none;
  padding:0;
  margin:0 0 5px 0;
}

ul.cancel li{
  display:table-cell;
  padding:5px;
  margin-right:5px;
  border:1px solid #aaa;
}


ul.price-point{
  margin-left:20px;
}


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

ul.service li{
  margin-bottom:10px;
}




p.announce{
  text-align:center;
  font-weight:bold;
  color:#700;
  padding:15px 0;
}

div.rog dl{
  overflow:hidden;
  width:810px;
}

div.rog dl dt{
  float:left;
  width:310px;
}

div.rog dl dd{
  margin-left:310px;
}

div.rog ul.gallery{
  list-style:none;
  padding:10px 0 20px 0;
  margin:0;
}

div.rog ul.gallery li{
//  display:inline;
  float:left;
  margin-right:5px;
  margin-bottom:5px;
}



ul.share{
  overflow:hidden;
  list-style:none;
  width:810px;
  padding:0;
  margin:0;
}

ul.share li{
  float:left;
  text-align:center;
  width:405px;
  margin-bottom:15px;
}

ul.share li img{
  margin-bottom:5px;
}



/*=========================================================

	Access

==========================================================*/

ul.car,
ul.car ol{
  list-style:none;
  line-height:1.7;
  padding:0;
  margin:0;
}

ul.car li{
  clear:both;
}



ul.car ol li{
  clear:none;
  float:left;
  width:230px;
  background:url('../img/back_car.gif') 0 50% repeat-x;
}

ul.car ol li.last{
  background-image:none;
}


ul.car ol li span{
  padding:0 3px;
  background:#fff;
}



dl.train{
  overflow:hidden;
  width:810px;
}

dl.train dt{
  text-align:center;
  float:left;
  width:1.7em;
  height:84px;
  background:#ccc;
}


dl.train dd{
  line-height:28px;
  height:28px;
  margin-left:1.9em;
  background:#ccc;
}

dl.train dd ol{
  display:inline;
  list-style:none;
  padding:0;
  margin:0;
  background:url('../img/back_car.gif') 0 50% repeat-x;
}

dl.train dd ol li{
  display:inline;
  padding-left:3px;
  margin-right:2em;
  background:#ccc;
}

dl.train dd ol li.last{
  margin:0;
}


dl.train dd.even,
dl.train dd.even ol li{
  background:#fff;
}




p.map{
  text-align:center;
  margin:35px 0;
}

p.map a{display:none;}

p.map a.detail{display:inline;}
p.map a.detail img{margin-top:25px;}





/*=========================================================

	Reservation

==========================================================*/

dl.reservation{
  text-align:center;
  padding:15px;
  margin:0 50px 35px;
  border:1px solid #ccc;
  background:#eee;
}

dl.reservation dt{
  font-size:150%;
  font-weight:bold;
  color:#35a;
  margin-bottom:10px;
}

dl.reservation dd{
  line-height:1.7;
}

dl.reservation dd strong{
  font-size:130%;
}

dl.reservation dd em{
  color:#c00;
}