@charset "UTF-8";

/* elements
----------------------------------------------- */
html {
  height: 100%;
  font-size: 90%;
}
body {
  width: 100%;
  margin: 0 auto;
  line-height: 1.5;
  color: #333;
  font-size: 90%;
  font-family: "¥Ò¥é¥®¥Î½Ç¥´ ProN W3","Hiragino Kaku Gothic ProN","¥á¥¤¥ê¥ª",Meiryo,sans-serif;
}
h1, h2, h3, h4, h5 {
  font-size: 120%;
  font-weight: bold;
}
img {
  border-style: none;
  vertical-align: bottom;
}
strong {
  font-weight: bold;
}
pre {
  font-family: SimHei, "£Í£Ó ¥´¥·¥Ã¥¯", monospace;
}
table {
  border-collapse: collapse;
  border-spacing: 0px;
  empty-cells: show;
}
ul {
  list-style-type: none;
  list-style-position: outside;
}
li {
  list-style-position: outside;
}
blockquote:before {
  content: "¡±";
  position: absolute;
  top: 10px;
  left: 10px;
  font-size: 150%;
  font-weight: bold;
}
blockquote {
  position: relative;
  margin-bottom: 20px;
  padding: 25px 20px 20px;
  border: 1px solid #ccc;
  box-shadow: 0 5px 5px #f2f2f2;
}
em {
  font-style: italic;
  font-weight: bold;
}
sup {
  font-size: 70%;
  vertical-align: super;
}
sub {
  font-size: 70%;
  vertical-align: sub;
}
rp, rt {
  font-size: 80%;
  text-decoration: none;
}
a {
  color: #0066ff;
  background-color: transparent;
  text-decoration: underline;
}
a:hover, a:focus {
  text-decoration: none;
}
a img[src$=".gif"]:hover, a img[src$=".gif"]:focus,
a img[src$=".jpg"]:hover, a img[src$=".jpg"]:focus,
a img[src$=".png"]:hover, a img[src$=".png"]:focus {
  opacity: 0.9;
  filter: alpha(style=0, opacity=90);
}

/* midashi
----------------------------------------------- */
.body {
  padding: 0 10px;
}
.body .first-elm {
  margin-top: 0 !important;
}
.body h1 {
  position: relative;
  margin-top: 40px;
  margin-bottom: 25px;
  padding-bottom: 2px;
  padding-left: 25px;
  background: url(/_common/themes/naruto/sankaku/images/bg_title_1.gif) left 4px no-repeat;
  font-size: 180%;
  font-weight: normal;
}
.body h1:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  width: 100%;
  height: 2px;
  background: url(/_common/themes/naruto/sankaku/images/bg_title_2.gif) left bottom no-repeat;
}
.body h2, .body h3, .body h4, .body h5 {
  margin-bottom: 15px;
  font-weight: bold;
  line-height: 1.1;
}
.body h2 {
  margin-top: 30px;
  margin-left: -10px;
  margin-right: -10px;
  padding: 10px;
  border-radius: 5px;
  background-color: #666;
  color: #fff;
  font-size: 125%;
  font-weight: normal;
}
.body h3 {
  margin-top: 20px;
  margin-left: -5px;
  margin-right: -5px;
  padding: 5px 10px;
  border-left: 6px solid #0bbf00;
  border-bottom: 1px solid #ccc;
  font-size: 115%;
}
.body h4 {
  padding: 3px 10px;
  border-left: 6px solid #ccc;
  font-size: 105%;
}
.body h5 {
  font-size: 110%;
  font-weight: bold;
}
.body p {
  margin-bottom: 1em;
}
.body p.indent {
  text-indent: 1em;
}
.body p.hanging-indent {
  padding-left: 1em;
  text-indent: -1em;
}
.body p img {
  margin-bottom: 0;
}
.body img {
  margin-bottom: 10px;
}
.body img.external {
  margin: 0 0 0.25em 0.25em !important;
  vertical-align: bottom;
}
.body hr {
  height: 0px;
  border: none;
  border-bottom: 1px solid #ccc;
}
.body ul {
  margin: 0 15px 15px 2em;
  list-style-type: disc;
}
.body ul ul {
  list-style-type: circle;
}
.body ol {
  margin: 0 15px 15px 2.5em;
}
.body li {
  margin-bottom: 5px;
}
.body dl {
  margin: 5px 1em 15px;
}
.body dl dt {
  margin-top: 10px;
  font-weight: bold;
}
.body table {
  width: auto;
  max-width: 100%;
  margin: 0 0 15px;
  border: 1px solid #ccc;
}
.body table th, .body table td {
  padding: 10px;
  border: 1px solid #ccc;
  background-color: #fff;
}
.body table th {
  background-color: #f7f7f5;
  text-align: center;
}
.body strong {
  color: #000;
}
/* ±í¤Î¥×¥í¥Ñ¥Æ¥£¤ÎÐГB¤¨ */
.body table[align="center"] { 
  margin-left: auto;
  margin-right: auto;
}
.body table[align="right"] {
  margin-left: auto;
  margin-right: 0;
}
.body table[align="left"] {
  margin-left: 0;
  margin-right: auto;
}
.body table caption {
  font-weight: bold;
  text-align: center;
}
.body th, .body td {
  padding: 5px 20px 5px 0;
  vertical-align: middle;
  word-wrap: break-word;
}
.body th {
  text-align: left;
}
.body table p {
  margin-left: 0;
  padding: 0;
  text-indent: 0;
}
.body table ul,
.body table ol {
  margin: 0 0 5px 20px;
}
.pagination {
  text-align: center;
}

