@charset "shift_jis";

body { padding:0 0 125px; margin:0; background-image: url(../images/main_bg.jpg);}

* html body{
    overflow: hidden;
}

* html #wrap {
    overflow:auto;
    left:0;
    top:0;
    height: 100%;
}

#mainarea {
	background: url(../images/main_bg_pt.jpg) center -95px repeat-y;
	padding-bottom: 20px;
}


/*-------------------ナビ-------------------*/

#navi {
    position: fixed !important;
    position: absolute;
    bottom:0;
    left:0;
    width:100%;
    height:145px;
}
#navi_top { height: 145px; background: url(../images/navi_bgTop.png) repeat-x left top; }
#navi_inner { width: 888px;	margin: 0 auto;}
#navi_inner ul li {	float: left;}
#navi_inner ul li a { text-indent: -9999px;	display: block;	width: 296px;	height: 145px;}
#navi_inner ul li.navi01 a { background: url(../images/navi_01.png) no-repeat left bottom;}
#navi_inner ul li.navi02 a { background: url(../images/navi_02.png) no-repeat left bottom;}
#navi_inner ul li.navi03 a { background: url(../images/navi_03.png) no-repeat left bottom;}


/*-------------------ヘッダー-------------------*/

#header_inner { width: 930px; margin: 0 auto; height: 312px; text-align: left; }
#header h1 { height: 89px; width: 380px; display: block; margin-bottom: 40px; background-repeat: no-repeat; background-position: left top; }
#header_inner { background-repeat:no-repeat; background-position:top right;}
#header_inner.flow { background-image:url(../images/flow/flow_title_image.png);}
#header_inner.point { background-image:url(../images/point/point_title_image.png);}


/*-------------------コンテンツ-------------------*/

#contents {
	width:969px;
	margin: -60px auto 0 auto;
	text-align: left;
}


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

#contents .flow01 { padding-left: 210px;}
#flow {	background: url(../images/flow/flow01_bg.png) no-repeat center 10px; height: 642px;}
.flow02 { margin-left: 110px; margin-top: 15px; }


/*-------------------point-------------------*/

#point .point_box {width: 950px; margin: 0 auto; clear: both;}
div.point_box p { text-align: left; padding: 0 80px 0 120px; }
#point h4 { background :url(../images/dotted_line.png) no-repeat center top; display: block; width: 816px; margin: 0 auto; text-align: left; padding: 20px 0 20px 30px; }
#point .point03 { background: url(../images/point/point03_bg.png) no-repeat bottom center; height:260px; }
#point .point04 { background: url(../images/point/point04_bg.png) center top no-repeat; height:520px; }
#point .point05 { background: url(../images/point/point05_bg.png) no-repeat center bottom; height:370px; }
#point .point06 { background: url(../images/point/point06_bg.png) no-repeat top center; height:320px; }
#point .point07 { background: url(../images/point/point07_bg.png) no-repeat top center; height:280px; }
#point .point08 { background: url(../images/point/point08-09_bg.png) no-repeat top center; height:615px; }
#point h4.noborder { background-image: none; padding-top: 40px; }