@charset "utf-8";
/********************
base.css
********************/
html,body {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Arial, verdana, sans-serif;
font-size: 14px;
line-height: 1.5em;
word-break: break-all;
}
html{
border-top:5px solid #00246f;
}
#wrapper{
width: 960px;
margin: 0 auto;
padding: 20px 0 30px;
text-align: left;
}
#wrapper #wrapper_inner {
}
/* header */
#wrapper #header{
height: 55px;
text-align: left;
position: relative;
}
#wrapper #header h1{
width: 100%;
height: 1em;
display: block;
font-size: 11px;
color: #5a5a5a;
position: absolute;
top: 0;
left: 0;
}
#wrapper #header p#header_logo{
width: 194px;
height: 24px;
position: absolute;
left: 0;
bottom: 5px;
}
#wrapper #header p#header_tel{
width: 321px;
height: 37px;
position: absolute;
left: 313px;
bottom: 5px;
}
#wrapper #header p#header_time{
width: 104px;
height: 36px;
position: absolute;
right: 200px;
bottom: 5px;
}
#wrapper #header p#header_btn{
width: 180px;
height: 50px;
position: absolute;
right: 0;
bottom: 0;
}
/* main_imags */
#wrapper #main_imags {
	margin: 15px 0 55px;
}
#wrapper #main_imags h2 {
	width: 960px;
	height: 107px;
	line-height: 0;
	margin: 0;
	padding: 0;
	background: url(../img/main_imgs/t_title.jpg) left top no-repeat;
	text-indent: -5000px;
}
#wrapper #main_imags .inner{
padding: 0 0 23px;
margin: 0 0 20px;
background: url(../img/common/bg_col_inner_bottom.gif) left bottom no-repeat #eaeaea;
}
#wrapper #main_imags .inner p{
	width: 480px;
	height: 350px;
	float: left;
	text-indent: -5000px;
	background: #fff;
}
#wrapper #main_imags .inner p a{
	height: 100%;
	width: 100%;
	line-height: 0;
	display: block;
	background: url(../img/main_imgs/btn_plan3.jpg) no-repeat;
}
#wrapper #main_imags .inner p.menu02 a,
#wrapper #main_imags .inner p.menu02 a:hover{
	background-position: -480px 0;
}
#wrapper #main_imags .inner p a:hover {
	background: url(../img/main_imgs/btn_plan3_hover.jpg) no-repeat;
}
#wrapper #main_imags #main_imgs_lead p.lead{
width: 587px;
height: 54px;
margin-top: 4px;
float: left;
background: url(../img/main_imgs/t_lead.gif) left top no-repeat;
text-indent: -5000px;
}
#wrapper #main_imags #main_imgs_lead p.btn{
width: 351px;
height: 58px;
float: right;
}