/* RSS Atom
---------------------- */
.feed {
  text-align: right;
}
.feed a {
  display: inline-block;
  /display: inline;
  /zoom: 1;
  padding: 0px 4px;
  background-color: #BF4500;
  color: #fff;
  font-size: 95%;
  text-decoration: none;
}

/* mceTmpl
----------------------------------------------- */
.mceTmpl:before, .mceTmpl:after {
  content: "";
  display: table;
}
.mceTmpl:after {
  clear: both;
}
.mceTmpl {
  overflow: unset !important;
  zoom: 1;
}
.mceTmpl.first-elm h1,
.mceTmpl.first-elm h2,
.mceTmpl.first-elm h3 {
  margin-top: 0 !important;
}

/* clearfix
----------------------------------------------- */
.clearfix:before, .clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}
.clearfix {
  zoom: 1;
}

/* pdf
-------------------------------------- */
h2 a.iconFile {
  padding: 6px 0 5px 22px;
  color: #fff;
}
h3 a.iconFile {
  padding: 6px 0 5px 22px;
background-position:left 12px;
}
h4 a.iconFile {
  
}
a.iconFile {
background-image:url(/_common/themes/naruto/sankaku/images/default/ic-hanyo.gif);
background-position:left 8px;
background-repeat:no-repeat;
display:inline-block;
padding:6px 0 5px 18px;
}
a.iconPdf {
background-image:url(/_common/themes/naruto/sankaku/images/default/ic-pdf.gif);
}
a.iconDoc, a.iconDocx {
background-image:url(/_common/themes/naruto/sankaku/images/default/ic-word.gif);
}
a.iconJtd {
background-image:url(/_common/themes/naruto/sankaku/images/default/ic-ichitarou.gif);
}
a.iconXls {
background-image:url(/_common/themes/naruto/sankaku/images/default/ic-excel.gif);
}

/* =========================================================
  piece
========================================================= */
/*
#main .piece {
  margin-bottom: 20px;
}
*/

/* accessibility-tool
----------------------------------------------- */
#accessibilityTool {
  margin: 0 0 1px;
  border-bottom: 1px solid #ccc;
  background-color: #f2f2f2;
}
#accessibilityTool .pieceBody {
  width: 880px;
  margin: 0 auto;
  padding: 6px 10px 3px;
  font-size: 12px;
  text-align: right;
}
#accessibilityTool rp, #accessibilityTool rt {
  display: none;
}

/* block-skip
---------------------- */
#nocssread a {
  display: inline-block;
  /display: inline;
  /zoom: 1;
  vertical-align: middle;
  width: 0;
  height: 0;
  overflow: hidden;
}
#nocssread a:focus,
#nocssread a.show {
  width: auto;
  height: auto;
  padding: 0 10px;
}

/* tools
---------------------- */
#accessibilityTool a,
#accessibilityTool span,
#accessibilityTool ul {
  display: inline-block;
  /display: inline;
  /zoom: 1;
  color: #333;
  vertical-align: middle;
}
#accessibilityTool ul {
  display: inline-block;
  /display: inline;
  /zoom: 1;
}
#accessibilityTool ul {
  padding-bottom: 5px;
}
#accessibilityTool ul li {
  display: inline-block;
  /display: inline;
  /zoom: 1;
  margin-left: .1em;
  *margin-right: 3px;
  padding: 0;
  vertical-align: middle;
} 
#accessibilityTool img {
  margin: 0 2px;
  vertical-align: middle;
}

