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

/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;} body {margin: 0;} article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {display: block;} audio,canvas,progress,video {display: inline-block; vertical-align: baseline;} audio:not([controls]) {display: none; height: 0;} [hidden],template {display: none;} a {background-color: transparent;} a:active,a:hover {outline: 0;} abbr[title] {border-bottom: 1px dotted;} b,strong {font-weight: bold;} dfn {font-style: italic;} h1 {font-size: 2em; margin: 0.67em 0;} mark {background: #ff0; color: #000;} small {font-size: 80%;} sub,sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;} sup {top: -0.5em;} sub {bottom: -0.25em;} img {border: 0;} svg:not(:root) {overflow: hidden;} figure {margin: 1em 40px;} hr {box-sizing: content-box; height: 0;} pre {overflow: auto;} code,kbd,pre,samp {font-family: monospace, monospace; font-size: 1em;} button,input,optgroup,select,textarea {color: inherit; font: inherit; margin: 0;} button {overflow: visible;} button,select {text-transform: none;} button,html input[type="button"], input[type="reset"],input[type="submit"] {-webkit-appearance: button; cursor: pointer;} button[disabled],html input[disabled] {cursor: default;} button::-moz-focus-inner,input::-moz-focus-inner {border: 0; padding: 0;} input {line-height: normal;} input[type="checkbox"],input[type="radio"] {box-sizing: border-box; padding: 0;} input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {height: auto;} input[type="search"] {-webkit-appearance: textfield; box-sizing: content-box;} input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;} fieldset {border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em;} legend {border: 0; padding: 0;} textarea {overflow: auto;} optgroup {font-weight: bold;} table {border-collapse: collapse; border-spacing: 0;} td,th {padding: 0;} 
/*! normalize.css _end */

/* Gloval CSS Document */ 
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-padding-start:0; } *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-padding-start:0;  } html { font-size: 10px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } body { font-family: segoe, Arial, sans-serif; font-size: 16px; line-height: 1.5; color: #333; background-color: #fff; } input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; } a { color: #333; text-decoration: none; } a:hover, a:focus { color: #000; text-decoration:none; } a:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } figure { margin: 0; } img { vertical-align: middle; } hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eee; } [role="button"] { cursor: pointer; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: inherit; font-weight: normal; line-height: 1.1; color: inherit; } h1, .h1, h2, .h2, h3, .h3 { margin-top: 20px; margin-bottom: 10px; } h4, .h4, h5, .h5, h6, .h6 { margin-top: 10px; margin-bottom: 10px; } h1, .h1 { font-size: 30px; font-weight:300; margin:18px 0 16px; } h2, .h2 { font-size: 24px; font-weight:300; margin:24px 0;  } .col-row h2 { font-weight:bold; margin-top:0; } h3, .h3 { font-size: 24px; } h4, .h4 { font-size: 18px; } h5, .h5 { font-size: 16px; } h6, .h6 { font-size: 16px; } p { margin: 0 0 10px; line-height:1.5em; } .txt-left { text-align: left; } .txt-right { text-align: right; } .txt-center { text-align: center; } .txt-justify { text-align: justify; } .txt-nowrap { white-space: nowrap; } ul, ol { margin-top: 0; margin-bottom: 10px; } ul ul, ol ul, ul ol, ol ol { margin-bottom: 0; } .list-unstyled { padding-left: 0; list-style: none; } .list-inline { padding-left: 0; margin-left: -5px; list-style: none; } .list-inline > li { display: inline-block; padding-right: 5px; padding-left: 5px; } dl { margin-top: 0; margin-bottom: 20px; } dt, dd { line-height: 1.42857143; } dt { font-weight: bold; } dd { margin-left: 0; }  

/* Frame CSS */
body { font-family:'Frutiger Neue LT W06 Regular', 'Frutiger', 'lato', 'segoe', Arial, Helvetica, sans-serif; }
@media (min-width: 1024px) {
	body { font-size:18px; }
}
em { font-family:'Frutiger Neue W01 It', Arial, Helvetica, sans-serif; }
.cg-wrap { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; overflow:hidden; max-width:1230px; }
h1, h2 { font-family:'Frutiger Neue W01 Light', 'Frutiger', 'lato', 'segoe', Arial, Helvetica, sans-serif; }
h3, h4, h5, .h3, .h4, .h5 { font-family:'Frutiger Neue W01 Bd', 'Frutiger', 'lato', 'segoe', Arial, Helvetica, sans-serif; }
@media (min-width: 767px) { .cg-wrap { margin:0 15px; }
h1, .h1 { font-size:42px; }
h2, .h2 { font-size:34px; }
.section-box h2, .section-box .h2 { font-size:30px; font-family:'Frutiger Neue W01 Bd', 'Frutiger', 'lato', 'segoe', Arial, Helvetica, sans-serif; }
}
@media (min-width: 1023px) {
.cg-wrap { width: auto; margin:0 50px; }
}
@media (min-width: 1330px) {
.cg-wrap { width: 1230px; margin:0 auto; }
}

@media (min-width: 980px) {
.cg-wrap.max980 { width: 980px; margin: 0 auto; }
}
@media (max-width: 767px) {
h1, .h1 { font-size:30px; }
h2, .h2 { font-size:26px; }
.section-box h2, .section-box .h2 { font-size:26px; font-family:'Frutiger Neue W01 Bd', 'Frutiger', 'lato', 'segoe', Arial, Helvetica, sans-serif; }
}
.cg-wrap-tight { margin-right: auto; margin-left: auto; }
.col-row { margin-right: -15px; margin-left: -15px; box-sizing:border-box; }
.col-row.clearrow { clear:both; }
.col-row ol, .col-row ul{ margin-left: 15px; }
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; float:left; box-sizing:border-box; }
.col-xs-1 ol, .col-sm-1 ol, .col-md-1 ol, .col-lg-1 ol, .col-xs-2 ol, .col-sm-2 ol, .col-md-2 ol, .col-lg-2 ol, .col-xs-3 ol, .col-sm-3 ol, .col-md-3 ol, .col-lg-3 ol, .col-xs-4 ol, .col-sm-4 ol, .col-md-4 ol, .col-lg-4 ol, .col-xs-5 ol, .col-sm-5 ol, .col-md-5 ol, .col-lg-5 ol, .col-xs-6 ol, .col-sm-6 ol, .col-md-6 ol, .col-lg-6 ol, .col-xs-7 ol, .col-sm-7 ol, .col-md-7 ol, .col-lg-7 ol, .col-xs-8 ol, .col-sm-8 ol, .col-md-8 ol, .col-lg-8 ol, .col-xs-9 ol, .col-sm-9 ol, .col-md-9 ol, .col-lg-9 ol, .col-xs-10 ol, .col-sm-10 ol, .col-md-10 ol, .col-lg-10 ol, .col-xs-11 ol, .col-sm-11 ol, .col-md-11 ol, .col-lg-11 ol, .col-xs-12 ol, .col-sm-12 ol, .col-md-12 ol, .col-lg-12 ol { margin-left:15px; }

