@charset "utf-8";


body{
	line-height	:	100%;
	padding-top	:	100px;
	font-size	:	14px;
	color	:	#444;
}

/* common */
/*---------------------------------------------------*/
.inner{
	width	:	980px;
	margin-left	:	auto;
	margin-right	:	auto;
}
.flL{
	float	:	left;
}
.flR{
	float	:	right;
}
.mB15{
	margin-bottom	:	15px;
}


.spVisible{
	display	:	none;
}

/* header */
/*---------------------------------------------------*/
#headWrap{
	width	:	100%;
	height	:	100px;
	background-color	:	#fff;
	position	:	fixed;
	top	:	0px;
	left	:	0px;
	box-shadow	:	0px 2px 5px 0px rgba(0,0,0,0.3);
	-moz-box-shadow	:	0px 2px 5px 0px rgba(0,0,0,0.3);
	-webkit-box-shadow	:	0px 2px 5px 0px rgba(0,0,0,0.3);
	-o-box-shadow	:	0px 2px 5px 0px rgba(0,0,0,0.3);
	-ms-box-shadow	:	0px 2px 5px 0px rgba(0,0,0,0.3);
	z-index	:	1000;
}
#headColor{
	width	:	100%;
	background-color	:	#fff;
}
#logo{
	width	:	420px;
	float	:	left;
}
#logo p{
	width	:	135px;
	padding-top	:	20px;
	float	:	left;
}
#logo #headTel{
	width	:	260px;
	padding-top	:	13px;
	float	:	right;
}

#headNav{
/*
	width	:	395px;
*/
	width	:	235px;
	float	:	right;
}
#globalNav{
/*
	width	:	395px;
*/
	width	:	235px;
	float	:	left;
}
#globalNav li{
/*
	padding-left	:	50px;
*/
	float	:	left;
}
#globalNav li:first-child{
	padding-left	:	0px;
}
#globalNav li a{
	line-height	:	120%;
	padding	:	34px 16px 33px 16px;
	text-align	:	center;
	display	:	block;
}
#globalNav li a:hover{
	background-color	:	#00a73c;
	color	:	#fff;
}
/*
#globalNav li:nth-child(3) a{
	padding-top	:	42px;
	padding-bottom	:	42px;
}
*/
#globalNav li:nth-child(2) a{
	padding-top	:	42px;
	padding-bottom	:	42px;
}

/* mainImg */
/*---------------------------------------------------*/
#mainImgWrap{
	width	:	100%;
	background-image	:	url("../images/mainImg/bg.jpg");
}
#mainImgInner{
	width	:	100%;
	padding	:	70px 0px;
	position	:	relative;
}
#mainCaption{
	width	:	660px;
}
#mainCaption h1{
	margin-bottom	:	35px;
}
#mainCaption .caption{
	line-height	:	160%;
	margin-bottom	:	35px;
	font-size	:	16px;
	color	:	#fff;
}

#iphone{
	width	:	201px;
	height	:	448px;
	position	:	absolute;
	top	:	95px;
	right	:	65px;
}


#mainCaption #pointGet{
	line-height	:	100%;
	margin-bottom	:	35px;
	border	:	1px solid #fff;
}
#mainCaption #pointGet p{
	padding	:	8px 0px;
	line-height	:	100%;
	font-size	:	24px;
	font-weight	:	bold;
	text-align	:	center;
	color	:	#fff;
}


#endCatch{
	width	:	375px;
	height	:	145px;
	position	:	absolute;
	top	:	305px;
	left	:	105px;
	z-index	:	5;
}
#badge{
	width	:	205px;
	height	:	205px;
	position	:	absolute;
	top	:	355px;
	right	:	-20px;
	z-index	:	5;
}