/* font-size */
#accessibilityTool ul.fontSize {
  padding-bottom: 0;
}
#accessibilityTool .fontSize li a {
  display: block;
  height: 0;
  padding-top: 19px;
  overflow: hidden;
}
a#fontSmall {
  width: 46px;
  background-image: url(/_common/themes/naruto/sankaku/images/default/text_s01.gif);
  background-repeat: no-repeat;
}
a#fontSmall:hover {
  background-image: url(/_common/themes/naruto/sankaku/images/default/text_s02.gif);
}
a#fontMiddle {
  width: 40px;
  background-image: url(/_common/themes/naruto/sankaku/images/default/text_m01.gif);
  background-repeat: no-repeat;
}
a#fontMiddle:hover {
  background-image: url(/_common/themes/naruto/sankaku/images/default/text_m02.gif);
}
a#fontLarge {
  width: 46px;
  background-image: url(/_common/themes/naruto/sankaku/images/default/text_l01.gif);
  background-repeat: no-repeat;
}
a#fontLarge:hover {
  background-image: url(/_common/themes/naruto/sankaku/images/default/text_l02.gif);
}

/* theme-color */
#accessibilityTool .themeColor li a {
  display: block;
  width: 17px;
  height: 0;
  padding-top: 19px;
  overflow: hidden;
}
#themeBlack {
  background-image: url(/_common/themes/naruto/sankaku/images/default/bg-black.gif);
  background-repeat: no-repeat;
}
#themeBlue {
  background-image: url(/_common/themes/naruto/sankaku/images/default/bg-blue.gif);
  background-repeat: no-repeat;
}
#themeWhite {
  background-image: url(/_common/themes/naruto/sankaku/images/default/bg-white.gif);
  background-repeat: no-repeat;
}

/* navigationNotice
----------------------------------------------- */
#navigationNotice {
  width: 100%;
  padding: 5px 0;
  background-color: #dddddd;
  font-weight: bold;
  text-align: center;
}
#commonHeader + #navigationNotice {
  display: none;
}

/* yomiage
----------------------------------------------- */
#navigationTalkPlayer {
  position: absolute;
}
#navigationTalkPlayer audio {
  position: relative;
  top: 30px;
  left: -55px;
}
/*
*html #navigationTalkPlayer audio {
  top: 30px;
}
#navigationTalkPlayer:not(\*|*) {
  position: absolute;
}
#navigationTalkPlayer audio:not(\*|*) {
  position: relative;
  top: 30px;
  left: -55px;
}
html:first-child #navigationTalkPlayer {
  position: absolute;
}
html:first-child #navigationTalkPlayer audio {
  position: relative;
  top: 30px;
  left: -55px;
}
*/

/* common-header
----------------------------------------------- */
#commonHeader {
  width: 900px;
  height: 83px;
  margin: 0 auto 1px;
  border-bottom: 15px solid #0bbf00;
  background: url(/_common/themes/naruto/sankaku/images/bg_head.gif) left top no-repeat;
}
#commonHeader h1 a {
  display: block;
  width: 194px;
  height: 48px;
  padding: 30px 40px 20px 50px;
}
#commonHeader h1 a ruby {
  display: none;
}

/* global-navi
----------------------------------------------- */
#globalNavi {
  width: 900px;
  margin: 0 auto;
}
#globalNavi ul {
  display: flex;
}
#globalNavi li {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 140px;
  box-sizing: border-box;
}
#globalNavi li.navi5 {
  flex-basis: 200px;
}
#globalNavi li:not(:first-child) {
  border-left: 1px solid #6cd16f;
}
#globalNavi li:not(:last-child) {
  border-right: 1px solid #0bbf00;
}
#globalNavi li a {
  display: block;
  height: 100%;
  padding: 12px 5px 10px;
  color: #006600;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  box-sizing: border-box;
  transition: color 0.35s ease 0s;
  background: #35c136; /* Old browsers */
  background: -moz-linear-gradient(top,  #35c136 0%, #85db52 30%, #85db52 70%, #35c136 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #35c136 0%,#85db52 30%,#85db52 70%,#35c136 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #35c136 0%,#85db52 30%,#85db52 70%,#35c136 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#35c136', endColorstr='#35c136',GradientType=0 ); /* IE6-9 */
}
#globalNavi li a:hover {
  background: #c2eda9;
}
body[id^="page-information-diversity-introduce"] #globalNavi li.navi1 a,
body[id^="page-information-diversity-policy"] #globalNavi li.navi2 a,
body[id^="page-information-diversity-news"] #globalNavi li.navi3 a,
body[id^="page-information-diversity-docs"] #globalNavi li.navi3 a,
body[id^="page-information-diversity-career"] #globalNavi li.navi4 a,
body[id^="page-information-diversity-wlb"] #globalNavi li.navi5 a,
body[id^="page-information-diversity-tips"] #globalNavi li.navi6 a {
  color: #fff;
}

