﻿/*-----------------------------------------------------	*/
/*	for home						*/
/*-----------------------------------------------------	*/

#left_column {
	width:560px;
}
#right_column {
	width:340px;
}
.contents_box {
	padding:0;
}

.home_block01 {
	margin-bottom:10px;
	padding:9px;
	border-radius:10px;
	background-color:#ceeaf2;
	-moz-box-sizing:border-box;
	webkit-box-sizing:border-box;
	box-sizing:border-box;
	clear:both;
}
.home_box01 {
	overflow:hidden;
	margin:0;
	padding:0;
	clear:both;
	border:1px #fc94c7 solid;
	border-radius:8px;
	background:url(../images/home_block_bg.png) repeat left top;
	background-color:#FFFFFF;
	-moz-box-sizing:border-box;
	webkit-box-sizing:border-box;
	box-sizing:border-box;
}
.home_box01 .box {
	padding:5px 10px;
	background:url(../images/home_box_bg.png) no-repeat right bottom;
	text-shadow: 0px 2px 1px rgba(255,255,255,1),
               -2px -2px 2px rgba(255,255,255,1),
               2px 2px 2px rgba(255,255,255,1);
}

.pickup_title {
	border-bottom:8px #fb79b9 solid;
	margin-bottom:15px;
	padding-bottom:5px;
	position:relative;
}
.pickup_title:after {
	content:"";
	position: absolute;
	bottom: -18px;
	left: 50%;
	margin-left:-10px;
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #fb79b9;
}

ol.merit_list {
	margin:0;
	padding:0;
	list-style:none;
}
ol.merit_list li {
	height:50px;
	padding:5px 10px;
	color:#4793c4;
	font-size:16px;
	line-height:130%;
}
ol.merit_list li span {
	height:50px;
	padding-left:60px;
	display: table-cell;
	vertical-align:middle;
}
.merit_no1 { background:url(../images/merit_list_1.png) no-repeat 8px center; }
.merit_no2 { background:url(../images/merit_list_2.png) no-repeat 8px center; }
.merit_no3 { background:url(../images/merit_list_3.png) no-repeat 8px center; }
.merit_no4 { background:url(../images/merit_list_4.png) no-repeat 8px center; }
.merit_no5 { background:url(../images/merit_list_5.png) no-repeat 8px center; }
.merit_no6 { background:url(../images/merit_list_6.png) no-repeat 8px center; }
.merit_no7 { background:url(../images/merit_list_7.png) no-repeat 8px center; }
.merit_no8 { background:url(../images/merit_list_8.png) no-repeat 8px center; }
.merit_no9 { background:url(../images/merit_list_9.png) no-repeat 8px center; }
.merit_no10 { background:url(../images/merit_list_10.png) no-repeat 8px center; }
ol.merit_list li.odd {
	background-color:#f9f8f8;
}

.promise_title {
	margin-bottom:5px;
}
#side_promise {
	margin-bottom:15px;
	padding:5px;
	background:url(../images/side_promise_line.png) repeat left top;
}
#side_promise .side_promise_box {
	margin-top:5px;
	padding:5px;
	background:url(../images/side_promise_bg.png) repeat left top;
}
#side_promise .side_promise_box:first-child {
	margin-top:0px;
}
#side_promise dl {
	padding-top:10px;
}
#side_promise dl dt {
	padding-bottom:5px;
	padding-left:60px;
	color:#f55791;
	font-size:18px;
}
#side_promise dl dd {
	padding-left:60px;
}
#side_promise dl.promise_1 { background:url(../images/promise_1.png) no-repeat left top; }
#side_promise dl.promise_2 { background:url(../images/promise_2.png) no-repeat left top; }
#side_promise dl.promise_3 { background:url(../images/promise_3.png) no-repeat left top; }

.home_block02 {
	background:none;
	clear:both;
}

@media screen and (min-width: 801px) {}

/*-----------------------------------------------------	*/
/*	for - 800px					*/
/*-----------------------------------------------------	*/

@media screen and (max-width: 800px) {

	#left_column {
		width:100%;
		padding-right:0px;
		float:none;
	}
	#right_column {
		width:100%;
		padding-right:0px;
		float:none;
	}
		
}
@media screen and (min-width: 601px) {}
@media screen and (min-width: 601px) and (max-width: 800px) {}


/*-----------------------------------------------------	*/
/*	for - 600px					*/
/*-----------------------------------------------------	*/

@media screen and (max-width: 600px) {
	

}


/*-----------------------------------------------------	*/
/*	for - 479px					*/
/*-----------------------------------------------------	*/

@media screen and (max-width: 479px) {
	
	ol.merit_list li {
		font-size:14px;
	}
		
}

@media screen and (max-width: 399px) {

}

