@charset "utf-8";

/*--------------------------------------
	Block-level Elements
--------------------------------------*/

html,
div,
p,
li,
dl,
dt,
dd,
blockquote,
td,
form,
address {
	margin: 0;
	padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	padding: 0;
	font-style: normal;
	font-weight: bold;
	font-size: 100%;
}

ul,
ol {
	margin: 0;
	padding: 0;
	list-style: none;
}
th {
	margin: 0;
	padding: 0;
	font-style: normal;
	font-weight: normal;
	text-align: left;
}

body {
	margin: 0;
	padding: 0; /* for Opera8 */
	font-family: "繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3", "Hiragino Kaku Gothic Pro", "繝｡繧､繝ｪ繧ｪ", Meiryo, Osaka, "�ｭ�ｳ �ｰ繧ｴ繧ｷ繝�け", "MS PGothic", sans-serif;
	font-size: 14px;
	line-height: 1;
}

* html { /* for IE6 */
	font-family: "繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3", "Hiragino Kaku Gothic Pro", "繝｡繧､繝ｪ繧ｪ", Meiryo, Osaka, "�ｭ�ｳ �ｰ繧ｴ繧ｷ繝�け", "MS PGothic", sans-serif;
	font-size: 88%;
}

*:first-child+html { /* for IE7 */
	font-family: "繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3", "Hiragino Kaku Gothic Pro", "繝｡繧､繝ｪ繧ｪ", Meiryo, Osaka, "�ｭ�ｳ �ｰ繧ｴ繧ｷ繝�け", "MS PGothic", sans-serif;
	font-size: 88%;
	cursor: default;
}

h1 {
	font-size: 143%;/* 20px */
}

h2 {
	font-size: 129%;/* 18px */
}

h3 {
	font-size: 115%;/* 16px */
}

table {
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 100%;
	line-height: inherit;
}

img {
	vertical-align: bottom;
	border: none;
}
span.txt-ex {
	font-weight: bold;
	color: #02547a;
}

/*--------------------------------------
	body
--------------------------------------*/

body {
	color: #000;
	background-color:#f0f0f0;
}

a:hover img {
	opacity: 0.6;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	background: none;
}

/*--------------------------------------
	header
--------------------------------------*/

#header {
	width: 100%;
	height: 95px;
	background: #fff;
	border-bottom: solid 5px #1986b9;
}
#box-header {
	width: 980px;
	margin: 0 auto;
	position: relative;
}
.name-header {
	position: absolute;
	top:0;
	left:745px;
}
.tel-header {
	position: absolute;
	top:50px;
	left:550px;
}

/*--------------------------------------
	footer
--------------------------------------*/

#footer {
	width: 100%;
	background: #fff;
}
#box-footer {
	width: 980px;
	height: 245px;
	color: #444;
	text-align: center;
	margin: 0 auto;
}
.tel-footer {
	margin-bottom: 10px;
	padding-top: 40px;
}
.logo-footer {
	margin-bottom: 25px;
}

/*--------------------------------------
	menu
--------------------------------------*/

#menu {
	position: fixed;
	top: 195px;
	right: 0px;
	z-index: 100;
	width: 120px;
}
#menu li {
	margin-bottom: 5px;
}

/*--------------------------------------
	button
--------------------------------------*/

.button {
	width: 100%;
	height: 190px;
	text-align: center;
	background: #9dd8f4;
}
.button h2 {
	padding-top: 35px;
}
.button a {
	display: block;
	width: 790px;
	height: 90px;
	text-indent: -9999px;
	margin: 0 auto;
	background: url(../img/btn_common.gif) no-repeat;
}
.button a:hover {
	background: url(../img/btn_common.gif) no-repeat 0 -90px;
}

/*--------------------------------------
	mainvisual
--------------------------------------*/

