/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
/* line 17, ../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

/* line 22, ../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
html {
  line-height: 1;
}

/* line 24, ../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
ol, ul {
  list-style: none;
}

/* line 26, ../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 28, ../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

/* line 30, ../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
q, blockquote {
  quotes: none;
}
/* line 103, ../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

/* line 32, ../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
a img {
  border: none;
}

/* line 116, ../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
  display: block;
}

/* line 9, sass/style.scss */
.clearfix {
  *zoom: 1;
}
/* line 7, sass/_@mixins.scss */
.clearfix:after {
  content: "";
  display: block;
  clear: both;
}

/* line 13, sass/style.scss */
body {
  line-height: 1.6;
  color: #333333;
  font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
  font-size: 18px;
}

/* line 20, sass/style.scss */
#page {
  width: 960px;
  margin: 0 auto;
  border-left: 1px solid #CCC;
  border-right: 1px solid #CCC;
}
/* line 25, sass/style.scss */
#page a, #page a:link {
  color: #0071B1;
  text-decoration: none;
}

/* @group .block1 */
/* line 31, sass/style.scss */
.block1 {
  -webkit-box-shadow: 0px 6px 6px 0px #cccccc;
  -moz-box-shadow: 0px 6px 6px 0px #cccccc;
  box-shadow: 0px 6px 6px 0px #cccccc;
  margin-bottom: 50px;
}
/* line 34, sass/style.scss */
.block1 .left {
  float: left;
  background: url(images/main_image.jpg) no-repeat;
  width: 490px;
  height: 700px;
  position: relative;
}
/* line 40, sass/style.scss */
.block1 .left a {
  position: absolute;
  display: block;
  left: 40px;
}
/* line 44, sass/style.scss */
.block1 .left a.btn_1 {
	top: 199px;
}
/* line 47, sass/style.scss */
.block1 .left a.btn_2 {
	top: 283px;
}

.block1 .left img.line{
position: absolute;
display: block;
top: 364px;
left: 40px;
width: 427px;
text-align: center;
	
}

.block1 .left a.btn_4 {
	top: 377px;
	width: 422px;
	text-align: right;
	
	
}

/* line 52, sass/style.scss */
.block1 .right {
  float: right;
  width: 470px;
  background: url(images/bg_lead.png);
  height: 700px;
}

.block1 .right .leadtxt {
	margin-top:33px;
	margin-left:28px;
}

/* line 57, sass/style.scss */
.block1 .right p {
  padding: 40px;
  font-size: 16px;
  line-height: 2;
}

/* @group .block2 */
/* line 67, sass/style.scss */
.block2 h2 {
  width: 860px;
  height: 111px;
  margin: 0 auto 29px;
}
/* line 72, sass/style.scss */
.block2 .container1 {
  width: 860px;
  margin: 0 auto 49px;
}
/* line 75, sass/style.scss */
.block2 .container1 .text {
  float: left;
  width: 487px;
  margin-left: 10px;
}
/* line 80, sass/style.scss */
.block2 .container1 .image {
  float: right;
  width: 331px;
  margin-right: 10px;
}
/* line 86, sass/style.scss */
.block2 .container2 {
  width: 860px;
  margin: 0 auto 60px;
}
/* line 89, sass/style.scss */
.block2 .container2 h3 {
  line-height: 0;
  margin-bottom: 29px;
}
/* line 93, sass/style.scss */
.block2 .container2 p {
  margin-left: 10px;
}
/* line 98, sass/style.scss */
.block2 .container3 h3 {
  width: 860px;
  margin: 0 auto 24px;
  line-height: 0;
}
/* line 103, sass/style.scss */
.block2 .container3 div.flow_image {
  margin-left: 50px;
  margin-bottom: 4px;
}
/* line 107, sass/style.scss */
.block2 .container3 ul {
  margin-left: 50px;
  margin-bottom: 56px;
}
/* line 110, sass/style.scss */
.block2 .container3 ul li {
  float: left;
  border-right: 1px solid #000;
  text-align: center;
  padding: 8px 0;
  font-size: 16px;
}
/* line 116, sass/style.scss */
.block2 .container3 ul li.flow1 {
  width: 188px;
}
/* line 119, sass/style.scss */
.block2 .container3 ul li.flow2 {
  width: 250px;
}
/* line 122, sass/style.scss */
.block2 .container3 ul li.flow3 {
  width: 238px;
}
/* line 125, sass/style.scss */
.block2 .container3 ul li.flow4 {
  width: 225px;
  border: none;
}
/* line 132, sass/style.scss */
.block2 .container4 {
  width: 860px;
  margin: 0 auto;
}
/* line 135, sass/style.scss */
.block2 .container4 h3 {
  line-height: 0;
  margin-bottom: 22px;
}
/* line 139, sass/style.scss */
.block2 .container4 div.table_wrapper {
  margin-left: 7px;
}
/* line 141, sass/style.scss */
.block2 .container4 div.table_wrapper table {
  width: 413px;
  border-collapse: collapse;
  border: 1px solid #808080;
}
/* line 145, sass/style.scss */
.block2 .container4 div.table_wrapper table th {
  width: 75px;
}
/* line 148, sass/style.scss */
.block2 .container4 div.table_wrapper table th, .block2 .container4 div.table_wrapper table td {
  vertical-align: top;
  border: 1px solid #808080;
  padding: 6px 0px 4px 15px;
}
/* line 154, sass/style.scss */
.block2 .container4 div.table_wrapper table.left {
  float: left;
}
/* line 157, sass/style.scss */
.block2 .container4 div.table_wrapper table.right {
  float: right;
}
/* line 161, sass/style.scss */
.block2 .container4 .detail_link {
  text-align: right;
  font-size: 16px;
  margin-bottom: 45px;
  margin-top: 10px;
}
/* line 169, sass/style.scss */
.block2 .container5 h3 {
  text-align: center;
  line-height: 0;
  margin-bottom: 20px;
}
/* line 174, sass/style.scss */
.block2 .container5 .text {
  text-align: center;
  margin-bottom: 30px;
}
/* line 178, sass/style.scss */
.block2 .container5 .btn_wrapper {
  width: 860px;
  margin: 0 auto;
}
/* line 181, sass/style.scss */
.block2 .container5 .btn_wrapper .banner {
  float: left;
  width: 406px;
  margin-left: 20px;
}
/* line 185, sass/style.scss */
.block2 .container5 .btn_wrapper .banner div {
  margin: 15px 0 0 14px;
  font-size: 11px;
}
/* line 190, sass/style.scss */
.block2 .container5 .btn_wrapper .btn {
  float: right;
  width: 409px;
}

