@charset "utf-8";

/* ***********************************************************
 *
 * Since:     2013-12-02
 * Editor:    contents kinoshita
 * Modified:  2014-00-00 by:
 *
 * ***********************************************************
 */


/* Font-size Adjustment
--------------------------------------------------------------
 *
 *    77% = 10px  |  122% = 16px  |	167% = 22px
 *    85% = 11px  |  129% = 17px  |	174% = 23px
 *    92% = 12px  |  136% = 18px  |	182% = 24px
 *    100% = 13px |  144% = 19px  |	189% = 25px
 *    107% = 14px |  152% = 20px  |	197% = 26px
 *    114% = 15px |  159% = 21px  |
 *
--------------------------------------------------------------
*/


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

	Purchase

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


#container { background:url(../images/purchase/category_bg.jpg) no-repeat center 132px; }

#category {
	width:1000px;
	margin:0px auto;
}
#primary { line-height:1.6em; }

.anchor {
	margin-bottom:4.0em;
	padding:1.3em 0px;
	border:1px solid #C8C8E0;
	text-align:center;
}
.anchor li {
	display:inline;
	margin-left:20px;
}
.anchor li:first-child { margin-left:0; }
 
.anchor li.first-child { /*IE-expression (first-child) */
	margin-left:0;
}
.anchor li　{ /* IE-expression (first-child) */
	behavior: expression(
	this.className += (this.previousSibling == null) ? " first-child" : "",
	this.style.behavior = "none"
	);
}
.anchor li a {
	padding-left:14px;
	background:url(../images/common/arrow04.jpg) no-repeat left 0.2em;
}
#purchase h2,
#merit h2,
#flow h2,
#faq h2 { margin-bottom:1.8em; }

#merit,
#flow { margin-bottom:4.0em; }

#purchase { margin-bottom:3.2em; }

#purchase .wrapper {
	min-height:180px;
	margin:0px 20px;
	padding-right:270px;
	background:url(../images/purchase/pic01.jpg) no-repeat right top;
}
#purchase p {
	margin-bottom:1.5em;
	padding-left:15px;
	background:url(../images/common/marker01.jpg) no-repeat left 0.2em;
}
#purchase .catch {
	margin-bottom:0.8em;
	padding:0;
	background:none;
	color:#202084;
	font-size:144%;
}

#merit .lead { margin:0px 20px 2.0em; }

#merit .list { margin:0px 20px 1.0em; }

#merit .list li {
	margin-bottom:1.5em;
	padding:1.5em 0px 0px 95px;
	border-top:1px solid #C8C8E0;
}
#merit .list li:first-child { border:none; }
 
#merit .list li.first-child { /*IE-expression (first-child) */
	border:none;
}
#merit .list li　{ /* IE-expression (first-child) */
	behavior: expression(
	this.className += (this.previousSibling == null) ? " first-child" : "",
	this.style.behavior = "none"
	);
}
#merit .list li.m01 { background:url(../images/purchase/merit_ico01.jpg) no-repeat left 1.5em; }

#merit .list li.m02 { background:url(../images/purchase/merit_ico02.jpg) no-repeat left 1.5em; }

#merit .list li.m03 { background:url(../images/purchase/merit_ico03.jpg) no-repeat left 1.5em; }

#merit .list li.m04 { background:url(../images/purchase/merit_ico04.jpg) no-repeat left 1.5em; }

#merit .list li.m05 { background:url(../images/purchase/merit_ico05.jpg) no-repeat left 1.5em; }

#merit .list li.m06 { background:url(../images/purchase/merit_ico06.jpg) no-repeat left 1.5em; }

#merit .list li h3 {
	margin-bottom:0.8em;
	color:#212184;
	font-size:122%;
}
#merit .other {
	position:relative;
	margin:0px 20px 2.5em;
	padding:33px 45px;
	border:3px solid #C9C9E1;
}
#merit .other h3 {
	position:absolute;
	top:-18px;
	left:-3px;
}
#merit .other .note { margin-top:1.0em; }

#merit .service {
	margin:0px 20px;
	border:1px dotted #1F1F84;
}
#merit .service ul { margin:1.3em 20px 0.8em; }

#merit .service ul li {
	margin-bottom:0.3em;
	padding-left:15px;
	background:url(../images/common/marker02.jpg) no-repeat left 0.2em;
	color:#1F1F84;
	font-size:122%;
}
#merit .service ul li span {
	color:#222;
	font-size:85%;
}
#merit .service p { margin:0px 20px 1.3em; }

#flow .fBox {
	margin:0px 20px;
	padding-bottom:49px;
	background:url(../images/purchase/flow_bg.jpg) no-repeat center bottom;
}
#flow .fBox02 { margin:0px 20px; }

#flow .fBox .wrapper,
#flow .fBox02 .wrapper {
	padding:15px 20px;
	border:1px solid #C8C8E0;
}
#flow .fBox h3,
#flow .fBox02 h3 {
	margin-bottom:0.5em;
	color:#1F1F84;
	font-size:122%;
}
#flow .fBox h3 span {
	color:#C00;
	font-size:85%;
	vertical-align:text-top;
}
#flow .cmm {
	padding-left:10px;
	background:url(../images/common/marker03.jpg) no-repeat left 0.6em;
	color:#1F1F84;
}
#flow .note {
	margin:1.5em 20px 0px;
	padding-left:2.0em;
}
#flow .note span {
	display:block;
	float:left;
	margin-left:-2.0em;
	color:#C00;
}
#faq ul { margin:0px 20px; }

#faq ul li { margin-bottom:2.5em; }

#faq ul li .Qs {
	display:block;
	margin-bottom:0.6em;
	padding:0.7em 0px 1.1em 45px;
	border-bottom:1px dotted #C8C8E0;
	background:url(../images/purchase/faq_icoQ.jpg) no-repeat left top;
	font-size:122%;
}
#faq ul li .fxmn {
	padding:0.7em 0px 0.8em 45px;
	background:url(../images/purchase/faq_icoA.jpg) no-repeat left top;
}