@charset "utf-8";
/* CSS Document */


html,body{
    height: 100%;
}
.T_center {text-align: center;}
.T_right {text-align: right;}
.float_L {float: left;}
.float_R {float: right;}
.float_C {clear: both;
	width: 0px;
	height: 0px;}

.mar_T60 {margin: 60px 0px 0px 0px;}
.mar_B10 {margin: 0px 0px 10px 0px;}
.mar_B20 {margin: 0px 0px 20px 0px;}
.mar_B30 {margin: 0px 0px 30px 0px;}
.mar_B40 {margin: 0px 0px 40px 0px;}
.mar_B55 {margin: 0px 0px 55px 0px;}
.mar_R10 {margin: 0px 10px 0px 0px;}
.mar_R20 {margin: 0px 20px 0px 0px;}
.mar_R30 {margin: 0px 30px 0px 0px;}
.mar_R50 {margin: 0px 50px 0px 0px;}
.mar_R60 {margin: 0px 60px 0px 0px;}
.mar_L20 {margin: 0px 0px 0px 20px;}

.mar_T30 {margin: 30px 0px 0px 0px;}
.mar_L16 {margin: 0px 0px 0px 16px;}

.ft_85 { font-size:85%;}
a img {
	border:none;
	margin:0;
	padding:0;
}

img {
	border:none;
	margin:0;
	padding:0;
}


#box{
	width: 980px;
	margin:0 auto 30px auto;
	font-size:15.5px;
	line-height: 2em;
}


/*ヘッダー
----------------------------------------------------------------*/
.main_head01 {
	margin: 10% 0 50px 0;
	text-align:center;
	}
.main_head01 h1 {
	font-size: 220%;
	margin: 0 0 0.7em 0;
	padding: 0;
	font-weight:bold;
	}
.main_head01 p {
	margin: 0 0 1em 0;
	margin: 0 0 1em 0;
	padding: 0;	
	}
	
/*ポイント
----------------------------------------------------------------*/
.point_wrap {
	width:70%;
	margin: 0 auto 80px auto;
	padding: 3%;
	border: 10px #CCCCCC solid;
	}
.point_icon {
	width:100px;
	}
.point_iconbg01 ul {
    list-style: none;
    padding:0;
    margin:0;
	font-size:14px;
}
.point_iconbg01 li { 
    padding-left: 1em; 
    text-indent: -.7em;
	padding-bottom:0.5em;
}
.point_iconbg01 li:before {
    content: "• ";
    color: grey;
}
	
.point_iconbg01{
	width: 80%;
	padding: 0 0 0 20%;
	background-image: url(../../common/img/icon_01.png);
	background-position: left center;
	background-size: 100px 100px;
	background-repeat: no-repeat;
}
/*フッターポイント
----------------------------------------------------------------*/
.point_wrap02 {
	width:70%;
	margin: 0 auto 80px auto;
	padding: 3%;
	border: 10px #CCCCCC solid;
	}
.point_wrap02 p {
	margin: 0;
	padding: 0;
	}
.point_wrap02_ti {
	font-size:130%;
	margin: 0 0 0 0;
	line-height:2em;
	color:#00334D;
	font-weight:bold;
	} 

	
/*手順
----------------------------------------------------------------*/

.step_wrap {
	width:100%;
	margin: 0 0 100px 0;
	}
.step_wrap_l {
	width:600px;
	margin: 0 auto 0 auto;
	}
.step_wrap_r {
	width:450px;
	float:left;
	}
.step_ti01 {
	width:100%;
	border-bottom: 1px #000000 solid;
	padding: 0 0 3% 0;
	font-weight:bold;
	font-size:150%;
	text-align:center; 
	margin: 0 0 5% 0;
	
	}
	
.step_pointwrap {
	width:90%;
	margin: 0 0 80px 0;
	padding: 3%;
	border: 1px #000000 solid;
	}
.step_pointwrap p {
	margin: 0;
	padding: 0;
	}
	
