@charset "utf-8";

/* ==================================================================

home_common.css

===================================================================== */

/* 
header_home
---------------------------------------------------------------------- */
#header_home{
  overflow: hidden;
}

#header_home .logo a{
	margin:13px 0px 0px 6px;
	background:url(../img/logo.gif) top left no-repeat;
	background-size:138px auto;
	-webkit-background-size:138px auto;
	-moz-background-size:138px auto;
	width:145px;
	height:33px;
	
	display:block;
	float:left;
	
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}

#header_home #menuBtn{
	width:53px;
	height:53px;
	background: url(../home/common/menu_btn.gif) center center no-repeat;
	background-size:53px 53px;
	-webkit-background-size:53px 53px;
	-moz-background-size:53px 53px;
	display:block;
	float:right;
	
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}

#header_home #searchBtn{
	width:53px;
	height:53px;
	background:url(../home/common/search_btn.gif) center center no-repeat;
	background-size:53px 53px;
	-webkit-background-size:53px 53px;
	-moz-background-size:53px 53px;
	
	display:block;
	float:right;
	
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}




/*　○○から探すボタン部分
---------------------------------------------------------------------- */

.home_search_box{
	margin:0 10px 10px;
	padding:0;
	background-color:#ffe3e3;
	-webkit-border-radius: 0 0 5px 5px / 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px / 0 0 5px 5px;
	border-radius: 0 0 5px 5px / 0 0 5px 5px;
}

/*　アコーディオン
---------------------------------------------------------------------- */

div.accp{
	margin:0;
	padding:0;
}

/*　アコーディオン　開いたとき*/

a.a_acc{ 
	margin:0;
	padding:0;
	height:58px;
	background-color:#f66;
	background-image:url(../home/common/home_minus.png);
	background-repeat: no-repeat;
	background-position:96% 50%;
	background-size:26px 26px;
	-webkit-border-radius: 5px 5px 0 0 / 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0 / 5px 5px 0 0;
	border-radius: 5px 5px 0 0 / 5px 5px 0 0;
	display:block;
	box-sizing:border-box;
}

 a.a_acc p.p_service{ 
	margin:0;
	padding:20px 0 0 72px;
	height:58px;
	font-size:1.9rem;
	color:#fff;
	line-height:1.1em;
	font-weight:bold;
	text-align:left;
	display:block;
	box-sizing:border-box;
	background-color: transparent;
	background-image:url(../home/common/icon_service.png);
	background-repeat: no-repeat;
	background-position:10px 6px;
	background-size:56px 42px;
}

a.a_acc p.p_nayami{ 
	margin:0;
	padding:20px 0 0 72px;
	height:58px;
	font-size:1.9rem;
	color:#fff;
	line-height:1.1em;
	font-weight:bold;
	text-align:left;
	display:block;
	box-sizing:border-box;
	background-color: transparent;
	background-image:url(../home/common/icon_nayami.png);
	background-repeat: no-repeat;
	background-position:14px 9px;
	background-size:36px 41px;
}

 a.a_acc p.p_riyou{ 
	margin:0;
	padding:20px 0 0 72px;
	height:58px;
	font-size:1.9rem;
	color:#fff;
	line-height:1.1em;
	font-weight:bold;
	text-align:left;
	display:block;
	box-sizing:border-box;
	background-color: transparent;
	background-image:url(../home/common/icon_riyou.png);
	background-repeat: no-repeat;
	background-position:13px 13px;
	background-size:35px 34px;
}

a.a_acc p span{ 
	font-size:1.5rem;
	vertical-align:middle;
}



/*　アコーディオン　閉じたとき*/

a.close{ 
	margin:0;
	padding:0;
	height:58px;
	width:100%;
	display:block;
	box-sizing:border-box;
	background-color:#f66;
	background-image:url(../home/common/home_plus.png);
	background-repeat: no-repeat;
	background-position:96% 50%;
	background-size:26px 26px;
	-webkit-border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px;
}

/*　アコーディオン　子　accp*/

.search_naka{
	margin:0 10px;
	padding:0 0 10px 0;
}

/*三列*/

ul.ul_three{
	margin:0;
	padding:0;
}

ul.ul_three li{
	margin:0 3px 3px 0;
	padding:0;
	width:32.5%;
	height:54px;
	background-color:#fff !important;
	-webkit-border-radius: 3px 3px 3px 3px / 3px 3px 3px 3px !important;
	-moz-border-radius:3px 3px 3px 3px / 3px 3px 3px 3p !importantx;
	border-radius: 3px 3px 3px 3px / 3px 3px 3px 3px !important;
	float:left;
	box-sizing:border-box;
	display:table;
}

ul.ul_three li:nth-child(3n){
	margin:0 0 5px 0;
}

ul.ul_three li a{
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	color:#444;
	line-height:1.2em;
	text-decoration:none;
	text-align:center;
	vertical-align:middle;
	background-image:url(../common/arrow_pink2.png) !important;
	background-position:100% 100% !important;
	background-repeat:no-repeat;
	background-size:10px 10px !important;
	box-sizing:border-box;
	display:table-cell;
	vertical-align:middle;
}


