@charset "utf-8";

/*
------------------------------------------------
Index Layout
------------------------------------------------*/
.topblock01 {
	padding-left: 23px;
	width: 623px;
}
.topblock01 .left {
	float: left;
}
.topblock01 .right {
	float: right;
	background: #E7E2E8;
	min-height: 250px;
}
*html .topblock01 .right {
	height: 250px;
}
.topblock01 .right dl {
	width: 168px;
	padding-left: 10px;
	padding-bottom: 12px;
}
.topblock02 {
	clear: both;
	padding-left: 23px;
	width: 623px;
	padding-top: 30px;
	background: url(../img/top/topblock02bg.jpg) no-repeat 23px 30px;
}
.topblock02 .left {
	padding-left: 30px;
	width: 300px;
	float: left;
	padding-top: 23px;
}
.topblock02 .right {
	float: left;
	width: 290px;
	padding-top: 4px;
}
.topblock03 {
	clear: both;
	padding-left: 23px;
	width: 623px;
}
.topblock03 .left {
	padding-left: 20px;
	width: 215px;
	float: left;
}
.topblock03 .right {
	float: right;
	width: 350px;
	padding-top: 15px;
	padding-right: 30px;
}
.topblock03 .right p {
    text-align: right;
}
.topblock04 {
	clear: both;
	margin-left: 23px;
	width: 623px;
	padding-top: 15px;
	background: url(../img/top/topblock04bg.jpg) no-repeat left bottom;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.topblock04 .left {
	width: 290px;
	float: left;
	padding-left: 30px;
	padding-top: 10px;
}
.topblock04 .right {
	float: right;
	width: 290px;
	padding-right: 5px;
	padding-bottom: 5px;
}
.topblock04 .right p {
    text-align: right;
}
.topblock05 {
	background: url(../img/top/topblock05bg.jpg) repeat-y 0px 0px;
	clear: both;
	margin-left: 10px;
}
.topblock05 h2 {
	background: url(../img/top/topblock05bg_top.jpg) no-repeat 0px 0px;
	padding-top: 35px;
	padding-left: 35px;
	padding-bottom: 25px;
}
.topblock05 .topblock05in {
	background: url(../img/top/topblock05bg_bottom.jpg) no-repeat left bottom;
	padding-bottom: 35px;
	padding-left: 45px;
	padding-right: 55px;
}
.topblock05 h3 {
	color: #0BAC3E;
	font-weight: bold;
	font-size: 140%;
}
.topblock05 .txt01 {
	color: #0BAC3E;
}
.topblock05 .btn {
    text-align:right;
}
.topblock05 .listblock01 {
	width: 266px;
	float: left;
	padding-right: 22px;
}
.listblock01 .listblock01in{
	background: url(../img/top/toplistblockbg.jpg) repeat;
	padding-bottom: 1px;
}
.listblock01 p {
	padding-top: 10px;
	padding-left: 10px;
}
.listblock01 ul {
	background: #FFFFFF;
	margin: 10px;
	padding-left: 15px;
	padding-top: 15px;
	padding-bottom: 10px;
}
.listblock01 li {
	background: url(../img/ic_arrow01.gif) no-repeat 0px 4px;
	padding-left: 20px;
	padding-bottom: 5px;
	font-size: 120%;
}

.topblock06 {
	background: url(../img/top/topblock05bg.jpg) repeat-y 0px 0px;
	clear: both;
	margin-left: 10px;
}
.topblock06 .topblock06in {
	background: url(../img/top/topblock05bg_top.jpg) no-repeat 0px 0px;
	padding-top: 35px;
}
.topblock06 .topblock06btm{
	background: url(../img/top/topblock05bg_bottom.jpg) no-repeat left bottom;
	padding-bottom: 35px;
	padding-left: 35px;
}
.topblock06 .left {
	width: 320px;
	float: left;
}
.topblock06 .left .txt01 {
	font-size: 120%;
	font-weight: bold;
	color: #0BAC3E;
}
.topblock06 .left .txt02 {
	color: #0BAC3E;
}
.topblock06 .left p {
	margin-left: 10px;
}
.topblock06 .left .linktxt {
	font-size: 110%;
	background: url(../img/ic_arrow01.gif) no-repeat 0px 4px;
	padding-left: 20px;
	font-weight: bold;
}
.topblock06 .left .linktxt a {
    text-decoration: none;
}
.topblock06 .left .linktxt a:hover {
    text-decoration: underline;
}
.topblock06 .right {
	float: right;
	padding-right: 55px;
}

.topblock07 {
	background: url(../img/top/topblock07bg.jpg) repeat-y 0px 0px;
	clear: both;
	margin-left: 10px;
}
.topblock07 h2 {
	background: url(../img/top/topblock07bg_top.jpg) no-repeat 0px 0px;
	padding-top: 35px;
	padding-left: 35px;
	padding-bottom: 25px;
}
.topblock07 .topblock07in {
	background: url(../img/top/topblock07bg_bottom.jpg) no-repeat left bottom;
	padding-bottom: 35px;
	padding-left: 45px;
	padding-right: 55px;
}
.topblock07 h3 {
	color: #0BAC3E;
	font-weight: bold;
	font-size: 140%;
}
.topblock07 .txt01 {
	color: #0BAC3E;
}
.topblock07 .btn {
    text-align:right;
}
.topblock07 .listblock01 {
	width: 266px;
	float: left;
	padding-right: 22px;
}


/*
------------------------------------------------
access Layout
------------------------------------------------*/
.access .txt01 {
	font-size: 130%;
	font-weight: bold;
	color: #0BAC3E;
}
.access .txt02 {
	color: #0BAC3E;
}
.access .linktxt {
	font-size: 110%;
	background: url(../img/ic_arrow01.gif) no-repeat 0px 4px;
	padding-left: 20px;
	font-weight: bold;
}
.access .linktxt a {
    text-decoration: none;
}
.access .linktxt a:hover {
    text-decoration: underline;
}
.access table {
	width: 510px;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
}
.access table th {
	background: #ECECEC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;

}
.access table td {
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
}
.access table .left {
	width: 130px;
	text-align: left;
	padding-left: 10px;
}
.access .txt03 {
    color:#FF0000;
}


/*
------------------------------------------------
intyo Layout
------------------------------------------------*/
.intyo .noh2 {
	padding-top: 25px;
}
.intyo .left {
	width: 300px;
	float: left;
}
.intyo .left h4 {
	color: #0BAC3E;
	font-size: 140%;
	font-weight: bold;
}
.intyo .right {
	float: left;
	width: 280px;
}
.intyo .right .img01 {
	padding-top: 70px;
	padding-left: 40px;
}
.intyo .right .img02 {
	padding-top: 90px;
	padding-left: 15px;
}

/*
------------------------------------------------
counseling Layout
------------------------------------------------*/
.counseling .arrow {
	padding-left: 230px;
}
.counseling .txt01 {
    text-align: center;
}
.counseling .txt02 {
	padding-left: 210px;
}
.counseling .txt03 {
    text-align: center;
	font-weight: bold;
	color: #339900;
}
.counseling .txt04 {
	background: #F1EDF1;
	padding: 15px 35px;
}


/*
------------------------------------------------
other Layout
------------------------------------------------*/
.other .txt01 {
    padding-left: 15px;
}
.other table {
	width: 530px;
	margin-bottom: 20px;
	margin-left: 15px;
}
.other table th {
	width: 80px;
	color: #0BAC3E;
	font-size: 140%;
	font-weight: bold;
	border-right: 1px solid #CCCCCC;
	padding-bottom: 10px;
	padding-top: 10px;
}
.other table td {
    padding-left: 15px;
}
.other .left {
	width: 260px;
	float: left;
	padding-left: 15px;
}
.other .right{
	width: 200px;
	float: left;
	padding-left: 20px;
}


/*
------------------------------------------------
faq Layout
------------------------------------------------*/
.faq .q {
	background: url(../img/faq/line.gif) repeat-x left bottom;
	padding-bottom: 5px;
	margin-top: 15px;
}
.faq .q span {
	background: url(../img/faq/img01.jpg) no-repeat 0px 0px;
	display: block;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 30px;
}
.faq .a {
	background: url(../img/faq/img02.jpg) no-repeat 0px 0px;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 30px;
	margin-top: 10px;
}
.faq .txt01 {
	background: #F1EDF1;
	padding: 15px 35px;
	margin-top: 30px;
}
.faq .btnblock {
	padding-top: 20px;
	padding-right: 50px;
	padding-left: 50px;
}
.faq .btnblock .left {
	float: left;
}
.faq .btnblock .right {
	float: left;
	padding-left: 25px;
}


/*
------------------------------------------------
hikarifaq Layout
------------------------------------------------*/
.hikarifaq .q {
	background: url(../img/faq/line.gif) repeat-x left bottom;
	padding-bottom: 5px;
	margin-top: 15px;
}
.hikarifaq .q span {
	background: url(../img/faq/img01.jpg) no-repeat 0px 0px;
	display: block;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 30px;
}
.hikarifaq .a {
	background: url(../img/faq/img02.jpg) no-repeat 0px 0px;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 30px;
	margin-top: 10px;
}



/*
------------------------------------------------
recruit Layout
------------------------------------------------*/
.recruit table {
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
}
.recruit table th {
	border-left: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	background: #EFEFEF;
	width: 100px;
	vertical-align: top;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
}
.recruit table td {
	border-left: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	background: #FFF8F0;
	width: 350px;
	vertical-align: top;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
}
.recruit .txt01 {
	font-size: 125%;
	font-weight: bold;
	color: #339900;
	padding-left: 80px;
}
.recruit .btnblock {
    width: 500px;
	background: #F1EDF1;
	padding: 15px 35px;
}
.recruit .btnblock .left {
	float: left;
	width: 310px;
}
.recruit .btnblock .left p {
	font-size: 120%;
	font-weight: bold;
	color: #666666;
}
.recruit .btnblock .right {
	float: left;
	padding-top: 10px;
}


/*
------------------------------------------------
iin Layout
------------------------------------------------*/
.iin .left {
	float: left;
	width: 320px;
	padding-top: 10px;
}
.iin .right {
    float: left;
}
.iin span {
	color: #339900;
	font-weight: bold;
}


/*
------------------------------------------------
product Layout
------------------------------------------------*/
.product span {
    font-weight: bold;
	color:#669900;
}

.product th {
	border-bottom: 1px solid #A5BEE7;
	padding-bottom: 5px;
	padding-top: 5px;
}
.product td {
	border-bottom: 1px solid #A5BEE7;
	padding-bottom: 5px;
	padding-top: 5px;
	padding-left: 20px;
	width: 390px;
}

.product .productblock {
	width: 550px;
	clear: both;
	border-bottom: 3px solid #7FCCCC;
	padding-bottom: 20px;
}
.product .productblock h3 {
	padding-bottom: 15px;
	padding-top: 20px;
}
.product .productblock .left {
	width: 215px;
	float: left;
}
.product .productblock .right {
	float: left;
	width: 335px;
}
.product .productblock .right .txt01 {
	border: 1px solid #A5BEE7;
	background: #D7FFDE;
	padding: 15px 7px;
}
.product .bannerblock {
	clear: both;
	padding-top: 20px;
}
.product .bannerblock p {
	float: left;
	padding: 0 1px;
}


/*
------------------------------------------------
hikari Layout
------------------------------------------------*/
.hikari .hikariblock {
	background: #F1EDF1;
	padding: 10px;
}
.hikari .hikariblock ul {
	padding-left: 5px;
	padding-right: 15px;
	height:450px;

	
}
.hikari .hikariblock li {
	background: url(../img/hikari/ic_circle.png) no-repeat left center;
	border-bottom: 2px solid #FFFFFF;
	padding-left: 25px;
	padding-bottom: 12px;
	padding-top: 15px;
}
.hikari .hikariblock .last {
	border-style: none;
}


/*
------------------------------------------------
cost Layout
------------------------------------------------*/
.cost table {
	border-top: 1px solid #A5BEE7;
	border-right: 1px solid #A5BEE7;
	width: 560px;
}
.cost table th {
	border-left: 1px solid #A5BEE7;
	border-bottom: 1px solid #A5BEE7;
	background: #CFCCF4;
	padding: 7px 10px;
	text-align: center;
	font-weight: bold;
}
.cost table .lt {
	background: #EEEDFE;
	text-align: left;
	font-weight: normal;
}
.cost table .w145 {
	width: 125px;
}
.cost table .w220 {
	width: 200px;
}
.cost table .w110 {
	width: 90px;
}
.cost table .aleft {
    text-align: left;
}
.cost table .aright{
    text-align: right;
}
.cost table .acenter {
    text-align: center;
}
.cost table td {
	border-left: 1px solid #A5BEE7;
	border-bottom: 1px solid #A5BEE7;
	background: #FFFFFF;
	padding: 7px 10px;
	text-align: center;
}
.cost .txt01 {
	color: #0BAC3E;
	font-size: 120%;
	font-weight: bold;
}

/*
------------------------------------------------
hikaricost Layout
------------------------------------------------*/
.hikaricost table {
	width: 500px;
	border-top: 1px solid #999999;
	border-right: 1px solid #999999;
}
.hikaricost table th {
	border-left: 1px solid #999999;
	border-bottom: 1px solid #999999;
	background: #F4E6F7;
	text-align: center;
	padding: 5px;
	font-size: 110%;
}
.hikaricost table td {
	border-left: 1px solid #999999;
	border-bottom: 1px solid #999999;
	padding: 5px;
}
.hikaricost table .rt { 
	width: 90px;
	text-align: right;   
}
.hikaricost .txt01 {
	background: #F1EDF1;
	padding: 15px 35px;
	width: 430px;
}


/*
------------------------------------------------
campaign Layout
------------------------------------------------*/
.campaign .green {
	color: #0BAC3E;
	font-weight: bold;
	font-size: 130%;
}
.campaign .green02 {
    color: #0BAC3E;
}
.campaign .blue {
    color: #009999;
}
.campaign .red {
    color: #9B138E;
	font-weight: bold;
}


/*
------------------------------------------------
kanpan Layout
------------------------------------------------*/
.kanpan .block02 {
	padding-bottom: 40px;
}
.kanpan .block02 h4 {
	float: left;
	width: 65px;
}
.kanpan .block02 p {
	float: right;
	width: 455px;
	padding-right: 5px;
}
.kanpan ul {
	padding-bottom: 10px;
}
.kanpan ul li {
	float: left;
	padding-right: 10px;
	padding-bottom: 10px;
}


/*
------------------------------------------------
kuma Layout
------------------------------------------------*/
.kuma .block02 {
	padding-bottom: 30px;
}
.kuma .block02 h4 {
	float: left;
	width: 65px;
}
.kuma .block02 p {
	float: right;
	width: 455px;
	padding-right: 5px;
	padding-top: 15px;
}
.kuma ul {
	padding-bottom: 10px;
	padding-left: 50px;
}
.kuma ul li {
	float: left;
	padding-right: 30px;
	padding-bottom: 10px;
}


/*
------------------------------------------------
akara Layout
------------------------------------------------*/
.akara .block02 {
	padding-bottom: 30
	width: 65px;
}
.akara .block02 p {
	float: right;px;
}
.akara .block02 h4 {
	float: left;
	width: 455px;
	padding-right: 5px;
	padding-top: 15px;
}
.akara ul {
		height:100px;
	
}
.akara ul li {
	float: left;
	padding-right: 12px;
	padding-bottom: 10px;
}
.akara .text01 {
    font-weight: bold;
}


/*
------------------------------------------------
shimi Layout
------------------------------------------------*/
.shimi .block02 {
	padding-bottom: 25px;
}
.shimi .block02 h4 {
	float: left;
	width: 65px;
}
.shimi .block02 p {
	float: right;
	width: 455px;
	padding-right: 5px;
	padding-top: 15px;
}
.shimi ul {
	padding-left: 10px;
	height:100px;
}
.shimi ul li {
	float: left;
	padding-right: 10px;
	padding-bottom: 10px;
}

/* 回り込みの解除 */
#f-clear{
	clear : both;
	margin-bottom:20px;
}




