@charset "UTF-8";

/* ------------------------------------------------------------
  CONTENTS CSS
  最終更新日 : 2011-02-19
------------------------------------------------------------ */


/* Approach Style
------------------------------------------------------------ */

.approachMain1,
.approachMain2,
.approachMain3,
.approachMain4 {
	width: 620px;
	height: 168px;
	position: relative;
	margin-bottom: 15px;
}

.approachMain1 .photo,
.approachMain2 .photo,
.approachMain3 .photo,
.approachMain4 .photo {
	position: absolute;
	margin: 34px 0 0 440px;
}

.approachMain1 .icon,
.approachMain2 .icon,
.approachMain3 .icon,
.approachMain4 .icon { position: absolute; }

.approachMain1 .contents,
.approachMain2 .contents,
.approachMain3 .contents,
.approachMain4 .contents {
	background-color: #ffffff;
	padding: 2px 0 4px 87px;
	margin-bottom: 12px;
}

.approachMain1 .contents { border-bottom: solid 1px #825aa0; }
.approachMain2 .contents { border-bottom: solid 1px #038927; }
.approachMain3 .contents { border-bottom: solid 1px #C20B28; }
.approachMain4 .contents { border-bottom: solid 1px #A07003; }

.approachMain1 .company,
.approachMain2 .company,
.approachMain3 .company,
.approachMain4 .company { margin: 0 0 34px 87px; }

.approachPoint1,
.approachPoint2,
.approachPoint3,
.approachPoint4 {
	width: 620px;
	height: 130px;
	margin-bottom: 25px;
}

.approachPoint1 { background: url(/j/syokuiku/zissen_navi/approach/img/point_bg1.gif) no-repeat left top; }
.approachPoint2 { background: url(/j/syokuiku/zissen_navi/approach/img/point_bg2.gif) no-repeat left top; }
.approachPoint3 { background: url(/j/syokuiku/zissen_navi/approach/img/point_bg3.gif) no-repeat left top; }
.approachPoint4 { background: url(/j/syokuiku/zissen_navi/approach/img/point_bg4.gif) no-repeat left top; }

.approachPoint1 .icon,
.approachPoint2 .icon,
.approachPoint3 .icon,
.approachPoint4 .icon { padding: 6px 0 22px 28px; }

.approachPoint1 .list,
.approachPoint2 .list,
.approachPoint3 .list,
.approachPoint4 .list {
	width: 570px;
	margin: 0 25px 0 25px;
}

.approachPoint1 .list li,
.approachPoint2 .list li,
.approachPoint3 .list li,
.approachPoint4 .list li {
	background-image: none;
	padding-left: 0;
	margin-bottom: 11px;
}

.approachPoint1 li img,
.approachPoint2 li img,
.approachPoint3 li img,
.approachPoint4 li img { vertical-align: bottom; }

.approachFrame1,
.approachFrame2,
.approachFrame3,
.approachFrame4 {
	padding-top: 10px;
	margin-bottom: 20px;
}

.approachFrame1 { background: url(/j/syokuiku/zissen_navi/approach/img/approach_frame1_01.gif) no-repeat left top; }
.approachFrame2 { background: url(/j/syokuiku/zissen_navi/approach/img/approach_frame2_01.gif) no-repeat left top; }
.approachFrame3 { background: url(/j/syokuiku/zissen_navi/approach/img/approach_frame3_01.gif) no-repeat left top; }
.approachFrame4 { background: url(/j/syokuiku/zissen_navi/approach/img/approach_frame4_01.gif) no-repeat left top; }

.approachFrame1 div { background: url(/j/syokuiku/zissen_navi/approach/img/approach_frame1_02.gif) no-repeat left bottom; padding: 9px 19px 19px 19px; }
.approachFrame2 div { background: url(/j/syokuiku/zissen_navi/approach/img/approach_frame2_02.gif) no-repeat left bottom; padding: 9px 19px 19px 19px; }
.approachFrame3 div { background: url(/j/syokuiku/zissen_navi/approach/img/approach_frame3_02.gif) no-repeat left bottom; padding: 9px 19px 19px 19px; }
.approachFrame4 div { background: url(/j/syokuiku/zissen_navi/approach/img/approach_frame4_02.gif) no-repeat left bottom; padding: 9px 19px 19px 19px; }

.approachIndex { padding: 0; margin-top: 20px; }

.approachIndex .photo{
	float:left;
	width:170px;
	padding:0px;
	margin:0px;
}
.approachIndex .IndexList {
	width:430px;
	float:right;
}
.approachIndex .IndexLink{
	background: url(/j/syokuiku/zissen_navi/img/link_arrow.gif) no-repeat left 4px;
	padding-left: 17px;
	font-size:110%;
	font-weight:bold;
	zoom: 1;
}
.approachIndex .IndexText {
	padding-left: 17px;
	margin:3px 0 0 0;
}
.approachIndex_clearfloat{clear:both; margin:0px; padding:0px;}


/* Region Style
------------------------------------------------------------ */

.regionMainA,
.regionMainB,
.regionMainC {
	width: 620px;
	position: relative;
	margin-bottom: 30px;
}

.regionMainA { 
	background: url(/j/syokuiku/zissen_navi/approach/img/bg_region1.gif) no-repeat left bottom; 
	height: 185px;
}

.regionMainB { 
	background: url(/j/syokuiku/zissen_navi/approach/img/bg_region2.gif) no-repeat left bottom; 
	height: 307px;
	position: relative;
}

.regionMainC { 
	background: url(/j/syokuiku/zissen_navi/approach/img/bg_region4.gif) no-repeat left top; 
	height: 364px;
	position: relative;
}

.regionMainB .list,
.regionMainC .list {
	position: absolute;
	margin: 34px 0 0 30px;
}

.regionMainB .list li,
.regionMainC .list li {
	background-image: none;
	padding-left: 0;
	margin-bottom: 13px;
}

.regionMainB li img, 
.regionMainC li img { vertical-align: bottom; }

.regionMainC .photo {
	position: absolute;
	margin: 18px 0 0 419px;
}

.regionFrame {
	background: url(/j/syokuiku/zissen_navi/approach/img/region_frame_01.gif) no-repeat left top; 
	padding-top: 10px;
}

.regionFrame li {
	background: url(/j/syokuiku/zissen_navi/approach/img/region_list_point.gif) no-repeat 2px 5px;
	padding: 0 0 20px 15px;
}

.regionFrame .frameBottom {
	background: url(/j/syokuiku/zissen_navi/approach/img/region_frame_02.gif) no-repeat left bottom;
	padding: 9px 19px 0 19px;
}

.regionFrame .photo { float: left; width: 182px; }
.regionFrame .text { float: right; width: 384px; }

.regionLeft243 { float: left; width: 243px; }
.regionRight112 { float: right; }
.regionRight112 div,
.regionRight112 p { width: 112px; }

.regionLeft220 { float: left; padding-right: 20px; }
.regionLeft220 div,
.regionLeft220 p { width: 220px; }
.regionRight380 { float: right; width: 380px; }

.regionLeft380 { float: left; width: 380px; }
.regionRight220 { float: right; padding-left: 20px; }
.regionRight220 div,
.regionRight220 p { width: 220px;}

.regionLeft420 { float: left; width: 420px; }
.regionRight180 { float: right; padding-left: 20px; }
.regionRight180 div,
.regionRight180 p { width: 180px;}

.regionRightList {
	float: right;
	background-color: #f4f6fb;
	padding: 14px;
}

.region2List li {
	background-image: none;
	padding-left: 0;
	margin-bottom: 14px;
}

.region2Bg {
	background-color: #f4f6fb;
	padding: 15px;
	margin-bottom: 15px;
}

.region3List {
	background-color: #f4f6fb;
	padding: 15px 15px 0 15px;
	margin-bottom: 20px;
}

.region3List1 { float: left; width: 190px; }
.region3List2,
.region3List3 { float: left; width: 190px; padding-left: 10px; }