@charset "utf-8";

#content{
	position:relative;
	width:100% !important;
	padding-top:121px !important;
}
#content #about{
	margin-top:-100px;
}
.leftBox{
	width:490px;
	margin:0 0 80px 0;
	float:left;
}
.aboutleftBox{
	margin:0 0 80px 0;
	float:left;
}
.rightBox{
	width:490px;
	margin:0 0 80px 0;
	float:right;
}
.centerBox{
	margin:0 0 80px;
	clear:both;
}
.glayBox{
	background:#F4F4F4;
	padding:10px;
	border-radius:4px;
	border:solid 1px #ccc;
}
#content .ul1{
	margin:0 0 20px;
}
#content .ul1 li{
	line-height:2;
	text-indent:-1em;
	padding-left:1em;
	position:relative;
}
#customer-contactBox{
	background:url(/img/customer-contact.jpg) no-repeat left top;
	border:solid 2px #E0E0E0;
	margin:40px 100px 0;
	padding:5px 40px 0 200px;
	font-size:26px;
	line-height:2;
	text-align:center;
}
#customer-contactBox dt{
	border-bottom:solid 2px #E0E0E0;
	text-align:center;
}
#customer-contactBox dd{
	font-size:36px;
	font-weight:bold;
}
#customer-contactBox dd div{
	font-size:13px;
	line-height:1.2;
	text-align:left;
	font-weight:normal;
	display:inline-block;
	margin-left:10px;
	margin-top:5px;
	vertical-align:baseline;
}
#customer-contactBox dd span{
	background:#F6F5F3;
	padding:5px 10px;
	line-height:1em;
	font-size:28px;
	margin:-10px 0 0 20px;
	white-space:nowrap;
}
.small3Box{
	width:320px;
	float:left;
	margin:0 26px 40px 0;
}
.small3Box:nth-child(3){
	margin-right:0;
}
.pay0 li{
	background:#FBEFC8;
	color:#E58143;
	border-radius:100%;
	width:210px;
	height:210px;
	text-align:center;
	font-size:30px;
	float:left;
	margin:0 0 40px 100px;
}
.pay0 li div{
	padding-top:70px;
}
.pay0 li span{
	display:block;
	font-weight:bold;
}
.customer .small3Box dt{
	border-left:solid 0.5em #C5B896;
	padding:3px 5px;
	margin:0 0 10px;
}
.custmoreBox{
	border:solid 5px #ccc;
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #D7D3D0), color-stop(0.00, #FFFDFD));
background: -webkit-linear-gradient(#FFFDFD, #D7D3D0);
background: -moz-linear-gradient(#FFFDFD, #D7D3D0);
background: -o-linear-gradient(#FFFDFD, #D7D3D0);
background: -ms-linear-gradient(#FFFDFD, #D7D3D0);
background: linear-gradient(#FFFDFD, #D7D3D0);
	padding:20px 40px;
	text-align:center;
	font-size:40px;
}
.custmoreBox h3{
	font-size:20px;
}
.custmoreBox span{
	background:#ccc;
	color:#fff;
	margin:0 0 0 20px;
	font-size:20px;
	padding:5px 20px;
}
.h1Box{
	width:100%;
	position:absolute;
	top:-20px;
	z-index: -1;
}
.greenBg{
	background:url(../img/site-h1green.png);
}
.orengeBg{
	background:url(../img/site-h1orenge.png);
}
#content p{
	line-height:1.8;
}
.h1Box h1{
	font-size:26px;
	height:50px;
	line-height:50px;
	padding:20px;
}
.h1Box h1 span{
	margin:0 0 0 20px;
	font-weight:normal;
	font-size:14px;
}
h2 {
	position: relative;
	border-bottom: 4px solid #c5b896;
	text-indent:5px;
	margin:0 0 20px 0;
	line-height:1.8;
}
h2::after {
	position: absolute;
	bottom: -4px;
	left: 0;
	z-index: 2;
	content: '';
	width: 20%;
	height: 4px;
	background-color: #f99966;
}
/*#about h2{
	background:#EDE0AC;
	border-left:solid 0.5em #391D05;
	border-bottom:solid 2px #ccc;
	font-size:160%;
	color:#391D05;
	padding:5px 10px 5px 10px;
	margin:0 0 20px;
	clear:both;
}
#about h2::after {
	width:0;
	height:0;
}*/
.message{
	text-align:center;
}
.message div{
	display:inline;
	overflow:visible;
	position:relative;
}
.message div:after{
	position:absolute;
	content:"";
	display:block;
	width:80px;
	height:80px;
	top:-10px;
	right:-100px;
	background:url(../img/about-massage.png) no-repeat;
}
.message span{
	color:#F6944D;
	font-size:170%!important;
}
.message:after{
	display:none;
}
#about h3 b{
	font-weight:bold;
	position:absolute;
	bottom:0;
	left:1em;
	font-size:2em;
	margin:0 10px 0 0;
	line-height:1.5;
	color:#aaa;
}
#about h3{
	margin:10px 0 0 0;
	padding:0 0 0 4em;
	background: none!important;
}
#rule h3{
	border-bottom: solid 3px #C5B896;
	color:#5C4744;
	clear:both;
	line-height:2;
	position:relative;
	text-indent:10px;
	margin:0 0 10px;
}

#content .h3-1{
	background:#999;
	border:none;
	color:#fff;
	text-indent:10px;
	margin:0 0 20px;
}
#content h3.start {
    position: relative;
    padding-left: 45px;
    text-indent:0px;
	margin:0 0 20px;
}
#content h3.start:before {
    position: absolute;
    top: 10px;
    left: 12px;
    width: 9px;
    height: 9px;
    border: 4px solid #cae3ac;
    content: "";
}
#content h3.start:after {
    position:  absolute;
    top: 0px;
    left: 2px;
    width: 12px;
    height: 12px;
    border: 4px solid #75d0d1;
    content: "";
}
#content h4{
	border-bottom:dotted 1px #A19F88;
	border-left:solid 0.5em #A19F88;
	text-indent:5px;
	margin:0 0 10px;
}
#content p{
	padding:0 5px 20px;
}
#content h3:befor{
	content:"";
	display:block;
	width:10px;
	height:10px;
	border:solid 1px;
	position:absolute;
	left:5px;
	top:0;
	height:18px;
}
#content .ul-1 li{
	text-indent:-1em;
	padding-left:1em;
	margin-bottom:10px;
}

