body{
	font-family: "メイリオ", Meiryo, "MS P明朝", "MS PMincho", "arial", "sans-serif";
	font-size: 16px;
	line-height: 24px;
	width: 100%;
	color: #333333;
}

.w980{ width: 980px; margin: auto;}

.fl{float: left;}

.fr{float: right;}

a{display: block;}

#superdiv{background: white; overflow-x:hidden;}

.clearfix{clear: both;}

.title{background: url(../images/title_bg.jpg) repeat-x;}

h2{text-align: center; height: 210px;}

/* header */
#header{
	border-bottom: 2px solid #486fa5;
	padding-bottom: 10px;
}

#header h1{
	font-size: 12px;
}

#logo, #tel, #zenkoku{
	height: 71px;
}

/* main */
#main{
	background: url(../images/main_bg.png) repeat-x;
	height: 562px;
}

#main_wrapper{
	/*background: url(../images/main.png) no-repeat center; */
	background: url("../images/main2024.png") no-repeat center; 
 	height: 562px;
 	z-index: 1;
  	position: relative;
}
/*#main_image{background: url(../images/main.png) no-repeat center;   height: 562px;}
#main_image{background: url("../images/main2024.png") no-repeat center;   height: 562px;}*/

/* buttonarea */
.top_buttonarea{
	background: url(../images/stripe_bg.jpg) repeat;
	margin-top: -13px;
	z-index: 0;
  	position: relative;
}

.top_buttonarea_wrapper{
	/*background: url(../images/button_area.png) no-repeat center;*/
	height: 373px;
	padding: 30px 0px 55px 0px;
	position: relative;
	text-align: center;
}

.top_buttonarea_wrapper a, .buttonarea02_wrapper a{
	background: url(../images/button.png) no-repeat center;
	width: 600px;
	height: 90px;
	margin: auto;
	background-position: 0% 0%;
}

.top_buttonarea_wrapper a{
    left: 190px;
    position: absolute;
    top: 130px;
}

.buttonarea02_wrapper a{
	position: absolute;
	right: 32px;
  	top: 108px;
}

.top_buttonarea_wrapper a:hover, .buttonarea02 a:hover{
	background-position: 0% 100%;
}

.buttonarea02_wrapper{
	/*background: url(../images/button_area02.png) no-repeat center;*/
	height: 358px;
	position: relative;
	text-align: center;
}

#middle_buttonarea{padding: 50px 0px;}

#bottom_buttonarea{
	background: url(../images/stripe_bg.jpg) repeat;
	margin-top: -20px;
	padding: 50px 0px;
}

/* nayami */
#nayami_content{
	padding: 35px 0px 75px 0px;
}

#nayami_list{
	height: 470px;
}

#nayami_tyousa{
	background: url(../images/nayami_tyousa.jpg) no-repeat center;
	position: relative;
	height: 420px;
	margin-bottom: 75px;
	padding-top: 20px;
}

#nayami_sekigai, #nayami_sansui{
	position: absolute;
	bottom: 30px;
 	width: 445px;
}

#nayami_sekigai{left: 25px;}
#nayami_sansui{right: 15px;}

/* jirei */
#jirei{
	background: url(../images/jirei_bottom_text.jpg) no-repeat center bottom;
	padding-bottom: 451px;
}

#jirei_content{
	background: url(../images/jirei_list_bg.jpg) repeat;
	padding-top: 30px;
  	padding-bottom: 1px;
}

.jirei_box{
	background: white;
	width: 919px;
	margin: auto;
	margin-bottom: 30px;
	-webkit-box-shadow: 0px 5px 9px 0px rgba(0, 0, 0, 0.45);
	-moz-box-shadow:    0px 5px 9px 0px rgba(0, 0, 0, 0.45);
	box-shadow:         0px 5px 9px 0px rgba(0, 0, 0, 0.45);
}

.jirei_box h3{
	font-size: 35px;
	color: white;
	width: 919px;
	height: 101px;
	padding-top: 10px;
	display: table-cell;
  	vertical-align: middle;
  	padding-left: 139px;
}

.jirei_box_text{
	padding: 29px;
}

.jirei_box_text p{
	clear: both;
	padding-top: 30px;
}