/*
------------------------------------------------
nikibi Layout
------------------------------------------------*/
.nikibi .block02 {
	padding-bottom: 40px;
}
.nikibi .block02 h4 {
	float: left;
	width: 65px;
}
.nikibi .block02 p {
	float: right;
	width: 455px;
	padding-right: 5px;
}
.nikibi ul {
}
.nikibi ul li {
	float: left;
	padding-right: 10px;
	padding-bottom: 10px;
}
.nikibi .text01 {
    font-weight: bold;
	margin-bottom: 5px;
}


/*
------------------------------------------------
hokuro Layout
------------------------------------------------*/
.hokuro .block02 {
	padding-bottom: 40px;
}
.hokuro .block02 h4 {
	float: left;
	width: 65px;
}
.hokuro .block02 p {
	float: right;
	width: 455px;
	padding-right: 5px;
	padding-top: 15px;
}
.hokuro ul {
}
.hokuro ul li {
	float: left;
	padding-right: 10px;
	padding-bottom: 10px;
}
.hokuro .text01 {
    font-weight: bold;
	margin-bottom: 5px;
}




/*
------------------------------------------------
meso Layout
------------------------------------------------*/
.meso .block02 {
	padding-bottom: 40px;
}
.meso .block02 .left {
	float: left;
	width: 150px;
}
.meso .block02 .right {
	float: right;
	width: 370px;
	padding-right: 10px;
}
.meso .block02 .right .ttl {
    font-weight: bold;
	padding-bottom: 10px;
}
.meso .block03 {
	padding-bottom: 10px;
}
.meso .block03 .left {
	float: left;
	width: 280px;
}
.meso .block03 .left .ttl {
	font-weight: bold;
	padding-bottom: 7px;
}
.meso .block03 .right {
	float: right;
	width: 238px;
}
.meso .block03 .right p {
	color: #333333;
	font-size: 90%;
	line-height: normal;
}



/*
------------------------------------------------
sejutsu Layout
------------------------------------------------*/
.sejutsu p {
    font-weight: bold;
}
.sejutsu .imgblock {
}
.sejutsu .imgblock p {
	float: left;
	padding-right: 30px;
	padding-left: 20px;
	padding-bottom: 15px;
}


/*
------------------------------------------------
contact Layout
------------------------------------------------*/
.contact .block02 {
	padding-left: 5px;
	padding-bottom: 10px;
}

.contact .block02 .left {
	width: 135px;
	float: left;
}
.contact .block02 .right {
	float: right;
	width: 390px;
}
.contact .block02 .left .txt01 {
    color:#99138C;
}