#mainvisual {
	width: 100%;
	height: 560px;
	background: url(../img/bg_mainvisual.gif) repeat-x #fff;
}
#box-mainvisual {
	width: 1080px;
	height: 560px;
	margin: 0 auto;
	background: url(../img/bg_box-mainvisual.png) no-repeat right;
	position: relative;
}
div.pt1 {
	/* visibility: hidden; */
	width: 525px;
	height: 290px;
	margin-left: 50px;
	padding-top: 50px;
}
div.pt2 {
	visibility: hidden;
}
div.pt3 {
	visibility: hidden;
}
div.pt4 {
	visibility: hidden;
}
div.pt5 {
	visibility: hidden;
}
div.point {
	position: absolute;
	top: 380px;
	left: 65px;
	width: 510px;
	height: 180px;
}
div.point p.point2 {
	margin: -180px 0 0 175px;
}
div.point p.point3 {
	margin: -180px 0 0 350px;
}
div.medal {
	position: absolute;
	top: 280px;
	left: 630px;
	width: 240px;
	height: 280px;
}

/*--------------------------------------
	trouble
--------------------------------------*/

#trouble {
	width: 100%;
	background: url(../img/bg_trouble.gif);
}
#box-trouble {
	width: 980px;
	height: 940px;
	margin: 0 auto;
	background: url(../img/bg_box-trouble.png) no-repeat bottom;
}
#box-trouble h2 {
	text-align: center;
	margin-bottom: 25px;
	padding-top: 70px;
}
.troubles {
	width: 980px;
	height: 380px;
	margin-bottom: 80px;
	position: relative;
}
.trouble {
	position: absolute;
}
.trouble1 {
	top: 40px;
	left: 15px;
	width: 335px;
	height: 145px;
}
.trouble2 {
	top: 0px;
	left: 335px;
	width: 345px;
	height: 120px;
}
.trouble3 {
	top: 10px;
	left: 745px;
	width: 220px;
	height: 175px;
}
.trouble4 {
	top: 200px;
	left: 70px;
	width: 300px;
	height: 145px;
}
.trouble5 {
	top: 120px;
	left: 490px;
	width: 235px;
	height: 120px;
}
.trouble6 {
	top: 255px;
	left: 380px;
	width: 330px;
	height: 125px;
}
#box-trouble p {
	width: 580px;
	font-size: 18px;
	line-height: 2.4;
	margin-left: 55px;
}

/*--------------------------------------
	reason
--------------------------------------*/

#reason {
	width: 100%;
	margin-bottom: 35px;
	background: url(../img/bg_reason.gif) repeat-x top;
}
#box-reason {
	width: 980px;
	margin: 0 auto;
}
#box-reason h2 {
	margin-bottom: 30px;
}
#box-reason .c-cassette {
	width: 940px;
	height: 1160px;
	margin: 0 20px;
	position: relative;
}
.r-cassette {
	position: absolute;
	width: 450px;
}
.r-cassette h3 {
	font-size: 22px;
	font-weight: bold;
	line-height: 1.3;
	margin-bottom: 20px;
	padding: 12px 0 20px 65px;
}
.r-cassette h3.lineone {
	padding: 27px 0 33px 65px;
}
.r-cassette ul {
	font-size: 18px;
	margin: 0 30px 20px 35px;
}
.r-cassette li {
	line-height: 1.6;
	text-indent: -1em;
	padding-left: 1em;
	margin-bottom: 10px;
}
.r-cassette p {
	font-size: 18px;
	line-height: 1.7;
	margin: 0 30px 57px 35px;
}
.r-cassette div {
	text-align: center;
}

.rc1 {
	top: 0px;
	left: 0px;
}
.rc2 {
	top: 0px;
	left: 490px;
}
.rc3 {
	top: 565px;
	left: 0px;
}
.rc4 {
	top: 565px;
	left: 490px;
}
.rc1 h3 {
	background: url(../img/h3_rc1.gif) no-repeat;
}
.rc2 h3 {
	background: url(../img/h3_rc2.gif) no-repeat;
}
.rc3 h3 {
	background: url(../img/h3_rc3.gif) no-repeat;
}
.rc4 h3 {
	background: url(../img/h3_rc4.gif) no-repeat;
}

/*--------------------------------------
	comparison
--------------------------------------*/