/* download */
/*---------------------------------------------------*/
#downloadWrap{
	width	:	100%;
	background-color	:	#f2f2f2;
}
#download{
	padding	:	20px 0px;
}
#download .downloadTrg{
	width	:	320px;
	padding-top	:	5px;
	float	:	left;
}
/*
#download .downloadTrg{
	width	:	340px;
	padding-top	:	5px;
	float	:	left;
}
*/
#download .downloadBtn{
	width	:	300px;
	float	:	left;
}
#download .downloadTrg h3{
	padding-top	:	12px;
	margin-bottom	:	10px;
	font-size	:	20px;
	font-weight	:	bold;
	color	:	#00a73c;
}
/*
#download .downloadTrg h3{
	margin-bottom	:	10px;
	font-size	:	18px;
	font-weight	:	bold;
	color	:	#00a73c;
}
*/
#download .downloadTrg p span{
	color	:	#00a73c;
}


/* contBox */
/*---------------------------------------------------*/
.contBox{
	padding	:	60px 0px;
}
.contBox .title{
	line-height	:	100%;
	margin-bottom	:	20px;
	color	:	#00a73c;
	font-size	:	24px;
	font-weight	:	bold;
}


/* about */
/*---------------------------------------------------*/
#about #flow{
	display	:	table;
}
#about #flow .flowInner{
	display	:	table-row;
}
#about #flow .flowBox,#about #flow .arrow{
	display	:	table-cell;
}
#about #flow .flowBox{
	width	:	280px;
}
#about #flow .arrow{
	width	:	70px;
	text-align	:	center;
	vertical-align	:	middle;
}
#about #flow .flowBoxInner{
	padding	:	20px;
	background-color	:	#fafafa;
	border	:	2px solid #00a73c;
}
#about #flow .flowBox .flowTitle{
	margin-bottom	:	20px;
	color	:	#00a73c;
	font-size	:	28px;
	font-weight	:	bold;
}
#about #flow .flowBox .flowSubTitle{
	line-height	:	120%;
	margin-bottom	:	8px;
	color	:	#00a73c;
	font-size	:	18px;
	font-weight	:	bold;
}
#about #flow .flowBox .flowSubTitle .dondon{
	font-size	:	22px;
	text-decoration	:	underline;
	color	:	#E9569A;
}
#about #flow .flowBox p{
	margin-bottom	:	10px;
	line-height	:	160%;
	font-size	:	13px;
}
#about #flow .flowBox p.notes{
/*
	padding-left	:	1em;
	text-indent	:	-1em;
*/
}

#about #flow .flowBox a.greenBtn{
	line-height	:	120%;
	padding	:	10px;
	margin-bottom	:	15px;
	display	:	block;
	background-color	:	#00a73c;
	text-align	:	center;
	color	:	#fff;
	font-size	:	14px;
	font-weight	:	bold;
	box-shadow	:	0px 2px 2px 0px rgba(0,0,0,0.2);
	-moz-box-shadow	:	0px 2px 2px 0px rgba(0,0,0,0.2);
	-webkit-box-shadow	:	0px 2px 2px 0px rgba(0,0,0,0.2);
	-o-box-shadow	:	0px 2px 2px 0px rgba(0,0,0,0.3);
	-ms-box-shadow	:	0px 2px 2px 0px rgba(0,0,0,0.2);
	border-radius	:	3px;
	-moz-border-radius	:	3px;
	-webkit-border-radius	:	3px;
	-o-border-radius	:	3px;
	-ms-border-radius	:	3px;
}
#about #flow .flowBox a.greenBtn:hover{
	background-color	:	#00ba41;
}

#about #flow .appliIcon{
	margin-bottom	:	10px;
}
#about #flow .listUl{
	font-size	:	10px;
}
#about #flow .listUl li{
	padding-left	:	1.2em;
	margin-top	:	5px;
	text-indent	:	-1.2em;
}
#about #flow .listUl li:first-child{
	margin-top	:	0px;
}

#about #flow .shohinDl{
	margin-bottom	:	10px;
}
#about #flow .shohinDl dt{
	width	:	45px;
	padding-right	:	10px;
	float	:	left;
}
#about #flow .shohinDl dt span{
	padding	:	5px;
	text-align	:	center;
	color	:	#fff;
	font-size	:	13px;
	font-weight	:	bold;
	display	:	block;
	background-color	:	#00a73c;
}
#about #flow .shohinDl dd{
	width	:	180px;
	line-height	:	120%;
	padding	:	6px 0px;
	float	:	left;
	font-size	:	13px;
}
#about #flow3 .flowBoxInner{
	position	:	relative;
}
#about #flow3 .icon{
	width	:	145px;
	height	:	91px;
	position	:	absolute;
	top	:	-30px;
	right	:	-20px;
}



