@charset "utf-8";

/*//////////////////////////////////////////////////////////

	1: Flame layout
	2: Index
	3: Greeting
	4: Store
	5: Menu
	6: Recommend
	7: Recipe
	8: Recruit
	9: Pledge
	10: Present
	11: Contact
	12: Group

//////////////////////////////////////////////////////////*/


/*=========================================================

	Flame layout

==========================================================*/

ol#topickpath{
  list-style:none;
  font-size:80%;
  width:790px;
  padding:0;
  margin:0 0 25px 10px;
}

ol#topickpath li{
  display:inline;
}

ol#topickpath li a:link,
ol#topickpath li a:visited{
  color:#f70;
  margin-right:5px;
}



/*=========================================================

	Index

==========================================================*/

p#description{
  clear:both;
  text-align:center;
  width:800px;
  padding:25px 0;
}


ul#recommend-contents{
  overflow:hidden;
  list-style:none;
  width:798px;
  padding:0;
  margin:0 1px 25px;
}

ul#recommend-contents li{
  float:left;
  text-align:center;
  width:256px;
  padding:0 5px;
}




div.section.topick{
  margin-top:0;
}

div.topick dl dt{
  font-weight:bold;
  font-size:120%;
  color:#be0;
  margin:15px 0 5px 0;
}



/*=========================================================

	Greeting

==========================================================*/

p.greeting{
  text-indent:1em;
  padding-top:25px;
}

p.greeting img{
  float:right;
  margin:0 0 10px 10px;
}

p.sign{
  text-align:right;
  padding-top:25px;
}



/*=========================================================

	Store

==========================================================*/

div.store p,
div.store address{
  margin:25px 0;
}

div.store ul{
  list-style:none;
  width:580px;
  padding:0;
  margin:0 -10px 0 0;
}

div.store ul li{
  float:left;
  width:280px;
  margin:0 10px 10px 0;
}



/*=========================================================

	Menu

==========================================================*/

dl.menu dt{
  font-size:120%;
  color:#fc0;
}

dl.menu dd{
  margin:0 0 15px 10px;
}



/*=========================================================

	Recommend

==========================================================*/

div.recommend p{
  padding-top:25px;
}



/*=========================================================

	Recipe

==========================================================*/

div.recipe p{
  padding-top:25px;
}


div.recipe dl dt{
  font-weight:bold;
  margin-top:15px;
}




/*=========================================================

	Recruit

==========================================================*/

dl.recruit{
  overflow:hidden;
  color:#333;
  width:570px;
  margin-top:15px;
  background:url('../recruit/img/back_recruit.gif') 0 0 repeat-y #fff;
}

dl.recruit dt{
  float:left;
  font-weight:bold;
  color:#050e2c;
  width:80px;
  padding:10px;
}

dl.recruit dd{
  padding:10px 10px 10px 110px;
  border-bottom:1px solid #050e2c;
}



/*=========================================================

	Pledge

==========================================================*/

div.pledge p{
  margin:25px 0;
}


ol.order-flow{
  padding:0;
  margin:25px 0 25px 35px;
}

ol.order-flow li{
  margin-bottom:10px;
}

ol.order-flow li em{
  text-decoration:underline;
  color:#f00;
}



/*=========================================================

	Present

==========================================================*/

div.present p{
  margin-top:25px;
}

fieldset.enquete{
  margin-top:25px;
}


fieldset.enquete p{
  padding:15px 0;
  margin:0;
}


fieldset.enquete table{
  width:534px;
  border-collapse:separate;
  border:0;
  background:#4c546c;
}


fieldset.enquete table thead{
  background:#121c3a;
}

fieldset.enquete table tbody{
  background:#fff;
}

fieldset.enquete table tbody th{
  background:#4c546c;
}


fieldset.enquete table th,
fieldset.enquete table td{
  text-align:center;
  padding:5px;
}



/*=========================================================

	Contact

==========================================================*/

div.contact p{
  margin:25px 0;
}



/*=========================================================

	Group

==========================================================*/

div.group h3{
  margin:0;
}

div.group div.section{
  overflow:hidden;
  width:570px;
  padding:15px 0;
}

div.group h4{
  float:left;
  width:280px;
}

div.group dl{
  float:right;
  width:250px;
  padding:10px;
  background:#121c3a;
}

div.group dl dt{
  font-size:120%;
}

div.group dl dd address{
  margin-bottom:15px;
}