/*一列*/

ul.ul_one{
	margin:0;
	padding:0;
}

ul.ul_one li{
	margin:0;
	padding:0;
	width:100%;
	height:65px;
	background-color:#fff;
	border-bottom:1px dotted #ccc;
	box-sizing:border-box;
	display:table;
}

ul.ul_one li:first-child{
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
}

ul.ul_one li:last-child{
	-webkit-border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
	border-bottom:none;
}

ul.ul_one li a{
	margin:0;
	padding:0 0 0 9px;
	width:100%;
	height:65px;
	line-height:1.2em;
	color:#444;
	box-sizing:border-box;
	background-image:url(../common/arrow_pink1.png);
	background-position:96% 50%;
	background-repeat:no-repeat;
	background-size:9px 14px;
	box-sizing:border-box;
	text-decoration:none;
	display: table-cell;
	vertical-align:middle;
	position:relative;
}

ul.ul_one li a img{
	margin:0 9px 0 0;
	width:48px;
	height:48px;
	float:left;
	position:relative;
}

ul.ul_one li a p.p_riyou{
	margin:0;
	padding:16px 0 0;
	line-height:1.2em;
	color:#444;
	vertical-align:middle;
}



/* 
バナーボタン系
---------------------------------------------------------------------- */

/*無料レンタルバナー*/

a.a_bnr_rental2{
	margin:10px auto !important;
	padding:0 !important;
	width:280px !important;
	height:55px !important;
	border:2px solid #CF5C99;
	background-image:url(../common/bg_bnr_rental.png) !important;
	background-repeat:repeat !important;
	background-size:5px 5px !important;
	display:block;
	box-sizing:border-box;
}

a.a_bnr_rental2 img.photo{
	margin:0;
	width:85px;
	height:51px;
	float:left;
}

a.a_bnr_rental2 div{
	margin:0;
	padding:8px 0 0;
	text-align:center;
}

a.a_bnr_rental2 div img{
	margin:0;
	width:183px;
	height:37px;
}


/*クリーングッズ注文サイト*/

.chumon_box{
	margin:30px 10px 20px;
	padding:0;
}

.chumon_box div.div_chumon{
	margin:0 auto;
	padding:0;
	width:300px;
	height:auto;
	/*background-color:#fa0;*/
	/*background-image:url(../common/bnr_shop_bg.png);
	background-position:0 100%;
	background-repeat:no-repeat;
	background-size:43px 62px;*/
	/*-webkit-border-radius: 38px 38px 38px 38px / 38px 38px 38px 38px;
	-moz-border-radius: 38px 38px 38px 38px / 38px 38px 38px 38px;
	border-radius: 38px 38px 38px 38px / 38px 38px 38px 38px;*/
}

.chumon_box div.div_chumon a.a_chumon{
	/*margin:0;*/
	/*padding: 0 0 0 20px;*/
	width:300px;
	height:auto;
	/*background-color: transparent;
	background-image:url(../common/arrow_white1.png);
	background-position:96% 50%;
	background-repeat:no-repeat;
	background-size:12px 18px;*/
	text-align:center;
	display:block;
	box-sizing:border-box;
	position:relative;
	overflow:visible;
}

.chumon_box div.div_chumon a.a_chumon img{
	/*margin:14px 0 0 0;
	width:236px;
	height:67px;*/
    width: 100%;
}

.chumon_box p{
	margin:12px 0 0 0;
	padding:0;
	font-size:1.4rem;
	color:#345;
	line-height:1.3em;
	font-weight:bold;
	text-align:center;
}

/*よくある質問*/
.b_faq_box{
	margin:0;
	padding:20px 0;
	text-align:center;
}

.b_faq_box img{
	width:300px;
	height:50px;
}


/* 
お問い合わせ窓口　共通
---------------------------------------------------------------------- */


.contact_box_home{
	margin:0;
	padding:35px 0;
	background-color:#ffe8e8;
}

.contact_box_home a{
	text-decoration:none;
}


.contact_box_home h2{
	margin:0;
	padding:-15px 0 0 0;
	border-top: 3px solid #f66;
	text-align:center;
}

.contact_box_home h2 p{
	margin:-10px auto 15px;
	padding:0;
	width:220px;
	font-size:1.6rem;
	color:#f66;
	line-height:1.4em;
	background-color:#ffe8e8;
	text-align:center;
}

.contact_box_home h2 span.en{
	margin:0;
	padding:0;
	font-size:0.8rem;
	color:#aaa;
	line-height:1.2em;
	font-weight:normal;
	text-align:center;
}

.contact_box_home .contact_box_naka{
	margin:0 auto;
	padding:0;
	width:280px;
}