/* menu */
/*---------------------------------------------------*/
#menu{
	width	:	100%;
	background-color	:	#f2f2f2;
	border-top	:	1px solid #ededed;
	border-bottom	:	1px solid #ededed;
}
#smartTbl th{
	padding	:	8px;
	background-color	:	#00a73c;
	border	:	1px solid #cddddd;
	color	:	#fff;
	vertical-align	:	middle;
	text-align	:	center;
}
#smartTbl th sup{
	font-size	:	75%;
}
#smartTbl td{
	padding	:	12px;
	border	:	1px solid #cddddd;
	background-color	:	#fff;
	vertical-align	:	middle;
	text-align	:	center;
}
#smartTbl td.alignL{
	text-align	:	left;
}


/* result */
/*---------------------------------------------------*/
#result{
	border-top	:	1px solid #ccc;
	border-bottom	:	1px solid #ccc;
}
#result #resultArea{
	margin-bottom	:	30px;
}
#result #resultArea .achievement{
	padding	:	15px;
	margin-bottom	:	60px;
	background-color	:	#00A73C;
}
#result #resultArea .achievement p{
	line-height	:	100%;
	margin-top	:	10px;
	font-size	:	18px;
	Text-align	:	center;
	color	:	#fff;
}
#result #resultArea .achievement p:first-child{
	margin-top	:	0px;
}
#result #resultArea .achievement p.sakugenNum{
	font-size	:	28px;
	font-weight	:	bold;
}
#result sub{
	display	:	inline-block;
	vertical-align	:	middle;
	font-size	:	75%;
}

#result #resultArea p.lH160{
	line-height	:	160%;
}
#result #resultArea p.alignR{
	text-align	:	right;
}
#result #resultArea p.small{
	font-size	:	90%;
}

#result #resultArea .breakdownBtn{
	margin-top	:	30px;
	text-align	:	center;
}
#result #resultArea .breakdownBtn a.greenBtn{
	line-height	:	120%;
	padding	:	15px;
	display	:	inline-block;
	background-color	:	#E9569A;
	text-align	:	center;
	color	:	#fff;
	font-size	:	16px;
	box-shadow	:	0px 2px 2px 0px rgba(0,0,0,0.2);
	-moz-box-shadow	:	0px 2px 2px 0px rgba(0,0,0,0.2);
	-webkit-box-shadow	:	0px 2px 2px 0px rgba(0,0,0,0.2);
	-o-box-shadow	:	0px 2px 2px 0px rgba(0,0,0,0.3);
	-ms-box-shadow	:	0px 2px 2px 0px rgba(0,0,0,0.2);
	border-radius	:	3px;
	-moz-border-radius	:	3px;
	-webkit-border-radius	:	3px;
	-o-border-radius	:	3px;
	-ms-border-radius	:	3px;
}
#result #resultArea .breakdownBtn a.greenBtn:hover{
	background-color	:	#E88BB4;
}