.step_point_iconbg01{
	width: 85%;
	padding: 0 0 0 15%;
	background-image: url(../../common/img/icon_02.png);
	background-position: left center;
	background-size: 50px 50px;
	background-repeat: no-repeat;
}

	
/*フッターコンテンツ
----------------------------------------------------------------*/
.foot_item_wrap {
	width:100%;
	padding: 3% 0;
	background-color:#EFEFEF;	
	}
.foot_item_wrapin {
	width:980px;
	margin: 0 auto;
	}
.foot_item_box01 {
	width:21.25%;
	margin: 0 5% 0 0;
	float:left;
	}
.foot_item_box01 p {
	text-align:center;
	color:#00334E;
	line-height:1.2em;
	}
.foot_item_box02 {
	width:21.25%;
	margin: 0 5% 0 0;
	float:left;
	}
.foot_item_box02 p {
	text-align:center;
	color:#00334E;
	line-height:1.2em;
	}
.foot_item_box03 {
	width:21.25%;
	margin: 0 0 0 0;
	float:left;
	}
.foot_item_box03 p {
	text-align:center;
	color:#00334E;
	line-height:1.2em;
	}
.wash_item01 {
	margin: 0 0 1% 0;
	}


.ti_foot {font-size: 150%; font-weight:bold; padding:0; margin: 0 0 3% 0;}

.ti_box01{
	width: 935px;
	padding: 5px 0 5px 45px;
	background-image: url(../img/cate_icon01.png);
	background-position: left center;
	background-size: 37px 37px;
	background-repeat: no-repeat;
	font-size: 150%;
	font-weight:bold;
	color:#00334F;
	margin: 0 0 3% 0;
}




.foot_item_wrap02 {
	width:100%;
	padding: 3% 0;
	background-color:#ffffff;	
	}
	
.foot_btn01 {
	width:450px;
	margin: 0 auto 10% auto;	
	}
	
	
	

a:hover img{
	opacity: 0.7;
	filter: alpha(opacity=70);
}
.link_no a:hover img{
	opacity: 1;
	filter: alpha(opacity=100);
}


#facebook {
	text-align:right;
	width:900px;
	margin:8px auto 0 auto;
	padding-bottom:8px;
}


.clear {
 clear:both;
}

@media only screen and (max-width: 980px) {


.mar_T60 {margin: 15% 0px 0px 0px;}
.mar_B10 {margin: 0px 0px 5% 0px;}
.mar_B20 {margin: 0px 0px 5% 0px;}
.mar_B30 {margin: 0px 0px 5% 0px;}
.mar_B40 {margin: 0px 0px 10% 0px;}
.mar_B55 {margin: 0px 0px 15% 0px;}
.mar_R10 {margin: 0px 5% 0px 0px;}
.mar_R20 {margin: 0px 10% 0px 0px;}
.mar_R30 {margin: 0px 10% 0px 0px;}
.mar_R50 {margin: 0px 15% 0px 0px;}
.mar_R60 {margin: 0px 20% 0px 0px;}
.mar_L20 {margin: 0px 0px 0px 5%;}

.mar_T30 {margin: 5% 0px 0px 0px;}
.mar_L16 {margin: 0px 0px 0px 5%;}

a img {
	border:none;
	margin:0;
	padding:0;
}

img {
	border:none;
	margin:0;
	padding:0;
}


#box{
	width: 100%;
	margin:0 auto 5% auto;
	font-size:100%;
	line-height: 2em;
}


/*ヘッダー
----------------------------------------------------------------*/
.main_head01 {
	margin: 15% 0 10% 0;
	text-align:center;
	}
.main_head01 h1 {
	font-size: 220%;
	margin: 0 0 0.7em 0;
	padding: 0;
	font-weight:bold;
	}
.main_head01 p {
	margin: 0 0 1em 0;
	padding: 0;	
	}
	
