@charset "UTF-8";
/**************************
	base
**************************/
.clearfix {
  *zoom: 1;
}
.clearfix:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}

.hide-text {
  display: block;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  /* IE6・7用 */
  *text-indent: -9999px;
}

/****************************
	base
****************************/
.repo006-box {
	color: #5F4601;
	border: 1px solid #BBB;
    background: url(../images/bg.png);
	width: 731px;
	margin-bottom: 5px;
}
	.repo006-box .repo006-inner {
		padding: 20px 9px 10px;
	}
	
.repo006-contents {
	padding: 0 10px;
	margin-bottom: 20px;
}

/****************************
	header
****************************/
.ttl {
	margin-bottom: 10px;
	background: url('../images/h2.jpg') 0 0 no-repeat;
	width: 733px;
	height: 297px;
}
.ttl-02 {
	background: url('../images/h2-02.png') 0 0 no-repeat;
	width: 731px;
	height: 343px;
}
.ttl-03 {
	background: url('../images/h2-03.png') 0 0 no-repeat;
	width: 731px;
	height: 357px;
}
.ttl-04 {
	background: url('../images/h2-04.png') 0 0 no-repeat;
	width: 731px;
	height: 353px;
}

/****************************
	nav
****************************/
.repo006-nav {
}
	.repo006-nav ul li { float: left; }
	.repo006-nav ul li a {
		display: block;
		height: 35px;
	}
	.nav-01 {
		background: url('../images/nav.png') 0 0 no-repeat;
		width: 135px;
	}
	.nav-02 {
		background: url('../images/nav.png') -135px 0 no-repeat;
		width: 146px;
	}
	.nav-03 {
		background: url('../images/nav.png') -281px 0 no-repeat;
		width: 146px;
	}
	.nav-04 {
		background: url('../images/nav.png') -427px 0 no-repeat;
		width: 146px;
	}
    .nav-05 {
		background: url('../images/nav.png') -573px 0 no-repeat;
		width: 160px;
	}
	.active .nav-01 { background: url('../images/nav.png') 0 -35px no-repeat; }
	.active .nav-02 { background: url('../images/nav.png') -135px -35px no-repeat; }
	.active .nav-03 { background: url('../images/nav.png') -281px -35px no-repeat; }
	.active .nav-04 { background: url('../images/nav.png') -427px -35px no-repeat; }
    .active .nav-05 { background: url('../images/nav.png') -573px -35px no-repeat; }

/****************************
	menu
****************************/
.repo006-menu {
}
	.repo006-menu a { display: block; }

/****************************
	note
****************************/
.note-inner {
    padding: 15px 20px;
    background: #F0EAE5;
}

/****************************
	about
****************************/
.about { margin-bottom: 15px; }
    .about h3 {
        width: 264px;
        height: 37px;
        margin-bottom: 15px;
        background: url(../images/h3-about.png) 0 0 no-repeat;
    }
    .about-right {
        float: right;
        margin-left: 15px;
    }

/****************************
	abe
****************************/
.abe {
    padding: 20px;
    margin-bottom: 45px;
    background: #FFF8E8;
}
    .abe h3 {
        width: 371px;
        height: 35px;
        margin-bottom: 15px;
        background: url(../images/h3-abe.png) 0 0 no-repeat;
    }
    .abe-left,
    .abe-right {
        float: left;
    }
    .abe-left { margin-right: 15px; }
    .abe-right { width: 380px; }

/****************************
	menu
****************************/
.repo006-menu {
    margin-bottom: 20px;
}
    .repo006-menu h3 {
        width: 492px;
        height: 45px;
        margin: 0 auto 15px;
        background: url(../images/lead.png) 0 0 no-repeat;
    }
    .repo006-menu ul {
        text-align: center;
        letter-spacing: -.40em; /* 文字間を詰めて隙間を削除する */
    }
    .repo006-menu ul li {
        margin-right: 15px;
        display: inline-block;
        *display: inline;
        *zoom: 1;
        letter-spacing: normal; /* 文字間を通常に戻す */
    }
    .mr0 { margin-right: 0 !important; }

/****************************
	image
****************************/
.image { margin-bottom: 35px; }

/****************************
	section
****************************/
.step-wrapper {
    margin-bottom: 15px;
    padding-left: 35px;
}
.step-inner {
    padding: 0 0 15px 35px;
    border-left: 1px solid #DBB898;
}

.step1 h3, .step2 h3, .step3 h3,
.step4 h3, .step5 h3, .step6 h3 {
    width: 693px;
    height: 58px;
    margin-bottom: 20px;
}

.step1 img, .step3 img, .step4 img, .step6 img {
    float: right;
    margin-left: 20px;
}
.step2 img, .step5 img {
    float: left;
    margin-right: 20px;
}

.step1 h3 { background: url(../images/h3-step1.png) 0 0 no-repeat; }
.step2 h3 { background: url(../images/h3-step2.png) 0 0 no-repeat; }
.step3 h3 { background: url(../images/h3-step3.png) 0 0 no-repeat; }
.step4 h3 { background: url(../images/h3-step04.png) 0 0 no-repeat; }
.step5 h3 { background: url(../images/h3-step05.png) 0 0 no-repeat; }
.step6 h3 { background: url(../images/h3-step06.png) 0 0 no-repeat; }

.step4 h4.first {
    width: 86px;
    height: 35px;
    margin-bottom: 15px;
    background: url(../images/first.png) 0 0 no-repeat;
}
.step4 h4.second {
    width: 89px;
    height: 34px;
    margin-bottom: 15px;
    background: url(../images/second.png) 0 0 no-repeat;
}

/* point */
.point {
    padding:  15px 20px;
    margin-bottom: 20px;
    background: url(../images/bg-point.png) 0 0;
    letter-spacing: -.40em;
}
    .point h5 {
        width: 111px;
        height: 14px;
        margin-bottom: 10px;
        background: url(../images/h5-point.png) 0 0 no-repeat;
    }
    .point ul li {
        display: inline-block;
        *display: inline;
        *zoom: 1;
        letter-spacing: normal;
    }
    .point img {
        float: none;
        margin: 0;
    }
    .point-center { margin: 0 12px; }

/* next */
.next { margin-bottom: 10px; }
    .next-01 { padding-left: 215px; }
    .next-02 { padding-left: 385px; }

/****************************
	bungo
****************************/
.bungo {
    padding: 20px;
    margin-bottom: 25px;
    border: 1px solid #4B8053;
}
    .bungo h3 {
        width: 458px;
        height: 69px;
        margin-bottom: 15px;
        background: url(../images/h3-bungotakada.png) 0 0 no-repeat;
    }
    .bungo-right {
        float: right;
        margin: 0 0 15px 15px;
    }

.otsuka {
    padding: 20px;
    margin: 30px 0 15px;
    background: #F2F4DF;
}
    .otsuka img {
        float: left;
        margin-right: 15px;
    }
    h3.otsuka-h3 {
        width: 295px;
        height: 23px;
        background: url(../images/h3-otsuka.png) 0 0 no-repeat;
    }

/****************************
	thoughts
****************************/
.thoughts {
    margin-bottom: 25px;
}
    .thoughts h3 {
        width: 179px;
        height: 42px;
        margin-bottom: 10px;
        background: url(../images/h3-thoughts.png) 0 0 no-repeat;
    }
    .thoughts-left,
    .thoughts-right {
        float: left;
    }
    .thoughts-left {
        margin-right: 15px;
    }
    .thoughts-right {
        width: 330px;
    }