#result #resultBreakdownBox{
	margin-bottom	:	60px;
}
#resultBreakdownBoxInner{
	width	:	100%;
}
#resultBreakdownBoxInner sub{
	display	:	inline-block;
	vertical-align	:	middle;
	font-size	:	75%;
}
#resultBreakdownBoxInner .breakdownList{
	border	:	1px solid #ccc;
}
#resultBreakdownBoxInner .breakdownList dl{
	width	:	100%;
	border-top	:	1px solid #ccc;
}
#resultBreakdownBoxInner .breakdownList dl:first-child{
	border-top	:	none;
}
#resultBreakdownBoxInner .breakdownList dl.breakdownHead{
	background-color	:	#00A73C;
	color	:	#fff;
}
#resultBreakdownBoxInner .breakdownList dl.total{
	background-color	:	#eee;
}
#resultBreakdownBoxInner .breakdownList dl dt{
	width	:	50%;
	padding	:	8px;
	display	:	inline-block;
	vertical-align	:	middle;
	-webkkit-box-sizing	:	border-box;
	-moz-box-sizing	:	border-box;
	-ms-box-sizing	:	border-box;
	-o-box-sizing	:	border-box;
	box-sizing	:	border-box;
	border-right	:	1px solid #ccc;
}
#resultBreakdownBoxInner .breakdownList dl.breakdownHead dt{
	text-align	:	center;
	border-right	:	1px solid #fff;
}
#resultBreakdownBoxInner .breakdownList dl dd{
	width	:	25%;
	padding	:	8px;
	display	:	inline-block;
	vertical-align	:	middle;
	-webkkit-box-sizing	:	border-box;
	-moz-box-sizing	:	border-box;
	-ms-box-sizing	:	border-box;
	-o-box-sizing	:	border-box;
	box-sizing	:	border-box;
	border-right	:	1px solid #ccc;
	text-align	:	center;
}
#resultBreakdownBoxInner .breakdownList dl.breakdownHead dd{
	border-right	:	1px solid #fff;
}
#resultBreakdownBoxInner .breakdownList dl dd:last-child{
	border-right	:	none;
}
#resultBreakdownBoxInner .breakdownList dl.total dd{
	color	:	#c00;
	font-size	:	16px;
	font-weight	:	bold;
}
#resultBreakdownBoxInner .notes{
	line-height	:	160%;
	margin	:	10px 0;
	font-size	:	12px;
	text-align	:	right;
}


#result #resultImpact{
	margin-top	:	30px;
	padding-top	:	0;
}
#result #resultImpact p{
	line-height	:	160%;
}
#result #resultImpact p .comment{
	font-weight	:	bold;
}



/* contact */
/*---------------------------------------------------*/
#contact .contBox{
	width	:	880px;
	padding-right	:	50px;
	padding-left	:	50px;
}
#contact .contBox h4{
	line-height	:	120%;
	margin-bottom	:	5px;
	color	:	#00a73c;
	font-size	:	18px;
	font-weight	:	bold;
}
#contact .contBox .tel{
	line-height	:	120%;
	color	:	#00a73c;
	font-size	:	35px;
	font-weight	:	bold;
}
#contact .contBox .tel span{
	font-size	:	18px;
}
#contact .contBox .holiday{
	margin-bottom	:	35px;
	color	:	#00a73c;
	font-size	:	16px;
}
#contact .contactPhoto{
	text-align	:	center;
}


/* footer */
/*---------------------------------------------------*/
#footWrap{
	width	:	100%;
	background-color	:	#00a73c;
}
#footer{
	padding	:	40px 0px;
}
#footTop{
	padding-bottom	:	20px;
	margin-bottom	:	20px;
	border-bottom	:	1px solid #fff;
}
#footTop table th,#footTop table td{
	padding-top	:	10px;
	line-height	:	140%;
	color	:	#fff;
	font-size	:	16px;
}
#footTop table tr:first-child th,#footTop table tr:first-child td{
	padding-top	:	0px;
}

#footTop table th.sp{
	width	:	20%;
	font-size	:	26px;
}
#footTop table td.sp{
	width	:	75%;
	padding-right	:	5%;
	font-size	:	16px;
}
#footBottom dt{
	width	:	120px;
	line-height	:	140%;
	color	:	#fff;
	float	:	left;
	font-size	:	16px;
}
#footBottom dd{
	width	:	800px;
	line-height	:	140%;
	color	:	#fff;
	float	:	left;
	font-size	:	16px;
}
#footBottom dt.sp{
	width	:	96%;
	margin	:	0px auto;
	line-height	:	140%;
	color	:	#fff;
	float	:	none;
	font-size	:	16px;
}
#footBottom dd.sp{
	width	:	96%;
	margin	:	0px auto;
	line-height	:	140%;
	color	:	#fff;
	float	:	none;
	font-size	:	16px;
}


#footBottom dd .decoration,#footBottom dd .decoration:visited,#footBottom dd .decoration:active,#footBottom dd .decoration:focus{
	color	:	#fff;
}
#footBottom dd .decoration:hover{
	text-decoration	:	none;
}

#copyright{
	padding	:	25px 0px;
	text-align	:	center;
	font-size	:	13px;
	background-color	:	#fff;
}