@charset "utf-8";

/* ------------------------------ *
	paragraph
 * ------------------------------ */
.styled p { font-size: 114.4%; line-height: 1.65; margin-bottom: 2em; }
.styled p.note { color: #002c92; }
.styled a:link,
.styled a:visited { text-decoration: underline; }
.styled a:active { text-decoration: none; }



/* ------------------------------ *
	heading
 * ------------------------------ */
.styled > h3 { display: block; clear: both; font-size: 18px; font-weight: bold; line-height: 1.3; border-bottom: 1px solid #ccc; margin-bottom: 1.65em; }
.styled > h4 { display: block; color: #666; font-size: 16px; font-weight: bold; line-height: 1.3; margin-bottom: 1.65em; }

.styled > h5,
.styled > h6,
.styled dl dt,
.styled > caption { line-height: 1.4; padding-top: 0.25em; padding-bottom: 0.3em; }
.styled > h5 { margin-bottom: 0.5em; }

.styled .h3 { display: block; clear: both; font-size: 18px; font-weight: bold; line-height: 1.3; border-bottom: 1px solid #ccc; }
.styled .h4 { display: block; color: #666; font-size: 16px; font-weight: bold; line-height: 1.3; }



/* ------------------------------ *
	table
 * ------------------------------ */
.styled table { clear: both; margin: 0 auto 1.3em; }

.styled th,
.styled td { font-size: 93%; line-height: 1.5; border-color: #ccc; padding: 0.6em 8px 0.5em; }
.styled th { vertical-align: middle; background-color: #f2f4f9; }
.styled td { background-color: #fff; }



/* ------------------------------ *
	list
 * ------------------------------ */
.styled ul,
.styled ol,
.styled dl { margin-bottom: 1em; }

.styled ul li,
.styled ol li,
.styled dl dd { line-height: 1.5; padding-top: 0.15em; margin-bottom: 0.2em; }

.styled ol li { margin-left: 28px; }
.styled dl dd { display: list-item; } 
.styled ul li,
.styled dl dd { list-style-type: none; background: url(/images/nm1411/icon/bullet.png) no-repeat 12px 0.75em; padding-left: 28px; }

@media print {
.styled ul li,
.styled dl dd { list-style-type: disc; background: none; padding-left: 0; margin-left: 28px; }
}

.styled dl dt { margin-top: 0.5em; }
.styled dl dt.first { margin-top: 0; }



/* ------------------------------ *
	blockquote
 * ------------------------------ */
.styled blockquote { font-size: 93%; border-left: 8px solid #f2f4f9; padding-left: 1em; margin-left: 2em; }



/* ------------------------------ *
	hr
 * ------------------------------ */
.styled hr { clear: both; width: 88%; margin: 2.5em auto 2.7em; }
/* ie6 */ * html .styled hr { margin-top: 1.5em; margin-bottom: 2.2em; }
/* ie7 */ *:first-child+html .styled hr { margin-top: 1.5em; margin-bottom: 2.2em; }



/* ------------------------------ *
	table
 * ------------------------------ */
.styled table.table_border_none { border:none; }
.styled table.cell_border_none th,.styled table.cell_border_none td { border:none; }



/* ------------------------------ *
	etc.
 * ------------------------------ */
.styled .zeromargin { margin: 0; }



/* ------------------------------ *
	boxed
 * ------------------------------ */
.styled .boxed { border: 2px solid rgba(0, 44, 146, 0.25); background-color: rgba(229, 233, 244, 0.25); border-radius: 5px; box-sizing: border-box; padding: 15px; margin-bottom: 2em; }

.styled .boxed .figure.left,
.styled .boxed .figure.right { width: 200px; padding-bottom: 0; }
.styled .boxed .figure.left { margin: 1em 10px 10px 0; }
.styled .boxed .figure.right { margin: 1em 0 10px 10px; }
.styled .boxed .figure.center { clear: both; width: 100%; text-align: center; margin-top: 1em; }
.styled .boxed .figure.left img,
.styled .boxed .figure.right img { max-width: 100%; height: auto; }
.styled .boxed .figure.center img { max-width: 100%; }
.styled .boxed .figure .figcaption { font-size: 86%; line-height: 1.3; border: 1px solid #ccc; padding: 5px; margin: 5px 0 0; }

.styled .boxed p { font-size: 100%; line-height: 1.5; margin: 1em 0 0; }
.styled .boxed p:first-child { margin-top: 0; }

.styled .boxed h3 { clear: both; color: #002c92; line-height: 1.2; border-bottom: 1px solid rgba(0, 44, 146, 0.5); padding: 0 0 0.25em; margin: 0; }
.styled .boxed h3 span { display: block; }
.styled .boxed h3 span.sub { font-size: 107.3%; font-weight: bold; margin-bottom: 5px; }
.styled .boxed h3 span.heading { font-size: 128.6%; }

.styled .boxed .h4 { display: block; font-size: 107.3%; font-weight: bold; line-height: 1.3; padding: 0; margin: 1.5em 0 1em; }
.styled .boxed .h4:first-child { margin-top: 0; }

.styled .boxed.lined { border: 2px solid rgba(0, 0, 0, 0.5); background-color: transparent; }
.styled .boxed.dotted { border: 2px dotted rgba(0, 0, 0, 0.5); background-color: transparent; }
.styled .boxed.colored { border: none; background-color: #f2f4f9; }
.styled .boxed.lined h3,
.styled .boxed.dotted h3,
.styled .boxed.colored h3 { color: #000; border-bottom-color: rgba(0, 0, 0, 0.5); }

.styled .boxed.listed { padding: 0; }
.styled .boxed.listed { border: none; background-color: transparent; }
.styled .boxed.listed h3 { color: #000; line-height: 1.4; border: 1px solid #ccc; margin-top: 0.5em; padding: 0.5em; margin-bottom: 0.5em; }
.styled .boxed.listed h3 span.sub,
.styled .boxed.listed h3 span.heading { font-size: 93%; font-weight: normal; margin-bottom: 0; }
.styled .boxed.listed ul { background-color: #f2f4f9; border-radius: 5px; padding: 15px 15px 15px 5px; }
.styled .boxed.listed ul li { line-height: 1.4; margin-bottom: 0.75em; }
.styled .boxed.listed ul li:last-child { margin-bottom: 0; }

body.cadetto .styled .boxed { border-color: rgba(65, 166, 217, 0.5); background-color: rgba(65, 166, 217, 0.05); }
body.cadetto .styled .boxed h3 { color: #41a6d9; border-bottom-color: rgba(65, 166, 217, 0.25); }



/* ===================
== BLOCKQUOTE WITH RIGHT-ANGLED TRIANGLE(ktajima20141201)
** =================== */

.example-right {
  position:relative;
  width:80%;
  padding:15px 30px;
  margin:0;
  color:#000;
  background:#ffffcc;
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px;
}

.example-right + p {margin:15px 0 15px 85px;}

.example-right:after {
  content:"";
  position:absolute;
  bottom:-30px;
  left:50px;
  border-width:0 15px 30px 0px;
  border-style:solid;
  border-color:transparent #ffffcc;
  /* reduce the damage in FF3.0 */
  display:block;
  width:0;
}

.example-right-b {
  position:relative;
  width:70%;
  left:30px;
  padding:15px 30px;
  margin:0;
  color:#000;
  background:#ccffcc;
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px;
}

.example-right-b + p {margin:15px 0 15px 115px;}

.example-right-b:after {
  content:"";
  position:absolute;
  bottom:-30px;
  left:50px;
  border-width:0 15px 30px 0px;
  border-style:solid;
  border-color:transparent #ccffcc;
  /* reduce the damage in FF3.0 */
  display:block;
  width:0;
}

.styled a.article__innerlink {
  text-decoration:none;
  border-bottom:dashed 1px #d41822;
}