@charset "UTF-8";

/* ################################################### */
/* #                                                 # */
/* #                                                 # */
/* #                  	buy用css		                 # */
/* #                                                 # */
/* #                                                 # */
/* ################################################### */


li {
	list-style:none;
}

/* buy
---------------------------------------------------- */

.Path ul li {
	float:left;
}
.LayoutImgL {
	float:left;
	width:150px;
}
.LayoutSentenceR {
	font:left;
}
.BtnSecret {
	float:left;
	width:320px;
}
.BtnOnePoint {
	float:left;
	width:320px;
}
.BtnFlow {
	float:left;
	width:320px;
}
.BtnOnline {
	float:left;
	width:320px;
}
.BtnOnePoint dl, 
.BtnSecret dl {
	margin:10px 0 20px 0;
}

.BtnOnePoint dl dt, 
.BtnSecret dl dt, 
.BtnFlow dl dt, 
.BtnOnline dl dt {
	margin:5px 0;
}

/* Onepoint
---------------------------------------------------- */
.LayoutImgR {
	float:right;
}
.LayoutSentenceL {
	float:left;
	width:500px;
}
.PointBoxTop {
	background:url(/buy/img/bg_top.gif) top left no-repeat;
	padding:20px;
}
.PointBoxBottom {
	background:url(/buy/img/bg_bottom.gif) bottom left no-repeat;
}
ul li {
	color:#001F4C;
}
span.essential {
	color:#FF4209;
}
dl {
	margin:0 0 15px 0;
}
dl dt {
	font-weight:bold;
	color:#001F4C;
	padding:5px 0;
}

/* Flow
---------------------------------------------------- */
#Flow {
	margin:10px 0 20px 0;
}

.FlowArrow {
	float:left;
	width:30px;
}
.FlowDtail {
	float:left;
	width:600px;
}

h3.FlowTtl {
	margin:0 0 10px 0;
}

p.Flow01 {
	background:url(/buy/img/flow/bg_flow01.gif) bottom right no-repeat;
	height:80px;
}
p.Flow02 {
	background:url(/buy/img/flow/bg_flow02.gif) bottom right no-repeat;
	height:70px;
}
p.Flow03 {
	background:url(/buy/img/flow/bg_flow03.gif) bottom right no-repeat;
	height:60px;
}
p.Flow04 {
	background:url(/buy/img/flow/bg_flow04.gif) bottom right no-repeat;
	height:60px;
}

.PrincipleTop {
	background:url(/buy/img/flow/bg_flowtop.gif) top left no-repeat;
	padding:20px 0;
}
.PrincipleBottom {
	background:url(/buy/img/flow/bg_flowbottom.gif) bottom left no-repeat;
}


/* Secret
---------------------------------------------------- */
.Secret {
	background:url(/buy/img/secret/bg.gif) top right no-repeat;
	padding-bottom:50px;
}

/* Online
---------------------------------------------------- */

#OnlineTable {
	border:1px solid #EEE;
	padding:1px;
}

table.Online {
	width:100%;
	font-size:1.0em;
}

table.Online th {
	background:#EEE;
	border-right:1px solid #FFF;
	border-bottom:1px solid #FFF;
	text-align:left;
	vertical-align:center;
	padding:2px 0 2px 10px ;
	font-weight:normal;
}

table.Online td {
	padding:2px 10px;
	border-bottom:1px solid #FFF;
}
.btn {
	margin:10px;
	text-align:center;
}