@charset "UTF-8";
/* CSS Document */

/*style*/
body{
    font: 100% Verdana,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',osaka,'メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
    background: #fff;
    line-height: 1.6em;
    width: 100%;
	min-width: 980px;
	color: #000;
	text-align: center;
	}
.inner{
	width: 980px;
	margin: 0 auto;
	}
.inline_b{
	display: inline-block;
	*display: inline;
	*zoom: 1;	
	}
.fLeft{
	float: left;
	}
.fRight{
	float: right;
	}
.top30{
	margin-top: 30px;
	}
.top20{
	margin-top: 20px;
	}
.top10{
	margin-top: 10px;
	}
.top50{
	margin-top: 50px;
	}
header{
	width: 100%;
	height: 60px;
	background: #FFF;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
	}
header .inner{
	padding-top: 7px;
	}
h1{
	padding-top: 8px;
	}
.mainVisual {
	position: relative;
	width: 100%;
	height: 580px;
	background: url("../img/mainVisual.jpg") no-repeat 50% 0;
	}
.mainVisual p {
	position: absolute;
	top: 408px;
	left: 50%;
	margin-left: 298px;
}
h2{
	width: 100%;
	}
.titleBl{
	background: url("../img/obi_black.gif") repeat;
	}
.titleOr{
	background: url("../img/obi_or.gif") repeat;
	}
h2 p{
	padding: 30px 0;
	}
.titleImage{
	background: url("../img/tit02.jpg") no-repeat 50% 0;
	height: 199px;
	}
.logo {
	padding: 20px 0 30px;
}
.conv{
	background: url("../img/btn_bg.gif") repeat-x;
	height: 240px;
	}
.convLast{
	background: url("../img/btn_bg2.gif") repeat-x;
	height: 350px;
	}
.convInner{
	background: url("../img/shadow.png") repeat-x;
	}
.btn{
	margin-left: -16px;
	}
section{
	width: 100%;
	}
section .inner{
	padding: 30px 0;
	}
.rank{
	background: url("../img/voice_bg.gif") repeat;
	padding: 30px 0 50px;
	}
.rank .inner {
	width: 880px;
	margin: 0 auto;
	padding: 15px 0 0;
}
.job {
	margin: 50px 0;
}
.point{
	background: #f1f1f1;
	}
.pointTit{
	border-bottom: 1px solid #d1d1d1;
	padding-bottom: 30px;
	}
.point1{
	border-top: 1px solid #d1d1d1;
	padding-top: 30px;
	}
.point1 .pointTop{
	background: url("../img/point1_1.gif") no-repeat;
	width: 980px;
	height: 312px;
	}
.pointTop span{
	display: block;
	padding-top: 180px;
	padding-left: 50px;
	font-weight: bold;
	text-align: left;
	}
.btnArea{
	padding-top: 30px;
	}
.point2 .pointTop{
	background: url("../img/point2_1.gif") no-repeat;
	width: 980px;
	height: 312px;
	}
.point3 .pointTop{
	background: url("../img/point3_1.gif") no-repeat;
	width: 980px;
	height: 263px;
	}
.success{
	background: url("../img/success_bg.jpg") no-repeat 50% 0;
	width: 100%;
	}
.success .inner{
	padding-top: 0 !important;
	}
.successTit{
	color: #FF6C00;
	font-weight: bold;
	font-size: 140%;
	}
.successLine img{
	vertical-align: middle;
	}
.profMan{
	background: url("../img/success_men.gif") no-repeat;
	width: 801px;
	height: 127px;
	margin: 20px auto;
	text-align: left;
	}
.profWoman{
	background: url("../img/success_women.gif") no-repeat;
	width: 801px;
	height: 127px;
	margin: 20px auto;
	text-align: left;
	}
.remodal ul{
	margin-left: 150px;
	padding-top: 20px;
	}
.manName{
	color: #6E85FF;
	font-size: 120%;
	font-weight: bold;
	}
.womanName{
	color: #dd689c;
	font-size: 130%;
	font-weight: bold;
	}
.personal{
	font-weight: bold;
	font-size: 90%;
	}
.personal2{
	font-size: 80%;
	line-height: 1.2em;
	}
.story{
	text-align: left;
	padding:0 20px;
	}
.flow ul li{
	height: 349px;
	vertical-align: top;
	}
.flow ul li p{
	text-align: left;
	font-size: 80%;
	line-height: 1.4em;
	width: 210px;
	padding-top: 220px;
	padding-left: 10px;
	}
.step1{
	background: url("../img/step1.gif") no-repeat;
	width: 247px;
	margin-right: 2px;
	}
.step2{
	background: url("../img/step2.gif") no-repeat;
	width: 248px;
	margin-right: 2px;
	}
.step3{
	background: url("../img/step3.gif") no-repeat;
	width: 248px;
	margin-right: 2px;
	}
.step4{
	background: url("../img/step4.gif") no-repeat;
	width: 229px;
	}
.catch{
	padding-top: 30px;
	}
footer{
	display: table;
	width: 980px;
	margin: 0 auto;
	background: #fff;
	padding: 20px 0;
	}
footer p{
	display: table-cell;
	vertical-align: middle;
	}
footer > p:first-child {
	text-align: left;
}
footer > p:first-child + * {
	text-align: right;
	padding-right: 8px
}