@charset "utf-8";

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

各要素の基本設定

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

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
pre,code,form,fieldset,legend,input,textarea,
p,blockquote,th,td{
	margin:0;
	padding:0;
}
span{
	padding-left:0 !important;
}
table{
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img{
	border:none;
	vertical-align:bottom;
}
address,caption,cite,code,dfn,em,strong,th,var{
	font-style:normal;
	font-weight:normal;
}
ul,li{
	list-style:none;
}
caption,th{
	text-align:left;
}
h1,h2,h3,h4,h5,h6{
	font-size:100%;
	font-weight:normal;
}
input,textarea,select{
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
}

.ctgr_dduet .ctgr_dduet_ttl span{
	padding-left:80px !important;
}
.ctgy-ttl.ctgy-ttl-ico span{
	padding-left: 48px !important;
}


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

満足の保証書

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


#content{
	width:956px !important;
	float:none !important;
	background:#fffdee;
}

#content .main{
	background:url(/manzoku/images/main_back.gif) no-repeat 0 0;
	height:566px;
	margin-bottom:40px;
	position: relative;
}

#content .main p.title.v02{
	position: absolute;
	top:79px;
	left:77px;
}

#content .main p.txt01{
	position: absolute;
	top:154px;
	left:187px;
}

#content .main h2.stit01{
	position: absolute;
	left:236px;
	top:285px;
}

#content .main p.txt02{
	position: absolute;
	left:271px;
	top:350px;
}

#content .main p.txt03{
	position: absolute;
	left:270px;
	top:393px;
}

#content .main p.txt04{
	position: absolute;
	left:270px;
	top:442px;
}

#content .main p.txt05{
	position: absolute;
	left:269px;
	top:490px;
}


#content .main p.txt06{
	position: absolute;
	left:269px;
	top:538px;
}




#content .list1,#content .list3{
	margin-left:36px;
	float:left;
	clear:both;
}


#content .list1,#content .list3{
	margin-left:36px;
	float:left;
	clear:both;
}

* html #content .list1,* html #content .list3{
	margin-left:16px;
	float:left;
	clear:both;
}


#content .list2,#content .list4{
	margin-right:36px;
	float:right;
}

* html #content .list2,* html #content .list4{
	margin-right:16px;
	float:right;
}



#content .list1,#content .list2,
#content .list3,#content .list4{
	width:422px;
	height:264px;
	margin-bottom:25px;
	position: relative;
}


#content .list1{
	background:url(/manzoku/images/list1_back.jpg) no-repeat 0 0;
	width:422px;
	height:264px;
}

#content .list1 h2.title{
	position: absolute;
	left:11px;
	top:16px;
}

#content .list1 p.title{
	position: absolute;
	left:272px;
	top:10px;
}

#content .list1 p.txt01{
	position: absolute;
	left:12px;
	top:73px;
}

#content .list1 p.txt02{
	position: absolute;
	left:12px;
	top:114px;
}

#content .list1 p.btn01{
	position: absolute;
	left:11px;
	top:215px;
}

#content .list1 p.btn02{
	position: absolute;
	left:215px;
	top:215px;
}


#content .list2{
	background:url(/manzoku/images/list2_back.jpg) no-repeat 0 0;
	width:422px;
	height:264px;
}

#content .list2 h2.title{
	position: absolute;
	left:11px;
	top:16px;
}

#content .list2 p.title{
	position: absolute;
	left:282px;
	top:18px;
}

#content .list2 p.txt01{
	position: absolute;
	left:12px;
	top:73px;
}

#content .list2 p.txt02{
	position: absolute;
	left:12px;
	top:114px;
}

#content .list2 p.btn01{
	position: absolute;
	left:11px;
	top:215px;
}

#content .list2 p.btn02{
	position: absolute;
	left:215px;
	top:215px;
}

#content .list3{
	background:url(/manzoku/images/list3_back.jpg) no-repeat 0 0;
}

#content .list3 h2.title{
	position: absolute;
	left:11px;
	top:16px;
}

#content .list3 p.title{
	position: absolute;
	left:297px;
	top:21px;
}

#content .list3 p.txt01{
	position: absolute;
	left:12px;
	top:73px;
}

#content .list3 p.txt02{
	position: absolute;
	left:12px;
	top:114px;
}

#content .list3 p.btn01{
	position: absolute;
	left:11px;
	top:215px;
}

#content .list3 p.btn02{
	position: absolute;
	left:215px;
	top:215px;
}

#content .list4{
	background:url(/manzoku/images/list4_back.jpg) no-repeat 0 0;
}

#content .list4 h2.title{
	position: absolute;
	left:11px;
	top:16px;
}

#content .list4 p.title{
	position: absolute;
	left:284px;
	top:11px;
}

#content .list4 p.txt01{
	position: absolute;
	left:12px;
	top:73px;
}

#content .list4 p.txt02{
	position: absolute;
	left:12px;
	top:114px;
}

#content .list4 p.btn01{
	position: absolute;
	left:11px;
	top:215px;
}

#content .list4 p.btn02{
	position: absolute;
	left:215px;
	top:215px;
}

#content #main_footer{
	clear:both;
	background:url(/manzoku/images/footer_back.gif) no-repeat 0 0;
	height:239px;
	position: relative;
}

#content #main_footer .title{
	position: absolute;
	left:36px;
	top:0px;
}

#content #main_footer .img01{
	position: absolute;
	left:41px;
	top:55px;
}