/*ご利用ガイド*/
h3.webcri {
    position: relative;
    padding-left: 25px;
    line-height: 32px;
　　text-indent:0px;
}
h3.webcri:before {
    position: absolute;
    top: -6px;
    left: 7px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    height: 12px;
    width: 12px;
    background: #74cfd0;
    content: "";

}
h3.webcri:after {
    position: absolute;
    top: 10px;
    left: 2px;
    transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    height: 8px;
    width: 8px;
    background: #74cfd0;
    content: "";
}
#guide .small3Box dt{
	padding:30px 20px;
	font-size:20px;
	font-weight:bold;
	margin-bottom:20px;
}
#guideIcon1{
	background:url(../img/guide-icon1.png) no-repeat right;
}
#guideIcon2{
	background:url(../img/guide-icon2.png) no-repeat right;
}
#guideIcon3{
	background:url(../img/guide-icon3.png) no-repeat right;
}
/*利用規約*/
#rule h3{
	margin-top:40px;
}
#rule p{
	line-height:2;
}
#rule ul{
	padding:0 5px;
}
#rule ul li{
	padding-left:1em;
	text-indent:-1em;
	line-height:2;
	margin-bottom:10px;
}
#rule ul li ul li ul{
	margin-top:5px;
}
#rule ul li .li12{
	line-height:1.2;
}
.ulMargin{
	margin-left:1em;
}

/*Q&A*/

#faqLink li{
	display:inline-block;
	font-size:14px;
	float:left;
	height:38px;
	line-height:38px;
	margin:0 20px 40px 0;
	background:#EDE0AC;
	border:solid 1px #ddd;
	/*border-bottom:solid 1px #391D05;*/
	border-radius:4px;
}
#faqLink li:hover{
	opacity:0.8;
}
#faqLink li a{
	width:100%;
	color:#391D05;
	height:38px;
	padding:0 20px;
	text-decoration:none;
}
#content .dl-faq dt:before{
	content:"Q";
	display:inline-block;
	margin:0 5px 0 0;
	background:#391D05;
	color:#fff;
	width:1em;
	padding:0 5px;
	border-radius:4px;
}
#content .dl-faq dt{
	font-weight:bold;
	display:inline-block;
	font-size:120%;
	background:#fff;
	color:#391D05;
	margin:0 0 0 10px;
	z-index:999;
}
#content .dl-faq dd{
	border:solid 1px #999;
	padding:15px 10px 10px;
	margin:-10px 0 40px;
	border-radius:4px;
}

/*サイトマップ*/
.sitemap{
	margin:0 0 0 10px;
}
#content .sitemap li{
	padding-left:0;
	position:relative;
	text-indent:20px;
	height:30px;
	line-height:30px;
}
.sitemap li a:before{
	content:"";
	top:10px;
	left:3px;
	position:absolute;
	display:block;
	width:0;
	height:0;
	border:solid 5px transparent;
	border-left:solid 8px #391D05;
}
.sitemap li a{
	color:#391D05;
	text-decoration:none;
}
.sitemap li a:hover{
	color:#C5B895;
}
.sitemap li a:hover:before{
	border-left:solid 8px #C5B896;
}
.error{
	margin-top:-80px !important;
}