@charset "UTF-8"; /* CSS Document */



.btn-type1 { border-radius: 60px; text-align: center; background: white; display: inline-block; position: relative; }

.btn-type1 a { color:#333; text-decoration: none; display: block; }

.btn-type1:after { border: solid 1px #d9d9d9; display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; content: "";  border-radius: 60px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s; pointer-events: none; }

.btn-type1:hover:after { border: solid 3px #3b90ad; }

.btn-type1 .fa { color:#3b90ad; padding-left: 6px; } 

.btn-type1.size-s { padding:7px 10px; min-width: 60px; font-size: 11px; }

.btn-type1.size-s .fa { font-size: 11px; }

.btn-type1.size-m { max-width: 150px; width: 43%; font-size: 12px; margin: 0 1.2%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;  -ms-box-sizing: border-box; box-sizing: border-box; }

.btn-type1.size-m a { padding:11px 0%; } 

.btn-type1.size-m .fa { font-size: 11px; }

.btn-type1.size-l { width: 220px; font-size: 13px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;  -ms-box-sizing: border-box; box-sizing: border-box; }

.btn-type1.size-l a { padding:12px 0 13px; } 

.btn-type1.size-l .fa { font-size: 11px;  padding-left: 10px; }

.btn-type1.close { background: #d5d5d5; padding:11px 0; }

.btn-type1.close:after { border: none; }

.btn-type1.close:hover:after { border:none; }

.btn-type2 { background: #3b89c5; width: 300px; height: 58px; border-radius: 6px; margin: 50px auto 0; box-shadow:0px 2px 2px rgba(0,0,3,0.15); -moz-box-shadow:0px 2px 2px rgba(0,0,3,0.15); -webkit-box-shadow:0px 2px 2px rgba(0,0,3,0.15);  -ms-box-shadow:0px 2px 2px rgba(0,0,3,0.15); -webkit-transition:all 0.2s; -moz-transition:all 0.2s; -ms-transition:all 0.2s; transition:all 0.2s; position: relative; top: 0; }

.btn-type2 a { font-size: 17px; text-align: center; display: block; color: white; text-decoration: none; padding: 14px 0 0 0; position: relative; height: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;  -ms-box-sizing: border-box; box-sizing: border-box; font-weight: 500; }

.btn-type2:hover { top: 1px; -moz-box-shadow:0px 0px 0px rgba(0,0,3,0.15); -webkit-box-shadow:0px 0px 0px rgba(0,0,3,0.15);  -ms-box-shadow:0px 0px 0px rgba(0,0,3,0.15); }

.btn-type2 a .fa { font-size: 10px; position: relative; top: -2px; left: 8px; }

.btn-type2.white { background: white; border: solid 1px #3b89c5; width: 300px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;  -ms-box-sizing: border-box; box-sizing: border-box; font-size: 80%; }

.btn-type2.white a { color: #3b89c5; font-size: 16px; }

.btn-type3 { border-radius: 6px; text-align: left; background: white; float: left; display: table; position: relative; }

.btn-type3 a { color:#333; text-decoration: none; display: table-cell; vertical-align: middle; padding: 0px 5px 0px 36px;  background-position: 16px 52%; height: 60px; }

.btn-type3:after { border: solid 1px #d9d9d9; display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; content: "";  border-radius: 6px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s; pointer-events: none; }

.btn-type3:hover:after { border: solid 3px #3b90ad; }

.line3 { margin-bottom:-28px; }

.line3 .btn-type3 { width: 31.6%; margin-right:2.6%; margin-bottom: 28px; font-size: 12px; }

.line3 .btn-type3:nth-child(3n) { margin-right:0; }

.line4 { margin-bottom:-28px; }

.line4 .area-linkarea-btn { width: 23%;margin-right:2.6%; margin-bottom: 26px; font-size: 13px; display: inline-block; vertical-align: top; }

.line4 .area-linkarea-btn .btn-type3 { width: 100%; } 

.line4 .area-linkarea-btn:nth-child(4n) { margin-right:0; }

.line4 .area-linkarea-txtlink { width: 97%; margin-right:2.6%; margin-bottom: 28px; font-size: 12px; display: inline-block; vertical-align: top; position: relative; top:20px; padding-left: 3%; }

.line4 .area-linkarea-txtlink li { padding-bottom:14px; }

.line4 .area-linkarea-txtlink li a { color:#333; }

.area-linkarea-box { border-top:1px dashed #dedede; padding-top: 26px; }

.area-linkarea-box.first { border: none; padding-top: 0; }

.icon-link-r { background:url(../img/icon_link_r.png) no-repeat left 66%; background-size: 12px; padding-left: 18px; }

.icon-link-l { background:url(../img/icon_link_l.png) no-repeat left 66%; background-size: 12px; padding-left: 18px; }

.icon-link-u { background:url(../img/icon_link_u.png) no-repeat left 66%; background-size: 12px; padding-left: 18px; }

.icon-link-d { background:url(../img/icon_link_d.png) no-repeat left 66%; background-size: 12px; padding-left: 18px; }

.link-border:after { border:solid 1px #dedede;  display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; content: "";  z-index: 2000; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;  border-radius: 6px; }

.link-border:hover:after { border: #3b90ad solid 3px; }

.fa-clone{ font-size:9px!important; position: relative; top: -1px; left: 6px; }

.fa-file-excel-o{  position: relative; top: -1px; padding: 0 1px 0 4px; }

.link_text1 { color:#1c7cb1}



@media screen and (max-width:1024px){

	.line3 { margin-bottom:-20px; }

	.line3 .btn-type3 { margin-bottom: 20px; }

	.btn-type3 a { padding: 0px 5px 0px 32px;  background-position: 14px 52%; height: 50px; }

	.line4 .area-linkarea-btn { font-size: 11px; margin-bottom: 20px; }

	.line4 .area-linkarea-txtlink { font-size: 11px; }

	.line4 .area-linkarea-txtlink li { padding-bottom:12px; }

}

@media screen and (max-width:768px){

	.btn-type2 { width: 220px; height: 48px; margin: 36px auto 0; }

	.btn-type2 a { font-size: 14px; padding: 12px 0 0 0; }

	.btn-type2 a .fa { font-size: 9px; top: -1px; left: 8px; }

	.btn-type2.white a { font-size: 13px; }

	.line4 { margin-bottom:-16px; }

	.line4 .area-linkarea-btn { width: 48%; margin-right:2.6%; margin-bottom: 16px; } 

	.line4 .area-linkarea-btn:nth-child(4n) { margin-right:2.6%; }

	.line4 .area-linkarea-btn:nth-child(even) { margin-right:0; }

	.area-linkarea-box { padding-top: 16px; }

}

@media screen and (max-width:600px){

	.btn-type1.size-l { width: 190px; }

	.btn-type1.size-l a { padding:11px 0 12px; font-size:11px; }

	.btn-type1.size-l .fa { font-size: 9px;  padding-left: 8px; }

	.line3 .btn-type3 { width: 48%; margin-right:4%; }

	.line3 .btn-type3:nth-child(3n) { margin-right:4%; }

	.line3 .btn-type3:nth-child(even) { margin-right:0; }

	.line4 .area-linkarea-btn { font-size: 11px; }

	.line4 .area-linkarea-txtlink { font-size: 10px; }

}

@media screen and (max-width:480px){

	.btn-type2 { margin: 30px auto 0; }

	.icon-link-r { background-size: 10px; padding-left: 15px; }

	.line3 { margin-bottom:-15px; }

	.line3 .btn-type3 { font-size: 10px; margin-bottom: 15px; }

	.btn-type3 a { height: 46px; }

	.btn-type3 { border-radius: 6px; text-align: left; background: white; float: left; display: table; position: relative; }

	.btn-type3 a {padding: 0px 5px 0px 26px;  background-position: 10px 52%; min-height: 60px; }

	.line4 { margin-bottom:-10px; }

	.line4 .area-linkarea-btn { font-size: 10px; margin-bottom: 10px; } 

	.line4 .area-linkarea-txtlink { margin-bottom: 24px; top:14px; padding-left: 3%; }

	.line4 .area-linkarea-txtlink li { padding-bottom:10px; }

	.area-linkarea-box { padding-top: 10px; }

}



/* title table btn*/

.title-index { padding:60px 0 40px; letter-spacing: 1.2px; }

.title-index-title { font-size: 27px; font-weight: 600; line-height: 1; padding-bottom: 12px; }

.title-index-subtitle { font-size: 13px; line-height: 1; color: #8e8e8e; }

.title-section1 { position: relative; height: 55px; font-size: 24px; vertical-align: middle; padding: 16px 0 0 30px; font-weight: 400; margin-bottom: 40px; letter-spacing: 1.5px; }

.title-section1:before { background: #4996c1; display: block; position: absolute; top:0; bottom:0; left:0;  content: "";  width:4px; border-radius: 3px; }

.title-section2 { position: relative; font-size: 18px; font-weight: 400; padding: 0 0 20px 16px; margin-bottom: 20px; border-bottom: solid 1px #d9d9d9; }

.title-section2:before { background: #4996c1; display: block; position: absolute; top:12px; left:0;  content: "";  width:8px; height: 8px; border-radius: 1px; }

.title-section2 span { font-size: 12px; position: relative; top: -2px; left: 8px; }

.title-section3 { font-weight: 600; text-align: center; padding: 10px; font-size: 15px; margin-bottom: 40px; }

.table-type1 { border-bottom: solid 1px #e4e4e4; border-right: solid 1px #e4e4e4; width: 100%; font-size: 13px; }

.table-type1 th { background: #fafafa; border-top: solid 1px #e4e4e4; border-left: solid 1px #e4e4e4; width: 22%; vertical-align: middle; font-weight: 500; }

.table-type1 td { border-top: solid 1px #e4e4e4; background: white; border-left: solid 1px #e4e4e4; padding: 20px 10px 8px 20px; }

.table-type1 td p,

.table-type1 td ul{ padding-bottom: 12px; }

.table-type1 td ul li { list-style: circle outside; margin-left: 1em; }

.table-type1 td strong { font-weight:500; }

.table-type1 a { text-decoration: none; color: #1c7cb1; }

.table-type1 a:hover { text-decoration:underline; }

.bg-grad-light { background: linear-gradient(45deg, #ebf3f6, #e8f1f7); background-size: 600% 600%; animation: animetion-header 3.5s ease infinite; pointer-events: ; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; transition:all 0.5s; }

.fa.fs-10 { font-size: 10px; }



@media screen and (max-width:768px){

	.title-index { padding:55px 0 30px; }

	.title-section1 { height: 40px; font-size: 18px; padding: 10px 0 2px 20px; margin-bottom: 24px; }

	.title-section2 { font-size: 16px; padding: 0 0 12px 15px; margin-bottom: 12px; }

	.title-section2:before { top:11px; }

	.title-section2 span { font-size: 10px; }

	.table-type1 { font-size:12px; }

	.table-type1 td { padding: 14px 10px 0 15px; }

	.table-type1 td p { padding-bottom: 14px; }

	.area-galery { margin-bottom: -24px; }

	.area-galery-photo { padding-bottom: 24px; }

	.area-galery-photo:nth-child(even) { margin-left:3.6%; }

	.area-map-box iframe { height: 260px; }

}

@media screen and (max-width:600px){

	.table-type1 th { width: 92%; display: block; padding: 5px 4%; border-right: solid 1px #e4e4e4; }

	.table-type1 td { width: 92%; display: block; padding:12px 4% 0;border-right: solid 1px #e4e4e4; }

	.table-type1 td p { padding-bottom: 12px; }

}

@media screen and (max-width:480px){

	.title-index { padding: 48px 0 48px; letter-spacing: 0.8px; }

	.title-index-title { font-size: 24px; padding-bottom: 10px; }

	.title-index-subtitle { font-size: 10px; }

	.title-section1 { height: 36px; font-size: 16px; padding: 10px 0 2px 20px; margin-bottom: 24px; }

	.title-section2 { font-size: 14px; }

	.title-section2:before { top:10px; }

	.table-type1 { font-size: 11px; }

	.title-section3 { padding: 9px 0 10px; font-size: 12px; margin-bottom: 24px; }

}



/* common */

.maintitle {background: linear-gradient(45deg, #139fae, #2e87af, #1071b8); color: white; }

.maintitle-breadcrumb { border-bottom: solid 1px rgba(255,255,255,.20); height: 36px; }

.maintitle-breadcrumb-list { width: 92%; max-width: 1280px; margin: 0 auto; padding: 5px 0  0 0; }

.maintitle-breadcrumb li { display: inline-block; font-size: 10px; -webkit-transform: scale(0.9);-webkit-transform-origin:0 0; }

.maintitle-breadcrumb li a { color: #fff; text-decoration: none; font-weight: 400; }

.maintitle-breadcrumb li a:hover { text-decoration:underline; }

.maintitle-breadcrumb li .fa {  padding: 0 10px; position: relative; top:-1px; }

.maintitle-title { width: 100%; max-width: 1280px; margin: 0 auto; height: 163px; display: table; }

.maintitle-title h2 { display: table-cell; vertical-align: middle; font-weight: 400; font-size: 24px; letter-spacing: 2px; position: relative; top: -3px; }

.contents { width: 92%; max-width: 1200px; margin: 0 auto; padding: 70px 0 60px; position: relative; }

.contents-main { float: left; width: 73%; }

	

@media screen and (max-width:768px){

	.contents { padding: 50px 0 30px; }

	.maintitle { margin-top: 58px; }

	.maintitle-breadcrumb { height: 30px; }

	.maintitle-breadcrumb-list { padding-top: 5px; }

	.maintitle-breadcrumb li { font-size: 8px; }

	.maintitle-breadcrumb li .fa {  padding: 0 6px; top:0px; }

	.maintitle-title { height: 100px; }

	.maintitle-title h2 { font-size: 20px; top: -3px; }

	.contents-main { width: 100%; }

	.contents-sidemenu { display: none; }

}

@media screen and (max-width:480px){

	.maintitle { margin-top: 55px; }

	.maintitle-breadcrumb-list { padding-top:7px; }

	.contents { width: 90%; margin: 0 auto; padding: 30px 0 10px; }

	.maintitle-title { height: 80px; }

	.maintitle-title h2 { font-size: 16px; }	

}



/* contents */

.section-lower { padding-bottom: 80px; padding-top: 220px; margin-top: -220px; }

.type2 .section-lower {  padding-top: 100px; margin-top: -100px; }

.area-infomation-box { display: inline-block; width: 48.2%; float: left; border-radius: 6px; text-align: center; }

.area-infomation-box:nth-child(even) { float: right; }

.area-infomation-box dt { padding: 30px 0 0px; font-size: 16px; font-weight: 600; }

.area-infomation-box dd { display: table; width: 100%; height: 160px; padding-bottom: 10px; }

.area-infomation-box dd .inr { display: table-cell; vertical-align: middle; }

.area-infomation-box dd .tel {font-size: 36px; font-weight: 600; padding: 2px 0 6px; }

.area-infomation-box dd .btn-type2 { margin-top: 0; width: 84%; max-width: 300px; }

.area-map-box:first-child { padding-bottom: 40px; }

.area-map-title { font-weight: 600; padding-bottom: 14px; }

.area-map-box iframe { width: 100%; }

.area-galery { margin-bottom: -30px; }

.area-galery-photo { width:48.2%; display: inline-block; padding-bottom: 30px; }

.area-galery-photo:nth-child(even) { margin-left:3.6%; }

.area-galery-caption { padding-top:13px; text-align: center; font-size: 13px; }

.area-qa-box { border-top:1px dotted #dedede; }

.area-qa-box:last-child {border-bottom:1px dotted #dedede; }

.area-qa-q { margin: 16px 0; font-size: 17px; position: relative; padding: 12px 0 14px 53px; cursor: pointer; }

.area-qa-q:after { display: block; position: absolute; top:10px; left:10px; right:0; content: "";  height: 34px; width:34px; background: url(file://///NASDDDE23/home/%E5%85%B1%E6%9C%89%E3%83%95%E3%82%A9%E3%83%AB%E3%83%80/img/icon_q.png) no-repeat; background-size: 100%; }

.area-qa-q .fa { color:#3a8ca8; font-size: 12px; position: absolute; right: 16px; top: 20px; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; transition:all 0.5s; }

.area-qa-q.open .fa {-webkit-transform: scaleY(-1); -moz-transform: scaleY(-1); transform: scaleY(-1); filter: FlipV; -ms-filter: "FlipV"; }

.area-qa-a { display:none; padding: 10px 0 26px; }

.area-qa-q.open,

.area-qa-q:hover { background:#f5f9fb; }



.area-qa-box { border-top:1px dotted #dedede; }

.area-qa-box:last-child {border-bottom:1px dotted #dedede; }

.area-qa-q { margin: 16px 0; font-size: 17px; position: relative; padding: 12px 0 14px 53px; cursor: pointer; }

.area-qa-q:after { display: block; position: absolute; top:10px; left:10px; right:0; content: "";  height: 34px; width:34px; background: url(file://///NASDDDE23/home/%E5%85%B1%E6%9C%89%E3%83%95%E3%82%A9%E3%83%AB%E3%83%80/img/icon_q.png) no-repeat; background-size: 100%; }

.area-qa-q .fa { color:#3a8ca8; font-size: 12px; position: absolute; right: 16px; top: 20px; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; transition:all 0.5s; }

.area-qa-q.open .fa {-webkit-transform: scaleY(-1); -moz-transform: scaleY(-1); transform: scaleY(-1); filter: FlipV; -ms-filter: "FlipV"; }

.area-qa-a { display:none; padding: 10px 0 26px; }

.area-qa-q.open,

.area-qa-q:hover { background:#f5f9fb; }





.txt-lead { padding-bottom:20px; }

.area-movie p { width: 100%; max-width: 680px; margin: 30px auto 0; }

.recruit-staf { line-height: 2; }



@media screen and (max-width:1024px){

	.area-infomation-box dd { height: 110px; padding-bottom: 12px; }

	.area-infomation-box dd .tel {font-size: 28px; padding: 2px 0 4px; }

	.area-infomation-box dd .btn-type2 { width: 84%; max-width: 220px; height: 48px; }

	.area-infomation-box dd .btn-type2 a { font-size: 14px; padding: 13px 0 0 0; }

	.area-infomation-box dd .btn-type2 a .fa { font-size: 9px; top: -1px; left: 8px}

}

@media screen and (max-width:768px){

	.section-lower { padding-bottom: 50px; }

	.area-infomation-box dt { padding: 20px 0 0px; font-size: 14px; }

	.area-galery { margin-bottom: -24px; }

	.area-galery-photo { padding-bottom: 24px; }

	.area-galery-photo:nth-child(even) { margin-left:3.6%; }

	.area-map-box iframe { height: 260px; }

	.area-qa-q { margin: 10px 0; font-size: 14px; padding: 9px 27px 10px 41px; }

	.area-qa-q:after { top:9px; left:8px; height:24px; width:24px; }

	.area-qa-q .fa {font-size: 10px; right: 13px; top: 15px; }

	.area-qa-a { padding:5px 0 20px; }

	.area-movie p { margin: 20px auto 0; }

}

@media screen and (max-width:600px){

	.area-infomation-box { float: none; width: 100%; }

	.area-infomation-box:nth-child(even) { float: none; margin-top: 14px; }

	.area-galery { margin-bottom: -12px; }

	.area-galery-photo { padding-bottom: 12px; }

	.area-galery-caption { padding-top:10px; font-size: 10px; }

}

@media screen and (max-width:480px){

	.section-lower { padding-bottom: 45px; }

	.area-map-box iframe { height: 220px; }

	.area-qa-q { font-size: 12px; padding-left: 39px; }

	.area-qa-q:after { top:8px; left:8px; height: 24px; width:24px; background: url(file://///NASDDDE23/home/%E5%85%B1%E6%9C%89%E3%83%95%E3%82%A9%E3%83%AB%E3%83%80/img/icon_q.png) no-repeat; background-size: 100%; }

	.area-qa-q .fa {font-size: 8px; right: 10px; top: 16px; }

}



/* seminar */

.area-seminar { margin-bottom: -20px; }

.seminar-box { width: 31.5%; margin-right: 2.7%; display: inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;  -ms-box-sizing: border-box; box-sizing: border-box; border: solid 1px #dedede; padding: 30px; min-height: 400px; position: relative; margin-bottom: 36px;vertical-align: top; border-radius: 8px; }

.seminar-box:nth-child(3n) { margin-right: 0%; }

.seminar-header {font-size: 13px; display: table; width: 100%; height: 44px; }

.seminar-header-day { font-size: 32px; font-weight: 500; display: table-cell; line-height: 1; width: 50%;vertical-align: middle; text-align: left; }

.seminar-header-day span { font-size: 14px; position: relative; top: -4px; }

.seminar-header-category { display: table-cell;  background: #1c7cb1; width: 25%; position: relative; right: 5px; vertical-align: middle; text-align: center; color: white; line-height: 1.5; font-size: 11px;  font-weight: 600; }

.seminar-header-category span { font-size: 8px; display: block; font-weight: 300; }

.seminar-header-area { display: table-cell; vertical-align: middle; text-align: center; color: white; letter-spacing: 1px; background: #1c7cb1; width: 25%; font-size: 11px;  font-weight: 600; }

.nagoya .seminar-header-area { background: #d92f2c; }

.tokyo .seminar-header-area { background: #80c713; }

.osaka .seminar-header-area { background: #1d43c0 }

.other .seminar-header-area { background: #ea4e19; }

.seminar-text { padding:30px 0 75px; font-size: 13px; }

.seminar-text-title { font-weight: 500; font-size: 15px; color: #1c7cb1; }

.seminar-text-text { padding: 20px 0; }

.seminar-btn { text-align: center; position: absolute; bottom: 0; left: 0; right:0; height: 70px; }

.seminar-btn .btn { display: inline-block; }

.area-infomation-wide { padding: 40px 2% 48px 5%; display: table; width: 100%; max-width: 1000px; margin: 0 auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;  -ms-box-sizing: border-box; box-sizing: border-box; }

.area-infomation-wide-title .title-section1 { height: 40px; padding-top: 8px; font-size: 20px; margin-bottom: 20px; }

.area-infomation-wide-box { display: table-cell; width: 55%; vertical-align: middle; }

.area-infomation-wide-box.right { width: 45%; }

.area-infomation-wide-lead { padding-right:40px; }

.area-infomation-wide-com { font-size: 18px; font-weight: 600; }

.area-infomation-wide-com span { font-size: 12px; padding-left: 15px;font-weight: 400; }

.area-infomation-wide-tel { font-size: 38px; font-weight: 600; padding:6px 0 4px; }

.area-infomation-wide-tel .fa { padding-right: 6px; }

.area-infomation-wide-mail { font-size: 16px; }

.area-infomation-wide a { color: #333; }

.area-infomation-wide a:hover { text-decoration: underline; }

.area-infomation-wide-mail .fa { padding-right: 8px; }



@media screen and (max-width:1200px){

	.seminar-box { padding: 24px;  margin-bottom: 24px;vertical-align: top; border-radius: 8px; }

	.seminar-header { height: 38px; }

	.seminar-header-category { right: 0; padding-bottom: 4px; }

	.seminar-header-category span { font-size: 8px; padding-left: 4px; display: inline-block; }

	.seminar-header-category,

	.seminar-header-area { font-size: 9px; display: block; width: 100%; min-width: 120px; line-height: 1; padding: 4px 0 5px; }

}

@media screen and (max-width:980px){

	.seminar-box { width: 48.5%; margin-right: 3%; padding: 24px;  margin-bottom: 24px; }

	.seminar-box:nth-child(3n) { margin-right: 3%; }

	.seminar-box:nth-child(even) { margin-right: 0%; }

	.seminar-header { height: 38px; }

	.seminar-header-day { width: 60%; }

	.seminar-header-day span { font-size: 11px; top: -4px; }

}

@media screen and (max-width:768px){

	.area-infomation-wide { padding: 32px 10px 36px 32px; }

	.area-infomation-wide-title .title-section1 { height: 34px; padding-top: 6px; font-size: 18px; margin-bottom: 20px; }

	.area-infomation-wide-lead { padding-right:40px; }

	.area-infomation-wide-com { font-size: 16px; }

	.area-infomation-wide-com span { font-size: 10px; display: inline-block; }

	.area-infomation-wide-tel { font-size: 30px; padding:0; }

	.area-infomation-wide-mail { font-size: 14px; }

}

@media screen and (max-width:600px){

	.seminar-box { width: 100%; margin-right: 0%; padding: 24px; margin-bottom: 20px; min-height: auto; }

	.seminar-box:nth-child(3n) { margin-right: 0%; }

	.seminar-header-day { width: 70%; }

	.seminar-text { padding:20px 0 75px; font-size: 12px; }

	.seminar-text-title { font-size: 14px; }

	.seminar-text-text { padding: 15px 0; font-size: 11px; }

	.seminar-btn .btn { font-size: 11px; }

	.area-infomation-wide { padding: 34px 30px 34px; display: block; }

	.area-infomation-wide-title .title-section1 { height: 34px; padding-top: 6px; font-size: 18px; margin-bottom: 20px; }

	.area-infomation-wide-lead { padding-right:0px; padding-bottom: 30px; }

	.area-infomation-wide-box { display: block; width: 100%; }

	.area-infomation-wide-box.right { width: 100%; text-align: center; }

	.area-infomation-wide-com { font-size: 16px; }

	.area-infomation-wide-com span { font-size: 10px; display: inline-block; }

	.area-infomation-wide-tel { font-size: 30px; padding:0 0 3px; }

	.area-infomation-wide-mail { font-size: 14px; }

}

@media screen and (max-width:480px){

	.area-infomation-wide-title .title-section1 { height: 34px; padding-top: 8px; font-size: 16px; margin-bottom: 20px; }

	.seminar-header-day { font-size: 28px; }

}



/* company */

.area-ceo-photo { width: 30%; float: left; margin-right: 4%; }

.area-ceo-text { float: left; width: 66%; }

.area-ceo-text-name { padding-top:20px; }

.area-ceo-text-title { color: #1c7cb1; font-weight: 400; font-size: 16px; padding-bottom: 20px; letter-spacing: 1.2px; }



@media screen and (max-width:768px){

	.area-ceo-text { width: 65%; }

}

@media screen and (max-width:480px){

	.area-ceo-photo { width: 200px; float: none; margin:0 auto 20px; }

	.area-ceo-text { float: none; width: 100%; }

}



/*　製品・サービス　*/

.title-section3.height60 { font-size: 18px; padding: 15px; margin: 0; position: relative; }

.title-section3-link { position: absolute; right: 18px; top: 20px; font-size: 12px; font-weight: 300; color: #333; }

.title-section3-link .fa { padding-left: 4px; font-size: 8px; top: -1px; position: relative; color: #1c7cb1}

.title-section3-img { width: 25px; padding-right: 8px; position: relative; top:-1px; }

.products-box { display: table; width: 100%; padding: 80px 0 ; border-bottom: solid 1px #dedede; }

.products-box-bnrarea { padding: 10px 0 0; }

.products-box2 { width: 100%; padding: 80px 0 ; border-bottom: solid 1px #dedede; }

.products-box2-bnrarea { padding: 10px 0 0; }

.products-photoarea { display: table-cell; width: 52%; vertical-align: middle; }

.products-textarea {display: table-cell; width: 48%; vertical-align: middle; text-align: center; padding:0 5% 0 2.5%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;  -ms-box-sizing: border-box; box-sizing: border-box; }

.products-textarea-title { width:80%; max-width: 300px; margin: 0 auto; }

.products-textarea-subtitle { font-size: 18px; font-weight: 600; padding: 30px 0; }

.products-textarea-list-box { width: 31%; display: inline-block; margin-right: 3.5%; vertical-align: top; }

.products-textarea-list-box:last-child { margin-right: 0%; }

.products-textarea-list-img { color: white; display: table; height: 80px; width: 100%;  font-weight: 700; font-size: 16px; border-radius: 6px; line-height: 1.5; }

.products-textarea-list-img.price { font-size: 22px; }

.products-textarea-list-img.price i { font-size: 15px; position: relative; top: -2px; }

.products-textarea-list-img span { display: table-cell; vertical-align: middle; } 

.products-textarea2 {display: table-cell; width: 48%; vertical-align: middle; text-align: center; padding:0 5% 0 2.5%; margin: 0 auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;  -ms-box-sizing: border-box; box-sizing: border-box; }

.products-textarea2-title { width:80%; max-width: 300px; margin: 0 auto; }

.products-textarea2-subtitle { font-size: 18px; font-weight: 600; padding: 30px 0; }

.products-textarea2-list-box { width: 31%; display: inline-block; margin-right: 3.5%; vertical-align: top; }

.products-textarea2-list-box:last-child { margin-right: 0%; }

.products-textarea2-list-img { color: white; display: table; height: 80px; width: 100%;  font-weight: 700; font-size: 16px; border-radius: 6px; line-height: 1.5; }

.products-textarea2-list-img.price { font-size: 22px; }

.products-textarea2-list-img.price i { font-size: 15px; position: relative; top: -2px; }

.products-textarea2-list-img span { display: table-cell; vertical-align: middle; } 

.lista .products-textarea-list-img { background:#cf0f14; }

.listmotto .products-textarea-list-img { background: #f3b028; }

.sitoke .products-textarea-list-img { background: #333; }

.listool .products-textarea-list-img { background:#20579c; }

.markesearch .products-textarea2-list-img { background:#464168; }

.products-textarea-list-txt { padding: 20px 0 30px; text-align: left; font-size: 12px; line-height: 1.6; }

.products-textarea2-list-txt { padding: 20px 0 30px; text-align: left; font-size: 12px; line-height: 1.6; }

.products-box .btn-type1.size-m { max-width:none; width: 150px; }

.products-box2 .btn-type1.size-m { max-width:none; width: 150px; }

.products-bnr { padding: 60px 0 0; margin-bottom: -20px; }

.products-bnr-box.menu-center-bnr { margin: 0 3.2% 50px 0; width: 22.6%; font-size: 14px; }

.products-bnr-box.menu-center-bnr:nth-child(4n) { margin-right: 0; }

.products-bnr-box.menu-center-bnr figure { background:white; display: table; height: auto; }

.products-bnr-box.menu-center-bnr figure span { display: table-cell; vertical-align: middle; }

.products-bnr-box2.menu-center-bnr { margin: 0 3.2% 50px 0; width: 22.6%; font-size: 14px; }

.products-bnr-box2.menu-center-bnr:nth-child(4n) { margin-right: 0; }

.products-bnr-box2.menu-center-bnr figure { background:white; display: table; height: auto; }

.products-bnr-box2.menu-center-bnr figure span { vertical-align: middle; }

.products-bnr .title { font-weight: 500; margin-top: 18px;  line-height: 1.5; }

.products-bnr a .title { color:#333; }

.products-bnr .subtitle { font-weight: 500; margin-top: 13px; font-size: 11px; }

.products-bnr .txt { font-size: 11px; margin-top: 10px; }

.bxs {-webkit-box-sizing: border-box; -moz-box-sizing: border-box;  -ms-box-sizing: border-box; box-sizing: border-box; }



@media screen and (max-width:1200px){

		.products-bnr { width: 96%; margin: 0 auto; }

}

@media screen and (max-width:1000px){

	.title-section3.height60 { font-size: 16px; padding: 13px; }

	.title-section3-link { right: 16px; top: 17px; font-size: 11px; }

	.title-section3-img { top:-2px; width: 22px; padding-right: 7px; }

	.products-box { padding: 60px 0 ; }

	.products-box2 { padding: 60px 0 ; }

	.products-photoarea { width: 48%; }

	.products-textarea { width: 52%; }

	.products-textarea-title { max-width: 220px; }

	.products-textarea-subtitle { font-size: 15px; padding: 22px 0; }

	.products-textarea-list-img { height: 60px; font-size: 12px; }

	.products-textarea-list-img.price { font-size: 15px; }

	.products-textarea-list-img.price i { font-size: 12px; }

	.products-textarea-list-txt { padding: 14px 0 30px; font-size: 11px; }

	.products-textarea2 { width: 52%; }

	.products-textarea2-title { max-width: 220px; }

	.products-textarea2-subtitle { font-size: 15px; padding: 22px 0; }

	.products-textarea2-list-img { height: 60px; font-size: 12px; }

	.products-textarea2-list-img.price { font-size: 15px; }

	.products-textarea2-list-img.price i { font-size: 12px; }

	.products-textarea2-list-txt { padding: 14px 0 30px; font-size: 11px; }

	.products-bnr { padding: 48px 0 0; margin-bottom: -20px; }

	.products-bnr-box.menu-center-bnr { margin: 0 3% 42px 0; width: 31.3%; }

	.products-bnr-box.menu-center-bnr:nth-child(4n) { margin-right: 3%; }

	.products-bnr-box.menu-center-bnr:nth-child(3n) { margin-right: 0; }

	.products-bnr-box2.menu-center-bnr { margin: 0 3% 42px 0; width: 31.3%; }

	.products-bnr-box2.menu-center-bnr:nth-child(4n) { margin-right: 3%; }

	.products-bnr-box2.menu-center-bnr:nth-child(3n) { margin-right: 0; }

	.products-bnr .title { font-size: 13px; margin-top: 16px; }

	.products-bnr .subtitle { font-size: 11px; margin-top: 12px; }

	.products-bnr .txt { font-size: 11px; margin-top: 11px; }

}

@media screen and (max-width:768px){

	.products-bnr { padding: 40px 0 0; }

	.products-bnr-box.menu-center-bnr { margin: 0 3% 36px 0; }

	.products-bnr-box2.menu-center-bnr { margin: 0 3% 36px 0; }

	.products-bnr .title { font-size: 11px; margin-top: 12px; }

	.products-bnr .subtitle { font-size: 9px; margin-top: 9px; }

	.products-bnr .txt { font-size: 9px; margin-top: 9px; }

}

@media screen and (max-width:600px){

	.title-section3.height60 { font-size: 14px; padding: 10px; }

	.title-section3-img { width: 18px; padding-right: 6px; top:-2px; }

	.title-section3-link { right: 10px; top: 15px; font-size: 9px; }

	.title-section3-link .fa { padding-left: 3px; font-size: 7px; top: -1px; }

	.products-box {padding: 44px 0 48px; }

	.products-box2 {padding: 44px 0 48px; }

	.products-photoarea { display: block; padding: 32px 0 0; margin: 0 auto; max-width: 360px; width: 84%; }

	.products-textarea { width: 100%; display: block;  padding:0 2% 0 2%; }

	.products-textarea-subtitle { display: none; }

	.products-textarea-list-img { height: 56px; }

	.products-textarea-list { padding-top: 32px; width: 98%; max-width: 440px; margin: 0 auto; }

	.products-textarea2 { width: 100%; padding:0 2% 0 2%; }

	.products-textarea2-subtitle { display: none; }

	.products-textarea2-list-img { height: 56px; }

	.products-textarea2-list { padding-top: 32px; width: 98%; max-width: 440px; margin: 0 auto; }

	.products-box .btn-type1.size-m { width:120px; }

	.products-box .btn-type1.size-m a { padding:9px 0; font-size: 11px; }

	.products-box .btn-type1.size-m .fa { font-size: 9px; position: relative; top: -0.5px; padding-left: 5px; }

	.products-box2 .btn-type1.size-m { width:120px; }

	.products-box2 .btn-type1.size-m a { padding:9px 0; font-size: 11px; }

	.products-box2 .btn-type1.size-m .fa { font-size: 9px; position: relative; top: -0.5px; padding-left: 5px; }

	.products-bnr { padding: 36px 0 0; margin-bottom: -20px; }

	.products-bnr-box.menu-center-bnr { margin: 0 6% 36px 0; width: 47%; }

	.products-bnr-box.menu-center-bnr:nth-child(3n) { margin-right: 6%; }

	.products-bnr-box.menu-center-bnr:nth-child(even) { margin-right: 0; }

	.products-bnr-box2.menu-center-bnr { margin: 0 6% 36px 0; width: 47%; }

	.products-bnr-box2.menu-center-bnr:nth-child(3n) { margin-right: 6%; }

	.products-bnr-box2.menu-center-bnr:nth-child(even) { margin-right: 0; }

}

@media screen and (max-width:480px){

	.title-section3.height60 { font-size: 13px; }

	.title-section3-link { font-size: 8px; top: 14px; }

	.products-box {padding: 36px 0 38px; }

	.products-box2 {padding: 36px 0 38px; }

	.products-textarea-title { max-width: 180px; }

	.products-textarea-subtitle { font-size: 13px; padding: 15px 0 17px; }

	.products-textarea-list-img { height: 52px; font-size: 10px; }

	.products-textarea-list { padding-top: 24px; }

	.products-textarea-list-img.price { font-size: 13px; }

	.products-textarea-list-img.price i { font-size: 10px; }

	.products-textarea-list-txt { padding: 12px 0 26px; font-size: 10px; }

	.products-textarea2-title { max-width: 180px; }

	.products-textarea2-subtitle { font-size: 13px; padding: 15px 0 17px; }

	.products-textarea2-list-img { height: 52px; font-size: 10px; }

	.products-textarea2-list { padding-top: 24px; }

	.products-textarea2-list-img.price { font-size: 13px; }

	.products-textarea2-list-img.price i { font-size: 10px; }

	.products-textarea2-list-txt { padding: 12px 0 26px; font-size: 10px; }

	.products-photoarea { padding:28px 0 0; }

	.products-bnr { padding: 30px 0 0; }

	.products-bnr-box.menu-center-bnr { margin: 0 6% 24px 0; }

	.products-bnr-box2.menu-center-bnr { margin: 0 6% 24px 0; }

	.products-bnr .title { font-size: 9px; margin-top: 11px; }

}



/*　製品・サービス 　- 詳細 -　*/

.detail .contents { margin:0; padding:65px 0 0; width: 100%; max-width: none; }

.detail .section-lower { border-bottom: solid 1px #dedede; padding-bottom: 0; }

.detail .section-lower .inr { width: 90%; max-width:1200px; margin: 0 auto; }

.detail .products-box { border:none; padding: 65px 0 86px; }

.detail .products-box2 { border:none; padding: 65px 0 86px; }

.products-copy { font-weight: 200; font-size: 46px; text-align: center; letter-spacing: -1px; }

.prodcts-detail { background:#f9f9f9; padding: 60px 0 120px; }

.prodcts-detail > .inr { width: 90%; max-width: 880px; margin: 0 auto; }

.prodcts-detail-data { padding: 50px 0 60px; text-align: center; }

.prodcts-detail-movie { border-bottom: solid 1px  #d5d5d5; border-top: solid 1px  #d5d5d5; padding: 60px 0; }

.detail .prodcts-detail-btn {  max-width: 400px; margin: 60px auto 0; }

.detail .prodcts-detail-btn-list { max-width: 48%; display: inline-block; margin-top: 0; }

.detail .prodcts-detail-btn-list:first-child { margin-right:4%; }

.detail .prodcts-detail-btn-request { width: 100%; margin-top: 20px; }

.title-section4 { position: relative; height: 53px; font-size: 22px; text-align: center; padding: 0px 0 0px; font-weight: 400; letter-spacing: 1.5px; }

.title-section4:before { background: #4996c1; display: block; position: absolute; bottom:0; left:0; right: 0; margin: 0 auto;  content: "";  width:40px; height: 4px; border-radius: 3px; }

.youtube-box { max-width: 680px; width: 100%; margin: 0 auto; position: relative;  padding-top: 50%; -moz-box-shadow:0px 0px 3px rgba(0,0,3,0.15); -webkit-box-shadow:0px 0px 3px rgba(0,0,3,0.15);  -ms-box-shadow:0px 0px 3px rgba(0,0,3,0.15); }

.youtube-box iframe { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important; }

	

@media screen and (max-width:1024px){

	.detail .contents { padding:50px 0 0; }

	.products-copy { font-size: 36px; line-height: 1.4; }

	.detail .products-box { border:none; padding: 46px 0 50px; }

	.detail .products-box2 { border:none; padding: 46px 0 50px; }

	.youtbe-box { padding-top: 50%; }

}

@media screen and (max-width:768px){

	.youtbe-box { padding-top: 60%; }

}

@media screen and (max-width:480px){

	.detail .contents { padding:36px 0 0; }

	.detail .products-box { border:none; padding: 32px 0 40px; }

	.detail .products-box2 { border:none; padding: 32px 0 40px; }

	.detail .products-photoarea { padding-top:12px; }

	.title-section4 { height: 42px; font-size: 18px; }

	.title-section4:before { width:30px; height: 3px; }	

	.products-copy { font-size: 24px; }

	.prodcts-detail { padding: 30px 0 70px; }

	.prodcts-detail-data { padding: 30px 0 30px; }

	.prodcts-detail-movie { padding: 30px 0; }

	.detail .prodcts-detail-btn { margin: 30px auto 0; max-width: 250px; }

}



/* sidemenu */

.contents-sidemenu { float: right; width: 250px; top:0; position: relative; }

.contents-sidemenu a { text-decoration: none; }

.sidemenu-title { background: linear-gradient(45deg, #4b97c0, #3a88c4); height: 70px; border-radius:6px 6px 0px 0px; box-shadow:-1px 0px 3px rgba(0,0,3,0.1); -moz-box-shadow:-1px 0px 2px rgba(0,0,3,0.1); -webkit-box-shadow:-1px 0px 2px rgba(0,0,3,0.1);  -ms-box-shadow:-1px 0px 2px rgba(0,0,3,0.1); display: table; width: 100%; position: relative; }

.sidemenu-title p { display:table-cell; vertical-align: middle; }

.sidemenu-title a {  font-size: 17px; font-weight: 500; color:white; display: block; text-align: center; padding: 0px 20px; line-height: 1.4; }

.sidemenu-title a .fa { position: absolute; right: 8px; top: 30px; -webkit-transition:all 0.2s; -moz-transition:all 0.2s; -ms-transition:all 0.2s; transition:all 0.2s; }

.sidemenu-title a:hover .fa { right: 5px; }

.sidemenu-nav { box-shadow:0px 0px 3px rgba(0,0,3,0.2); -moz-box-shadow:0px 0px 2px rgba(0,0,3,0.2); -webkit-box-shadow:0px 0px 2px rgba(0,0,3,0.2);  -ms-box-shadow:0px 0px 2px rgba(0,0,3,0.2); }

.sidemenu-nav-link { background: linear-gradient(45deg, #fff, #f9f9f9); border-top: solid 1px #e4e4e4; }

.sidemenu-nav-link a { color:#333; padding: 18px 10px 18px 16px; display: block; }

.sidemenu-nav-link a:hover { text-decoration: underline; background: white; }



@media screen and (max-width:1024px){

	.contents-sidemenu { position: relative; top: 0; right: -5px; width: 24%; }

	.sidemenu-title { height: 50px; }

	.sidemenu-title a { font-size: 13px; padding: 0 14px; }

	.sidemenu-title a .fa { top: 20px; right: 5px; }

	.sidemenu-title a:hover .fa { right: 3px; }

	.sidemenu-nav-link a { padding: 12px 10px 12px 12px; font-size: 11px; }

}



#loader { width: 100%; height: 100%; display: none; position: fixed; _position: absolute; top: 42%; left: 0; right:0; text-align:center; z-index: 5100; }

#loader img { width: 60px; }

#fade { width: 100%; height: 100%; display: none; background-color: #FFFFFF; position: absolute; top: 0px; left: 0px; z-index: 5050; }

#load_logo { animation: inout 0.7s; display:none;  -webkit-animation: inout 1s;  background-repeat: no-repeat; opacity:1; }













/* 旧エコノスHP */







/* --- ボックス --- */

div.sectionb {

	width: 200px; /* ボックスの?E*/

	height: auto;

	background-color: #ffffff; /* ボックスの背景色 */

	border: 1px #c0c0c0 solid; /* ボックスの?E?E*/

	font-size: 100%; /* ボックスの?Eサイズ */

	top: 0px;

	margin: 0px;

	background-position: top;

}



/* --- 見EぁE--- */

div.sectionb h3 {

margin: 0; /* 見EしEマEジン */

padding: 8px 10px; /* 見EしEパディングE上下、左右EE*/

background: #f9f9f9 url(../head_line_b.gif) repeat-x top; /* 見EしE背景 */

border-bottom: 1px #c0c0c0 solid; /* 見EしE下?E?E*/

font-size: 120%; /* 見EしE?Eサイズ */

}



/* --- ボックス?EE段落 --- */

div.sectionb p {

margin: 1em 10px; /* 段落のマEジンE上下、左右EE*/

}

/* --- ボックス --- */

div.sectionr {

	width: 200px; /* ボックスの?E*/

	height: auto;

	background-color: #ffffff; /* ボックスの背景色 */

	border: 1px #c0c0c0 solid; /* ボックスの?E?E*/

	font-size: 100%; /* ボックスの?Eサイズ */

	margin-top: 0px;

	padding-top: 0px;

	top: 0px;

	background-position: top;

}



/* --- 見EぁE--- */

div.sectionr h3 {

margin: 0; /* 見EしEマEジン */

padding: 8px 10px; /* 見EしEパディングE上下、左右EE*/

background: #f9f9f9 url(../head_line_r.gif) repeat-x top; /* 見EしE背景 */

border-bottom: 1px #c0c0c0 solid; /* 見EしE下?E?E*/

font-size: 120%; /* 見EしE?Eサイズ */

}



/* --- ボックス?EE段落 --- */

div.sectionr p {

margin: 1em 10px; /* 段落のマEジンE上下、左右EE*/

}

/* --- ボックス --- */

div.sectiong {

	width: 200px; /* ボックスの?E*/

	height: auto;

	background-color: #ffffff; /* ボックスの背景色 */

	border: 1px #c0c0c0 solid; /* ボックスの?E?E*/

	font-size: 100%;

	top: 0px;

	margin: 0px;

	padding: 0px;

	background-position: top;

}



/* --- 見EぁE--- */

div.sectiong h3 {

margin: 0; /* 見EしEマEジン */

padding: 8px 10px; /* 見EしEパディングE上下、左右EE*/

background: #f9f9f9 url(../head_line_g.gif) repeat-x top; /* 見EしE背景 */

border-bottom: 1px #c0c0c0 solid; /* 見EしE下?E?E*/

font-size: 120%; /* 見EしE?Eサイズ */

}



/* --- ボックス?EE段落 --- */

div.sectiong p {

margin: 1em 10px; /* 段落のマEジンE上下、左右EE*/

}



div.div020-hpl {

	border: 1px solid #E4150D;

	margin-top: 0em;

	margin-right: 0;

	margin-bottom: 0em;

	margin-left: 0;

	background-color: #fff0f5;

	padding-top: 20px;

	padding-right: 10px;

	padding-bottom: 10px;

	padding-left: 10px;

}



div.div020-hpl h3 {

  margin: 0 0 1em 0;

  background: #FF6464;

  padding: 5px 10px;

  color: #FFF;

}



div.div020-hpl p {

  margin: 0.5em 10px 0.5em 10px;

}



div.div020-hpl ol {

  margin-left: 0;

  padding-left: 0;

}



div.div020-hpl ol li {

  margin-left: 10px;

  list-style: outside decimal;

}



table.table010 {

  margin-top: 0.2em;

  margin-bottom: 1em;

  width: 770px;

  border-collapse: collapse;

  border: solid 1px #999;

  font-size: 100%;

}



table.table010 caption {

  margin-top: 1em;

  text-align: left;

}



table.table010 th,

table.table010 td {

  border: solid 1px #999;

  padding: 4px 6px;

}



table.table010 th {

  background: #E6E6E6;

  text-align: center;

  white-space: nowrap;

  color: #666;

}



table.table010 td.course {

  text-align: center;

  font-weight: bolder;

}



table.table010 td.time {

  text-align: right;

  white-space: nowrap;

} 

table.table010 td.fee {

  text-align: center;

  white-space: nowrap;

}.qastyle {

	line-height: 20px;

	letter-spacing: 0.1em;

}



div.div030-hpd {

  margin: 1em 0;

  border: solid 1px #68B36A;

}



div.div030-hpd h3 {

  margin: 0 0 1em;

  border-bottom: solid 1px #68B36A;

  background: #E6FFE6 url(../bg-green-stripe-header.gif);

  padding: 0.5em 15px;

  color: #363;

}



div.div030-hpd p {

  margin: 0.5em 15px 0.5em 30px;

}



div.div030-hpd dl {

  margin-left: 60px;

  padding-left: 0;

}

	

div.div030-hpd dl dd {

  margin-left: 30px;

}



div.div011-hp {

	margin: 1em 0;

	border: solid 1px #a8a9a9;

	background: #f5f5f5;

	letter-spacing: 0.1em;

	line-height: 20px;

	font-size: 80%;

}



div.div011-hp h3 {

  margin: 1em 30px;

  padding: 0;

  color: #oooo8o;

}



div.div011-hp p {

  margin: 0.5em 15px 0.5em 30px;

}



div.div011-hp p.site-navi {

  text-align: center;

}



table.table021 {

  margin-top: 0.2em;

  margin-bottom: 1em;

  width: 570px;

  border-collapse: separate;

  border-spacing: 2px;

  font-size: 100%;

}



table.table021 caption {

  margin-top: 1em;

  text-align: center;

}



table.table021 th,

table.table021 td {

  padding: 4px 6px;

}



table.table021 th {

  border-bottom: solid 1px #B2B2B2;

  border-right: solid 1px #B2B2B2;

  background: #FFD9F3;

  text-align: center;

  white-space: nowrap;

  font-size: 100%;

}



table.table021 td {

	border-bottom: solid 1px #B2B2B2;

	border-right: solid 1px #B2B2B2;

	background: #F3F3F3;

	text-align: center;

	white-space: nowrap;

}







/* ---リストサンプルページcss --- */

	





table.type09 thead th {

	padding: 10px;

	font-weight: bold;

	vertical-align: top;

	color: #369;

	border-bottom: 3px solid #036;

}

table.type09 tbody th {

	width: 150px;

	padding: 10px;

	font-weight: bold;

	vertical-align: top;

	border-bottom: 1px solid #ccc;

	background: #f3f6f7;

}

table.type09 td {

	width: 350px;

	padding: 10px;

	vertical-align: top;

	border-bottom: 1px solid #ccc;

}