/* line 197, sass/style.scss */
.separator {
  line-height: 0;
  margin: 50px 0 46px;
}

/* @group .block3 */
/* line 203, sass/style.scss */
.block3 h2 {
  width: 860px;
  height: 111px;
  margin: 0 auto;
}
/* line 208, sass/style.scss */
.block3 .life_planning_square {
  margin-left: 50px;
}
/* line 211, sass/style.scss */
.block3 .container1 {
  width: 860px;
  margin: 0 auto;
}
/* line 214, sass/style.scss */
.block3 .container1 .text {
  float: left;
  width: 445px;
  margin-left: 10px;
  margin-bottom: 42px;
}
/* line 220, sass/style.scss */
.block3 .container1 .image {
  float: right;
  width: 363px;
  margin-right: 10px;
}
/* line 226, sass/style.scss */
.block3 .container2 {
  width: 840px;
  margin: 0 auto 70px;
  font-size: 16px;
}
/* line 230, sass/style.scss */
.block3 .container2 h3 {
  margin-bottom: 15px;
}
/* line 233, sass/style.scss */
.block3 .container2 .l {
  font-size: 24px;
  font-weight: bold;
}
/* line 237, sass/style.scss */
.block3 .container2 .b {
  font-weight: bold;
}
/* line 240, sass/style.scss */
.block3 .container2 div.top {
  height: 173px;
}
/* line 243, sass/style.scss */
.block3 .container2 div.left {
  width: 443px;
  float: left;
  /*height: 173px;*/
}
/* line 248, sass/style.scss */
.block3 .container2 div.right {
  width: 390px;
  float: right;
  /*height: 173px;*/
}
/* line 252, sass/style.scss */
.block3 .container2 div.right span.gray {
  color: #A8A8A8;
}
/* line 255, sass/style.scss */
.block3 .container2 div.right .ml20 {
  margin-left: 17px;
}
/* line 261, sass/style.scss */
.block3 .container3 h3 {
  text-align: center;
  line-height: 0;
  margin-bottom: 18px;
}
/* line 266, sass/style.scss */
.block3 .container3 .text {
  text-align: center;
  margin-bottom: 27px;
}
/* line 270, sass/style.scss */
.block3 .container3 .btn_wrapper {
  width: 860px;
  margin: 0 auto 2px;
}
/* line 273, sass/style.scss */
.block3 .container3 .btn_wrapper .banner {
  float: left;
  width: 406px;
  margin-left: 20px;
}
/* line 278, sass/style.scss */
.block3 .container3 .btn_wrapper .btn {
  float: right;
  width: 409px;
}
/* line 283, sass/style.scss */
.block3 .container3 .footer_text1 {
  margin-left: 75px;
  margin-bottom: 12px;
  font-size: 13px;
  width: 840px;
}
/* line 288, sass/style.scss */
.block3 .container3 .footer_text1 span.orange {
  color: #e65a24;
}
/* line 292, sass/style.scss */
.block3 .container3 .footer_text2 {
  margin-left: 75px;
  margin-bottom: 46px;
  width: 840px;
  font-size: 11px;
}