/* common-footer
----------------------------------------------- */
#commonFooter {
  border-top: 1px solid #ccc;
}
#commonFooter .pieceBody {
  width: 900px;
  margin: 0 auto;
  padding: 15px 0;
}

/* copyright
----------------------------------------------- */
#copyright {
  background: #0bbf00;
}
#copyright .pieceBody {
  width: 900px;
  margin: 0 auto;
  padding: 7px 0;
  color: #fff;
  text-align: center;
}

/* bread-crumbs
----------------------------------------------- */
#breadCrumbs {
  width: 900px;
  margin: 15px auto 20px;
}
#breadCrumbs ol,
#breadCrumbs li {
 list-style: none;
}
#breadCrumbs li {
 display: inline-block;
 margin: 0;
}
#breadCrumbs li:not(:first-child):before {
 content: ">";
 margin: 0 4px 0 3px;
}

/* page-title
----------------------------------------------- */
#pageTitle .pieceBody {
  margin-bottom: 25px;
  padding-bottom: 2px;
  background: url(/_common/themes/naruto/sankaku/images/bg_title_2.gif) left bottom no-repeat;
}
#pageTitle .pieceBody h1 {
  padding-left: 25px;
  background: url(/_common/themes/naruto/sankaku/images/bg_title_1.gif) left 4px no-repeat;
  font-size: 180%;
  font-weight: normal;
}

/* side-menu
----------------------------------------------- */
#sideMenu {
  padding: 15px 5px 15px 7px;
  border: 4px solid #d3d3d3;
}
#sideMenu .pieceHeader h2 {
  border-left: 5px solid #0bbf00;
  margin-bottom: 10px;
  padding: 2px 0 0 7px;
  line-height: 1.1;
}
#sideMenu li {
  margin-bottom: 5px;
  padding: 1px 0 1px 10px;
  background: url(/_common/themes/naruto/sankaku/images/ic-sidemenu.png) left 0.45em no-repeat;
}
#sideMenu li:last-child {
  margin-bottom: 0;
}
#sideMenu li.current a {
  color: #e00;
  font-weight: bold;
  text-decoration: none;
}

/* keyvisual
----------------------------------------------- */
#keyvisual {
  width: 900px;
  margin: 0 auto 15px;
}
#keyvisual .pieceBody {
  position: relative;
  height: 123px;
  padding-bottom: 34px;
  background: url(/_common/themes/naruto/sankaku/images/bg_photo_1.jpg) left top no-repeat;
}
#keyvisual .pieceBody p {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 34px;
  line-height: 34px;
  background: url(/_common/themes/naruto/sankaku/images/bg_photo_2.jpg) left top no-repeat;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
}

/* recent-docs
----------------------------------------------- */
#recentDocs {
  position: relative;
}
#recentDocs .pieceHeader {
  margin-bottom: 5px;
  padding-bottom: 2px;
  background: url(/_common/themes/naruto/sankaku/images/bg_title_2.gif) left bottom no-repeat;
}
#recentDocs .pieceHeader h2 {
  padding-left: 25px;
  background: url(/_common/themes/naruto/sankaku/images/bg_title_1.gif) left top no-repeat;
  font-size: 130%;
  font-weight: normal;
}
#recentDocs .pieceBody .feed {
  position: absolute;
  left: 0;
  bottom: 10px;
}
#recentDocs .pieceBody li {
  padding: 10px;
  border-bottom: 1px dashed #ccc;
}
#recentDocs .pieceBody .links {
  padding: 10px 0;
  text-align: right;
}
#recentDocs .pieceBody .links a {
  padding: 1px 0 1px 10px;
}

