@charset "utf-8";
#content{
	position:relative;
	margin-top:70px !important;
	width:100% !important;
}

#content #about{
	margin-top:20px;
}
.leftBox{
	margin:0 0 40px 0;
}
.rightBox{
	margin:0 0 40px 0;
}
.centerBox{
	margin:0 0 40px;
	clear:both;
}
.glayBox{
	background:#F4F4F4;
	padding:10px;
	border-radius:4px;
	border:solid 1px #ccc;
}
.customer{
	margin:0 0 0 -20px;
}
.customer .small3Box{
	margin:0 0 40px 20px;
	width:220px;
	float:left;
	position:relative;
}

.customer .small3Box dt{
	position:absolute;
	width:220px;
	background:#fff;
	padding:3px 5px;
	bottom:-20px;
	text-align:center;
}
.customer .small3Box dd img{
	border-radius:50%;
	border:solid 1px #eee;
}
#customer-contactBox{
	background:url(/img/customer-contact.jpg) no-repeat left top;
	border:solid 2px #E0E0E0;
	padding:20px 30px 0 105px;
	font-size:16px;
}
#customer-contactBox dt{
	border-bottom:solid 2px #E0E0E0;
	text-indent:20px;
}
#customer-contactBox a{
	text-decoration:none;
	color:#333;
}
#customer-contactBox dd{
	font-size:20px;
	text-indent:20px;
	font-weight:bold;
	margin:20px 0;
}
#customer-contactBox dd div{
	font-size:13px;
	text-align:center;
	font-weight:normal;
	margin:10px 0 0;
}
#customer-contactBox dd span{
	background:#F6F5F3;
	padding:5px;
	font-size:18px;
	margin:0 0 0 10px;
}
#content .ul1{
	margin:0 0 20px;
}
#content .ul1 li{
	line-height:1.5;
	text-indent:-1em;
	padding-left:1em;
	margin:0 0 20px;
	position:relative;
}
.pay0 li{
	background:#FBEFC8;
	color:#E58143;
	border-radius:100%;
	width:110px;
	height:110px;
	text-align:center;
	font-size:18px;
	float:left;
	margin:0 0 40px 30px;
}
.pay0 li div{
	padding-top:30px;
}
.pay0 li span{
	display:block;
	font-weight:bold;
}
.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:36px;
}
.custmoreBox span{
	background:#ccc;
	color:#fff;
	margin:0 0 0 20px;
	font-size:20px;
	padding:5px 20px;
}
.h1Box{
	margin-bottom:20px;
	width:100%;
}

.greenBg{
	background:url(../img/site-h1green.png);
}
.orengeBg{
	background:url(../img/site-h1orenge.png);
}
.h1Box h1{
	margin:20px 0;
	font-size:20px;
	padding:20px 0;
}
.h1Box .in{
	margin:0 auto;
}
.h1Box h1 span{
	display:block;
	font-weight:normal;
	font-size:65%;
}
h2 {
	font-size:14px;
	margin:0 0 20px;
	position: relative;
	padding-bottom: 0.5em;
	border-bottom: 4px solid #c5b896;
	text-indent:5px;
	background:#fff;
}
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;
	font-size:13px;
}

.message span{
	color:#F6944D;
	font-size:170%;
}
.message:after{
	display:none;
}
#about h3 b{
	font-weight:bold;
	bottom:0;
	left:1em;
	font-size:2em;
	margin:0 5px 0 0;
	line-height:1;
	color:#aaa;
}
#about h3{
	margin:20px 0 10px 0;
	padding:0 0 0 2em;
	font-size:14px;
}
#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-bottom:10px;
}
#content h3.start {
    position: relative;
    padding-left: 36px;
    text-indent:0px;
	margin-bottom:20px;
}
#content h3.start:before {
    position: absolute;
    top: 10px;
    left: 12px;
    width: 6px;
    height: 6px;
    border: 4px solid #cae3ac;
    content: "";
}
#content h3.start:after {
    position:  absolute;
    top: 2px;
    left: 2px;
    width: 9px;
    height: 9px;
    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;
}
/*ガイド*/
#guideBox dt{
	width:150px;
	height:120px;
	float:left;
}
#guideBox dt img{
	width:100%;
	height:auto;
}
#guideBox dd{
	height:150px;
	padding:0 0 0 160px;
}
h3.webcri {
    position: relative;
    padding-left: 25px;
    line-height: 2;
　　text-indent:0px;
}
h3.webcri:before {
    position: absolute;
    top: -0px;
    left: 7px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    height: 10px;
    width: 10px;
    background: #74cfd0;
    content: "";

}
h3.webcri:after {
    position: absolute;
    top: 16px;
    left: 2px;
    transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    height: 6px;
    width: 6px;
    background: #74cfd0;
    content: "";
}
#guide .small3Box dt{
	text-align:center;

	font-size:15px;
	font-weight:bold;
	margin-bottom:20px;
	display:block;
}

#guideIcon1{
	background:url(../img/guide-icon1.png) no-repeat bottom;
}
#guideIcon2{
	background:url(../img/guide-icon2.png) no-repeat bottom;
}
#guideIcon3{
	background:url(../img/guide-icon3.png) no-repeat bottom;
}
/*利用規約*/
#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{
	font-size:14px;
	height:38px;
	line-height:38px;
	margin:0 0 20px 0;
	background:#EDE0AC;
	border-bottom:solid 1px #391D05;
	border-radius:4px;
}

#faqLink li a{
	display:block;
	width:100%;
	color:#391D05;
	height:38px;
	padding:0 10px;
}

#content .dl-faq dt{
	font-weight:bold;
	font-size:16px;
	display:inline-block;
	background:#fff;
	margin:0 10px 0 10px;
	z-index:999;
}
#content .dl-faq dd{
	border:solid 1px;
	padding:15px 10px 10px;
	margin:-10px 0 40px;
	border-radius:4px;
}

/*サイトマップ*/
.sitemap{
	margin:0 0 30px 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{
	padding-top:40px;
}