@charset "utf-8";

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

	1: Flame layout
	2: Decoration
	3: Index
	4: About
	5: Biginner
	6: FAQ
	7: Flow
	8: Price
	9: Campaign

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



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

	Flame layout

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

div.section{
  margin-top:25px;
}



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

	Decoration

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

ol#topickpath{
  list-style:none;
  text-align:left;
  font-size:80%;
  padding:0;
  margin:60px 25px 25px;
}

ol#topickpath li{
  display:inline;
}

ol#topickpath li a{
  padding-right:12px;
  background:url('../img/icon_topickpath.gif') 100% 50% no-repeat;
}

ol#topickpath li em{
  color:#fff;
  padding:0 3px;
  background:#555;
}


p.normal-text{
  padding-top:15px;
  padding-bottom:5px;
}


p.caution{
  font-size:80%;
  color:#c00;
}



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

	Index

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

p#description{
  text-align:left;
  line-height:2;
  width:790px;
  height:190px;
  margin-top:20px;
}

p#badge{
  position:absolute;
  top:50px;
  right:0;
  width:150px;
  height:150px;
}

ul#campaign{
  position:relative;
  list-style:none;
  left:0;
  width:780px;
  height:150px;
  padding:0;
  margin:0 5px;
  background:#fff;
}

ul#campaign li{
  left:20px;
  width:490px;
}


ul.top-list{
  list-style:none;
  padding:0;
  margin:10px 0 0 10px;
}

ul.top-list li a{
  margin-left:5px;
}




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

	About

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

dl.about{
  margin:15px 0;
  border-top:1px solid #ccc;
  background:url('../img/back_about.gif') 0 0 repeat-y;
}

dl.about dt{
  float:left;
  width:200px;
  padding:7px;
  border:1px solid #ccc;
  border-width:0 0 1px 1px;
}

dl.about dd{
  margin-left:180px;
  padding:7px;
  border:1px solid #ccc;
  border-width:0 1px 1px 1px;
}




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

	Biginner

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

ul.biginner{
  list-style:none;
  padding:0;
  margin:15px 0 0 0;
}

ul.biginner li{
  padding:2px 0 2px 18px;
  margin-left:17px;
  background:url('../img/icon_check.gif') 0 50% no-repeat;
}



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

	FAQ

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

dl.faq dt{
  font-weight:bold;
  padding:2px 0 2px 18px;
  margin-top:25px;
  background:url('../img/icon_faq.gif') 0 50% no-repeat;
}

dl.faq dd{
  margin-left:18px;
}



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

	Flow

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

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

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

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

ol.flow li h3{
  font-size:110%;
}



div.trust{
  text-align:left;
  padding:10px;
  margin:0 15px;
  border:1px solid #faa;
  background:#fee;
}

div.trust h3{
  font-size:110%;
  color:#f00;
  margin-bottom:5px;
}



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

	Price

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

ul.price-pack{
  overflow:hidden;
  list-style:none;
  width:790px;
  padding:0;
  margin:15px -10px 0 0;
}

ul.price-pack li{
  float:left;
  width:365px;
  margin-right:10px;
}

ul.price-pack li h3{
  line-height:70px;
  font-size:170%;
  padding-left:25px;
  margin-bottom:5px;
  background:url('./price/img/back_packtitle.jpg') 0 50% no-repeat;
}


ul.price-pack li p{
  margin-left:25px;
}


ul.price-pack li ul{
  width:auto;
  padding:0;
  margin:5px 0 0 35px;
  border:0;
}

ul.price-pack li ul li{
  float:none;
}



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

	Campaign

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

/*== CMS =================================================*/

p.cms-sample{
  text-align:center;
  margin-top:25px;
}



/*== Cash Back =================================================*/

p.cashback{
  text-align:center;
  margin-top:35px;
}