.col-xs-1 ul, .col-sm-1 ul, .col-md-1 ul, .col-lg-1 ul, .col-xs-2 ul, .col-sm-2 ul, .col-md-2 ul, .col-lg-2 ul, .col-xs-3 ul, .col-sm-3 ul, .col-md-3 ul, .col-lg-3 ul, .col-xs-4 ul, .col-sm-4 ul, .col-md-4 ul, .col-lg-4 ul, .col-xs-5 ul, .col-sm-5 ul, .col-md-5 ul, .col-lg-5 ul, .col-xs-6 ul, .col-sm-6 ul, .col-md-6 ul, .col-lg-6 ul, .col-xs-7 ul, .col-sm-7 ul, .col-md-7 ul, .col-lg-7 ul, .col-xs-8 ul, .col-sm-8 ul, .col-md-8 ul, .col-lg-8 ul, .col-xs-9 ul, .col-sm-9 ul, .col-md-9 ul, .col-lg-9 ul, .col-xs-10 ul, .col-sm-10 ul, .col-md-10 ul, .col-lg-10 ul, .col-xs-11 ul, .col-sm-11 ul, .col-md-11 ul, .col-lg-11 ul, .col-xs-12 ul, .col-sm-12 ul, .col-md-12 ul, .col-lg-12 ul { margin-left:0; }
@media (max-width: 767px) {
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; }
.col-xs-12 { width: 100%; }
.col-xs-11 { width: 91.66666667%; }
.col-xs-10 { width: 83.33333333%; }
.col-xs-9 { width: 75%; }
.col-xs-8 { width: 66.66666667%; }
.col-xs-7 { width: 58.33333333%; }
.col-xs-6 { width: 50%; }
.col-xs-5 { width: 41.66666667%; }
.col-xs-4 { width: 33.33333333%; }
.col-xs-3 { width: 25%; }
.col-xs-2 { width: 16.66666667%; }
.col-xs-1 { width: 8.33333333%; }
}
@media (min-width: 768px) {
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; }
.col-sm-12 { width: 100%; }
.col-sm-11 { width: 91.66666667%; }
.col-sm-10 { width: 83.33333333%; }
.col-sm-9 { width: 75%; }
.col-sm-8 { width: 66.66666667%; }
.col-sm-7 { width: 58.33333333%; }
.col-sm-6 { width: 50%; }
.col-sm-5 { width: 41.66666667%; }
.col-sm-4 { width: 33.33333333%; }
.col-sm-3 { width: 25%; }
.col-sm-2 { width: 16.66666667%; }
.col-sm-1 { width: 8.33333333%; }
}
@media (min-width: 1024px) {
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; }
.col-md-12 { width: 100%; }
.col-md-11 { width: 91.66666667%; }
.col-md-10 { width: 83.33333333%; }
.col-md-9 { width: 75%; }
.col-md-8 { width: 66.66666667%; }
.col-md-7 { width: 58.33333333%; }
.col-md-6 { width: 50%; }
.col-md-5 { width: 41.66666667%; }
.col-md-4 { width: 33.33333333%; }
.col-md-3 { width: 25%; }
.col-md-2 { width: 16.66666667%; }
.col-md-1 { width: 8.33333333%; }
}