#comparison {
	width: 100%;
	background: url(../img/bg_diagnal.gif);
}
#box-comparison {
	width: 980px;
	margin: 0 auto;
	padding-bottom: 60px;
}
#box-comparison h2 {
	text-align: center;
	margin-bottom: 15px;
	padding-top: 30px;
}
#box-comparison .table-comparison {
	text-align: center;
}
#box-comparison .image-comparison {
	margin-left: 240px;
}
#box-comparison div {
	width: 940px;
	height: 300px;
	margin-left: 20px;
	background: url(../img/bg_div_comparison.gif) no-repeat #d7effb;
}
.notinstalled {
	margin: 0 0 10px 20px;
	padding-top: 30px;
}
.installed {
	margin: 0 0 20px 20px;
}
.only {
	text-align: center;
}

/*--------------------------------------
	step
--------------------------------------*/

#step {
	width: 100%;
	background: #fff;
}
#box-step {
	width: 980px;
	margin: 0 auto;
}
#box-step h2 {
	margin-bottom: 35px;
	padding-top: 50px;
}
.flow-step {
	margin-bottom: 30px;
}
.installed-step {
	margin-bottom: 10px;
}
.notinstalled-step {
	margin-bottom: 55px;
}

/*--------------------------------------
	results
--------------------------------------*/

#results {
	width: 100%;
	background: url(../img/bg_diagnal.gif);
}
#box-results {
	width: 980px;
	margin: 0 auto;
	padding-bottom: 60px;
}
#box-results h2 {
	margin-bottom: 10px;
	padding-top: 40px;
}
#box-results p {
	text-align: center;
}

/*--------------------------------------
	voice
--------------------------------------*/

#voice {
	width: 100%;
	background: #ecf8fe;
}
#box-voice {
	width: 980px;
	margin: 0 auto;
	padding-bottom: 70px;
}
#box-voice h2 {
	margin-bottom: 25px;
	padding-top: 60px;
}
#box-voice .cassette-voice {
	width: 950px;
	margin-left: 15px;
	margin-right: 15px;
	position: relative;
}
#box-voice .cvtext {
	width: 470px;
	font-size: 18px;
	line-height: 2.2;
}
#box-voice .cvname {
	font-size: 14px;
	font-weight: bold;
	line-height: 1.5;
}
#box-voice div {
	width: 390px;
}
#box-voice table {
	width: 390px;
}
#box-voice th {
	width: 90px;
	font-weight: bold;
	vertical-align: top;
}
#box-voice td {
	line-height: 1.4;
	vertical-align: top;
}

.cv1 {
	height: 495px;
	margin-bottom: 25px;
	background: url(../img/bg_cv1.gif) no-repeat;
}
.cv1 .cvtext {
	position: absolute;
	top: 30px;
	left: 35px;
}
.cv1 .cvname {
	position: absolute;
	top: 275px;
	left: 565px;
}
.cv1 div {
	position: absolute;
	top: 0px;
	left: 560px;
}
.cv1 table {
	position: absolute;
	top: 335px;
	left: 565px;
}

.cv2 {
	position: absolute;
	height: 510px;
	background: url(../img/bg_cv2.gif) no-repeat right top;
}
.cv2 .cvtext {
	position: absolute;
	top: 40px;
	left: 445px;
}
.cv2 .cvname {
	position: absolute;
	top: 315px;
	left: 5px;
}
.cv2 div {
	position: absolute;
	top: 0px;
	left: 0px;
}
.cv2 table {
	position: absolute;
	top: 375px;
	left: 5px;
}

.cv3 {
	position: absolute;
	height: 405px;
	background: url(../img/bg_cv3.gif) no-repeat;
}
.cv3 .cvtext {
	position: absolute;
	top: 30px;
	left: 35px;
}
.cv3 .cvname {
	position: absolute;
	top: 275px;
	left: 565px;
}
.cv3 div {
	position: absolute;
	top: 0px;
	left: 560px;
}
.cv3 table {
	position: absolute;
	top: 335px;
	left: 565px;
}

/*--------------------------------------
	interview
--------------------------------------*/

