@charset "UTF-8";

/* body = 1000px */
/* navi = 20px + 230px(navigation) */
/* mainContents = 60px(margin-left: 310px = navi+60px) + 670px(div) + 20px */

/* --- base --- */

html { direction: ltr; background: #ddd; }
* { background: transparent; font: normal normal normal 100%/180% Osaka,Arial,"ＭＳ Ｐゴシック",sans-serif; letter-spacing: 1px; margin: 0; padding: 0; }
body { color: #222; background: #fff; width: 1000px; border-right: 1px solid #ccc; border-left: 1px solid #ccc; margin: 0 auto; }

/* font-family : Meiryo */
ul.navi li, ul.navi li a, dt, caption, th, .tpname, .why, #home .index li, #home .index a,
p.contactus a { font-family: "メイリオ",sans-serif; font-weight: bold; }

/* Q. */

.caseStudies h3.feedback + dl dt:before,
.FAQ h3:before { font-family: Times New Roman, serif; } 

/* mainContents */

.company,
.contactUs,
.help,
.instructors,
.ourVision,
.services,
.trainingsList,
#caseStudies .index,
.FAQindex,
.caseStudies,
.FAQ,
.pf,
.ISOconsulting,
.thirdPartyEvaluations,
.meister,
.mysteryShopping,
.structuring { width: 670px; margin: 0 20px 0 310px; }

/* headings */

h1 { font-size: 90%; background: url("green.png") top no-repeat #fff; height: 105px; padding: 45px 0 0 150px; }
#home h1 { background: url("green_home.jpg") top no-repeat #fff; height: 455px; padding: 45px 0 0 150px; }

#home p.contactus { text-align: right; margin: -490px 0 490px 0; padding-right: 1em; }
p.contactus { text-align: right; margin: -140px 0 140px 0; padding-right: 1em; font-size: 120%; }
p.contactus:before { color: #198937; content: "【"; font-size: 120%; }
p.contactus:after { color: #198937; content: "】"; font-size: 120%; }

p.contactus span.tel { display: block; line-height: 80%; font-size: 90%; }

h2, h3, h4 { font-weight: bold; }
h2 { color: #2F871A; font-size: 110%; margin: 2em 0; }
h3 { color: #BB3F0B; font-size: 100%; margin: 3em 0 1em 0; }
h4 { color: #759538; font-size: 100%; margin: 2em 0 1em 0; border-bottom: 3px double #ccc; } /* green #B7DA73 */


/* img for all */

#home h2#sitemap { text-indent: -9999px; background: url("h2_sitemap.png") bottom left no-repeat; height: 70px; }

#home h2#latestNews { text-indent: -9999px; background: url("h2_latestnews.png") bottom left no-repeat; height: 65px; }
#home h2#search { text-indent: -9999px; background: url("h2_search.png") bottom left no-repeat; height: 65px; }
.services h2 { text-indent: -9999px; background: url("h2_services.png") no-repeat; height: 65px; }
.contactUs h2 { text-indent: -9999px; background: url("h2_contactus.png") no-repeat; height: 65px; }
.company h2 { text-indent: -9999px; background: url("h2_company.png") no-repeat; height: 65px; }
.ourVision h2 { text-indent: -9999px; background: url("h2_ourvision.png") no-repeat; height: 65px; }
.ISOconsulting h2 { text-indent: -9999px; background: url("h2_ISO.png") no-repeat; height: 65px; }
.thirdPartyEvaluations h2 { text-indent: -9999px; background: url("h2_3pe.png") no-repeat; height: 65px; }
.structuring h2 { text-indent: -9999px; background: url("h2_structuring.png") no-repeat; height: 65px; }
.mysteryShopping h2 { text-indent: -9999px; background: url("h2_mysteryShopping.png") no-repeat; height: 65px; }
.meister h2 { text-indent: -9999px; background: url("h2_meister.png") no-repeat; height: 65px; }
.instructors h2 { text-indent: -9999px; background: url("h2_instructors.png") no-repeat; height: 65px; }
#caseStudies .FAQindex h2,
#caseStudies .FAQ h2,
#caseStudies .pf h2 { text-indent: -9999px; background: url("h2_FAQindex.png") no-repeat; height: 65px; }
#caseStudies .index h2,
#caseStudies .caseStudies h2 { text-indent: -9999px; background: url("h2_csindex.png") no-repeat; height: 65px; }

.trainingsList h2  { text-indent: -9999px; background: url("h2_tplist.png") no-repeat; height: 100px; }

p.imgc { float: right; width: 300px; margin: 0 0 20px 20px; }

/* ruby */

.ruby { color: #aaa; letter-spacing: 0; }

#home .ruby,
.navi .ruby,
h2 .ruby { display: block; }

#home .ruby,
.navi .ruby { line-height: 90%; }
h2 .ruby { line-height: 70%; font-size: 80%; }

/* font-size */

p, li, table, dt, dd { font-size: 90%; }

ol li ol li,
ol li ul li,
ul li ol li,
ul li ul li,
td ul li,
td p,
dd p,
dd li,
li p,
li dd { font-size: 100%; }


/* lists */

ul { list-style outside; margin-left: 1em; }
ol { list-style: decimal outside; margin-left: 1.5em; }
ol ol { list-style: decimal-leading-zero outside; margin-left: 2em; }
ol ol ol { list-style: lower-roman outside; margin-left: 2em; }

ul ul,
ul ol,
ol ol,
ol ul { margin-left: 1em; }

/* paragraph */

p { margin: 0 0 1em 0; }
dd p,li p,td p { margin: 0; }

/* quote */

blockquote { background: #DFECB3; border: 2px solid #ABCA42; padding: 0.5em; }
blockquote p { margin-bottom: 0; }

/* strong em */

em { color: #767676; font-weight: bold; }
strong { color: #BB3F0B; font-weight: bold; }

/* table */

table { width: 670px; }
caption { display: none; }

/* home */

h2#sitemap { margin: 0 0 0 100px; }
h2#sitemap + ul { list-style-type: none; margin: -20px 0 40px 100px; padding-top: 30px; }
h2#sitemap + ul li { float: left; width: 300px; }
h2#sitemap + ul ul { list-style-type: none; margin: 0; }
h2#sitemap + ul li li { padding: 15px 0; }

h2#latestNews { clear: left; margin-left: 100px; padding-top: 50px; }
h2#latestNews + dl { margin: 0 100px; }
h2#latestNews + dl dt { float: left; width: 10em; color: #5E8F37; border-bottom: 1px dotted #ccc; }
h2#latestNews + dl dd { margin-left: 10em; padding-left: 2em;  border-bottom: 1px dotted #ccc; margin-bottom: 0.5em; }


h2#search, div.search { margin-left: 100px; }
.submitbutton, .searchword { margin-right: 5px; line-height: 100%; }

/* about */

p.servicesHRS { float: right; width: 250px; margin: 0 20px 20px 20px; } /* clipart */

/* trainingsList */

.trainingsList { background: url("green_top_trainingsListindex.jpg") top right no-repeat; }

.trainingsList table { border-collapse: collapse; }
.trainingsList caption { display: none; }
.trainingsList table th { color: #777; border: 2px solid #ccc; padding: 0.5em; }
.trainingsList table td { padding: 0.5em; border: 2px dotted #ccc; vertical-align: top; }

.trainingsList table td.tpname { color: #555; font-weight: bolder; width: 12em; border: 2px solid #ccc; }
.trainingsList table td.desc { border-style: dotted solid; }
.trainingsList table td.last { border-bottom: 2px solid #ccc; }


/* instructors */

.instructors dt { color: #7CA330; font-size: 110%; font-family: "ＭＳ Ｐゴシック", sans-serif; margin-top: 2em; margin-bottom: 1em; }
.instructors dt span.ruby { font-size: 80%; }

.instructors .instructorspg { float: left; width: 188px; padding: 0 20px 20px 0; }

.instructors dd { margin: 0 0 0 208px; }

.instructors dd p { margin-bottom: 1em; }


/* companyInformation */

.company dt { color: #C2582A; float: left; width: 7em; }
.company dd { margin-left: 8em; margin-bottom: 2em; }

address { font-weight: normal; }

div.googlemap > ul { width: 425px; margin: 0.5em; background: #eee; margin-left: 0; }
div.googlemap > ul li { display: inline; margin-left: 1em; }


/* contactUs */

.contactUs dt { float: left; width: 10em; text-align: right; margin-right: 1em; }
.contactUs dd { margin: 1em 0 1em 12em; }
.contactUs p.imptnt { margin: 1em 0 1em 12em; }

input, textarea { border: 1px solid #ccc; background: #eee; padding: 2px; }
textarea { width: 400px; }

.submitK { margin: 1em 0; }

/* --- management --- */

/* thirdPartyEvaluations */

.thirdPartyEvaluations dt { margin-top: 1em; }
table.inspectors th { background: #ccc; padding: 5px 0; }
table.inspectors td { padding: 5px; border-bottom: dotted 1px #ccc; }

/* ISOconsulting */
/* mysteryShopping */

.ISOconsulting dt { float: left; width: 10em; }
.ISOconsulting dt:before { content: "【 "; }
.ISOconsulting dt:after { content: " 】"; }
.ISOconsulting dd { margin-left: 12em; margin-bottom: 1em; }

.thirdPartyEvaluations td,
.meister td,
.ISOconsulting td,
.mysteryShopping td { vertical-align: top; }

.thirdPartyEvaluations td p,
.meister td p,
.ISOconsulting td p,
.mysteryShopping td p { padding: 0 20px; }

.ISOconsulting tr.step1 td > p:first-child,
.ISOconsulting tr.step4 td > p:first-child  { padding-top: 15px; }
.ISOconsulting tr.step2 td > p:first-child,
.ISOconsulting tr.step3 td > p:first-child,
.ISOconsulting tr.step5 td > p:first-child,
.ISOconsulting tr.step6 td > p:first-child { padding-top: 30px; }

.mysteryShopping tr.step2 td > p:first-child { padding-top: 30px; }
.mysteryShopping tr.step1 td > p:first-child,
.mysteryShopping tr.step3 td > p:first-child,
.mysteryShopping tr.step4 td > p:first-child,
.mysteryShopping tr.step5 td > p:first-child { padding-top: 20px; }

.meister tr.step1 td > p:first-child,
.meister tr.step2 td > p:first-child,
.meister tr.step5 td > p:first-child,
.meister tr.step4 td > p:first-child { padding-top: 30px; }
.meister tr.step3 td > p:first-child { padding-top: 15px; }

.thirdPartyEvaluations tr.step3 td > p:first-child,
.thirdPartyEvaluations tr.step4 td > p:first-child,
.thirdPartyEvaluations tr.step6 td > p:first-child,
.thirdPartyEvaluations tr.step7 td > p:first-child { padding-top: 30px; }
.thirdPartyEvaluations tr.step1 td > p:first-child,
.thirdPartyEvaluations tr.step2 td > p:first-child,
.thirdPartyEvaluations tr.step5 td > p:first-child { padding-top: 40px; }

#management td.feefree,
#management td.fee,
#management td.feeplus { width: 1.4em; border: 1px dotted #ddd; vertical-align: middle; text-align: center; }

#management td.feefree { color: #6F9566; background: #DAECB6; }
#management td.fee { color: #D38D67; background: #DAECB6; }
#management td.feeplus { color: #D38D67; background: #F5EBB6; }


p.servicesMMS { float: right; width: 200px; margin: 0 0 0 20px; }

/* meister */

p.note { background: #eee; border: 1px solid #ddd; padding: 0.5em; }


/* structuring */


/* --- caseStudies --- */

/* caseStudies */

#caseStudies .index { background: url("green_top_casestudiesindex.jpg") top right no-repeat; }

#caseStudies .index li { font-size: 80%; }
#caseStudies .index li a { font-size: 110%; }

.caseStudies h2 + p { color: #BD4C1A; font-weight: bold; font-size: 100%; margin-bottom: 2em; }
.caseStudies img.csimage { width: 350px; height: 205px; }

.caseStudies ol { list-style: decimal outside; margin-left: 1.5em; }
.caseStudies ol ol { list-style: decimal-leading-zero outside; margin-left: 2.5em; }
.caseStudies ol ol ol { list-style: lower-roman outside; margin-left: 2.5em; }

.caseStudies h3.feedback + dl dt { color: #B9400B; margin: 1em 0; }
.caseStudies h3.feedback + dl dt:before { content: "Q. "; font-size: 170%; font-weight: normal; }

.caseStudies h3.feedback + dl dd { margin-left: 0; margin-bottom: 10px; }
.caseStudies h3.feedback + dl dd:before { content: "・ "; }
.caseStudies h3.feedback + dl dd.graph:before { content: ""; }
.caseStudies h3.feedback + dl dd a img { border: 0; } /* scan images */

p.returnToContents { text-align: center;  margin: 2em 0; }

.caseStudies ol + h3.thema { border-top: 2px dotted #ccc; padding-top: 2em; } /* h21cs02 */

.caseStudies h3.feedbacksp + p { background: #eee; border: 1px solid #ccc; padding: 0.5em; }


.caseStudies .relations + ul + ul { margin-top: 1em; }

span.option { font-size: 80%; } /* multipul */


/* FAQ */

.FAQ h3:before { content: "Q. "; font-size: 170%; font-weight: normal; }
.FAQ h3.relations:before { content: ""; }

.FAQ table { border-collapse: collapse; }
.FAQ caption { display: none; }
.FAQ table th { color: #777; border: 2px solid #ccc; padding: 0.5em; }
.FAQ table td { padding: 0.5em; border: 2px dotted #ccc; vertical-align: top; }

.FAQ table td.why { color: #555; font-weight: bolder; width: 15em; border: 2px solid #ccc; }
.FAQ table td.how { width: 11em; border-style: dotted solid; vertical-align: middle; }
.FAQ table td.last { border-bottom: 2px solid #ccc; }

.FAQ h3.relations + ul { margin-bottom: 0.5em; }

p.noteFaqindex { background: url("green_bottom_faqindex.jpg") no-repeat bottom right; margin-top: 1em; margin-bottom: -850px; height: 900px; }

/* --- base --- */

/* topic path */

.csnavi { text-align: center; }
.csnavi li { display: inline; margin: 1em; padding: 1em; }

/* footer */

.footer { clear: both; color: #fff; background: url("green_bottom.gif") no-repeat; height: 95px; width: 1000px; margin-top: 1.5em; margin-left: auto; margin-right: auto; }
.footer p { font-size: 80%; text-align: right; padding: 65px 5px 0 0; }

/* navigation */

.navi { float: left; width: 230px; margin: 0; margin-left: 20px; }
.navi { list-style: none; }
.navi li { padding: 15px 10px;  border: 1px solid #fff; }
.navi li.current { color: #BB3F0B; }
.navi li.current { background: #eee; border: 1px solid #ddd; }

#SV, #MS, #OV, #CU { border-top: 1px dotted #aaa; }

/* anchor */

a:link    { color: #B1701E; }
a:visited { color: #333; } /* #B1701E */
a:hover   { color: #BB3F0B; text-decoration: none; }
a:active  { color: #333; text-decoration: none; }

.current a:link    { color: #BB3F0B; }
.current a:visited { color: #BB3F0B; }

#home .sitemap a,
.navi a { text-decoration: none; display: block; }
h1, h1 a, p.contactus a { color: #198937 !important; font-weight: bold; text-decoration: none; font-family: "メイリオ",sans-serif; }
/* lightgreen: #859C48 */



/* for print - firefox 70% T 8 B 9 LR 0 */

@media print{

html { background: #fff; }
body { border: 0; }

.company,
.contactUs,
.help,
.instructors,
.ourVision,
.services,
.trainingsList,
#caseStudies .index,
.FAQindex,
.caseStudies,
.FAQ,
.pf,
.ISOconsulting,
.thirdPartyEvaluations,
.meister,
.mysteryShopping,
.structuring { width: auto; margin: 0 20px; }

* { font-family: Meiryo,"メイリオ", serif; }

.navi, .footer, .caseStudies h2, .caseStudies h3.relations, .caseStudies h3.relations + ul, p.contactus { display: none; }

.caseStudies h2 + p { margin-top: 2em; }

}