@charset "Shift_JIS";
/* -------------------------------------------------------------------

	サービス説明ページ CSS

------------------------------------------------------------------- */

/* ----------------------------------------
   
---------------------------------------- */
.footer{
	padding-top:20px;
}


div.section h2,
div.section h3,
div.section h4,
div.section p{
	display:none;
}

div.section .text h2,
div.section .text h3,
div.section .text h4,
div.section .text p{
	display:block;
	margin-bottom:8px;
}

/*<!--div.section#service_card{
	width:910px;
	height:1291px;
	background:url(../images/common/bg_service_card.jpg) no-repeat;
}
div.section#service_card .text{
	width:430px;
	height:auto;
	position:relative;
	top:275px;
	left:120px;
}
-->*/

div.section#service_mail{
	width:910px;
	height:1149px;
	background:url(../images/common/bg_service_mail.jpg) no-repeat;
}
div.section#service_mail .text{
	width:830px;
	height:auto;
	position:relative;
	top:240px;
	left:150px;
}


div.section#service_tetodoke{
	width:910px;
	height:754px;
	background:url(../images/common/bg_service_tetodoke.jpg) no-repeat;
}
div.section#service_tetodoke .text{
	width:520px;
	height:auto;
	position:relative;
	top:270px;
	left:130px;
}
div.section#service_tetodoke .text#text2{
	width:480px;
	height:auto;
	position:relative;
	top:430px;
	left:330px;
}

/*------------------------------------------
h2見出し
-------------------------------------------*/

.block_section01_h2 {
    border-bottom: 3px solid #CCCCCC;
    margin-bottom: 20px;
    overflow: hidden;
    width: 100%;
}
.block_section01_h2 h2 {
    border-left: 5px solid #FF3366;
    float: left;
    font-size: 150%;
    line-height: 1em;
    margin: 8px 0 0;
    padding: 3px 0 3px 5px;
}



/*========こだわりメッセージカードとは？========*/
div#service_card .about_wrap{
width:950px;
margin:0 0 0 5px;
}

/*--clearfix--*/
div#service_card .about_wrap:after{
content: "";
display: block;
clear: both;
}

div#service_card .about{
float:left;
width:450px;
margin-left:15px;}

div#service_card .about strong{
	color:#ff3366;	
}

div#service_card .about p{
	margin-bottom:10px;
}


div#service_card p.read{
	font-weight:bold;
	margin-bottom:15px;
}


div#service_card div.kodawari_search{
	border:1px solid #f2d7e5;
}

div#service_card div.kodawari_search h3{
background:none;
margin:0;
padding:0;
}

div#service_card div.kodawari_search p.step01-02{
background: url("../../images/common/service_card/icon_original_free.gif") no-repeat scroll 30px center transparent;
	padding:10px 20px 0 130px;
}

div#service_card div.kodawari_search p.step03{
background: url("../../images/common/service_card/icon_kodawari.gif") no-repeat scroll 365px center transparent;
	padding:0 100px 0 20px;
}

div#service_card div.kodawari_search p.step_add{
	background-color:#e9e9e9;
	font-size:10px;
	padding:7px;
	margin:10px;
}

div#service_card p.step_exclude{
background: url("../../images/common/service_card/icon_selectgift.gif") no-repeat scroll 10px center transparent;
	padding:4px 20px 4px 60px;
	margin:10px 0;
}


div#service_card div.kodawari_search span{
	font-weight:bold;
}

div#service_card .about_wrap .kodawari_card_img{
	float:right;
}

div#service_card .howto img{
	margin-left:25px;
}

/*========おすすめ商品========*/

div#service_card .osusume{
	border:1px solid #f2d7e5;
	width:948px;
	margin-bottom:15px;	
}

/*--clearfix--*/
div#service_card .osusume:after{
content: "";
display: block;
clear: both;
}

div#service_card .osusume h2{
	margin-bottom:10px;
	border-bottom:1px solid #f2d7e5;
	background-color:#FF89A6;
}

ul.product-row{
width:900px;
padding:0 0 0 0;
margin:20px 0 20px 15px;
}

/*--clearfix--*/
ul.product-row:after{
content: "";
display: block;
clear: both;
}

ul.product-row li{
float:left;
width: 290px;
margin:0 10px 0 0 ;
_display:inline;/*IE6hack*/
}

/*--clearfix--*/
ul.product-row li:after{
content: "";
display: block;
clear: both;
}

ul.product-row li p.product_pic{
float:left;
margin-right:10px;
}

ul.product-row li p.product_pic img{
border:1px solid #dfdfdf;
}

ul.product-row li h4{
color:#ff5a00;
padding:5px 5px 2px 5px;
margin-bottom:15px;
}

ul.product-row li p.price{
font-weight:bold;
background:url(../images/common/line_dot_red.gif) repeat-x left bottom;
}


ul.product-row .order{
text-align:center;
}

#all .big_colomn{
	width:950px;
	margin:50px auto;
	
}