#jirei01 h3{background: url(../images/jirei01_title.jpg) no-repeat center;}
#jirei02 h3{background: url(../images/jirei02_title.jpg) no-repeat center;}
#jirei03 h3{background: url(../images/jirei03_title.jpg) no-repeat center;}

/* reason */
#reason{
	background: url(../images/stripe_bg.jpg) repeat;
}

.reason_box{
	background: url(../images/reason_box_bottom.png) no-repeat bottom;
	margin-top: 25px;
	padding-bottom: 3px;
}

.reason_box h3{
	text-align: center;
  	height: 180px;
}

.reason_box_text{
	background: url(../images/reason_box_bg.png) repeat-y center;
	padding: 20px 40px 30px 40px;
}

.reason_box_text p {
	float: left;
	font-size: 15px;
	line-height: 25px;
	width: 60%;
}

.reason_box_text span{ color: #ff8800; font-weight: bold;}
.reason_box_text > img{float: right;}

#reason03 h4{padding: 30px 0px; overflow: hidden;}

/* voice */
#voice{
	background: url(../images/voice_bg.jpg) repeat;
}

#voice_content{padding: 15px 0px 50px 0px;}

.voice_box{
	padding-bottom: 30px;
}

.voice_pic{padding-top: 30px;}

.voice_text{
	background: white;
	position: relative;
	width: 75%;
	-webkit-border-top-left-radius: 25px;
	-webkit-border-top-right-radius: 25px;
	-moz-border-radius-topleft: 25px;
	-moz-border-radius-topright: 25px;
	border-top-left-radius: 25px;
	border-top-right-radius: 25px;
	-webkit-box-shadow: 4px 4px 0px 1px rgba(4, 4, 4, 0.75);
	-moz-box-shadow:    4px 4px 0px 1px rgba(4, 4, 4, 0.75);
	box-shadow:         4px 4px 0px 1px rgba(4, 4, 4, 0.75);
}

.voice_text h5{
	width: 100%;
	height: 47px;
	background: #002E6A;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
}

.voice_text h5 img{padding-left: 20px;}

.voice_text p{
	padding: 10px 0px 10px 20px;
}

.voice_right:after,
.voice_right:before {
    border-style: solid;
	border-width: 25px 44px 25px 0;
	border-color: transparent #FFFFFF;
    content: '';
    position: absolute;
    left: -40px;
  	top: 89px;
}
.voice_right:before {
    border-right: 39px solid hsla(0, 1%, 18%, 0.62);
  	left: -39px;
  	top: 92px;
}

.voice_left:after,
.voice_left:before {
    border-style: solid;
	border-width: 25px 0 25px 44px;
	border-color: transparent #FFFFFF;
    content: '';
    position: absolute;
    right: -40px;
  	top: 89px;
}
.voice_left:before {
    border-left: 39px solid hsla(0, 1%, 18%, 0.62);
  	right: -39px;
  	top: 92px;
}
/* cost */

#cost_content{
	padding: 0px 20px;
}

#cost_box{
	position: relative;
}

#cost_box_wrapper{
	padding: 40px 0px;
	background: url(../images/cost_bg.jpg) repeat;
	margin-top: 25px;
	position: relative;
	z-index: 1;
}

#cost_box:before{ 
    content: ""; 
    z-index: 0; 
    position: absolute; 
    width: 50%;
	top: 160px;
	bottom: 15px;
	left: 19px;
	-webkit-transform: rotate(-3deg) skew(-2deg);
	transform: rotate(-3deg) skew(-3deg);
	box-shadow: 0px 18px 0px 4px #989898;
} 
#cost_box:after{ 
    content: ""; 
    z-index: 0; 
    position: absolute; 
    width: 41%; 
    top: 161px; 
    right: 15px; 
    bottom: 13px;
	-webkit-transform: rotate(4deg) skew(4deg);
	transform: rotate(3deg) skew(3deg);
	box-shadow: 0px 21px 0px 2px #989898;
}

#cost_box .fl, #cost_box .fr{padding: 0px 35px;  width: 42%;}