/* three_point */
#wrapper #three_point h3{
height: 55px;
line-height: 55px;
margin-bottom: 20px;
}
#wrapper #three_point p.top_lead{
height: 44px;
line-height: 44px;
margin-bottom: 40px;
background: url(../img/three_point/t_lead.gif) left top no-repeat;
text-indent: -5000px;
}
#wrapper #three_point .inner{
padding: 35px 0 23px;
margin: 0 0 20px;
background: url(../img/common/bg_col_inner_bottom.gif) left bottom no-repeat #eaeaea;
}
#wrapper #three_point .inner .inner_item{
width: 871px;
margin: 0 auto 25px;
}
#wrapper #three_point .inner #point01{
height: 786px;
position: relative;
}
#wrapper #three_point .inner #point01 p.title{
width: 871px;
height: 786px;
line-height: 786px;
position: absolute;
top: 0;
left: 0;
}
#wrapper #three_point .inner #point01 p.lead01 {
width: 477px;
height: 108px;
line-height: 108px;
position: absolute;
top:142px;
left: 36px;
}
#wrapper #three_point .inner #point01 p.lead02 {
width: 337px;
height: 98px;
line-height: 98px;
position: absolute;
top:270px;
left: 36px;
}
#wrapper #three_point .inner #point01 p.lead03 {
width: 115px;
height: 12px;
line-height: 12px;
position: absolute;
top:385px;
left: 40px;
}
#wrapper #three_point .inner #point02{
width: 825px;
margin-bottom:30px;
}
#wrapper #three_point .inner #point02 .text{
width: 456px;
float: right;
}
#wrapper #three_point .inner #point02 .text p{
margin:0 0 0 22px;
}
#wrapper #three_point .inner #point02 .text p.title{
height: 137px;
line-height: 137px;
margin: 0 0 15px;
}
#wrapper #three_point .inner #point02 .text p.lead{
height: 87px;
line-height: 87px;
margin-bottom:30px;
}
#wrapper #three_point .inner #point02 .pic{
width: 332px;
height: 332px;
margin-top: 25px;
float: left;
}
#wrapper #three_point .inner #point03{
width: 865px;
margin-bottom: 80px;
}
#wrapper #three_point .inner #point03 .text{
width: 490px;
float: left;
}
#wrapper #three_point .inner #point03 .text p.title{
height: 137px;
line-height: 137px;
margin-bottom: 15px;
}
#wrapper #three_point .inner #point03 .text p.lead01{
height: 53px;
line-height: 53px;
margin-left: 28px;
margin-bottom: 30px;
}
#wrapper #three_point .inner #point03 .text p.lead02{
height: 59px;
line-height: 59px;
margin-left: 28px;
}
#wrapper #three_point .inner #point03 .pic{
width: 331px;
float: right;
margin-top: 25px;
}
/* plan */
#wrapper #plan h3{
height: 55px;
line-height: 55px;
margin-bottom: 20px;
}
#wrapper #plan p.top_lead{
height: 72px;
line-height: 72px;
margin-bottom: 40px;
background: url(../img/plan/t_lead.gif) left top no-repeat;
text-indent: -5000px;
}
#wrapper #plan .menu{
margin-bottom: 60px;
}
#wrapper #plan .menu ul li{
width: 290px;
height: 203px;
line-height: 203px;
float: left;
margin-bottom: 23px;
margin-right: 45px;
}
#wrapper #plan .menu ul li.menu03{
margin-right: 0;
}
#wrapper #plan .menu ul li.menu04,#wrapper #plan .menu ul li.menu05{
margin-bottom: 0;
}
#wrapper #plan .inner{
padding: 0 0 23px;
margin: 0 0 5px;
background: url(../img/common/bg_col_inner_bottom.gif) left bottom no-repeat #eaeaea;
}
#wrapper #plan .inner p.title{
width: 960px;
height: 350px;
line-height: 350px;
margin-bottom: 60px;
text-indent: -5000px;
}
#wrapper #plan .inner .inner_items{
width: 840px;
margin: 0 auto 50px;
}
#wrapper #plan .inner .inner_items p.pic{
width: 400px;
height: 245px;
line-height: 245px;
margin-bottom: 25px;
}
#wrapper #plan .inner .inner_items .col_left{
width: 400px;
float: left;
}
#wrapper #plan .inner .inner_items .col_right{
width: 400px;
float: right;
}
#wrapper #plan .inner .inner_items .col_s {
width: 195px;
margin-right: 20px;
float: left;
}
#wrapper #plan .inner .inner_items .col_s.last{
margin: 0;
}
#wrapper #plan .inner .inner_items .col_s p{
line-height: 1em;
}
#wrapper #plan .inner .inner_items .col_s p.pic{
width: 195px;
height: 148px;
line-height: 148px;
margin-bottom: 15px;
}
#wrapper #plan #plan01 p.title {
background: url(../img/plan/col1/pic_main.jpg) left top no-repeat;
}
#wrapper #plan #plan02 p.title {
background: url(../img/plan/col2/pic_main.jpg) left top no-repeat;
}
#wrapper #plan #plan03 p.title {
background: url(../img/plan/col3/pic_main.jpg) left top no-repeat;
}
#wrapper #plan #plan04 p.title {
background: url(../img/plan/col4/pic_main.jpg) left top no-repeat;
margin-bottom: 0!important;
}
#wrapper #plan #plan04 p.text{
text-align: center;
margin: 15px 0 30px;
line-height: 1em;
}
#wrapper #plan #plan05 p.title {
width: 960px;
height: 230px;
line-height: 230px;
background: url(../img/plan/col5/pic_main.gif) left top no-repeat;
}
#wrapper #plan #plan05 p.pic{
height: 245px;
line-height: 245px;
margin: 0 0 15px;
}
#wrapper #plan #plan05 p.bold{
font-size: 20px;
font-weight: bold;
color: #0075c1;
line-height: 1em;
margin-bottom: 30px;
}
#wrapper #plan p.lead {
display: none;
}
/* banner */
#wrapper .banner {
width: 960px;
height: 150px;
background: url(../img/banner/bg_banner.gif) left top no-repeat;
position: relative;
margin-bottom:60px;
}
#wrapper .banner p.lead{
width: 442px;
height: 27px;
position: absolute;
top: 37px;
left: 38px;
display: block!important;
}
#wrapper .banner p.tel{
width: 383px;
height: 44px;
position: absolute;
bottom: 32px;
left: 38px;
}
#wrapper .banner p.time{
width: 112px;
height: 39px;
position: absolute;
bottom: 32px;
left: 442px;
}
#wrapper .banner p.btn{
width: 345px;
height: 85px;
position: absolute;
top: 32px;
right: 32px;
}
#wrapper #plan .banner{
	margin-bottom: 30px;
}
#wrapper #page_top{
width: 37px;
height: 37px;
line-height: 37px;
position: fixed;
bottom: 65px;
right: 20px;
}
#wrapper #link{
	height: 15px;
	line-height: 15px;
	margin-bottom: 30px;
}
#wrapper #link a{
	vertical-align: bottom;
	font-size: 13px;
	display: inline-block;
	height: 15px;
	line-height: 15px;
	padding-left: 20px;
	margin-right: 5px;
	background: url(../img/common/icon_arrow_b.gif) left top no-repeat;
	color:#03276d;
}
#wrapper #link a:hover{
	text-decoration: none;
}
/* footer */
#footer{
background-color: #00246f;
height: 10px;
padding: 15px 0 ;
text-align: center;
}
#footer p#copyright{
height: 10px;
line-height: 10px;
}