@charset "utf-8";

body{
	margin: 0;
	padding: 0;
	background: #e9f6fe;
}

h1,h2,h3,h4,h5,h6,p,ul,li,ol,dl,dt,dd{
	margin: 0;
	padding: 0;
}

ul,li,ol{
	list-style: none;
}

.tr{ text-align: right; }
.tc{ text-align: center; }

a{ border: 0; }

a img:hover{ opacity: 0.8; }

img{ vertical-align: top; }

.mb10{ margin-bottom: 10px; }
.mb20{ margin-bottom: 20px; }
.mb30{ margin-bottom: 30px; }
.mb40{ margin-bottom: 40px; }


/* ヘッダー */
.layoutHeader{
	background: #fff;
}

.headerInner{
	width: 950px;
	margin: 0 auto;
	padding: 30px 0;
	display: table;
}

.headerInner div{
	display: table-cell;
}

/* コンテンツ */

.layoutContents{
	width: 950px;
	margin: 0 auto;
}

.bnrContact ul{
	display: table;
	width: 874px;
	margin: 0 auto;
}

.bnrContact ul li{
	display: table-cell;
	padding: 0 10px;
}

.heading{
	margin-bottom: 20px;
}

.case ul{
	display: table;
	width: 936px;
	margin: 0 auto;
}

.case ul li{
	display: table-cell;
	padding: 0 7px;
}

.howto ul{
	display: table;
	width: 945px;
	margin: 0 auto 20px;
}

.howto ul li{
	display: table-cell;
}

.voice p{
	font-size: 13px;
	line-height: 2;
}

.voice01{
	background: url(../images/voice01.png) no-repeat;
	padding: 113px 49px 20px 364px;
}

.voice02{
	background: url(../images/voice02.png) no-repeat;
	padding: 111px 366px 0 47px;
}

.contactForm{
	background: url(../images/bg_contact.gif);
	padding: 30px 50px 40px;
	margin-top: 40px;
}

.contactFormTtl{
	padding-bottom: 29px;
	border-bottom: 1px solid #d0cbb8;
}

.contactForm p{
	font-size: 16px;
	line-height: 1.5;
}

.contactForm p.error{
	margin-bottom: 40px;
	color: #f00;
}


.contactForm dl{
	display: table;
	border-bottom: 1px solid #d0cbb8;
}

.contactForm dl dt,
.contactForm dl dd{
	display: table-cell;
}

.contactForm dl dt{
	padding: 20px 0 20px 5px;
	width: 200px;
	font-size: 20px;
	vertical-align: middle;
}
.contactForm dl dd{
	padding: 20px 0;
	width: 645px;
	font-size: 16px;
}

.contactForm dl dd input,
.contactForm dl dd textarea{
	width: 623px;
	border: 1px solid #ccc;
	border-radius: 10px;
	padding: 10px;
	font-size: 16px;
}

.contactForm dl dd textarea{
	height: 250px;
}

.formBtn ul{
	margin: 0 auto;
	text-align: center;
}

.formBtn ul li{
	display: inline;
}

.formBtn ul li input:hover{
	opacity: 0.8;
}

.layoutFooter{
	background: #fff;
}

.footerInner{
	width: 950px;
	padding: 30px 0;
	margin: 0 auto;
	border-top: 1px solid #c6cdd3;
}

.footerInner ul{
	display: table;
}

.footerInner ul li{
	display: table-cell;
	width: 100%;
}

.footerInner ul li.copyright{
	text-align: right;
	vertical-align: bottom;
}