@charset "UTF-8";

/* ------------------------------------------------------------------
intial set
------------------------------------------------------------------ */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0px;
	padding:0px;
	border:0px;
	outline:0px;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;
}

body{
	color:#333333;
	font-size:14px;
	font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
	background:url(../images/bg.jpg);
	text-align:center;
	line-height:1;
}

h1,h2,h3,h4,h5,h6{
	font-weight:bold;
}

ol, ul {
	list-style:none;
}

.clear{
	clear: both;
}

strong{
	font-weight:bold;
}

/* ------------------------------------------------------------------
link
------------------------------------------------------------------ */
a{color:#333333; text-decoration:underline;}
a:link{color:#333333; text-decoration:underline;}
a:active{color:#fc6e02; text-decoration:none;}
a:hover{color:#fc6e02; text-decoration:none;}

/* ------------------------------------------------------------------
clearfix
------------------------------------------------------------------ */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-block;
}

* html .clearfix{
	height: 1%;
}

.clearfix {
	display: block;
}

/* ------------------------------------------------------------------
common
------------------------------------------------------------------ */
.m0{
	margin:0px !important;
}

.mb0{
	margin-bottom:0px !important;
}

.mb05{
	margin:0px 0px 5px 0px !important;
}

.mb10{
	margin:0px 0px 10px 0px !important;
}

.mb20{
	margin:0px 0px 20px 0px !important;
}

.mb30{
	margin:0px 0px 30px 0px !important;
}

.mb40{
	margin:0px 0px 40px 0px !important;
}

.mb60{
	margin:0px 0px 60px 0px !important;
}

.fl{
	float:left !important;
}

.fr{
	float:right !important;
}

.tc{
	text-align:center;
}

.tr{
	text-align:right;
}

/* ------------------------------------------------------------------
header
------------------------------------------------------------------ */
div#header{
	background:url(../images/h_bg.png) repeat-x;
}

div#header div#headerInner{
	position:relative;
	width:980px;
	max-width:980px;
	height:117px;
	margin:0 auto;
	text-align:left;
}

div#header h1{
	position:absolute;
	top:0;
	left:0;
	font-size:12px;
	font-weight:normal;
	line-height:36px;
}

div#header div.logo{
	position:absolute;
	top:51px;
	left:0;
}

div#header div.tel{
	position:absolute;
	top:51px;
	right:0;
}

div#header ul.share{
	position:absolute;
	top:7px;
	right:0;
}

ul.share li {
	float: left;
	margin: 0 5px 0 0;
	padding: 0;
}

ul.share li div {
	display: inline;
}

ul.share:before,
ul.share:after {
	content: " ";
	display: table;
}

ul.share:after {
	clear: both;
}

ul.share {
	*zoom: 1;
}

ul.share li.s03 {
    width: 80px;
	overflow:hidden;
}

ul.share li.s04 {
    width: 60px;
	overflow:hidden;
}

/* ------------------------------------------------------------------
mv
------------------------------------------------------------------ */
div#mv{
	width:100%;
	background:url(../images/mv_bg.jpg) 50% 0 repeat-x;
}

div#mv div#mvInner{
	position:relative;
	width:980px;
	height:480px;
	margin:0 auto;
	text-align:left;
}

div#mv div#mvInner h2{
	position:absolute;
	top:78px;
	left:0;
}

div#mv div#mvInner div.txt{
	position:absolute;
	top:283px;
	left:0;
}

div#mv div#mvInner div.mov{
	position:absolute;
	top:137px;
	left:651px;
}

div#mv div#mvInner div.inq{
	position:absolute;
	top:20px;
	left:837px;
}

/* ------------------------------------------------------------------
point
------------------------------------------------------------------ */
div#point{
	width:100%;
}

div#point div#pointInner{
	width:980px;
	padding:40px 0;
	margin:0 auto;
	text-align:left;
}

div#point div#pointInner h2{
	margin:0 0 10px 0;
}

div#point div#pointInner article{
	width:100%;
	overflow:hidden;
}

div#point div#pointInner article p{
	width:250px;
	height:140px;
	float:left;
	margin:0 25px 0 0;
	padding:170px 20px 0 20px;
	line-height:1.5;
}

div#point div#pointInner article p.point01{
	background:url(../images/point_01.png) no-repeat;
}

div#point div#pointInner article p.point02{
	background:url(../images/point_02.png) no-repeat;
}

div#point div#pointInner article p.point03{
	margin:0;
	background:url(../images/point_03.png) no-repeat;
}

/* ------------------------------------------------------------------
inqBtn
------------------------------------------------------------------ */
div.inqBtn{
	width:100%;
	text-align:center;
	background:#fc6e02;
}

/* ------------------------------------------------------------------
voive
------------------------------------------------------------------ */
div#voice{
	width:100%;
	background:url(../images/voice_bg.png);
}

div#voice div#voiceInner{
	width:980px;
	padding:40px 0;
	margin:0 auto;
	text-align:left;
}

div#voice div#voiceInner h2{
	margin:0 0 20px 0;
}

div#voice div#voiceInner article{
	position:relative;
	width:100%;
	height:460px;
	margin:0 0 20px 0;
}

div#voice div#voiceInner article div.voice01{
	position:relative;
	width:460px;
	height:460px;
	background:url(../images/voice_01_bg.png) no-repeat;
}

div#voice div#voiceInner article div.voice01 h3{
	position:absolute;
	top:-19px;
	left:73px;
}

div#voice div#voiceInner article div.voice01 p{
	position:absolute;
	top:155px;
	left:73px;
	line-height:1.6;
}