@media (min-width:768px) {
.col-row .col-md-7.col-flr, .col-row .col-md-6.col-flr { float:right; }
}

/*! grid _end */

.col-ft-4, .col-ft-6 { position: relative; min-height: 1px; padding-right: 1px; padding-left: 1px; float:left; }
.col-ft-4 { width:33.333333%; }
.col-ft-6 { width:50%; }
@media (max-width: 767px) {
.col-ft-6 { width:100%; }
}

/* global Header */
#header { width:100%; height:106px; box-sizing:border-box; background-color:#FFF; border-bottom:solid 1px #CCC; position:relative; margin:0; z-index:9999998;}
.header-bar { display:block; height:72px; position:relative; }
.logo h1 { margin:0; padding:0; line-height:1em; }
.logo { vertical-align:middle; position:absolute; top:0px; left:14px; }
.logo a { display:block; height:72px; }
.logo img { margin:23px 0; height:26px; width:auto; }
#btn-menu { display:inline-block; position:relative; }
#btn-menu .closebtn { display:none; position:absolute; width:32px; height:32px; top:0; left:5px; content:" "; background-color:#FFF; background-image:url(/00cmn/img/common/btn-close.png); background-size:26px; background-position:center center; background-repeat:no-repeat; cursor:pointer; }
#btn-search { display:none; }
.h-btn { height:32px; position:absolute; top:50%; right:15px; margin-top:-16px; }
.h-btn img { width:32px; height:32px; margin:0px; }
#btn-region, #btn-search, #btn-menu { display:inline-block; padding-left:10px; }