/* top-menu
----------------------------------------------- */
#topMenu .pieceBody ul li {
  margin-bottom: 10px;
  padding: 1px;
  border: 1px solid #ccc;
  box-sizing: border-box;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f2f2f2+100 */
  background: #ffffff; /* Old browsers */
  background: -moz-linear-gradient(top,  #ffffff 0%, #f2f2f2 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #ffffff 0%,#f2f2f2 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #ffffff 0%,#f2f2f2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */
}
#topMenu .pieceBody ul li:last-child {
  margin-bottom: 0;
}
#topMenu .pieceBody ul li a {
  position: relative;
  display: block;
  padding: 15px 5px 15px 15px;
  background-size: 6px 10px;
  border-left: 3px solid #0bbf00;
  color: #000;
  text-decoration: none;
}
#topMenu .pieceBody ul li a:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 0;
  height: 0;
  margin-top: -5px;
  border-left: 5px solid #0bbf00;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
}
#topMenu .pieceBody ul li a:hover {
  text-decoration: underline;
}

/* news-list
----------------------------------------------- */
.news-list > .title {
  margin-bottom: 25px;
  padding-bottom: 2px;
  background: url(/_common/themes/naruto/sankaku/images/bg_title_2.gif) left bottom no-repeat;
}
.news-list > .title h2 {
  padding-left: 25px;
  background: url(/_common/themes/naruto/sankaku/images/bg_title_1.gif) left 4px no-repeat;
  font-size: 180%;
  font-weight: normal;
}
.news-list .piece {
  margin-bottom: 15px;
  padding: 0 10px;
}
.news-list .piece + .title {
  margin-top: 30px;
}
.news-list .piece .tabs a {
  display: block;
  padding: 5px 10px;
  background-color: #666;
  color: #fff;
  font-size: 125%;
  text-decoration: none;
  cursor: default;
}
.news-list .piece .content ul li {
  padding: 10px;
  border-bottom: 1px dashed #ccc;
}


/* =========================================================
  content
========================================================= */
#contentBody ul li span.separator, #contentBody ul li span.unit {
  display: none;
}

/* contentArticleDocs
----------------------------------------------- */
.contentArticleDocs .docs h2.date {
  padding: 5px 10px;
  background-color: #666;
  color: #fff;
  font-size: 125%;
  text-decoration: none;
}
.contentArticleDocs .docs ul {
  margin-bottom: 20px;
}
.contentArticleDocs .docs li {
  padding: 10px;
  border-bottom: 1px dashed #ccc;
}
.contentArticleDocs .docs li span.attributes {
  display: none;
}

/* contentArticleDoc
----------------------------------------------- */
.contentArticleDoc .header {
  margin-bottom: 25px;
}
.contentArticleDoc .header h1 {
  margin-bottom: 5px;
  padding: 0 10px 2px;
  background: url(/_common/themes/naruto/sankaku/images/bg_title_2.gif) left bottom no-repeat;
  font-size: 150%;
  font-weight: normal;
}
.contentArticleDoc .header .publishedAt {
  text-align: right;
}
.contentArticleDoc .body,
.contentArticleDoc .maps,
.contentArticleDoc .rels,
.contentArticleDoc .tags {
  margin: 0 0 30px;
}
.contentArticleDoc .maps h2,
.contentArticleDoc .rels h2,
.contentArticleDoc .tags h2 {
  margin-bottom: 15px;
  padding: 10px;
  background-color: #666;
  color: #fff;
  font-size: 135%;
  font-weight: normal;
  line-height: 1.1;
}
.contentArticleDoc .maps h3 {
  margin: -5px 0 5px;
  font-weight: normal;
}
.contentArticleDoc .rels ul,
.contentArticleDoc .tags div {
  padding: 0 15px;
}
.contentArticleDoc .rels li,
.contentArticleDoc .tags div a {
  position: relative;
  display: inline-block;
  /display: inline;
  /zoom: 1;
  margin: 0 15px 3px 0;
  padding-left: 12px;
}
.contentArticleDoc .rels li:before,
.contentArticleDoc .tags div a:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 0;
  height: 0;
  margin-top: -5px;
  border-left: 5px solid #0bbf00;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
}