#interview {
	width: 100%;
	background: #fff;
}
#box-interview {
	width: 980px;
	margin: 0 auto;
	padding-bottom: 55px;
}
#box-interview h2 {
	margin-bottom: 60px;
	padding-top: 60px;
}
#box-interview .contents-interview {
	width: 940px;
	margin: 0 20px 20px;
	background: url(../img/bg_contents_interview.jpg) no-repeat right top;
}
.contents-interview h3 {
	font-size: 20px;
	font-weight: bold;
	color: #2a97ca;
	line-height: 1.4;
	margin-bottom: 30px;
}
.contents-interview dl {
	margin-bottom: 40px;
}
.contents-interview dt {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 8px;
}
.contents-interview dt.interviewer {
	color: #aaa;
}
.contents-interview dt.recipient {
	color: #02547a;
}
.contents-interview dd {
	font-size: 16px;
	line-height: 1.95;
}


/*--------------------------------------
	flow
--------------------------------------*/

#flow {
	width: 100%;
	background: #fff;
}
#box-flow {
	width: 980px;
	margin: 0 auto;
}
#box-flow h2 {
	margin-bottom: 20px;
	padding-top: 65px;
}
#box-flow p {
	margin: 0 0 60px 20px;
}

/*--------------------------------------
	form
--------------------------------------*/

#form {
	width: 100%;
	background: #fff;
}
#form h2 {
	text-align: center;
}
#formframe {
	width: 100%;
	background: #ecf8fe;
}
#box-formframe {
	width: 980px;
	margin: 0 auto;
	padding-top: 50px;
	padding-bottom: 50px;
}
table.formTable {
	width: 960px;
	font-size: 14px;
	margin: 0 auto 25px;
	background: #fff;
}
.formTable th {
	width: 250px;
	padding: 15px 35px 15px 25px;
	border-bottom: solid 1px #ccc;
	background: #f9f9f9;
}
.formTable span.required {
	display: block;
	width: 50px;
	font-size: 12px;
	color: #fff;
	text-align: center;
	margin: -16px 0 0 190px;
	padding: 0.2em;
	background: #e60041;
}
.formTable .noneborder {
	border: none;
}
.formTable td {
	line-height: 1.8;
	padding: 15px 0 15px 25px;
	border-bottom: solid 1px #ccc;
	text-align: left;
}
.formTable input {
	padding: 0.7em;
}
.formTable input.long {
	width: 475px;
}

.form-policy {
	text-align: center;
	margin: 0 245px 25px;
	padding: 12px 30px;
	border: solid 1px #ccc;
	background: #f9f9f9;
}
.form-policy a {
	color: #d00;
}
.form-policy a:hover {
	color: #f00;
	text-decoration: none;
}
.form-button {
	text-align: center;
}
.form-button input {
	width: 590px;
	height: 110px;
	background: url(../img/btn_form.gif);
	border: none;
	cursor: pointer
}

.btn-submit {
	width: 230px;
	height: 70px;
	background: url(../images/btn_submit.png);
	border: none;
	cursor: pointer
}
.btn-submit:hover {
	background: url(../images/btn_submit_on.png);
}

.btn-return {
	width: 230px;
	height: 70px;
	background: url(../images/btn_return.png);
	border: none;
	cursor: pointer
}
.btn-return:hover {
	background: url(../images/btn_return_on.png);
}


.form-confirm {
	width: 100%;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.5;
	color: #555;
	text-align: center;
	margin: 50px auto 0;
	padding: 50px 0 150px;
	background: #f0f0f0;
}

.form-complete {
	width: 100%;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.5;
	color: #555;
	text-align: center;
	margin: 50px auto 0;
	padding: 200px 0;
	background-color:#f0f0f0;
}



/*--------------------------------------
	追加デザイン
--------------------------------------*/


.head_area {
	position:relative;
	width:100%;
	height:105px;
	margin:0 auto;
	background:#fff url(../images/head_bg2.png) center no-repeat;
	text-align:center; 
}


.footer {
	width:100%;
	height:239px;
	background:url(../images/foot_bg.png) repeat-x;
	text-align:center;
}
/*
a {
	text-decoration: none;
	cursor: pointer;
	color: #10a13c;
}

a:hover {
	text-decoration: underline;
	color: #10a13c;
}

*/