@charset "utf-8";

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

	1: Application all
	2: Flame layout
	3: Decoration

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



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

	Application all

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

/*== Template Setting ====================================*/

/* 通常リンクのカラー */
a{text-decoration:underline;}
a:link,
a:visited{color:#27e;}
a:hover{color:#057;}

/* メニューリンクのカラー */
ul#navigation li a{
  color:#27a;
}

/* ボーダーカラー */
#container,
#footer{
  border-color:#333;
}

/* サイドの背景色 */
#side{
  background:#eee;
}


/* ページタイトルの背景色 */
h2.title{
  background:#333;
}

/* ページサブタイトルの色 */
h3{
  color:#27a;
}

/* 店舗案内のtable */
table.about{
  width:560px;
  margin-top:25px;
  border-collapse:separate;
  border:0;
  background:#ccc;/*線の色*/
}

table.about th{
  color:#27a;/*項目名の文字色*/
  width:150px;
  padding:7px;
  background:#eee;/*項目名の背景*/
}

table.about td{
  width:379px;
  padding:7px;
  background:#fff;/*内容の背景*/
}

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





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:#333;
  width:100%;
  background:url('../img/back_html.gif') 0 0 #fff;
}

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


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{
  text-align:left;
  font-size:82%;
  width:800px;
  margin:0 auto;
  border-top-width:5px;
  border-top-style:solid;
  background:url('../img/back_container.gif') 0 0 repeat-y #fff;
}

#header{
  overflow:hidden;
  width:780px;
  height:270px;
  padding:10px 10px 0;
  margin-bottom:15px;
  background:url('../img/back_header.jpg') 0 0 no-repeat;
}


#contents{
  float:left;
  width:560px;
  margin-bottom:15px;
}

#side{
  float:right;
  width:210px;
  padding:10px;
  margin-bottom:15px;
}

#footer{
  clear:both;
  text-align:center;
  width:800px;
  padding:25px 0;
  border-top-width:3px;
  border-top-style:solid;
}




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

	Decoration

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

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

h1{

}

ul#navigation{
  float:left;
  list-style:none;
  width:210px;
  padding:0;
  margin:0;
}

ul#navigation li{
  float:left;
  line-height:42px;
  text-indent:25px;
  width:210px;
}

ul#navigation li a{
  display:block;
  width:210px;
  height:42px;
  margin-bottom:10px;
  background:url('../img/back_navigation.jpg') 0 0 no-repeat;
}

ul#navigation li a:hover{
  background:url('../img/back_navigation-h.jpg') 0 0 no-repeat;
}


p#main-image{
  float:right;
  width:560px;
}


p#npc{
  position:absolute;
  top:0;
  right:0;
  text-align:center;
  font-size:80%;
  color:#fff;
  width:200px;
  padding:5px;
  border:3px solid #a00;
  background:#d00;
}

p#npc a,
p#npc a:visited,
p#npc a:hover{
  color:#fff;
}



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

p#news{
  overflow:auto;
  width:530px;
  height:210px;
  padding:15px;
}


h2.title{
  font-size:200%;
  color:#fff;
  padding:5px;
  margin-bottom:15px;
}


div.section{
  overflow:hidden;
  width:560px;
  margin-top:25px;
}

h3{
  font-weight:normal;
  font-size:120%;
  padding:0 0 5px 21px;
  margin-bottom:15px;
  border-bottom:1px solid #ddd;
  background:url('../img/icon_01.gif') 0 2px no-repeat;
}




table.poster-price{
  text-align:center;
  width:560px;
  margin-top:25px;
  border-collapse:separate;
  border:0;
  background:#ccc;
}

table.poster-price caption{
  text-align:right;
  font-size:80%;
}

table.poster-price th{
  width:104px;
  padding:3px;
  background:#eee;
}

table.poster-price td{
  padding:3px;
  background:#fff;
}



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

#footer p strong{
  font-weight:normal;
  color:#777;
}

#footer p strong a,
#footer p strong a:visited,
#footer p strong a:hover{
  color:#777;
}