/*ポイント
----------------------------------------------------------------*/
.point_wrap {
	width:70%;
	margin: 0 auto 10% auto;
	padding: 0% 3% 3% 3%;
	border: 10px #CCCCCC solid;
	}
.point_icon {
	width:100px;
	}
.point_iconbg01 ul {
    list-style: none;
    padding:0;
    margin:0;
	font-size:100%;
}
.point_iconbg01 li { 
    padding-left: 1em; 
    text-indent: -.7em;
	padding-bottom:0.5em;
}
.point_iconbg01 li:before {
    content: "• ";
    color: grey;
}
	
.point_iconbg01{
	width: 100%;
	padding: 20% 0 0 0;
	background-image: url(../../common/img/icon_01.png);
	background-position: top center;
	background-size: 20%;
	background-repeat: no-repeat;
}
/*フッターポイント
----------------------------------------------------------------*/
.point_wrap02 {
	width:70%;
	margin: 0 auto 10% auto;
	padding: 3%;
	border: 10px #CCCCCC solid;
	}
.point_wrap02 p {
	margin: 0;
	padding: 0;
	}
.point_wrap02_ti {
	font-size:130%;
	margin: 0 0 0 0;
	line-height:2em;
	color:#00334D;
	font-weight:bold;
	} 
	
/*手順
----------------------------------------------------------------*/

.step_wrap {
	width:90%;
	margin: 0 auto 10% auto;
	}
.step_wrap_l {
	width:100%;
	margin: 0 auto 10% auto;
	float: none;
	}
.step_wrap_r {
	width:100%;
	margin: 0 auto 0 auto;
	float: none;
	}
.step_ti01 {
	width:100%;
	border-bottom: 1px #000000 solid;
	padding: 0 0 3% 0;
	font-weight:bold;
	font-size:150%;
	text-align:center; 
	margin: 0 0 5% 0;
	
	}
	
.step_pointwrap {
	width:90%;
	margin: 0 0 10% 0;
	padding: 3%;
	border: 1px #000000 solid;
	}
.step_pointwrap p {
	margin: 0;
	padding: 0;
	}
	
.step_point_iconbg01{
	width: 85%;
	padding: 0 0 0 10%;
	background-image: url(../../common/img/icon_02.png);
	background-position: left center;
	background-size: 10%;
	background-repeat: no-repeat;
}

/*フッターコンテンツ
----------------------------------------------------------------*/
.foot_item_wrap {
	width:100%;
	padding: 3% 0;
	margin: 0 0 10% 0;
	background-color:#EFEFEF;	
	}
.foot_item_wrapin {
	width:90%;
	margin: 0 auto;
	}
.foot_item_box01 {
	width:48%;
	margin: 0 4% 5% 0;
	float:left;
	}
.foot_item_box01 p {
	text-align:center;
	color:#00334E;
	line-height:1.2em;
	}
.foot_item_box02 {
	width:48%;
	margin: 0 0 5% 0;
	float:left;
	}
.foot_item_box02 p {
	text-align:center;
	color:#00334E;
	line-height:1.2em;
	}
.foot_item_box03 {
	width:48%;
	margin: 0 0 5% 0;
	float:left;
	}
.foot_item_box03 p {
	text-align:center;
	color:#00334E;
	line-height:1.2em;
	}
.wash_item01 {
	margin: 0 0 3% 0;
	}


.ti_foot {font-size: 150%; font-weight:bold; padding:0; margin: 0 0 3% 0;}

.ti_box01{
	width: 82%;
	padding: 2% 0 2% 8%;
	background-image: url(../img/cate_icon01.png);
	background-position: left center;
	background-size: 6%;
	background-repeat: no-repeat;
	font-size: 150%;
	font-weight:bold;
	color:#00334F;
	margin: 0 auto 3% auto;
}




.foot_item_wrap02 {
	width:100%;
	padding: 3% 0;
	background-color:#ffffff;	
	}
	
.foot_btn01 {
	width:70%;
	margin: 0 auto 10% auto;	
	}
	
}