@charset "utf-8";
/* 
------------------------------------------------
Cecile /sc/mcxprs/ Layout CSS
Version: 2011/12/22
------------------------------------------------*/

div#rakuraku-conts{
	text-align: left;
	padding-bottom: 10px;
	margin: 0 4px;
	color: #5e5441;
}

div#rakuraku-conts img{
	vertical-align: bottom;
}

div#rakuraku-conts h3 {
	margin: 0;
	padding: 0;
}

div#rakuraku-conts h3 {
	margin-bottom: 14px;
}

div#rakuraku-conts p,
div#rakuraku-conts ul,
div#rakuraku-conts li,
div#rakuraku-conts dl,
div#rakuraku-conts dt,
div#rakuraku-conts dd{
	margin: 0;
	padding: 0;
}
div#rakuraku-conts p.m-right {
	float: right;
}

div#rakuraku-conts p.m-left {
	float: left;
}

div#rakuraku-conts .img-a {
	margin-top: 5px;
}

div#rakuraku-conts p.gotop {
	margin-bottom: 20px;
}
div#rakuraku-conts h1{
	margin: 0;
	padding: 0;
}
div#rakuraku-conts .center{
	text-align: center;
}

div#rakuraku-conts h2{
	margin: 30px 0 0 0;
}

/*--------------------------------
	block-01
--------------------------------*/
div#rakuraku-conts .block-01{
	font-size: 108%;
	line-height: 2.0;
	text-align: left;
}
div#rakuraku-conts .block-01 span{
	font-size: 133%;
	color: #cc3366;
	font-weight: bold;
}
div#rakuraku-conts .block-01 .inner-l{
	float: left;
	margin: 10px 0 0 20px;
	width: 480px;
}
div#rakuraku-conts .block-01 .inner-r{
	float: right;
	margin-right:0px;
}

/*--------------------------------
	block-02
--------------------------------*/
div#rakuraku-conts .block-02{
	background: url(../img/bg-cont-01.gif) 0 0;
	padding-bottom: 5px;
}
div#rakuraku-conts .block-02 p{
	margin: 20px 0;
}
div#rakuraku-conts .block-02 ul li{
	background: url(../img/bg-sell-01.gif) no-repeat 0 0;
	width: 920px;
	margin-left: 15px;
	margin-bottom: 7px;
}

div#rakuraku-conts .block-02 ul li dl{
	padding: 5px;
	background: url(../img/bg-sell-02.gif) no-repeat 0 100%;
	position: relative;
}
div#rakuraku-conts .block-02 ul li dl dt{
	background: url(../img/bg-sell-03.gif) repeat-x 0 0;
	font-weight: bold;
	color: #FFFFFF;
	float: left;
	width: 240px;
	text-align: center;
	vertical-align: middle;
	font-size: 116%;
}
div#rakuraku-conts .block-02 ul li.line-01 dl dt{ padding: 28px 0;}
div#rakuraku-conts .block-02 ul li.line-02 dl dt{ padding: 66px 0;}
div#rakuraku-conts .block-02 ul li.line-03 dl dt{ padding: 52px 0;}
div#rakuraku-conts .block-02 ul li.line-04 dl dt{ padding: 41px 0;}

div#rakuraku-conts .block-02 ul li dl dd{
	margin: 17px 0 0 20px;
	width: 640px;
}
div#rakuraku-conts .block-02 ul li dl dd.discription{
	width: 370px;
	float: left;
}
div#rakuraku-conts .block-02 ul li dl dd.supple{
	font-size: 88%;
	line-height: 1.6;
	width: 370px;
	float: left;
	margin-top: 10px;
}
div#rakuraku-conts .block-02 ul li dl dd.surface{
	width: 273px;
	position: absolute;
	top: 7px;
	left: 640px;
}

/*--------------------------------
	block-03
--------------------------------*/
div#rakuraku-conts .block-03{
	background: url(../img/bg-cont-01.gif) 0 0;
	padding-bottom: 25px;
}
div#rakuraku-conts .block-03 p{
	margin: 20px 0;
}
div#rakuraku-conts .block-03 ul.button-list{
	margin-left: 48px;
}
div#rakuraku-conts .block-03 ul.button-list li{
	float: left;
	width: 403px;
	margin-right: 48px;
	text-align: center;
	font-size: 88%;
}
div#rakuraku-conts .block-03 ul.button-list li.last-child{
	margin-right: 0;
}
div#rakuraku-conts .block-03 ul.button-list li span.att {
	text-align: center;
	display: block;
	margin-top: 5px;
}
div#rakuraku-conts .block-03 ul.button-list li p.caution {
	font-size: 105%;
	text-align: left;
	margin: 10px 0;
}
div#rakuraku-conts .block-03 ul.button-list li p.caution span {
	font-weight: bold;
	color: #ff0000;
}

div#rakuraku-conts .block-03 .flow-block{
	width: 920px;
	padding-top: 25px;
	margin: 20px 0 0 15px;
	background: url(../img/bg-sell-01.gif) no-repeat 0 0;
}
div#rakuraku-conts .block-03 .flow-block h3{
	text-align: center;
	margin: 0 0 20px 0;
}
div#rakuraku-conts .block-03 .flow-block ul{
	padding: 0 0 20px 25px;
	background: url(../img/bg-sell-02.gif) no-repeat 0 100%;
}
div#rakuraku-conts .block-03 .flow-block ul li{
	float: left;
	display: inline;
	width: 221px;
}
div#rakuraku-conts .block-03 .flow-block ul li dl dt{
	margin-bottom: 10px;
}
div#rakuraku-conts .block-03 .flow-block ul li dl dd span{
	font-size: 88%;
}