.pagetop{
	clear: both;
	width: 956px;
	padding: 20px 0 0 0;
	text-align: right;
}


#sidebar .noOpenMenu .ct dd li a {
	background-image: url("/service/images/renew/ico-service.gif");
}

#sidebar .openMenu .ct dt a {
	background-image: url("/service/images/renew/ico-service.gif");
}

#sidebar .openMenu .ct dd {
	background-color: #F4F4F4;
	border-bottom: 1px solid #dddddd;
	display: none;
	padding: 0;
	text-indent: 0;
}

#sidebar .openMenu .ct dd h3 {
	background-color: #e1e1e1;
	padding: 3px 0 3px 8px;
}

#sidebar .openMenu .ct dd ul {
	padding: 5px 8px 5px 20px;
	text-indent: -12px;
}

#sidebar .openMenu .ct dd ul li a {
	background-image: url("/service/images/renew/ico-service.gif");
	padding:0 0 0 20px;
}


#sidebar .openMenu ul.none {
	border-left: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
}

#sidebar .openMenu ul.none li {
	background-image: url("/common/images/dot-white.gif");
	background-position: 0 100%;
	background-repeat: repeat-x;
	padding: 8px 8px 8px 20px;
	text-indent: -12px;
}

#sidebar .openMenu ul.none li.last {
	background-image: none;
}

#sidebar .openMenu ul.none li a {
	background-image: url("/service/images/renew/ico-service.gif");
	background-position: 0 -95px;
	background-repeat: no-repeat;
	padding: 0 0 0 10px;
}

#footer .mainContents h2 a {
	background-image: url("/service/images/renew/ico-service.gif");
	background-position: 0 -499px;
}

#footer .mainContents .left li,
#footer .mainContents .right li {
	background-image: url("/common/images/dot-glay.gif");
	background-position: 0 100%;
	background-repeat: repeat-x;
	margin: 0 10px 7px 0;
	padding: 0 0 8px;
}

#footer .mainContents .left li.last,
#footer .mainContents .right li.last {
	background-image: none;
	margin: 0 10px 0 0;
	padding: 0;
}

#footer .mainContents .left li a,
#footer .mainContents .right li a {
	background-image: url("/service/images/renew/ico-service.gif");
	background-position: 0 -95px;
	background-repeat: no-repeat;
	padding: 0 0 0 10px;
}

.spOnly{
	display:none;
}
.pcOnly{
	display:block;
}

.linkList {
	display: block;
	position: relative;
	margin: 0;
	padding: 0;
	background: #A70000;
	font-size: 100% !important;
	line-height: 1.6 !important;
}
.linkList h1 {
	width: auto;
	height: auto;
	margin: 0;
	padding: 12px 3%;
	color: #ffffff;
	font-size: 17px !important;
	border-top: 1px solid #C84D4D;
	background: none;
}


@media screen and (max-width: 667px) {
	.spOnly{
		display:block;
	}
	.pcOnly{
		display:none;
	}

	#content {
		width: 100% !important;
		height: auto;
	}
	#content img {
		width: 100%;
		height: auto;
	}
	#content .main {
		background: none;
		height: auto;
		margin: 0 0 30px;
	}
	#content .main p.title.v02,
	#content .main p.txt01,
	#content .main p.txt02,
	#content .main p.txt03,
	#content .main p.txt04,
	#content .main p.txt05,
	#content .main h2.stit01 {
		position: static;
	}
	#content .main p.txt02,
	#content .main p.txt03,
	#content .main p.txt04,
	#content .main p.txt05,
	#content .main h2.stit01 {
		margin: 0 10px;
	}

	#content .list1,
	#content .list2,
	#content .list3,
	#content .list4 {
		background: url(/manzoku/images/sp_bg_list1.png) no-repeat 0 100%;
		background-size: 100%;
		width: auto;
		height: auto;
		float: none;
		clear: both;
		margin: 0 10px 20px;
		padding: 0 0 11px;
	}
	#content .list2 {
		background: url(/manzoku/images/sp_bg_list2.png) no-repeat 0 100%;
		background-size: 100%;
	}
	#content .list3 {
		background: url(/manzoku/images/sp_bg_list3.png) no-repeat 0 100%;
		background-size: 100%;
	}
	#content .list4 {
		background: url(/manzoku/images/sp_bg_list4.png) no-repeat 0 100%;
		background-size: 100%;
		margin: 0 10px 30px;
	}
	#content h2.title {
		position: static !important;
		width: 60%;
		float: left;
	}
	#content p.title {
		position: static !important;
		width: 40%;
		float: right;
	}
	#content .txt01,
	#content p.txt02,
	#content p.img {
		position: static !important;
		margin: 0 16px;
	}
	#content p.btn01 {
		position: static !important;
		margin: 0 16px 10px;
	}
	#content p.btn02 {
		position: static !important;
		margin: 0 16px 10px;
	}

	#content #main_footer {
		background: url(/manzoku/images/sp_footer_back.png) no-repeat 0 100%;
		background-size: 100%;
		height: auto;
		padding: 0 10px 30px;
	}
	#content #main_footer .title {
		width: auto;
		float: none;
		margin: 0 0 15px;
	}
	#content #main_footer .img01 {
		position: static;
	}

	.pagetop {
		display: none;
	}
}


/* 20191024追記 */
@media screen and (max-width: 667px) {
#content .main p.title.v02 {
	width: 100%;
	float: none;
}
}