.contact_box_home .contact_box_naka a.a_tel_home{
	margin:0 auto;
	padding:7px;
	background-color:#fff;
	background-image:url(../common/tel_home_arrow.png);
	background-position:96% 50%;
	background-repeat:no-repeat;
	background-size:10px 16px;
	display:block;
	box-sizing:border-box;
}

.contact_box_home .contact_box_naka a img.img_contact_icon{
	margin:0;
	width:47px;
	float:left;
}

.contact_box_home .contact_box_naka a div.div_tel{
	margin:2px 0 0 0;
	padding:0 10px 0 0;
	text-align:center;
}

.contact_box_home .contact_box_naka a div.div_tel img{
	margin:5px 0 0 0;
	width:146px;
}

.contact_box_home .contact_box_naka dl.dl_contact{
	margin:10px 0 0 0;
	padding:0;
}

.contact_box_home .contact_box_naka dl.dl_contact dt{
	margin:0 5px 5px 0;
	padding:2px 0 0;
	width:70px;
	font-size:1.2rem;
	color:#f66;
	line-height:1.1em;
	border:1px solid #f66;
	text-align:center;
	-webkit-border-radius: 2px 2px 2px 2px / 2px 2px 2px 2px;
	-moz-border-radius: 2px 2px 2px 2px / 2px 2px 2px 2px;
	border-radius: 2px 2px 2px 2px / 2px 2px 2px 2px;
	float:left;
	clear:both;
}

.contact_box_home .contact_box_naka dl.dl_contact dd{
	margin:0 0 5px 0;
	padding:3px 0 1px;
	font-size:1.2rem;
	color:#333;
	line-height:1.1em;
}

.contact_box_home .contact_box_naka em{
	margin:5px 0 10px;
	padding:0 0 0 1em;
	font-size:1rem;
	color:#944;
	line-height:1.3em;
	text-indent:-1em;
	display:block;
}

.contact_box_home .contact_box_naka a.a_btn_mail{
	margin:10px 0;
	padding:0 0 0 0;
	width:100%;
	height:44px;
	font-size:1.4rem;
	color:#fff;
	line-height:1.3em;
	background-color:#f66;
	text-decoration:none;
	background-image:url(../common/arrow_white1.png);
	background-repeat: no-repeat;
	background-position:96% 50%;
	background-size:10px 16px;
	display:block;
	box-sizing:border-box;
}

.contact_box_home .contact_box_naka a.a_btn_mail p{
	margin:0;
	padding:14px 0 0 0;
	width:100%;
	height:44px;
	color:#fff;
	line-height:1.3em;
	text-align:center;
	background-color: transparent;
	text-decoration:none;
	background-image:url(../common/btn_mail.png);
	background-repeat: no-repeat;
	background-position:15px 50%;
	background-size:19px 15px;
	display:block;
	box-sizing:border-box;
}

.contact_box_home .contact_box_naka a.a_btn_mail p.p_change{
	margin:0;
	padding:8px 0 0 0;
	width:100%;
	height:44px;
	color:#fff;
	line-height:1.1em;
	text-align:center;
	background-color: transparent;
	text-decoration:none;
	background-image:url(../common/btn_change.png);
	background-repeat: no-repeat;
	background-position:15px 50%;
	background-size:19px 19px;
	display:block;
	box-sizing:border-box;
}

.contact_box_home .contact_box_naka a.a_btn_mail p.p_change span{
	font-size:1.1rem;
}

.contact_box_home .contact_box_naka a.a_btn_other{
	margin:10px 0;
	padding:0 0 0 0;
	width:100%;
	height:44px;
	font-size:1.4rem;
	color:#f66;
	line-height:1.3em;
	background-color:#fff;
	text-decoration:none;
	border:1px solid #f66;
	background-image:url(../common/arrow_pink3.png);
	background-repeat: no-repeat;
	background-position:96% 50%;
	background-size:10px 16px;
	display:block;
	box-sizing:border-box;
}

.contact_box_home .contact_box_naka a.a_btn_other p{
	margin:0;
	padding:13px 0 0 0;
	width:100%;
	height:44px;
	color:#f66;
	line-height:1.3em;
	text-align:center;
	background-color: transparent;
	text-decoration:none;
	background-image: none !important;
	display:block;
	box-sizing:border-box;
}

/* 
サービスページ提供エリアボックス
---------------------------------------------------------------------- */

.area_box{
	margin:0;
	padding:10px;
	background-color:#f7f7f7;
}

.area_box dl.dl_area{
	margin:0;
	padding:0;
	display:table;
}

.area_box dl.dl_area dt{
	padding:5px 0;
	width:75px;
	font-size:1.2rem;
	line-height:1.2em;
	color:#fff;
	font-weight:normal;
	text-align:center;
	background-color:#f66;
	vertical-align:middle;
	display:table-cell;
}

.area_box dl.dl_area dd{
	padding:5px 10px;
	font-size:1.3rem;
	line-height:1.4em;
	color:#444;
	vertical-align:middle;
	display:table-cell;
}