/*--------------------------------
	block-03
--------------------------------*/
div#rakuraku-conts .block-04{
	background: url(../img/bg-cont-01.gif) 0 0;
	padding-bottom: 5px;
}
div#rakuraku-conts .block-04 p{
	margin: 20px 0;
}
div#rakuraku-conts .block-04 .flow-list{
	margin: 15px 0 0 19px;
}
div#rakuraku-conts .block-04 .flow-list li{
	float: left;
	display: inline;
	width: auto;
}
div#rakuraku-conts .block-04 .attention p{
	padding-top: 8px;
}

/*--------------------------------
	common class
--------------------------------*/
div#rakuraku-conts .attention{
	background: #FFF;
	/*background: url(../images/bg-cont-02.gif) 0 0;*/
	border: 2px solid #ddaec9;
	width: 750px;
	margin: 20px 0 0 100px;
	padding-bottom: 10px;
}
div#rakuraku-conts .attention h4{
	margin: 12px 0 0 0;
	padding-left: 12px;
	width: 190px;
	float: left;
}
div#rakuraku-conts .attention p{
	float: left;
	margin: 10px 0 0 0;
	padding-left: 14px;
	width: 493px;
	font-size: 88%;
}

/*--------------------------------
	faq
--------------------------------*/
div#rakuraku-conts .faq-conts {
	width: 780px;
    margin: 0 auto;
    padding: 15px 10px 0;
	font-size: 80%;
}
div#rakuraku-conts .faq-conts h2{
	margin: 15px 20px;
}
div#rakuraku-conts .faq-conts p{
	margin-left: 20px;
	margin-right: 20px;
}
div#rakuraku-conts .faq-conts ul,
div#rakuraku-conts .faq-conts li {
    list-style: none outside none;
}
div#rakuraku-conts .faq-conts ul{
	margin: 0 20px 30px 20px;
}
div#rakuraku-conts .faq-conts ul li{
	margin-bottom: 15px;
}
div#rakuraku-conts .faq-conts ul li dl .question{
	color: #cc3366;
	/*background: #fad9ed;*/
	padding: 10px;
	font-size: 116%;
	border-bottom: 2px solid #e39ac2;
	font-weight: bold;
}
div#rakuraku-conts .faq-conts ul li dl .answer{
	background: url(../img/bg-cont-01.gif) 0 0;
	padding: 10px;
}
div#rakuraku-conts .faq-conts ul li dl .answer span{
	font-size: 88%;
	margin-left: 10px;
}
div#rakuraku-conts .faq-conts ul li dl .selecter{
	background: url(../img/bg-cont-02.gif) 0 0;
	padding: 10px;
	line-height: 1.5;
}

div#rakuraku-conts .faq-conts h3{
	color: #FFFFFF;
	padding: 10px;
	background: #d8599e;
	border-bottom: 3px solid #eca5d0;
	margin-left: 20px;
	margin-right: 20px;
}
div#rakuraku-conts .faq-conts table{
	margin: 10px 20px 0 20px;
	background: #FFFFFF;
	border-left: 1px solid #eda9d3;
	border-top: 1px solid #eda9d3;
	color: #5e5441;
}
div#rakuraku-conts .faq-conts table th,
div#rakuraku-conts .faq-conts table td{
	padding: 5px 10px;
	text-align: left;
	border-right: 1px solid #eda9d3;
	border-bottom: 1px solid #eda9d3;
}
div#rakuraku-conts .faq-conts table th{
	font-weight: bold;
	background: url(../img/bg-cont-01.gif) 0 0;
}
div#rakuraku-conts .faq-conts .uir01_pop_close {
    clear: both;
    margin: 0;
    padding: 20px 0 0;
    text-align: center;
}

/*-----------------------------------------------
	clearfix
-----------------------------------------------*/
div#rakuraku-conts .block-01,
div#rakuraku-conts .block-02 ul li dl,
div#rakuraku-conts .block-03 ul,
div#rakuraku-conts .attention,
div#rakuraku-conts .block-04 .flow-list{
	display: inline-block;
}
div#rakuraku-conts .block-01:after,
div#rakuraku-conts .block-02 ul li dl:after,
div#rakuraku-conts .block-03 ul:after,
div#rakuraku-conts .attention:after,
div#rakuraku-conts .block-04 .flow-list:after{
	height: 0;
	visibility: hidden;
	display: block;
	content: ".";
	clear: both;
	line-height: 0;
}
/* hide from MacIE \*/
* html div#rakuraku-conts .block-01,
* html div#rakuraku-conts .block-02 ul li dl,
* html div#rakuraku-conts .block-03 ul,
* html div#rakuraku-conts .attention,
* html div#rakuraku-conts .block-04 .flow-list{
	height: 1em;
}
div#rakuraku-conts .block-01,
div#rakuraku-conts .block-02 ul li dl,
div#rakuraku-conts .block-03 ul,
div#rakuraku-conts .attention,
div#rakuraku-conts .block-04 .flow-list{
	display: block;
}
/* end of clearfix */