@charset "utf-8";

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

	1: Application all
	2: Flame layout
	3: Decoration
	4: Home
	5: VoSKY
	6: Merit
	7: About

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



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

	Application all

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

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

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



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


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

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

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

table.about th{
  color:#777;/*項目名の文字色*/
  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.jpg') 0 0 repeat-x #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;
  padding:0 20px;
  margin:0 auto;
  border-top-width:5px;
  border-top-style:solid;
  background:url('../img/back_container.gif') 0 0 repeat-y #fff;
}

#contents{
  float:left;
  width:560px;
}

#side{
  float:right;
  width:230px;
  margin-bottom:15px;
}

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



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

	Decoration

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

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

ul#navigation{
  overflow:hidden;
  list-style:none;
  width:800px;
  padding:0;
  margin:0;
  background:url('../img/back_navi01.jpg') 0 0 no-repeat;
}

ul#navigation li{
  float:left;
  line-height:50px;
  width:160px;
  background:url('../img/back_navi02.gif') 100% 50% no-repeat;
}

ul#navigation li.last{
  background:none;
}

ul#navigation li a:link,
ul#navigation li a:visited{
  display:block;
  text-align:center;
  color:#fff;
  width:159px;
  height:50px;
}

ul#navigation li a:hover{
  font-weight:bold;
  color:#555;
  background:url('../img/back_navi01.jpg') -10px 100% no-repeat;
}

ul#navigation li.last a{
  width:160px;
}



p#main-image{
  clear:both;
  margin:15px 0;
}



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

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


div.section{
  overflow:hidden;
  width:560px;
  margin-bottom:35px;
}

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;
}



/*== Side ================================================*/

#side p.banner{
  position:relative;
  margin-top:-15px;
}

#side p.banner img{
  margin-bottom:25px;
}



/*== footer ==============================================*/

#footer a:link,
#footer a:visited{
  color:#fff;
}



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

	Top

==========================================================*/
/*
div.top{
  width:435px;
  padding:0 125px 0 0;
  background:url('../img/back_top.jpg') 445px 115px no-repeat;
}
*/
div.top p{
  margin-bottom:15px;
}

div.top p strong{
  color:#f05;
}

div.top p strong span{
  font-size:120%;
}



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

	Josei

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

dl.josei-detail{
  width:560px;
  margin:25px 0;
  border-bottom:1px dotted #ccc;
}

dl.josei-detail dt{
  /*display:inline;*/
  /*float:left;*/
  clear:both;
  /*width:5em;*/
  color:#f50;
  padding:7px 0 2px;
  border-top:1px dotted #ccc;
}

dl.josei-detail dd{
  margin-left:2em;
  padding:2px 0 7px;
  /*border-top:1px dotted #ccc;*/
}

dl.josei-detail dd ol,
dl.josei-detail dd ul{
  list-style-position:outside;
  padding:0;
  margin:0 0 0 25px;
}

dl.josei-detail dd ol li,
dl.josei-detail dd ul li{
  padding-bottom:10px;
}

dl.josei-detail dd ol div{
  text-indent:-1em;
  font-size:80%;
  padding-left:1em;
}

ol.flow{
  list-style:none;
  padding:0;
  margin:0;
}

ol.flow li{
  padding-bottom:29px;
  margin-bottom:10px;
  background:url('../img/back_flow.gif') 50% 100% no-repeat;
}

ol.flow li.last{
  padding:0;
  margin:0;
  background:none;
}



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

	Simulation

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

p.simulation-com{
  margin-bottom:25px;
}

p.simulation-com strong{
  font-size:150%;
  color:#f05;
}


div.simulation table{
  float:left;
  width:286px;
  border-collapse:separate;
  border:0;
  background:#ccc;
}

div.simulation table th,
div.simulation table td{
  padding:3px;
  background:#fff;
}

div.simulation table th{
  width:175px;
}

div.simulation table td{
  text-align:right;
  width:90px;
}

div.simulation table tfoot{
  font-size:110%;
}

div.simulation table tfoot td{
  font-weight:bold;
  color:#f03;
}

div.simulation p{
  float:right;
  width:264px;
}