/* line 300, sass/style.scss */
div.credit {
  width: 840px;
  margin-left: 60px;
}
/* line 303, sass/style.scss */
div.credit .left {
  width: 580px;
  float: left;
}
/* line 306, sass/style.scss */
div.credit .left .logo {
  width: 205px;
  float: left;
  margin-right: 17px;
}
/* line 311, sass/style.scss */
div.credit .left .text {
  font-size: 12px;
}
/* line 315, sass/style.scss */
div.credit .right {
  font-size: 11px;
  text-align: right;
  padding-top: 25px;
}

/* line 321, sass/style.scss */
#footerContents02 {
  clear: both;
  width: 900px;
  margin: 10px auto 0;
  padding: 10px 0;
  border-top: 1px solid #cccccc;
}
/* line 327, sass/style.scss */
#footerContents02 p {
  float: left;
}
/* line 330, sass/style.scss */
#footerContents02 #copyright {
  clear: both;
  line-height: 1;
}
/* line 334, sass/style.scss */
#footerContents02 #copyrightText {
  float: right;
  margin-top: -15px;
  color: #666666;
  font-size: 12px;
}
/* add css */
.fs11 {
	font-size:11px;
}

.pl40 {
	padding-left:40px;
}

.icon_blank {
	margin:0 5px;
	vertical-align:baseline;
}

.block4 h2 {
  width: 860px;
  height: 110px;
  margin: 0 auto 29px;
}

.block4 .container1 {
  width: 860px;
  margin: 0 auto 49px;
}

.block4 .container2 {
	width:370px;
	float:left;
	background-color:#f9eddc;
	padding:20px;
	height: 213px;
}

.block4 .container2 ul {
	padding-left:20px;
	margin-left:20px;
}

.block4 .container2 ul li {
	list-style:outside disc;
}

.block4 .container3 {
	width:370px;
	float:right;
	background-color:#f9eddc;
	padding:20px;
	text-align:center;
}

.block4 .container4 {
	width:370px;
}
.block4 .container5 h3 {
	font-size:20px;
	font-weight:bold;
	color:#E75A24;
}

.block4 .container5 ul {
	margin:20px;
	padding-left:20px;
}

.block4 .container5 ul li {
	list-style:outside disc;
}

.fs16{
	font-size:16px;
}

.fwb {
	font-weight:bold;
}

.mb20 {
	margin-bottom:20px;
}

.mb40 {
	margin-bottom:40px;
}

.mb60 {
	margin-bottom:60px;
}

.bb1dot {
	border-bottom:1px dotted #666;
	padding-bottom:20px;
}

.bb1s {
	border-bottom:1px solid #666;
}

#kiyaku {
	width:800px;
	padding:20px;
	margin:0 auto;
}

#kiyaku h1 {
	font-size:24px;
	font-weight:bold;
	text-align:center;
}

#kiyaku ul {
	padding-left:20px;
	margin-left:40px;
}

#kiyaku ul li {
	list-style:outside disc;
	margin-bottom:10px;
}

#kiyaku .naiyou {
	border:1px solid #666666;
}

#kiyaku h2 {
	text-align:center;
	font-weight:bold;
	font-size:20px;
	background-color:#efeac5;
}

#kiyaku table {
	font-size:16px;
	margin-left:40px;
	width:90%;
}

#kiyaku table th {
	border:1px solid #666666;
	border-collapse:collapse;
	padding:10px;
	width:5%;
}

#kiyaku table td {
	border:1px solid #666666;
	border-collapse:collapse;
	padding:10px;
	width:95%;
}

.aten {
	color:#FF0000;
}

#kiyaku .saiban {
	font-size:11px;
	text-align:right;
}

.block2 .btn_wrapper .orange {
	  color: #e65a24;
}

.fs13 {
	font-size:13px;
}

.mb12 {
	margin-bottom:12px;
}

.pr20 {
	padding-right:20px;
}

.closeBtn {
margin: 50px 0 0;
text-align: center;
}

.closeBtn a {
	font-size:14px;
display: inline-block;
padding: 15px 28px 15px 48px;
background-color: #f1f1f1;
background-image: url(images/mark_close.png);
background-repeat: no-repeat;
background-position: 24px center;
border: 1px solid #ccc;
color: #333333;
font-weight: bold;
cursor: pointer;
text-decoration:none;
}

