@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: #fff; }
.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: 92%; 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;
}