div#voice div#voiceInner article div.voice02{
	position:absolute;
	top:0;
	left:500px;
	width:220px;
	height:220px;
	background:url(../images/voice_02_bg.png) no-repeat;
	text-align:center;
}

div#voice div#voiceInner article div.voice03{
	position: absolute;
	top: 117px;
	left: 712px;
	width: 260px;
	height: 260px;
	background: url(../images/voice_03_bg.png) no-repeat;
	text-align: center;
}

div#voice div#voiceInner article div.voice04{
	position: absolute;
	top: 241px;
	left: 483px;
	width: 220px;
	height: 220px;
	background: url(../images/voice_04_bg.png) no-repeat;
	text-align: center;
}

div#voice div#voiceInner article h4{
	margin:35px 0 5px 0;
}

div#voice div#voiceInner article div.voice03 h4{
	margin:50px 0 5px 0;
}

div#voice div#voiceInner article p{
	line-height:1.6;
}

div#voice div#voiceInner p.lead{
	line-height:1.6;
}

/* ------------------------------------------------------------------
flow
------------------------------------------------------------------ */
div#flow{
	width:100%;
}

div#flow div#flowInner{
	width:980px;
	padding:40px 0;
	margin:0 auto;
	text-align:left;
}

div#flow div#flowInner h2{
	margin:0 0 10px 0;
}

div#flow div#flowInner article{
	width:100%;
	height:580px;
	overflow:hidden;
	background:url(../images/flow_pic.png) 100% 0 no-repeat;
	padding:20px 0 0 0;
}

div#flow div#flowInner article div{
	height:125px;
	overflow:hidden;
	margin:0 0 20px 0;
	padding:0 0 0 120px;
}

div#flow div#flowInner article div.step01{
	background:url(../images/flow_01.png) no-repeat;
}

div#flow div#flowInner article div.step02{
	background:url(../images/flow_02.png) no-repeat;
}

div#flow div#flowInner article div.step03{
	background:url(../images/flow_03.png) no-repeat;
}

div#flow div#flowInner article div.step04{
	background:url(../images/flow_04.png) no-repeat;
}

div#flow div#flowInner article div h3{
	font-size:30px;
	font-weight:normal;
	margin:20px 0 5px 0;
}

div#flow div#flowInner article div p{
	font-size:18px;
	line-height:1.4;
}

/* ------------------------------------------------------------------
faq
------------------------------------------------------------------ */
div#faq{
	width:100%;
}

div#faq div#faqInner{
	width:980px;
	padding:40px 0 30px 0;
	margin:0 auto;
	text-align:left;
}

div#faq div#faqInner h2{
	margin:0 0 30px 0;
}

div#faq div#faqInner article{
	width:100%;
	overflow:hidden;
}

div#faq div#faqInner article div.item{
	width:250px;
	height:245px;
	float:left;
	padding:80px 35px 0 35px;
	margin:0 10px 10px 0;
	background:url(../images/faq_bg.png) no-repeat;
}

div#faq div#faqInner article div.item p{
	line-height:1.6;
	font-size:16px;
}

div#faq div#faqInner article div.item p.q{
	background:url(../images/faq_q.png) no-repeat;
	padding:0 0 20px 55px;
	color:#fc6e02;
	font-weight:bold;
}

div#faq div#faqInner article div.item p.a{
	background:url(../images/faq_a.png) no-repeat;
	padding:0 0 0 55px;
	font-weight:bold;
}

/* ------------------------------------------------------------------
info
------------------------------------------------------------------ */
div#info{
	width:100%;
	background:url(../images/info_bg.png);
}

div#info div#infoInner{
	width:980px;
	padding:40px 0;
	margin:0 auto;
	text-align:left;
}

div#info div#infoInner h2{
	margin:0 0 30px 0;
}

div#info div#infoInner article{
	width:100%;
	overflow:hidden;
}

div#info div#infoInner article div.item{
	width:480px;
}

div#info div#infoInner article h3{
	margin:0 0 20px 0;
}

div#info div#infoInner article table {
	width:100%;
	border-collapse: separate;
	border-bottom: 1px solid #f3e497;
	border-spacing: 0;
	background:#FFFFFF;
	line-height:1.6;
	font-size:16px;
}

div#info div#infoInner article table th {
	padding:15px 15px 13px 15px;
	border-top: 1px solid #f3e497;
	text-align:left;
	background:#fff7ce;
	vertical-align:middle;
	text-align:center;
	width:90px;
	font-weight:normal;
}

div#info div#infoInner article table td {
	padding:15px 15px 12px 15px;
	border-top: 1px solid #f3e497;
	text-align:left;
	vertical-align:top;
}

div#info div#infoInner p.movTxt{
	text-align:center;
	font-size:16px;
	margin:10px 0 0 0;
}


/* ------------------------------------------------------------------
footer
------------------------------------------------------------------ */
div#footer{
	clear:both;
	width:100%;
	background:url(../images/f_bg.png) repeat-x;
	overflow:hidden;
}

div#footer div#footerInner{
	position:relative;
	width:980px;
	height:136px;
	margin:0 auto;
	text-align:left;
}

div#footer div#footerInner div#logo{
	position:absolute;
	left:0px;
	top:25px;
}

div#footer div#footerInner p{
	position:absolute;
	left:225px;
	top:25px;
	font-size:12px;
	line-height:1.5;
}

div#footer div#footerInner ul.share{
	position:absolute;
	top:60px;
	right:0;
}

div#footer div#footerInner address{
	position:absolute;
	top:100px;
	left:0;
	width:100%;
	height:36px;
	line-height:36px;
	font-size:10px;
	text-align:center;
}