/* address
----------------------------------------------- */
.inquiry {
  padding-bottom: 15px;
  border: 1px solid #666;
  background-color: #fff;
}
.inquiry h2 {
  margin-bottom: 15px;
  padding: 10px;
  background-color: #666;
  color: #fff;
  font-size: 135%;
  font-weight: normal;
  line-height: 1.1;
}
.inquiry > div {
  margin-left: 15px;
}
.tel, .fax, .email {
  display: inline;
}
.department, .section {
  font-weight: bold;
}

/* back
----------------------------------------------- */
.back {
  clear: both;
  margin: 40px auto 0;
  text-align: center;
}
.back a {
  display: inline-block;
  /display: inline;
  /zoom: 1;
  padding: 8px 70px;
  border: 1px solid #ccc;
  background: #ffffff; /* Old browsers */
  background: -moz-linear-gradient(top,  #ffffff 0%, #f2f2f2 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #ffffff 0%,#f2f2f2 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #ffffff 0%,#f2f2f2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */
}

/* contentArticleTags
----------------------------------------------- */
.contentArticleTags .search {
  margin: 0 0 20px;
  border: 1px solid #ccc;
  background-color: #f2f2f2;
}
.contentArticleTags .search th {
  padding: 0 15px 0;
}
.contentArticleTags .search th,
.contentArticleTags .search td {
  padding: 15px;
}
.contentArticleTags .search .submitters input {
  padding: 2px 10px;
  cursor: pointer;
}
.contentArticleTags .hit {
  padding: 5px 10px;
  background-color: #666;
  color: #fff;
  font-size: 125%;
  text-decoration: none;
}
.contentArticleTags li {
  padding: 10px;
  border-bottom: 1px dashed #ccc;
}

/* contentPage
----------------------------------------------- */
.body .normal-box {
  margin-bottom: 2em;
  padding: 25px 20px 20px;
  border: 1px solid #ccc;
  box-shadow: 0 5px 5px #f2f2f2;
  background-color: #fff;
}
.body .img-box:before, .body .img-box:after {
  content: "";
  display: table;
}
.body .img-box:after {
  clear: both;
}
.body .img-box {
  zoom: 1;
}
.body .img-box {
  display: table;
  display: block\9;
  width: 100%;
  margin: 2em 0;
  padding: 10px;
  border: 1px solid #ccc;
  box-shadow: 0 5px 5px #f2f2f2;
  background-color: #fff;
  box-sizing: border-box;
}
.body .normal-box .img-box {
  margin: 2em 1em;
}
.body .img-box img {
  display: table-cell;
  display: block\9;
  float: left\9;
  margin: 0 15px 0 0;
  vertical-align: middle;
}
.body .img-box p {
  display: table-cell;
  display: block\9;
  width: 100%;
  width: auto\9;
  margin: 0;
  margin: 1em 0 0\9;
  vertical-align: middle;
}
.body .qa-box {
  margin: 2em 0;
  padding: 15px 20px 10px;
  border: 1px solid #ccc;
  box-shadow: 0 5px 5px #f2f2f2;
  background-color: #fff;
}
.body .qa-box dt {
  position: relative;
  top: -28px;
  display: inline-block;
  margin: 0;
  padding: 0 10px;
  background-color: #fff;
  font-weight: bold;
}
.body .qa-box dd {
  position: relative;
  top: -15px;
  padding-left: 10px;
}

/* CKEditor templates
----------------------------------------------- */
.temp1, .temp2, .temp3, .temp4 {
  clear: both;
  margin-bottom: 20px;
}
.temp1 .thumb {
  float: left;
  margin-bottom: 10px;
  margin-right: 20px;
}
.temp1 ul,
.temp1 ol {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: top;
}
.temp2 .thumb {
  float: right;
  margin-bottom: 10px;
  margin-left: 20px;
}
.temp3, .temp4 {
  text-align: center;
}
.temp3 dl, .temp4 dl {
  display: inline-block;
  margin: 0 5px;
  vertical-align: bottom;
}
.temp3 dl {
  max-width: 48%;
}
.temp4 dl {
  max-width: 31%;
}
.temp3 dl dt, .temp4 dl dt {
  margin-bottom: 10px;
  text-align: center;
}
.temp3 dl dd, .temp4 dl dd {
  text-align: center;
}
table.temp5 {
  width: 100%;
}
.temp7 {
  margin: 10px 0;
  padding: 10px;
  border: 1px solid #ffaaaa;
  background-color: #fff3f3;
}
.temp7 p {
  margin: 0 0 10px;
}