@media (max-width: 767px) {
#header { height:60px; }
.header-bar { height:60px; }
.logo a { background-image:url(../img/common/logo-canon-sp.png); width:200px; background-size:auto 20px; background-position:left center; background-repeat:no-repeat; height:20px; margin-top:20px;  }
.h-btn { right:10px; }
img.no-sp { display:none; }
#btn-search { display:none; }
.h-btn img { width:26px; height:26px; margin:3px; }
#btn-region, #btn-menu { padding-left:5px; }
}
@media (min-width: 767px) {
#btn-menu { display:none; }
#btn-search { display:inline-block; }
}
/* Navigation Bar*/
.ctg-point { display:block; position:absolute; width:0; height:4px; bottom:8px; left:0px; z-index:9999; margin:0; border-bottom:solid 4px #c7000b;
-webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
ul.navbar { display:block; width:100%; text-align:left; height:34px; color:#333; overflow:hidden; position:relative; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; box-sizing:border-box; margin:0;
-webkit-margin-before:0;-webkit-margin-after:0; -webkit-padding-start:0px;  padding:0; }
.navbar li { list-style:none; float:left; display:inline-block; }
.navbar li span, .navbar li a span { display:block; padding-bottom: 4px; position: relative; z-index: 9999998;}
.navbar li a:hover { text-decoration:none; }
.navbar li{ display:inline-block; padding:0px 1em 16px 0; line-height:1em; font-size:18px; color:#333; cursor:pointer; font-family:'Frutiger Neue LT W06 Regular', 'Frutiger', 'lato', 'segoe', Arial, Helvetica, sans-serif; font-weight:normal; }
.navbar li#nav01 { padding-left:0; }
@media (min-width: 980px) {
.navbar li{  padding:0px 3em 16px 0; font-size:18px; }
.navbar li:last-child{padding:0px 0 16px 0;}
}
@media  (min-width: 768px) and (max-width: 979px) {
	.navbar li { padding:0px 1em 16px 0; }
	.navbar li span { letter-spacing:-0.03em; font-size:0.9em; }
}

/* footer */
.footprint { background-color:#f6f6f6; padding:1em 0;}
footer .foot-blk { background-color:#000; }
footer .foot-blk .cg-wrap { position:relative; overflow:visible; }
.foot-blk .cg-wrap a { color:#FFF; text-decoration:none; }
.foot-blk .cg-wrap a:hover { color:#ddd; text-decoration:underline; }
.btm-line { background-color:#555; color:#FFF; overflow:visible; }
.btm-line a { color:#FFF; }
.btm-line .footer-link { text-align:right; display:block; width:70%; float:right; padding:10px 0; }
.btm-line .footer-link a {  white-space:nowrap; }
.cpr-blk { display:inline-block; text-align:left; padding:10px 0; color:#FFF; }
#sns-box { margin:55px 0 10px; text-align:left; }
.sns-btn-line { margin-bottom:10px; display:inline-block; }
@media (max-width: 767px) {
.foot-blk { padding-bottom:35px; }
.btm-line .footer-link { text-align:center; width:100%; float:none; }
.cpr-blk { display:block; position:absolute; bottom:0; left:0; padding:10px; margin-bottom:-30px; text-align:center; width:100%; height:35px; }
.nosp { display:none; }
}

/**!
Title module 
===================================*/
h1.h1-border { display:block; width:100%; margin:0; padding:0.5em 0; line-height:1em; text-align:center; border-bottom:solid 1px #ccc; }
h1 .caption { font-size:16px; }

.section-box { display:block; clear:both; overflow:hidden; width:100%; padding:30px 0 60px; }
.section-box.ww-line, .ww-line { border-bottom:solid 2px #FFF; }
.after-ww-line:after { display:block; content:""; width:100%; height:2px; background-color:#FFF; clear:both; }
.newsroom h1 { display:block; text-align:center; line-height:1em; margin:0; padding:0.476em 0 0.357em; border-bottom:solid 1px #ccc; }
.col-row h2 { font-family:'Frutiger Neue W01 Bd', 'Frutiger', 'lato', 'segoe', Arial, Helvetica, sans-serif; }

/**!
Link mark
===================================*/
.link-txt a { font-size:20px; line-height:32px; padding-right:32px; font-family:'Frutiger Neue W01 Bd', 'Frutiger', 'lato', 'segoe', Arial, Helvetica, sans-serif; background:url(../img/common/nav-arrow.png) no-repeat right center; }
.link-txt a:hover { opacity:0.8; }
.link-txt a.arw-m { font-size:20px; line-height:32px; padding-right:32px; font-family:'Frutiger Neue W01 Bd', 'Frutiger', 'lato', 'segoe', Arial, Helvetica, sans-serif; background:url(../img/common/ico-s-arrow-bk.png) no-repeat right center; }
.link-txt.txt-cw a.arw-m { background-image:url(/00cmn/img/common/ico-s-arrow-w.png); }
.link-txt.txt-g8 a.arw-m { background-image:url(/00cmn/img/common/ico-s-arrow-g.png); }
.link-txt.txt-rd a.arw-m { background-image:url(/00cmn/img/common/ico-s-arrow-rd.png); }
.link-txt.txt-bk a.arw-m { background-image:url(/00cmn/img/common/ico-s-arrow-bk.png); }
h2.link-txt a.arw-l, .link-txt a.arw-l ,
h3.link-txt a.arw-l { font-size:30px; background-image:url(/00cmn/img/common/link-arrow-bk.png); padding:5px 45px 5px 0; background-position:right center; background-repeat:no-repeat; }
.link-txt.txt-cw a.arw-l { background-image:url(/00cmn/img/common/link-arrow-w.png); }
.link-txt.txt-g8 a.arw-l { background-image:url(/00cmn/img/common/link-arrow-g.png); }
a.link-line { text-decoration:underline; }


.ico-call { background-image: url(/00cmn/img/common/ico-call-g.png); background-repeat:no-repeat; background-position:0 center; padding-left:25px; background-size:20px;}


/**!
Text style
===================================*/
.txt-cw, .txt-cw a, .link-txt.txt-cw a { color:#FFF; }
.txt-g6, .txt-g6 a, .link-txt.txt-g6 a { color:#666; }
.txt-g8, .txt-g8 a, .link-txt.txt-g8 a { color:#888; }
.txt-rd, .txt-rd a, .link-txt.txt-rd a { color:#c7000b; }
.txt-bk, .txt-bk a, .link-txt.txt-bk a { color:#000; }

.txt-light { font-weight:lighter; }

.txt-shdw803 { text-shadow:0px 0px 8px rgba(0,0,0,0.3); }
.indnt1em { display:inline-block; padding-left:1.2em; text-indent:-1.2em; }
.indnt1hfem { display:inline-block; padding-left:1.5em; text-indent:-1.5em; }
.indnt2em { padding-left:2em; text-indent:-2em; }

/**!
Vertical Box
===================================*/
.table100 { display:table; width:100%; }
.conts-vbox { display:table-cell; vertical-align:middle; margin:0 auto; }
.conts-vbox h3 { margin:0 auto; }
.ttl-box p { margin:0 auto; text-align:center; }
.table-cntr { display:table; margin:0 auto;}

.box-topic { display:block; border-radius:8px; padding:30px; box-sizing:border-box; overflow:hidden; }
.box-topic h2, .box-topic h3 { margin-top:0;}

/**!
Slider Box
===================================*/
#top-news .cg-wrap { overflow:visible; }

/**!
Contents Carousel Slider
===================================*/
.bg-slide1, .bg-slide2, .bg-slide3, .bg-slide4, .bg-slide5 { background-repeat:none; background-size:100%; background-position:center center; }

@media (max-width: 767px) {
.sp-slide .table100 { width:100%; padding:10px 0; overflow:hidden; }
.sp-slide .table100 h3 { font-size:20px; }
.bg-slide1, .bg-slide2, .bg-slide3, .bg-slide4, .bg-slide5 { background-size:100%; background-position:center top; }
.bg-slide1.img-vbtm, .bg-slide2.img-vbtm, .bg-slide3.img-vbtm, .bg-slide4.img-vbtm, .bg-slide5.img-vbtm { background-size:100%; background-position:center bottom; }
}
@media (min-width: 767px) {
#slide1 .col-md-5, #slide2 .col-md-5, #slide3 .col-md-5, #slide4 .col-md-5, #slide5 .col-md-5 { background-color:transparent !important; }
}


/* Data List 
===================================*/

.c-outline-dl{ border-top:1px solid #ccc; border-bottom:1px solid #ccc; overflow:hidden; }
.c-outline-dl.half{ width:50%; }
.c-outline-dl dl { display:block; border-top:1px dotted #ccc; clear:both; overflow:hidden; margin:0; box-sizing:border-box; }
.c-outline-dl dl:first-child { border:0; }
.c-outline-dl dl:nth-child(2n+1) { background-color:#fefefe;}
.c-outline-dl dl:nth-child(2n+0) { background-color:#f3f3f3;}
.c-outline-dl dl .c-has-children dl { background-color:transparent; }

.c-outline-dl dt{ -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; clear:both; float:left; width:30%; padding:10px 20px 10px 10px; font-family:'Frutiger Neue W01 Bd', 'Frutiger', 'lato', 'segoe', Arial, Helvetica, sans-serif; }
.c-outline-dl dd{ -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; float:left; width:70%; padding:10px 10px 10px 20px; }
.c-outline-dl.type1 dt{ width:12%; }
.c-outline-dl.type1 dd{ width:88%; }

/* for tynyspace fullwidth */
@media (max-width: 500px) {
	.c-outline-dl.sp-fullwide dl:nth-child(2n+1), .c-outline-dl dl:nth-child(2n+0) { background-color:inherit; }
	.c-outline-dl.sp-fullwide dt { width:100%; background-color:#fff; }
	.c-outline-dl.sp-fullwide dd { width:100%; background-color:#f3f3f3; }
}

/* for executive */
@media (max-width: 500px) {
	.c-outline-dl.sp-haschild dl:nth-child(2n+1), .c-outline-dl dl:nth-child(2n+0) { background-color:inherit; }
	.c-outline-dl.sp-haschild dt { width:100%; background-color:#fff; }
	.c-outline-dl.sp-haschild .c-has-children dt { width:100%; background-color:transparent; }
	.c-outline-dl.sp-haschild dd { width:100%; background-color:#f3f3f3; }
	.c-outline-dl.sp-haschild .c-has-children dd { padding:0 10px 10px 10px; }
}


.box-topic dl dt, .box-topic dl dt { display:block; float:left; }
.box-topic dl dt { padding-right:15px; }

.w-transline-dl { border-top:solid 1px #FFF; border-bottom:solid 1px #FFF; overflow:hidden; }
.w-transline-dl dl { width:100%; border-top:dotted 1px #fff; color:#fff; margin:0; padding:0; overflow:hidden; }
.w-transline-dl dl::after { clear:both; content:""; zoom:1; height:0;  }
.w-transline-dl dl:first-child { border:0; }
.w-transline-dl dt, .w-transline-dl dd { display:inline-block; box-sizing:border-box; float:left; width:100%; }
.w-transline-dl dt { display:inline-block; padding:0.7em 0.5em 0 0.5em; box-sizing:border-box; float:left; font-family:'Frutiger Neue W01 Bd', 'Frutiger', 'lato', 'segoe', Arial, Helvetica, sans-serif; }
.w-transline-dl dd { display:inline-block; padding:0 0.5em 0.6em 0.5em; box-sizing:border-box; float:left; }
@media (min-width: 767px) {
.w-transline-dl dt, .w-transline-dl dd { width:100%; }
}
@media (min-width: 1200px) {
.w-transline-dl dt { width:40%; padding:0.7em 0.5em 0.6em 0.5em; }
.w-transline-dl dd { width:60%; padding:0.7em 0.5em 0.6em 0.5em; }
}

.bgc-gf3 .dwnload-dl{ border-top:1px solid #888; border-bottom:1px solid #888; overflow:hidden; }
.bgc-wh .dwnload-dl{ border-top:1px solid #ccc; border-bottom:1px solid #ccc; overflow:hidden; }
.dwnload-dl dl { display:block; border-top:1px dotted #ccc; clear:both; overflow:hidden; margin:0; box-sizing:border-box; }
.dwnload-dl dl:first-child { border:0; }
.bgc-gf3 .dwnload-dl dl:nth-child(2n+1) { background-color:#f6f6f6;}
.bgc-gf3 .dwnload-dl dl:nth-child(2n+0) { background-color:#efefef;}
.bgc-wh .dwnload-dl dl:nth-child(2n+1) { background-color:#f6f6f6;}
.bgc-wh .dwnload-dl dl:nth-child(2n+0) { background-color:#fefefe;}
.dwnload-dl dl .c-has-children dl { background-color:transparent; }

.dwnload-dl dt{ -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; clear:both; float:left; width:50%; padding:15px 20px 15px 10px; font-family:'Frutiger Neue W01 Bd', 'Frutiger', 'lato', 'segoe', Arial, Helvetica, sans-serif; }
.dwnload-dl dd{ -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; float:left; width:50%; padding:15px 10px 15px 20px; text-align:right; }
.dwnload-dl dd.ico-pdf { padding-right:50px; position:relative; }
.dwnload-dl dd:before { content:" "; display:block; position:absolute; width:32px; height:32px; background:url(/00cmn/img/common/link-pdf-r.png) no-repeat center center; top:50%; margin-top:-16px; right:10px; }

/* 3rd level navi */

#secnd-navi { width:100%; background-color:#efefef; position:relative; height:80px; }
#secnd-navi .cg-wrap { position:relative; overflow:visible; }
#secnd-navi .cg-wrap .page-navi { display:table-cell; vertical-align:middle; font-size:24px; width:30%; }
#secnd-navi .cg-wrap ul, #secnd-navi .cg-wrap li { list-style:none; }
#secnd-navi .cg-wrap ul.page-list { display:table; position:absolute; top:0; right:0; width:60%; height:80px; text-align:right; }
#secnd-navi .cg-wrap ul.page-list li { display:inline-block; width:20%; margin:0; position:relative; float:left; }
#secnd-navi .cg-wrap ul.page-list li a { display:table-cell; height:80px; vertical-align:middle; padding:0.5em 0; text-align:left; line-height:1.2em; }
#secnd-navi .cg-wrap ul.page-list li a.here { color:#c7000d;}
#secnd-navi .cg-wrap ul.page-list li ul.pdwn-menu { display:none; position:absolute; left:0; top:80px; border:solid 1px #ccc; border-top:0; border-bottom:0; width:270px; z-index:88; background-color:rgba(255,255,255,0.9); }
#secnd-navi .cg-wrap ul.page-list li ul.pdwn-menu li { display:block; padding:0; border-bottom:solid 1px #ccc; width:100%; }
#secnd-navi .cg-wrap ul.page-list li ul.pdwn-menu li a { display:block; white-space:nowrap; line-height:1.2em; padding:0.5em 1em; color:#333; height:auto; }
#secnd-navi .cg-wrap ul.page-list li ul.pdwn-menu li a:hover { background-color:#efefef; }

/* button */
/**/
.cg-btn a {
  display: inline-block;
  font-family:'Frutiger Neue LT W06 Regular', 'Frutiger', 'lato', 'segoe', Arial, Helvetica, sans-serif;
  padding: 0.85em 40px 1em;
  margin: 1px 0;
  font-size: 18px;
  line-height: 1em;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid #888;
  background-image:url(/00cmn/img/common/nav-arrow-g.png);
  background-repeat: no-repeat;
  background-position: right center;
  box-sizing:border-box;
}
.cg-btn a.btn-m { padding:0.3em 2em 0.45em; }
.cg-btn a:hover,
.cg-btn a:focus,
.cg-btn a.focus {
 opacity:0.5; text-decoration:none;
}
.cg-btn a:active,
.cg-btn a.active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}
.cg-btn a.btn-default {
  color: #c7000b;
  border:1px solid #c7000b;
  background-image:url(../img/common/nav-arrow-r.png);
}
.cg-btn a.btn-white {
  color: #fff;
  border:1px solid #fff;
  background-image:url(../img/common/nav-arrow-w.png);
}
.cg-btn a.btn-gray {
  color: #fff;
  background-color:#888;
  border:1px solid #888;
  background-image:url(../img/common/nav-arrow-w.png);
}
.cg-btn a.btn-back { background-image:url(/00cmn/img/common/nav-arrow-l-g.png); background-position: left center; }
.cg-btn a.btn-default.btn-back { background-image:url(/00cmn/img/common/nav-arrow-l-r.png); background-position: left center; }
.cg-btn a.btn-white.btn-back { background-image:url(/00cmn/img/common/nav-arrow-l-w.png); background-position: left center; }
.cg-btn a.btn-gray.btn-back { background-image:url(/00cmn/img/common/nav-arrow-l-w.png); background-position: left center; }

.ico-other { display:inline-block; background-image:url(../img/common/link-window-g.png); background-repeat:no-repeat; background-position:right center; padding-right:22px; background-size:20px;  }
.btn-default .ico-other { background-image:url(../img/common/link-window-r.png);  }
.btn-white .ico-other { background-image:url(../img/common/link-window-w.png);  }
.btn-gray .ico-other { background-image:url(../img/common/link-window-w.png);  }

.cg-btn.btn-flr { float:right; }

/* Notice List */
.notice { margin:0; padding:0; }
.notice { font-size:0.8em; }
li > .notice:last-of-type{ margin-bottom:0; }
.notice li{ position:relative; list-style:none; margin-bottom:0.5em; }
.notice li .marker{ position:absolute; top:0; left:0; }
.noticeList1 li{ padding-left:1em; }
.noticeList2 li{ padding-left:2em; }
.noticeList3 li{ padding-left:3em; }
.notice li img.icon{ width:14px; height:auto; }

/* Table */
th.center,
td.center,
tr.center th,
tr.center td{ text-align:center; }
th.right,
td.right,
tr.right th,
tr.right td{ text-align:right; }
.td-center td { text-align:center; }
th.nowrap,
td.nowrap,
tr.nowrap th,
tr.nowrap td{ white-space:nowrap; }
.table0{ border-top:4px solid #888; }
.table0 th{ color:#000; background:#eee; padding:5px; font-weight:normal; font-family:'Frutiger Neue W01 Bd', 'Frutiger', 'lato', 'segoe', Arial, Helvetica, sans-serif; }
.table0 td{ background:#f9f9f9; padding:5px; }
.table0 tr:nth-child(odd) td{ background:#fdfdfd; }
.table0.noStripe tr:nth-child(odd) td{ background:#f9f9f9; }
.table0.pad2em th, .table0.pad2em td { padding:5px 2em; }

.table1 { width:100%; border-top:4px solid #555; }
.table1 th{ color:#000; background:#eee; padding:5px; font-weight:normal; font-family:'Frutiger Neue W01 Bd', 'Frutiger', 'lato', 'segoe', Arial, Helvetica, sans-serif;}
.table1 td{ background:#f9f9f9; padding:5px; }
.table1 tr:nth-child(odd) td{ background:#fdfdfd; }
.table1.noStripe tr:nth-child(odd) td{ background:#f9f9f9; }
.table1 td.padr20, .table0 td.padr20 { padding:5px 20px 5px 5px; }

.tableb { border-top:4px solid #555; }
.tableb th{ color:#000; background:#eee; padding:5px; border-bottom:solid 1px #ccc;  font-weight:normal; font-family:'Frutiger Neue W01 Bd', 'Frutiger', 'lato', 'segoe', Arial, Helvetica, sans-serif; }
.tableb td{ background:#f9f9f9; padding:5px; border-bottom:solid 1px #ccc; }  
.tableb tr:nth-child(odd) td{ background:#fdfdfd; }
.tableb.noStripe tr:nth-child(odd) td{ background:#f9f9f9; }

/* color pallet */
.bgc-wh { background-color:#FFF; }
.bgc-gf3 { background-color:#f3f3f3;}
.bgc-gef { background-color:#efefef;}
.bgc-gray { background-color:#ccc;}
.bgc-g8 { background-color:#888;}
.bgc-bk { background-color:#000;}

/* vivid panel */
.bgc-v01 { background-color:rgba(199,0,11,1.00); } /*red*/
.bgc-v02 { background-color:rgba(203,72,0,1.00); } /*orange-red*/
.bgc-v03 { background-color:rgba(208,113,0,1.00); } /*orange*/
.bgc-v04 { background-color:rgba(216,165,0,1.00); } /*masterd*/
.bgc-v05 { background-color:rgba(221,195,0,1.00); } /*yellow*/
.bgc-v06 { background-color:rgba(95,162,36,1.00); } /*grass*/
.bgc-v07 { background-color:rgba(0,135,60,1.00); } /*green*/
.bgc-v08 { background-color:rgba(0,139,147,1.00); } /*turquise*/
.bgc-v09 { background-color:rgba(0,107,174,1.00); } /*blue*/
.bgc-v10 { background-color:rgba(00,66,142,1.00); } /*navy*/
.bgc-v11 { background-color:rgba(93,12,117,1.00); } /*purple*/
.bgc-v12 { background-color:rgba(172,0,112,1.00); } /*violet*/

.bgc-vp01 { background-color:rgba(199,0,11,0.20); } /*red-20%*/
.bgc-vp02 { background-color:rgba(203,72,0,0.20); } /*orange-red-20%*/
.bgc-vp03 { background-color:rgba(208,113,0,0.20); } /*orange-20%*/
.bgc-vp04 { background-color:rgba(216,165,0,0.20); } /*masterd-20%*/
.bgc-vp05 { background-color:rgba(221,195,0,0.20); } /*yellow-20%*/
.bgc-vp06 { background-color:rgba(95,162,36,0.20); } /*grass-20%*/
.bgc-vp07 { background-color:rgba(0,135,60,0.20); } /*green-20%*/
.bgc-vp08 { background-color:rgba(0,139,147,0.20); } /*turquise-20%*/
.bgc-vp09 { background-color:rgba(0,107,174,0.20); } /*blue-20%*/
.bgc-vp10 { background-color:rgba(00,66,142,0.20); } /*navy-20%*/
.bgc-vp11 { background-color:rgba(93,12,117,0.20); } /*purple-20%*/
.bgc-vp12 { background-color:rgba(172,0,112,0.20); } /*violet-20%*/

.bgc-n01 { background-color:rgba(188,94,62,1.00); } /*red*/
.bgc-n02 { background-color:rgba(192,129,88,1.00); } /*orange-red*/
.bgc-n03 { background-color:rgba(205,161,102,1.00); } /*orange*/
.bgc-n04 { background-color:rgba(219,192,115,1.00); } /*masterd*/
.bgc-n05 { background-color:rgba(221,207,120,1.00); } /*yellow*/
.bgc-n06 { background-color:rgba(157,180,101,1.00); } /*grass*/
.bgc-n07 { background-color:rgba(87,149,123,1.00); } /*green*/
.bgc-n08 { background-color:rgba(98,154,153,1.00); } /*turquise*/
.bgc-n09 { background-color:rgba(76,140,180,1.00); } /*blue*/
.bgc-n10 { background-color:rgba(100,113,159,1.00); } /*navy*/
.bgc-n11 { background-color:rgba(132,91,140,1.00); } /*purple*/
.bgc-n12 { background-color:rgba(165,101,133,1.00); } /*violet*/

.bgc-p01 { background-color:rgba(235,204,188,1.00); } /*red*/
.bgc-p02 { background-color:rgba(236,213,193,1.00); } /*orange-red*/
.bgc-p03 { background-color:rgba(237,221,197,1.00); } /*orange*/
.bgc-p04 { background-color:rgba(239,229,202,1.00); } /*masterd*/
.bgc-p05 { background-color:rgba(240,236,205,1.00); } /*yellow*/
.bgc-p06 { background-color:rgba(225,230,204,1.00); } /*grass*/
.bgc-p07 { background-color:rgba(200,220,202,1.00); } /*green*/
.bgc-p08 { background-color:rgba(198,222,228,1.00); } /*turquise*/
.bgc-p09 { background-color:rgba(198,211,228,1.00); } /*blue*/
.bgc-p10 { background-color:rgba(197,203,223,1.00); } /*navy*/
.bgc-p11 { background-color:rgba(211,197,217,1.00); } /*purple*/
.bgc-p12 { background-color:rgba(234,207,219,1.00); } /*violet*/


/* Useal Sizeing item */
.clearfix {*zoom: 1;}
.clearfix:after { content:"."; display:block; clear:both; height:0; visibility:hidden; }

img.img-fit { width:100%; height:auto; }
@media (max-width: 767px) {
	img.sp-fit { width:100%; height:auto; }
}

.pad0 { padding:0; } 
.pad10 { padding:10px; } 
.pad20 { padding:20px; } 
.pad30 { padding:30px; } 
.pad50 { padding:50px; } 
.padt10 { padding-top:10px; } 
.padt20 { padding-top:20px; } 
.padt30 { padding-top:30px; } 
.padt50 { padding-top:50px; } 
.padt-30 { padding-top:-30px; } 
.padt-50 { padding-top:-50px; } 

.padb10 { padding-bottom:10px; } 
.padb20 { padding-bottom:20px; } 
.padb30 { padding-bottom:30px; } 
.padb50 { padding-bottom:60px; } 
.padb60 { padding-bottom:50px; } 
.padl10 { padding-left:10px; } 
.padl20 { padding-left:20px; } 
.padl30 { padding-left:30px; } 
.padl50 { padding-left:50px; } 
.padr10 { padding-right:10px; } 
.padr20 { padding-right:20px; } 
.padr30 { padding-right:30px; } 
.padr50 { padding-right:50px; } 
.padlr5 { padding-left:5px; padding-right:5px; }
.mgn0 { margin:0; } 
.mgn10 { margin:10px; } 
.mgn20 { margin:20px; } 
.mgn30 { margin:30px; } 
.mgn50 { margin:50px; } 
.mgnt10 { margin-top:10px; } 
.mgnt20 { margin-top:20px; } 
.mgnt30 { margin-top:30px; } 
.mgnt50 { margin-top:50px; } 
.mgnt-30 { margin-top:-30px; } 
.mgnt-50 { margin-top:-50px; } 

.mgnb2 { margin-bottom:2px; } 
.mgnb10 { margin-bottom:10px; } 
.mgnb20 { margin-bottom:20px; } 
.mgnb30 { margin-bottom:30px; } 
.mgnb50 { margin-bottom:50px; } 
.mgnl10 { margin-left:10px; } 
.mgnl20 { margin-left:20px; } 
.mgnl30 { margin-left:30px; } 
.mgnl50 { margin-left:50px; } 
.mgnr10 { margin-right:10px; } 
.mgnr20 { margin-right:20px; } 
.mgnr30 { margin-right:30px; } 
.mgnr50 { margin-right:50px; } 

.w10p { width:10%;}
.w15p { width:15%;}
.w20p { width:20%;}
.w25p { width:25%;}
.w30p { width:30%;}
.w33p { width:33.33333%;}
.w35p { width:35%;}
.w40p { width:40%;}
.w50p { width:50%;}
.w60p { width:60%;}
.w65p { width:65%;}
.w70p { width:70%;}
.w75p { width:75%;}
.w80p { width:80%;}
.w85p { width:85%;}
.w90p { width:90%;}
.w100p { width:100%;}