#cost_box h5{
	height: 60px;
	border-bottom: 10px solid rgba(192, 192, 192, 0.7);
	width: 381px;
	text-align: center;
	margin: auto;
	margin-bottom: 15px;
}
#cost_box ul .list01{background: url(../images/cost_list01.png) no-repeat;}
#cost_box ul .list02{background: url(../images/cost_list02.png) no-repeat 0px 20px;}
#cost_box ul .list03{background: url(../images/cost_list03.png) no-repeat 0px 20px;}
#cost_box ul .list04{background: url(../images/cost_list04.png) no-repeat 0px 20px;}
#cost_box ul li span{background: #fff60e; font-weight: bold;}

#cost_box ul li{
	padding-top: 20px;
	padding-top: 20px;
	padding-left: 31px;
  }

#cost_box ul li:first-child{padding-top: 0px;}

#cost_bottom p span{background: #fff60e; font-weight: bold; color: #be2f00;}

#cost_sekigai{position: relative;}

#cost_sekigai:after{
	position: absolute;
	content: "";
	border-left: 3px solid #002e6a;
	-webkit-box-shadow: 4px 4px 0px 1px rgba(4, 4, 4, 0.75);
	-moz-box-shadow: 4px 4px 0px 1px rgba(4, 4, 4, 0.75);
	box-shadow: 2px 1px 0px 0px rgba(45, 51, 90, 0.75);
	height: 455px;
	top: 0px;
	left: 476px;
}

#cost_bottom{padding-top: 60px;}

#cost_bottom_image{
	text-align: center;
	height: 79px;
}

#cost_bottom p{
	width: 55%;
	padding-top: 50px;
}

/* nagare */
#nagare_content{ padding: 15px 0px;}
#nagare_content ul{
	border: 3px solid #dddddd;
 	width: 963px;
 	margin: auto;
}

#nagare_content ul li{float: left; width: 240px;}

.steps{
	height: 59px;
	border-left: 5px solid white;
}

.step_text{
	padding: 15px 10px;
	border-left: 5px solid #4677bc;
	position: relative;
	height: 363px;
}

.step_text img{
	position: absolute;
	bottom: 15px;
}

.step_title{
	font-size: 22px;
	color: #0b3f87;
	text-align: center;
}

#step1 .step_text, #step1 .steps{border-left: 0px;}

.step_text p{
	padding: 20px 0px;
}

#taiou{background: url(../images/taiou_bg.jpg) repeat-x;   height: 535px;}
#taiou_main{
	background: url(../images/taiou.jpg) no-repeat;
	position: relative;
	height: 535px;
}

#taiou_main p{
	position: absolute;
	color: white;
	bottom: 132px;
  	right: 21px;
  	width: 500px;

}

#taiou_bottom{
	height: 466px;
	padding-top: 10px;
	text-align: center;
}

/* question */
#question_wrapper{padding: 40px 30px 0px 30px;}

#question h3{
	width: 100%;
	border-bottom: 1px solid #002e6a;
	text-align: center;
}

.question_cont{
	padding: 20px 0px;
}

.questions{
	position: relative;
	font-size: 20px;
	color: #002e6a;
	font-weight: bold;
	padding-left: 60px;
  	height: 50px;
  	display: table-cell;
  	vertical-align: middle;
}

.questions:before{
	content: url(../images/q.jpg);
  	position: absolute;
  	top: 0px;
 	left: 0px;
}

.answers{
	padding-left: 60px;
	position: relative;
	margin-top: 5px;
	}

.answers:before{
	content: url(../images/a.jpg);
  	position: absolute;
  	top: 0px;
 	left: 22px;
}


/* pagetop */
#pagetop_wrapper{
	position: relative;
	right: 30px;
	background: url(../images/pagetop_bg.png) no-repeat right;
	margin-top: -70px;
	height: 262px;
}

#pagetop_wrapper a{
	position: absolute;
	right: -30px;
  	top: 55px;
}

/* footer */

#footer{
	width: 100%;
	background: #00224b;
}

#footer_wrapper{
	padding: 60px 0px;
}


#footer ul{text-align: center;}

#footer ul li{
	border-left: 1px solid white;
	display: inline-block;
}

#footer ul li:first-child{
	border-left: 0px;
}

#footer ul li a{
	font-size: 16px;
	color: white;
	padding: 0px 20px;
	text-decoration:none;
}

#footer p{
	font-size: 12px;
	color: white;
	text-align: center;
}

#footer ul li a:hover{text-decoration:underline;}