/* base */

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
html {
	font-size: 62.5%;
}
body {
  font-family: 'Lucida Grande','Lucida Sans Unicode',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, sans-serif;
  color: #3d3d3d;
  line-height: 1.6;
  font-size: 13px;
  font-size: 1.3rem;
}

h1, h2, h3, h4, h5, h6, p, ul, ol, dl, li, table {
  margin-top: 0;
  font-weight: normal;
  max-height: 100%;
}

h1 {
  font-size: 17px;
  font-size: 1.7rem;
  margin-bottom: 18px;
}

h2 {
  font-size: 15px;
  font-size: 1.5rem;
  margin-bottom: 18px;
}

h3 {
  font-size: 14px;
  font-size: 1.4rem;
  margin-bottom: 18px;
}

h4 {
  font-size: 14px;
  font-size: 1.4rem;
  margin-bottom: 18px;
}

h5 {
  font-size: 13px;
  font-size: 1.3rem;
  margin-bottom: 18px;
}

h6 {
  font-size: 13px;
  font-size: 1.3rem;
  margin-bottom: 18px;
}
p {
	font-size: 13px;
	font-size: 1.3rem;
	margin-bottom: 0
}
img {
  /*max-width: 100%;*/
  height: auto;
  border: none;
}
table {
	border: none;
}
th, td {
  font-size: 13px;
  font-size: 1.3rem;
  font-weight: normal;
}
caption {
	text-align:left;
}
em {
	font-style:italic;
	font-weight: normal;
	color: #3d3d3d;
}



/* 子供用ページ ルビ IEフォントサイズ調整
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/*IE8▼*/
html>/**/rt {
font-size/***/: 0.6em¥9;
}

/*IE7▼*/
*+html rt {
font-size: 0.6em;
}

/*IE6▼*/
rt {
_font-size: 0.6em;
}

/*IE9▼*/
rt:not(:target) {
font-size: 0.6em¥9;
}

/*IE10▼*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
rt {
font-size: 0.6em !important;　/*上記と同時に使う場合!importantが必要*/
}
}




/* text color
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
a {
  text-decoration: none;
  outline: none;
	word-break: break-all;
}
a:link, a:visited {
  color: #194F90;
}
a:hover, a:focus {
  color: #0069EA;
  text-decoration: underline;
}
a:active {
  color: #5E9EED;
}
a.no-link,
a.no-link:visited,
a.no-link:hover,
a.no-link:focus,
a.no-link:active
 {
	color: #3d3d3d;
}

/* Layout
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.right {
	float: right
}
.left {
	clear:both;
	float: left;
}
.text-right {
	text-align: right;
}
.text-left {
	text-align: left;
}
.clear {
	clear: both;
}

.sub {
	font-size:0.5em;
}

.indent01 {
	display: inline-block;
	text-indent: -10px;
	margin-left: 10px;
}


.indent02 {
	display: inline-block;
	text-indent: -20px;
	margin-left: 20px;
}


.indent03 {
	display: inline-block;
	text-indent: -30px;
	margin-left: 30px;
}

@media only screen and (max-width: 767px) {
	.text-right-sp {
		text-align: right !important;
	}
	.text-left-sp {
		text-align: left !important;
	}
}


/*陦ｨ遉ｺ
----------------------------------------*/
.visible_pc {
	display: block !important;
}
.visible_sp {
	display: none !important;
}

.visible_pc_inline {
	display: inline !important;
}
.visible_sp_inline {
	display: none !important;
}

@media only screen and (max-width: 767px) {
	.visible_pc {
		display: none !important;
	}
	.visible_sp {
		display: block !important;
	}

	.visible_pc_inline {
		display: none !important;
	}
	.visible_sp_inline {
		display: inline !important;
	}
	
	.w45_sp {
		width: 45% !important;
	}

}


/* Common
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.clear {clear: both;}

.left {
	float: left
}
.right {
	float: right
}
.center {
	text-align: center;
	margin: 0 auto;
}
.nowrap { white-space: nowrap}

.text-left {
	text-align:left
}
.text-center {
	text-align:center
}
.text-right {
	text-align:right
}
.red {
	color: #e60012;
}
.font-small,
.font-small th,
.font-small td {
	font-size:11px;
	font-size:1.1rem;
}

.font-2x{
	font-size:2em;}

.font-3x{
	font-size:3em;}

ol.i {
	list-style-type:lower-roman
}
img.right {
margin:0 0 20px 20px;
}

img.left {
margin:0 10px 20px 0;
}
.entry-content table.table1 th,
.entry-content table.table1 td,
.entry-content table.table2 th,
.entry-content table.table2 td {
	border: solid 1px #c9c9c9;
}
.entry-content table.table2 th{
	background: #f4f5f6;
}
.entry-content table.table3,
.entry-content table.table3 th,
.entry-content table.table3 td {
	border:none;
	background:none;
}
.entry-content table.table3 th {
	font-weight:bold;
}
.box1 {
	border: solid 1px #c9c9c9;
	padding: 1em;
	margin: 0.5em 0;
}
.box2 {
	border: solid 1px #c0cee3;
	padding: 1em;
	background: #e7edf6;
	margin: 0.5em 0;
}
.box3 {
	border: solid 1px #c9c9c9;
	padding: 1em;
	background: #f5f5f5;
	margin: 0.5em 0;
}
.border1 {
	border: solid 1px #c9c9c9;
	padding: 1px;
}
.border2 {
	border-right: solid 1px #c9c9c9;
	border-bottom: solid 1px #c9c9c9;
	padding: 1px;
}
.entry-content .box1 ol,
.entry-content .box2 ol,
.entry-content .box3 ol,
.entry-content .box1 p,
.entry-content .box2 p,
.entry-content .box3 p,
.entry-content .box1 ul,
.entry-content .box2 ul,
.entry-content .box3 ul {
	margin-bottom:0;
}

.entry-content #slide-box {
  width: 100%;
  height: 273px;
  margin-bottom:6px;
  padding-bottom: 23px;
  background: url(../images/background/back-slide1.jpg) repeat-x bottom;
  overflow: hidden;
}

#sitemap .entry-content > ul > li {
	background:#e7edf6;
	padding: 10px;
}


@media only screen and (max-width: 767px) {
	.support .box3 > *,
	.time .box3 > * {
		text-align: left !important;
	}
}


/* header */

#masthead {
	border-top: solid 2px #004186;
	min-width:950px;
}
#in-header {
	width: 950px;
	height: 64px;
	margin: 0 auto;
	position: relative;
}
#in-header hgroup {
	height: 64px;
	overflow: hidden;
}
#site-title {
  width: 384px;
  height: 50px;
  vertical-align: middle;
  margin: 10px 17px 0 0;
  overflow: hidden;
  float: left;
}
#site-title a {
  width: 384px;
  padding-top: 50px;
  background: no-repeat url(../images/site-logo1.png);
  display: block;
}
.en #site-title {
  width: 531px;
}
.en #site-title a {
  width: 531px;
  background-image: url(../images/site-logo1-en.png);
}
#site-description {
	width: 119px;
	height: 10px;
	margin: 11px 0 0 17px;
	overflow: hidden;
	float: left;
}
#in-header hgroup #site-description span {
	width: 119px;
	padding-top: 10px;
	background: no-repeat url(../images/site-desc.png);
	display: block;
}
#in-header hgroup:after {
	content: "";
	display: table;
	clear: both;
}

#nav_toggle {
	display: none;
}
@media only screen and (max-width: 767px) {
	#masthead {
		min-width: inherit;
	}
	#masthead_sp {
		height: 60px;
		padding: 15px 10px;
		position: fixed;
		width: 100%;
		background: #fff;
		z-index: 100;
		border-bottom: 1px solid #194F90;
	}
	#masthead_sp.open {
		position: fixed;
		padding: 0;
	}
	#masthead_sp h1 {
		margin-bottom: 0;
		z-index: 15;
		position: relative;
	}
	#masthead_sp.open h1 {
		background: #fff;
		padding: 15px 10px;
		max-height: 60px;
	}
	#masthead_sp h1 a {
		display: block;
		width: 60%;
		max-width: 320px;
	}
	#masthead_sp h1 img {
		width: 100%;
	}
	#main-nav-box_sp {
		bottom: 0;
		right: 0;
		display:none;
		position: absolute;
		top:0;
		width: 100%;
		height: 100vh;
		background:rgba(255,255,255,0.95);
		left: 0;
		margin: 0;
		z-index: 10;
		padding-top: 80px;
		overflow-y: scroll;
	}
	#nav_toggle {
		display: block;
		width: 25px;
		height: 21px;
		position: absolute;
		top: 21px;
		z-index: 100;
    	right: 5%;
	}
	#nav_toggle div {
		position: relative;
	}
	#nav_toggle span {
		display: block;
		height: 3px;
		background: #194F90;
		position:absolute;
		width: 100%;
		left: 0;
		-webkit-transition: 0.3s ease-in-out;
		-moz-transition: 0.3s ease-in-out;
		transition: 0.3s ease-in-out;	
	}
	#nav_toggle span:nth-child(1){
		top:0px;
	}
	#nav_toggle span:nth-child(2){
		top:8px;
	}
	#nav_toggle span:nth-child(3){
		top:16px;
	}
	
	/*open譎�*/
	.open #nav_toggle span:nth-child(1) {
        top: 8px;
       -webkit-transform: rotate(135deg);
        -moz-transform: rotate(135deg);
        transform: rotate(135deg);
    }
    .open #nav_toggle span:nth-child(2) {
        width: 0;
        left: 50%;
    }
    .open #nav_toggle span:nth-child(3) {
        top: 8px;
        -webkit-transform: rotate(-135deg);
        -moz-transform: rotate(-135deg);
        transform: rotate(-135deg);
    }
	
	#global-nav_sp {
		padding-bottom: 20px;
	}
	#main-nav-box-inner_sp {
		padding-bottom: 180px;
	}
	#menu-global-navi_sp {
		padding: 0;
		width: 90%;
		margin: 0 auto;
		padding-bottom: 20px;
	}
	
	#menu-global-navi_sp li a {
		text-decoration: none;
		color: #333;
		font-size: 14px;
		font-weight: bold;
		display: block;
		padding: 15px 15px;
		border-bottom: 1px solid #194F90;
		position: relative;
		outline: none;
	}
	
	#menu-global-navi_sp li.sub a::before {
		content: "";
		position: absolute;
		top: 60%;
		right: 8px;
		box-sizing: border-box;
		width: 6px;
		height: 6px;
		border: 6px solid transparent;
		border-top: 6px solid #194F90;
		transform: translateY(-50%);
		transition: 0.3s;
	}
	#menu-global-navi_sp li.sub a.active::before {
		top: 47%;
		transform: translateY(-50%) rotate(180deg);
	}
	
	#menu-global-navi_sp .sub .sub-nav_sp {
		display: none;
		border-bottom: 1px solid #194F90;
		padding-bottom: 10px;
		padding-top: 10px;
		padding-left: 15px;
	}
	#menu-global-navi_sp .sub.active .sub-nav_sp {
		display: block;
	}
	#menu-global-navi_sp .sub .sub-nav_sp a {
		border: none;
		padding: 5px 15px;
		font-weight: normal;
	}
	#menu-global-navi_sp .sub .sub-nav_sp a::before {
		content: "";
		position: absolute;
		left: 0;
		right: inherit;
		box-sizing: border-box;
		transform: translateY(-50%);
		top: 15px;
		border: none;
		background: #999;
		width: 7px;
		height: 2px;
	}
	#global-nav_sp .sublist-nav {
		width: 90%;
		margin: 0 auto;
		padding: 0;
	}
	
	#global-nav_sp .sublist-nav li a {
		display: block;
		text-decoration: none;
		padding: 15px 10px;
		color: #fff;
		box-shadow: 0px -12px 10px -5px rgba(51,51,51,0.2) inset;
		font-size: calc(12 / 375 * 100vw);
	}
	#global-nav_sp .sublist-nav li {
		margin-bottom: 15px;
	}
	#global-nav_sp .sublist-nav li.nav-01 a {
		background: #f9a825;
	}
	#global-nav_sp .sublist-nav li.nav-02 a {
		background: #646ed2;
	}
	#global-nav_sp .sublist-nav li.nav-03 a {
		background: #d36589;
	}
	#global-nav_sp .sublist-nav li span {
		position: relative;
		display: block;
	}
	#global-nav_sp .sublist-nav li span::before {
		content: "";
		display: inline-block;
		box-sizing: border-box;
		width: 4px;
		height: 4px;
		border: 6px solid transparent;
		border-left: 6px solid #fff;
		position: absolute;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
	}
	
	.float-nav {
		position: fixed;
		z-index: 100;
		bottom: 0;
		background: #fff;
		width: 100%;
	}
	.float-nav ul {
		display: flex;
		list-style: none;
		margin: 0;
		padding: 0;
	}
	.float-nav ul li {
		width: 33.3%;
		text-align: center;
		flex: 0 0 33.3%;
	}
	.float-nav ul li a {
		display: block;
		text-decoration: none;
		padding: 15px 10px;
		color: #fff;
		box-shadow: 0px -12px 10px -5px rgba(51,51,51,0.3) inset;
		font-size: calc(12 / 375 * 100vw);
	}
	.float-nav ul li.nav-01 a {
		background: #f9a825;
	}
	.float-nav ul li.nav-02 a {
		background: #646ed2;
	}
	.float-nav ul li.nav-03 a {
		background: #d36589;
	}
	.float-nav ul li span {
		position: relative;
	}
	.float-nav ul li span::before {
		content: "";
		display: inline-block;
		box-sizing: border-box;
		width: 4px;
		height: 4px;
		border: 4px solid transparent;
		border-left: 4px solid #fff;
		margin-right: 3px;
	}
	
	.nav-search {
		display: block;
		position: absolute;
		top: 20px;
		z-index: 100;
		right: 18%;
		cursor: pointer;
	}
	.nav-search span {
		display: flex;
		white-space: nowrap;
		align-items: center;
		font-size: 14px;
	}
	.nav-search span img {
		width: 100%;
		max-width: 17px;
		height: auto;
		margin-right: 3px;
	}
	
	
	
	#header-search-box {
		width: 100% !important;
		top: 60px !important;
		padding: 6px 10px;
		background: rgba(255, 255, 255, 0.9) none repeat scroll 0% 0%;
		opacity: 0;
		transition: 0.3s;
	}
	
	#header-search-box > * {
		pointer-events: none;
	}
	
	.nav-search.on + #header-search-box {
		opacity: 1;
	}
	.nav-search.on + #header-search-box > * {
		pointer-events: auto;
	}
	
	.gsc-input-box {
		border-radius: 0 !important;
	}
	.gsc-search-button {
		border-radius: 0 !important;
	}
	
	
}

/* Google site search */

#header-search-box {
	width: 256px;
	position: absolute;
	top: 32px;
	right: 0;
}
#header-search-box .gsc-control-cse {
	border: none;
	padding: 0;
	background-color: transparent;
}
#header-search-box form.gsc-search-box {
	margin-bottom: 0;
}

.gsc-search-box-tools .gsc-search-box .gsc-input{
  padding-right: 6px !important;
}

.cse .gsc-search-button input.gsc-search-button-v2, input.gsc-search-button-v2{
  display: block;
  width: 67px !important;
  height: 25px !important;
  padding: 6px 27px;
  min-width: 13px;
  margin-top: 0px !important;
}

input.gsc-search-button, input.gsc-search-button:hover, input.gsc-search-button:focus{
  border-color: #3079ed !important;
  background-color: #4d90fe !important;
}

.gsib_a {
  padding: 1px 0 0 6px !important;
  background: none !important;
}

input#gsc-i-id1.gsc-input {
  /*height: 1em !important;*/
}

input.gsc-input{
  font-size: 14px !important;
}

.gsc-input input.gsc-input {
  background: none;
}

/* ----lang nav---- */
#language-nav-box {
  width: 332px;
  position: absolute;
  top: 0px;
  right: 0;
}
.en #language-nav-box {
  width: 110px;
}
#language-nav-box ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#language-nav-box ul:after {
  content: "";
  display: table;
  clear: both;
}
#language-nav-box ul li {
  width: 108px;
  height: 26px;
  overflow: hidden;
  float: left;
}
#language-nav-box ul li a {
  width: 108px;
  padding-top: 26px;
  display: block;
}
#language-nav-box ul li.nav-01 a {
  background: no-repeat url(../images/nav/language-nav-sprite.png);
}
.en #language-nav-box ul li.nav-01 a {
  background: no-repeat url(../images/nav/language-nav-sprite-en.png);
}
#language-nav-box ul li.nav-02 {
  width: 112px;
  }
#language-nav-box ul li.nav-02 a {
  background: no-repeat url(../images/nav/language-nav-sprite.png);
  background-position: -108px 0;
  margin-left: 4px;
}
#language-nav-box ul li.nav-03 {
  width: 112px;
  }
#language-nav-box ul li.nav-03 a {
  background: no-repeat url(../images/nav/language-nav-sprite.png);
  background-position: -216px 0;
  margin-left: 4px;
}


/* ----Global nav------ */
#main-nav-box {
  width: 100%;
  background: repeat-x url(../images/background/nav-back.png);
  position: relative;
}
#main-nav-box ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#main-nav-box #main-nav-box-inner {
  width: 950px;
  height: 48px;
  margin: 0 auto;
  position: relative;
}

#main-nav-box #global-nav:after {
  content: "";
  display: table;
  clear: both;
}

#main-nav-box #global-nav ul {
  width: 950px;
  margin: 0 auto;
}
#main-nav-box #global-nav ul:after {
  content: "";
  display: table;
  clear: both;
}
#main-nav-box #global-nav ul li {
  height: 48px;
  overflow: hidden;
  float: left;
}
#main-nav-box #global-nav ul li a {
  padding-top: 48px;
  background: no-repeat url(../images/nav/nav-sprite1.png);
  display: block;
}
.en #main-nav-box #global-nav ul li a {
  background-image: url(../images/nav/nav-sprite1-en.png);
}
#main-nav-box #global-nav ul li.home {
  width: 135px;
}
#main-nav-box #global-nav ul li.home a {
  width: 135px;
  background-position: 0 0;
}
#main-nav-box #global-nav ul li.home a:hover {
  background-position: 0 -48px;
}
.home #main-nav-box #global-nav ul li.home a {
  background-position: 0 -48px;
}

#main-nav-box #global-nav ul li.nav-02 {
  width: 133px;
}
#main-nav-box #global-nav ul li.nav-02 a {
  width: 133px;
  background-position: -135px 0;
}
#main-nav-box #global-nav ul li.nav-02 a.hover, #main-nav-box #global-nav ul li.nav-02 a:hover {
  background-position: -135px -48px;
}
#main-nav-box #global-nav ul li.nav-02.current_page_item a, #main-nav-box #global-nav ul li.nav-02.current_page_ancestor a, #main-nav-box #global-nav ul li.nav-02.current-menu-item a, #main-nav-box #global-nav ul li.nav-02.current-menu-ancestor a {
  background-position: -135px -82px;
}
.time #main-nav-box #global-nav ul li.nav-02 a {
  background-position: -135px -48px;
}
#main-nav-box #global-nav ul li.nav-03 {
  width: 135px;
}
#main-nav-box #global-nav ul li.nav-03 a {
  width: 135px;
  background-position: -270px 0;
}
#main-nav-box #global-nav ul li.nav-03 a:hover {
  background-position: -270px -48px;
}
.support #main-nav-box #global-nav ul li.nav-03 a {
  background-position: -270px -48px;
}
#main-nav-box #global-nav ul li.nav-03.current_page_item a,
#main-nav-box #global-nav ul li.nav-03.current_page_ancestor a,
#main-nav-box #global-nav ul li.nav-03.current-menu-item a,
#main-nav-box #global-nav ul li.nav-03.current-menu-ancestor a,
.parent-pageid-306 #main-nav-box #global-nav ul li.nav-03 a {
  background-position: -270px -82px;
}
#main-nav-box #global-nav ul li.nav-04 {
  width: 135px;
}
#main-nav-box #global-nav ul li.nav-04 a {
  width: 135px;
  background-position: -405px 0;
}
#main-nav-box #global-nav ul li.nav-04 a:hover {
  background-position: -405px -48px;
}
.data #main-nav-box #global-nav ul li.nav-04 a {
  background-position: -405px -48px;
}
#main-nav-box #global-nav ul li.nav-04.current_page_item a,
#main-nav-box #global-nav ul li.nav-04.current_page_ancestor a,
#main-nav-box #global-nav ul li.nav-04.current-menu-item a,
#main-nav-box #global-nav ul li.nav-04.current-menu-ancestor a {
  background-position: -405px -82px;
}
#main-nav-box #global-nav ul li.nav-05 {
  width: 135px;
}
#main-nav-box #global-nav ul li.nav-05 a {
  width: 135px;
  background-position: -540px 0;
}
#main-nav-box #global-nav ul li.nav-05 a:hover {
  background-position: -540px -48px;
}
.etc #main-nav-box #global-nav ul li.nav-05 a {
  background-position: -540px -48px;
}
#main-nav-box #global-nav ul li.nav-05.current_page_item a,
#main-nav-box #global-nav ul li.nav-05.current_page_ancestor a,
#main-nav-box #global-nav ul li.nav-05.current-menu-item a,
#main-nav-box #global-nav ul li.nav-05.current-menu-ancestor a {
  background-position: -540px -82px;
}
#main-nav-box #global-nav ul li.nav-06 {
  width: 135px;
}
#main-nav-box #global-nav ul li.nav-06 a {
  width: 135px;
  background-position: -675px 0;
}
#main-nav-box #global-nav ul li.nav-06 a:hover {
  background-position: -675px -48px;
}
.info #main-nav-box #global-nav ul li.nav-06 a {
  background-position: -675px -48px;
}
#main-nav-box #global-nav ul li.nav-06.current_page_item a,
#main-nav-box #global-nav ul li.nav-06.current_page_ancestor a,
#main-nav-box #global-nav ul li.nav-06.current-menu-item a,
#main-nav-box #global-nav ul li.nav-06.current-menu-ancestor a {
  background-position: -675px -82px;
}
#main-nav-box #global-nav ul li.nav-07 {
  width: 140px;
}
#main-nav-box #global-nav ul li.nav-07 a {
  width: 140px;
  background-position: -810px 0;
}
#main-nav-box #global-nav ul li.nav-07 a:hover {
  background-position: -810px -48px;
}
.about #main-nav-box #global-nav ul li.nav-07 a {
  background-position: -810px -48px;
}
#main-nav-box #global-nav ul li.nav-07.current_page_item a,
#main-nav-box #global-nav ul li.nav-07.current_page_ancestor a,
#main-nav-box #global-nav ul li.nav-07.current-menu-item a,
#main-nav-box #global-nav ul li.nav-07.current-menu-ancestor a {
  background-position: -810px -82px;
}

.home #main-nav-box #main-nav-box-inner,
.home #main-nav-box #main-nav-box-inner h1,
.home #main-nav-box #main-nav-box-inner #global-nav ul li
 {
  height: 48px;
}
#main-nav-box-inner #products-nav {
  width: 874px;
  margin: 0 0 0 -437px;
  padding-top: 8px;
  display: none;
  position: absolute;
  top: 48px;
  left: 50%;
  z-index: 9999;
}
#main-nav-box-inner #products-nav > ul {
  border: solid 1px #c4c4c4;
  padding: 29px;
  background-color: #fff;
  position: relative;
}
#main-nav-box-inner #products-nav > ul:before {
  width: 13px;
  height: 11px;
  margin: 0 0 0 -33px;
  background: no-repeat url(../images/icon/icon-nav-hover.png) center top;
  content: '';
  display: block;
  position: absolute;
  left: 291px;
  top: -11px;
}
#main-nav-box-inner #products-nav > ul > li {
  float: left;
}
#main-nav-box-inner #products-nav > ul > li > a {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  margin-bottom: 15px;
  border-bottom: solid 3px #cdd9dd;
}
#main-nav-box-inner #products-nav > ul > li.nav-tip-inner {
  width: 730px;
}
#main-nav-box-inner #products-nav > ul > li.nav-tip-inner > a {
  color: #333;
}
#main-nav-box-inner #products-nav > ul > li.nav-tip-inner > ul > li {
  width: 230px;
  margin-left: 7px;
  float: left;
}
#main-nav-box-inner #products-nav > ul > li.nav-tip-inner > ul > li > a {
  font-size: 14px;
  font-size: 1.4rem;
  color: #333;
  font-weight: bold;
  margin-bottom: 5px;
}
#main-nav-box-inner #products-nav > ul > li.nav-tip-inner > ul > li.child-nav {
  margin-bottom: 25px;
}
#main-nav-box-inner #products-nav > ul > li.nav-tip-inner > ul > li ul a {
  border-bottom: dotted 1px #ccc;
  padding: 5px 0 5px 9px;
  background: no-repeat url(../images/icon/icon-arrow-01.png) left 0.9em;
}
#main-nav-box-inner #products-nav > ul > li.product-right {
  width: 180px;
  float: right;
}
#main-nav-box-inner #products-nav > ul > li.product-right > a {
  color: #333;
}
#main-nav-box-inner #products-nav > ul > li.product-right ul a {
  border-bottom: dotted 1px #ccc;
  padding: 5px 0 5px 9px;
  background: no-repeat url(../images/icon/icon-arrow-01.png) left 0.9em;
}
#main-nav-box-inner #products-nav > ul > li a {
  display: block;
}
#main-nav-box-inner #products-nav > ul:after {
  content: "";
  display: table;
  clear: both;
}


#khm-15 {
  width: 950px;
  margin: 0 auto;
}
#khm-15 ul {
  width: auto;
  font-size: 12px;
  font-size: "12"/10rem;
  margin: 5px 0 11px;
  border: solid 1px #dcdcdc;
  padding: 5px 0 5px 7px;
  list-style: none;
  display: inline-block;
}
#khm-15 ul li {
  margin-right: 9px;
  display: inline-block;
}
#khm-15 ul li a {
  padding-right: 15px;
  background: no-repeat url(../images/icon/icon-arrow-02-1.png) right center;
}

@media only screen and (max-width: 767px) { 
	#page #content-wrapper {
	  padding-top: 60px;
	}
	#khm-15 {
	  width: auto;
	  margin: 0 auto;
		display: none;
	}
}

.entry-content {
  margin-bottom: 30px;
}

@media only screen and (max-width: 767px) { 
	.entry-content-inner {
		padding: 0 4.68%;
	}
	
	.entry-content-inner img {
		max-width: 100%;
	}
}
.entry-content h1 {
  text-shadow: 1px 1px 0px #fff;
  padding: 18px 12px 12px;
  /*background: #f9fcff;*/
  background: #f2f9ff;
  border-bottom:5px solid #d5e9fa;
  display: block;
  font-weight: bold;
  color:#444;

-webkit-border-top-left-radius: 8px;
-webkit-border-top-right-radius: 8px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
  }
.time .entry-content h1 {
  background: #f2f9ff url(../images/bg-h1-time-watch.png) no-repeat 6px 5px;
  padding-left: 56px;
  }
.etc .entry-content h1 {
  background: #f2f9ff url(../images/bg-h1-time-watch.png) no-repeat 6px 5px;
  padding-left: 56px;
  }
.data .entry-content h1 {
  background: #f2f9ff url(../images/bg-h1-data.png) no-repeat 6px 5px;
  padding-left: 56px;
  }
.support .entry-content h1 {
  background: #f2f9ff url(../images/bg-h1-support.png) no-repeat 6px 9px;
  padding-left: 56px;
  }
.info .entry-content h1 {
  background: #f2f9ff url(../images/bg-h1-info.png) no-repeat 6px 5px;
  padding-left: 56px;
  }
.about .entry-content h1 {
  background: #f2f9ff url(../images/bg-h1-about.png) no-repeat 6px 5px;
  padding-left: 56px;
  }
.eco .entry-content h1 {
  background: #f2f9ff url(../images/bg-h1-eco.png) no-repeat 6px 5px;
  padding-left: 56px;
  }
.intellectual .entry-content h1 {
  background: #f2f9ff url(../images/bg-h1-intellectual.png) no-repeat 6px 5px;
  padding-left: 56px;
  }
.news-topics .entry-content h1 {
  background: #f2f9ff url(../images/bg-h1-about.png) no-repeat 6px 5px;
  padding-left: 56px;
  }
.wt .entry-content h1 {
  background: #f2f9ff url(../images/bg-h1-whatstime.png) no-repeat 6px 5px;
  padding-left: 56px;
  }
.entry-content h2 {
  border-top: 3px solid #b8c6d0;
  border-bottom: 1px solid #b8c6d0;
  text-shadow: 1px 1px 0px #fff;
  padding: 8px 12px;
  background: repeat-x #fff url(../images/title/title-content-h2-2.png) left bottom;
  font-weight: normal;
}
.single-post h1.entry-title,
.page .entry-content h2 {
  border-top: none;
  border-bottom: dotted 1px #ccc;
  padding-bottom: 5px;
  padding-left: 0;
  line-height: 25px;
  background: none;
  font-weight:bold;
  color:#5c5c5c;
}
.entry-content .cafe h2 {
	text-shadow:none;
  padding: 8px 8px 8px 180px;
  background: #43280a url(../images/bg-h2-coffee.png) no-repeat 4px 1px;
  border:5px solid #43280a;
  display: block;
  font-weight: bold;
  color:#fff;

-webkit-border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
border-radius: 8px;
  }

.entry-content .cafe h2 strong {display:none;}

.entry-content h3 {
  padding: 8px 10px;
  background: #e7edf6;
}
.entry-content h4 {
  padding: 4px 0;
  font-weight:bold;
}
.entry-content h5 {
  border-bottom: solid 5px #e5e9f0;
  padding: 0 12px 5px;
}
.entry-content h6 {
  padding: 0 12px 5px;
  border-bottom: dotted 1px #ccc;
}
.entry-content h1.non-style,
.entry-content h2.non-style,
.entry-content h3.non-style,
.entry-content h4.non-style,
.entry-content h5.non-style,
.entry-content h6.non-style {
  border: none;
  padding: 0;
  background: none;
}
.entry-content table.non-style1 {
	padding:0;
	margin:0;
	border:none;
}
.entry-content table.non-style1 tbody td {
	padding:0;
	margin:0;
	font-size:12px;
	border:none;
}
.entry-content p {
  margin-bottom: 1em;
  /*text-indent: 1em;*/
}
.en .entry-content p,
.entry-content p.no-indent,
.entry-content p.note {
	text-indent: 0px;
}
.entry-content table p {
  margin-bottom: 0;
}
.entry-content p.go-top {
  text-indent: 0;
  margin-bottom: 5px;
}
.entry-content .indent {
  text-indent: 1em;
}
.entry-content ol {
  margin-bottom: 25px;
}
.entry-content ol ol {
  padding-left: 25px;
  margin: 0;
}
.entry-content ul {
  margin-bottom: 15px;
  padding-left: 0;
  list-style: none;
}
.entry-content ul li {
  margin-bottom: 3px;
  padding-left: 9px;
  background: no-repeat url(../images/icon/icon-arrow-06.png) left 0.5em;
}
.entry-content ul.no-style li {
	padding-left:none;
	background:none;
}
.entry-content ol li {
  margin-bottom: 7px;
}
.entry-content ul ul {
  padding-left: 3px;
  margin: 0;
}
.entry-content ul ul li {
  margin: 10px 0 0;
  padding-left: 20px;
  background: no-repeat url(../images/icon/icon-arrow-07.png) left 0.3em;
}
.entry-content blockquote {
  margin: 0 0 25px;
  border: solid 3px #dedede;
  padding: 19px;
  background: #fafafa;
}
.entry-content blockquote p {
  margin: 20px 0 0;
}
.entry-content blockquote p:first-child {
  margin-top: 0;
}
.entry-content table {
  width: 100%;
  margin: 0 0 1em;
  border-top: solid 1px #c9c9cb;
  border-bottom: solid 1px #c9c9cb;
  font-size: 90%;
}
.entry-content table tbody th {
  text-align: left;
  vertical-align: top;
  border-top: solid 1px #c9c9c9;
  border-bottom: solid 1px #c9c9c9;
  padding: 6px 0.8em;
  background: #ecf1f7;
}
.entry-content table tbody th.text-center,
.entry-content table tbody th.txt-center,
.entry-content table tbody td.text-center,
.entry-content table tbody td.txt-center {
  text-align: center;
}
.entry-content table tbody td {
  width: auto;
  vertical-align: top;
  border-top: solid 1px #c9c9c9;
  border-bottom: solid 1px #c9c9c9;
  padding: 6px 0.8em;
}
.entry-content table.non-style {
  width: auto;
  margin: 0 0 25px;
  border: none;
}
.entry-content table.non-style tbody th {
  width: auto;
  text-align: left;
  vertical-align: top;
  border: none;
  padding: 10px 10px 10px 0;
  background: none;
}
.entry-content table.non-style tbody td {
  width: auto;
  border: none;
  padding: 10px 0 10px 10px;
}
.entry-content table th.txt-center,
.entry-content table tbody th.txt-center {
text-align:center;
}

@media only screen and (max-width: 767px) {
	.entry-content .table-scroll {
		overflow-x: scroll;
    position: relative;
	}
	.entry-content .table-scroll table {
		min-width: 650px;
	}
  .table-scroll::after {
    content: '';
    display: block;
    width: 73px;
    height: 73px;
    background: url(../images/icon_table_scroll_sp.svg) no-repeat;
    position: absolute;
    top: 52px;
    left: 50%;
    margin-left: -36px;
    pointer-events: none;
    transition: opacity .3s;
    animation-fill-mode: forwards;
    animation-duration: 3s;
    animation-name: scroll-icon;
    animation-iteration-count: infinite;
	}
  .table-scroll.icon_none::after {
    animation-duration: .3s;
    animation-name: scroll-icon-hide;
    animation-iteration-count: 1;
  }
}

@keyframes scroll-icon {
  0% {
    opacity: 1;
  }
  30% {
    opacity: 1;
  }
  60% {
    opacity: 0;
  }
}
@keyframes scroll-icon-hide {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}


.entry-content hr {
  margin: 25px 0;
  border: none;
  border-top-color: #dedede;
  border-top-style: solid;
  border-top-width: 1px;
  clear: both;
}
.entry-content code {
  line-height: 2;
}
.entry-content pre {
  font-size: 12px;
  font-size: "12"/10rem;
  color: #666;
  border: 1px solid #ededed;
  overflow: auto;
  padding: 24px;
}
.entry-content pre code {
  display: block;
}
.entry-content abbr,
.entry-content dfn,
.entry-content acronym {
  border-bottom: 1px dotted #666;
  cursor: help;
}
.entry-content address {
  display: block;
}
.entry-content embed,
.entry-content iframe,
.entry-content object,
.entry-content video {
  max-width: 100%;
}
.entry-content em {
  color: #df0523;
  font-weight: bold;
  font-style: normal;
}
.entry-content em.italic {
  color: #3d3d3d;
  font-weight: normal;
  font-style: italic;
}
.entry-content .left-box {
  width: 45%;
  float: left;
}
.entry-content .right-box {
  width: 45%;
  float: right;
}
.entry-content .dataTables_length {
  margin-top: 5px;
  float: left;
}
.entry-content .menu-contact-container {
  font-size: 12px;
  font-size: 1.2rem;
  background: #edf2f7;
}
.entry-content .menu-contact-container p {
  display: none;
}
.entry-content .menu-contact-container ul {
  padding: 0;
}
.entry-content .menu-contact-container ul ul {
  width: 518px;
  background: #fff;
  float: right;
}
.entry-content .menu-contact-container ul ul li {
  margin: 0;
  padding: 5px 10px;
  display: inline-block;
}
.entry-content .menu-contact-container > ul {
  border-top: solid 1px #c9c9c9;
}
.entry-content .menu-contact-container > ul > li {
  margin-bottom: 0;
  border-bottom: solid 1px #c9c9c9;
  padding: 0;
  background: none;
}
.entry-content .menu-contact-container > ul > li:after {
  content: "";
  display: table;
  clear: both;
}
.entry-content .menu-contact-container > ul > li > a {
  width: 206px;
  font-weight: bold;
  color: #333;
  text-align: right;
  padding: 5px 10px;
  clear: left;
  float: left;
}
.entry-content .menu-contact-container > ul:after {
  content: "";
  display: table;
  clear: both;
}
.entry-content .cafe {
	margin-top: 3em;
	background: #eee5db;
	padding: 1.6em;
-webkit-border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
border-radius: 8px;
	}

.entry-content .box-contact {
	background: #f4f5f6;
	border: 1px solid #d7d7d7;
	padding: 1.2em 1.5em;
}
.entry-content span.contact {
	font-weight: bold;
	padding-bottom: 1em;
	color: #194f90;
}
.entry-content span.mass-media,
.entry-content span.customer {
	font-weight: bold;
	margin-top:1.5em;
	margin-bottom: 0.5em;
	padding-bottom: 0;
	border-bottom: 1px solid #d7d7d7;
	width: 100%;
	display:block;
}
.entry-content .prod-category {
width:340px;
margin: 0 0 12px 0;
min-height: 140px;
border: 4px solid #c5daeb;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-left: 1px solid #ccc;
background: #f2f5f8; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 80%, #e3e9ef 100%, #e3e9ef 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(80%,#ffffff), color-stop(100%,#e3e9ef), color-stop(100%,#e3e9ef)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 80%,#e3e9ef 100%,#e3e9ef 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 80%,#e3e9ef 100%,#e3e9ef 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 80%,#e3e9ef 100%,#e3e9ef 100%); /* IE10+ */
background: linear-gradient(to bottom, #ffffff 80%,#e3e9ef 100%,#e3e9ef 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e3e9ef',GradientType=0 ); /* IE6-9 */
}

@media only screen and (max-width: 767px) {
	.entry-content .prod-category {
		width: 90%;
		margin: 0 auto 10px;
		float: none;
	}
}

.entry-content .m-h_non {
min-height: 40px !important;
}

.entry-content .prod-category h2 {
	margin: 0;
	background: #d7eafb; /* Old browsers */
background: -moz-linear-gradient(top,  #f9fcff 0%, #d5e9fa 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9fcff), color-stop(100%,#d5e9fa)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f9fcff 0%,#d5e9fa 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f9fcff 0%,#d5e9fa 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f9fcff 0%,#d5e9fa 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f9fcff 0%,#d5e9fa 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9fcff', endColorstr='#d5e9fa',GradientType=0 ); /* IE6-9 */
-webkit-box-shadow: inset 0px 0px 0px 1px rgba(255,255,255,1);
-moz-box-shadow: inset 0px 0px 0px 1px rgba(255,255,255,1);
box-shadow: inset 0px 0px 0px 1px rgba(255,255,255,1);
}
.entry-content .prod-category h2 a {
	background: no-repeat 10px 8px url(../images/icon/icon-arrow-04.png);
	padding-left:19px;
	display:block;

	font-weight:bold;
	color:#3264a1;
}
.en .entry-content .prod-category h2 a {
	line-height:1.4;
}
.entry-content .prod-category h3 {
	background:none;
	margin: 0;
	font-size: 13px;
	font-size: 1.3rem;
}
.entry-content .prod-category ul {
	margin: 0;
	padding: 10px;
}
.entry-content .prod-category p {
	text-align:center
}
/* Widget
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.widget-categories,
.widget-archive,
.jcwa_side_page_nav {
  margin-bottom: 21px;
}
.widget-categories .widget-title,
.widget-archive .widget-title,
.jcwa_side_page_nav .widget-title {
overflow: hidden;
color: #383632;
font-weight: normal;
padding: 12px 0;
margin-bottom: 0;
border: 1px solid #c6c5c2;
border-bottom: 4px solid #908e86;
-webkit-border-top-left-radius: 8px;
-webkit-border-top-right-radius: 8px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
background: #e1ded4; /* Old browsers */
background: -moz-linear-gradient(top,  #fefefd 0%, #d4d0c3 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefd), color-stop(100%,#d4d0c3)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fefefd 0%,#d4d0c3 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fefefd 0%,#d4d0c3 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fefefd 0%,#d4d0c3 100%); /* IE10+ */
background: linear-gradient(to bottom,  #fefefd 0%,#d4d0c3 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefd', endColorstr='#d4d0c3',GradientType=0 ); /* IE6-9 */
-webkit-box-shadow: inset 0px 0px 0px 1px rgba(255,255,255,1);
-moz-box-shadow: inset 0px 0px 0px 1px rgba(255,255,255,1);
box-shadow: inset 0px 0px 0px 1px rgba(255,255,255,1);
}

.en .widget-categories .widget-title,
.en .widget-archive .widget-title,
.en .jcwa_side_page_nav .widget-title {
	padding:6px 0;
}


.widget-categories .widget-title:hover,
.widget-archive .widget-title:hover,
.jcwa_side_page_nav .widget-title:hover {
	background: #f2f1ea; /* Old browsers */

background: -moz-linear-gradient(top,  #ffffff 0%, #eae7dc 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eae7dc)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #ffffff 0%,#eae7dc 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #ffffff 0%,#eae7dc 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #ffffff 0%,#eae7dc 100%); /* IE10+ */

background: linear-gradient(to bottom,  #ffffff 0%,#eae7dc 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eae7dc',GradientType=0 ); /* IE6-9 */


	}

.widget-categories .widget-title span,
.widget-archive .widget-title span,
.jcwa_side_page_nav .widget-title span {
	color: #383632;
  text-shadow: 1px 1px 0px #fff;
  padding: 5px 0 3px 17px;
  background: no-repeat url(../images/icon/icon-arrow-06.png) 10px center;
  display: block;
  font-size: 16px;
	font-size: 1.6rem;
}
.en .widget-categories .widget-title span,
.en .widget-archive .widget-title span,
.en .jcwa_side_page_nav .widget-title span {
	font-size: 13px;
	font-size: 1.3rem;

}
.widget-categories .widget-title a,
.widget-archive .widget-title a,
.jcwa_side_page_nav .widget-title a {
  color: #fff;
  text-decoration: none;
}

.jcwa_side_page_nav h4 {
  color: #fff;
  text-shadow:-1px -1px 2px #50482a;
  margin-bottom: 0;
  padding: 10px 10px 10px 17px;
  /*background: no-repeat url(../images/icon/icon-arrow-06.png) 10px center #908e86;*/
  background: #908e86;
  border-top: 1px solid #d3cfc2;
}

.jcwa_side_page_nav h4 a {
	display:block;
	width:100%;
	color: #fff;
}

.widget-categories ul,
.widget-archive ul,
.jcwa_side_page_nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.widget-categories ul ul,
.widget-archive ul ul,
.jcwa_side_page_nav ul ul {
  display: none;
}
.widget-categories ul ul li a,
.widget-archive ul ul li a,
.jcwa_side_page_nav ul ul li a {
  text-decoration: none;
  border-top: dotted 1px #c0c0c0;
  background: no-repeat url(../images/icon/icon-arrow-06.png) 19px center;
  display: block;
}
.widget-categories ul ul li.current_page_item a,
.widget-archive ul ul li.current_page_item a,
.jcwa_side_page_nav ul ul li.current_page_item a {
  background: #e0ecfd no-repeat url(../images/icon/icon-arrow-06.png) 19px center;
}
.widget-categories ul ul li a span,
.widget-archive ul ul li a span,
.jcwa_side_page_nav ul ul li a span {
  padding: 4px 0 4px 25px;
  display: block;
}
.widget-categories ul ul li:first-child > a,
.widget-archive ul ul li:first-child > a,
.jcwa_side_page_nav ul ul li:first-child > a {
  border-top: none;
}
.widget-categories ul ul li:first-child > a > span,
.widget-archive ul ul li:first-child > a > span,
.jcwa_side_page_nav ul ul li:first-child > a > span {
  border-top: none;
}
.widget-categories ul .blank,
.widget-archive ul .blank,
.jcwa_side_page_nav ul .blank {
  background: no-repeat url(../images/icon/icon-blank.png) 173px center;
}
.widget-categories > ul,
.widget-archive > ul,
.jcwa_side_page_nav > ul {
  font-size: 12px;
  font-size: 1.2rem;
  border-bottom: solid 4px #d3cfc2;
}
.jcwa_side_page_nav > ul > li.page-item-146 {
  font-size: 11px;
  font-size: 1.1rem;
}
.widget-categories > ul > li > a,
.widget-archive > ul > li > a,
.jcwa_side_page_nav > ul > li > a {
  color: #194f90;
  text-shadow: 1px 1px 0px #fff;
  text-decoration: none;
  border-top: dotted 1px #ccc;
  background: #fcf8f0 url(../images/bg_li01.jpg) repeat-y;
  display: block;
}
.widget-categories > ul > li > a:hover,
.widget-archive > ul > li > a:hover,
.jcwa_side_page_nav > ul > li > a:hover {
color: #0069EA;
background: #d3cfc2 url(../images/bg_li02.jpg) repeat-y;
}
.widget-categories > ul > li > a > span,
.widget-archive > ul > li > a > span,
.jcwa_side_page_nav > ul > li > a > span {
  /*border-top: solid 1px #fff;*/
  padding: 7px 6px 7px 26px;
  display: block;
  background: no-repeat url(../images/icon/icon-arrow-07.png) 8px 8px;
  line-height:1.4;
}

#safty .jcwa_side_page_nav > ul > .nav-04 > a,
#first .jcwa_side_page_nav > ul > .nav-01 > a,
#second .jcwa_side_page_nav > ul > .nav-02 > a,
#third .jcwa_side_page_nav > ul > .nav-03 > a,
#fourth .jcwa_side_page_nav > ul > .nav-04 > a,
#timesignal .jcwa_side_page_nav > ul > .nav-01 > a,
#timeday .jcwa_side_page_nav > ul > .nav-02 > a,
#gmt .jcwa_side_page_nav > ul > .nav-03 > a,
#jst .jcwa_side_page_nav > ul > .nav-04 > a,
#calendar .jcwa_side_page_nav > ul > .nav-05 > a,
#leapyear .jcwa_side_page_nav > ul > .nav-06 > a,
#leapsecond .jcwa_side_page_nav > ul > .nav-07 > a,
#week .jcwa_side_page_nav > ul > .nav-08 > a,
#japantimesystem .jcwa_side_page_nav > ul > .nav-09 > a,
#mechanicalclock .jcwa_side_page_nav > ul > .nav-10 > a,
#radio-qa .jcwa_side_page_nav > ul > .nav-02 > a,
#solar-qa .jcwa_side_page_nav > ul > .nav-03 > a,
#tech .jcwa_side_page_nav > ul > .nav-04 > a,
#glossary .jcwa_side_page_nav > ul > .nav-05 > a,
#history .jcwa_side_page_nav > ul > .nav-03 > a,
#wadokei .jcwa_side_page_nav > ul > .nav-05 > a,
#industrial-history .jcwa_side_page_nav > ul > .nav-12 > a,
#books .jcwa_side_page_nav > ul > .nav-12 > a,
#time-knowledge .jcwa_side_page_nav > ul > .nav-01 > a,
#time-etc .jcwa_side_page_nav > ul > .nav-02 > a,
#etc-knowledge .jcwa_side_page_nav > ul > .nav-04 > a,
#etc-whatstime .jcwa_side_page_nav > ul > .nav-06 > a,
#wt00 .jcwa_side_page_nav > ul > .nav-00 > a,
#wt01 .jcwa_side_page_nav > ul > .nav-01 > a,
#wt02 .jcwa_side_page_nav > ul > .nav-02 > a,
#wt03 .jcwa_side_page_nav > ul > .nav-03 > a,
#q1 .jcwa_side_page_nav > ul > .nav-01 > a,
#q2 .jcwa_side_page_nav > ul > .nav-02 > a,
#q3 .jcwa_side_page_nav > ul > .nav-03 > a,
#q4 .jcwa_side_page_nav > ul > .nav-04 > a,
#q5 .jcwa_side_page_nav > ul > .nav-05 > a,
#q6 .jcwa_side_page_nav > ul > .nav-06 > a,
#q7 .jcwa_side_page_nav > ul > .nav-07 > a,
#q8 .jcwa_side_page_nav > ul > .nav-08 > a,
#q9 .jcwa_side_page_nav > ul > .nav-09 > a,
#q10 .jcwa_side_page_nav > ul > .nav-10 > a,
#q11 .jcwa_side_page_nav > ul > .nav-11 > a,
#q12 .jcwa_side_page_nav > ul > .nav-12 > a,
#q13 .jcwa_side_page_nav > ul > .nav-13 > a,
#q14 .jcwa_side_page_nav > ul > .nav-14 > a,
#q15 .jcwa_side_page_nav > ul > .nav-15 > a,
#q16 .jcwa_side_page_nav > ul > .nav-16 > a,
#q17 .jcwa_side_page_nav > ul > .nav-17 > a,
#q18 .jcwa_side_page_nav > ul > .nav-18 > a,
#q19 .jcwa_side_page_nav > ul > .nav-19 > a,
#q20 .jcwa_side_page_nav > ul > .nav-20 > a,
#q21 .jcwa_side_page_nav > ul > .nav-21 > a,
#q22 .jcwa_side_page_nav > ul > .nav-22 > a,
#q23 .jcwa_side_page_nav > ul > .nav-23 > a,
#q24 .jcwa_side_page_nav > ul > .nav-24 > a,
#q25 .jcwa_side_page_nav > ul > .nav-25 > a,
#q26 .jcwa_side_page_nav > ul > .nav-26 > a,
#q27 .jcwa_side_page_nav > ul > .nav-27 > a,
#q28 .jcwa_side_page_nav > ul > .nav-28 > a,
#tech1 .jcwa_side_page_nav > ul > .nav-01 > a,
#tech2 .jcwa_side_page_nav > ul > .nav-02 > a,
#tech3 .jcwa_side_page_nav > ul > .nav-03 > a,
#tech4 .jcwa_side_page_nav > ul > .nav-04 > a,
#tech5 .jcwa_side_page_nav > ul > .nav-05 > a,
#tech6 .jcwa_side_page_nav > ul > .nav-06 > a,
#tech7 .jcwa_side_page_nav > ul > .nav-07 > a,
#tech8 .jcwa_side_page_nav > ul > .nav-08 > a,
#tech9 .jcwa_side_page_nav > ul > .nav-09 > a,
#history1 .jcwa_side_page_nav > ul > .nav-01 > a,
#history2 .jcwa_side_page_nav > ul > .nav-02 > a,
#support1 .jcwa_side_page_nav > ul > .nav-04 > a,
#support2 .jcwa_side_page_nav > ul > .nav-05 > a,
#intellectual .jcwa_side_page_nav > ul > .nav-07 > a,
.news .jcwa_side_page_nav > ul > .nav-01 > a,
.topics .jcwa_side_page_nav > ul > .nav-02 > a,
#info1 .jcwa_side_page_nav > ul > .nav-01 > a,
#info2 .jcwa_side_page_nav > ul > .nav-02 > a,
#info3 .jcwa_side_page_nav > ul > .nav-03 > a,
#info4 .jcwa_side_page_nav > ul > .nav-04 > a,
#info5 .jcwa_side_page_nav > ul > .nav-05 > a,
#info6 .jcwa_side_page_nav > ul > .nav-06 > a,
#data0 .jcwa_side_page_nav > ul > .nav-01 > a,
#data1 .jcwa_side_page_nav > ul > .nav-03 > a,
#data2 .jcwa_side_page_nav > ul > .nav-02 > a,
#data4 .jcwa_side_page_nav > ul > .nav-04 > a,
#about1 .jcwa_side_page_nav > ul > .nav-01 > a,
#about2 .jcwa_side_page_nav > ul > .nav-02 > a,
#about3 .jcwa_side_page_nav > ul > .nav-03 > a,
#about4 .jcwa_side_page_nav > ul > .nav-04 > a,
#about5 .jcwa_side_page_nav > ul > .nav-05 > a,
#about6 .jcwa_side_page_nav > ul > .nav-06 > a,
#about7 .jcwa_side_page_nav > ul > .nav-07 > a,
#about8 .jcwa_side_page_nav > ul > .nav-08 > a,
#eco0 .jcwa_side_page_nav > ul > .nav-00 > a,
#eco1 .jcwa_side_page_nav > ul > .nav-01 > a,
#eco2 .jcwa_side_page_nav > ul > .nav-02 > a,
#eco3 .jcwa_side_page_nav > ul > .nav-03 > a,
#eco4 .jcwa_side_page_nav > ul > .nav-04 > a,
#eco5 .jcwa_side_page_nav > ul > .nav-05 > a,
#eco6 .jcwa_side_page_nav > ul > .nav-06 > a,
#eco7 .jcwa_side_page_nav > ul > .nav-07 > a,
#eco8 .jcwa_side_page_nav > ul > .nav-08 > a,
#eco9 .jcwa_side_page_nav > ul > .nav-09 > a,
#eco10 .jcwa_side_page_nav > ul > .nav-10 > a,
#eco11 .jcwa_side_page_nav > ul > .nav-11 > a,
#eco12 .jcwa_side_page_nav > ul > .nav-12 > a,
#fake1 .jcwa_side_page_nav > ul > .nav-01 > a,
#fake2 .jcwa_side_page_nav > ul > .nav-02 > a,
#fake3 .jcwa_side_page_nav > ul > .nav-03 > a,
#fake4 .jcwa_side_page_nav > ul > .nav-04 > a,
#fake5 .jcwa_side_page_nav > ul > .nav-05 > a,
#fake6 .jcwa_side_page_nav > ul > .nav-06 > a,
#fake7 .jcwa_side_page_nav > ul > .nav-07 > a,
#fake8 .jcwa_side_page_nav > ul > .nav-08 > a,
#topics1999 .jcwa_side_page_nav > ul > .nav-1999 > a,
#topics2000 .jcwa_side_page_nav > ul > .nav-2000 > a,
#topics2001 .jcwa_side_page_nav > ul > .nav-2001 > a,
#topics2002 .jcwa_side_page_nav > ul > .nav-2002 > a,
#topics2003 .jcwa_side_page_nav > ul > .nav-2003 > a,
#topics2004 .jcwa_side_page_nav > ul > .nav-2004 > a,
#topics2005 .jcwa_side_page_nav > ul > .nav-2005 > a,
#topics2006 .jcwa_side_page_nav > ul > .nav-2006 > a,
#topics2007 .jcwa_side_page_nav > ul > .nav-2007 > a,
#topics2008 .jcwa_side_page_nav > ul > .nav-2008 > a,
#topics2009 .jcwa_side_page_nav > ul > .nav-2009 > a,
#topics2010 .jcwa_side_page_nav > ul > .nav-2010 > a,
#topics2011 .jcwa_side_page_nav > ul > .nav-2011 > a,
#topics2012 .jcwa_side_page_nav > ul > .nav-2012 > a,
#topics2013 .jcwa_side_page_nav > ul > .nav-2013 > a,
#topics2014 .jcwa_side_page_nav > ul > .nav-2014 > a,
#news110401 .jcwa_side_page_nav > ul > .nav-110401 > a,
#news140204 .jcwa_side_page_nav > ul > .nav-140204 > a,
#news140601 .jcwa_side_page_nav > ul > .nav-140601 > a,
#industry .jcwa_side_page_nav > ul > .nav-00 > a,
#industry1999 .jcwa_side_page_nav > ul > .nav-1999 > a,
#industry2000 .jcwa_side_page_nav > ul > .nav-2000 > a,
#industry2001 .jcwa_side_page_nav > ul > .nav-2001 > a,
#industry2002 .jcwa_side_page_nav > ul > .nav-2002 > a,
#industry2003 .jcwa_side_page_nav > ul > .nav-2003 > a,
#industry2004 .jcwa_side_page_nav > ul > .nav-2004 > a,
#industry2005 .jcwa_side_page_nav > ul > .nav-2005 > a,
#industry2006 .jcwa_side_page_nav > ul > .nav-2006 > a,
#industry2007 .jcwa_side_page_nav > ul > .nav-2007 > a,
#industry2008 .jcwa_side_page_nav > ul > .nav-2008 > a,
#industry2009 .jcwa_side_page_nav > ul > .nav-2009 > a,
#industry2010 .jcwa_side_page_nav > ul > .nav-2010 > a,
#industry2011 .jcwa_side_page_nav > ul > .nav-2011 > a,
#industry2012 .jcwa_side_page_nav > ul > .nav-2012 > a,
#industry2013 .jcwa_side_page_nav > ul > .nav-2013 > a,
#industry2014 .jcwa_side_page_nav > ul > .nav-2014 > a,
#industry2015 .jcwa_side_page_nav > ul > .nav-2015 > a,
#industry2016 .jcwa_side_page_nav > ul > .nav-2016 > a,
#industry2017 .jcwa_side_page_nav > ul > .nav-2017 > a,
#industry2018 .jcwa_side_page_nav > ul > .nav-2018 > a,
#industry2019 .jcwa_side_page_nav > ul > .nav-2019 > a,
#industry2020 .jcwa_side_page_nav > ul > .nav-2020 > a,
#sitemap .jcwa_side_page_nav > ul > .nav-00 > a,
#terms .jcwa_side_page_nav > ul > .nav-01 > a
{
  color: #fff;
  text-shadow: none;
  filter: none;
  background: #a4a191;
  }
.error404 h1.entry-title {
  background: none;
  text-align: center;
  margin: 40px 0;
}
.error404 .explane {
  display: block;
  width: 730px;
  margin: 16px auto 30px;
  padding: 20px 40px;
  border: 2px solid #ccc;
  background: #efefef;
  text-align: center;
}

a.widget_sp_image-image-link img {
  border: 1px solid #ddd;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
a.widget_sp_image-image-link img:hover {
  border: 1px solid #0069ea;
}
#widget_sp_image-5 {margin-top:20px}
#widget_sp_image-5 img {
	border: none
}

/* Main contents */


a:hover img {
	opacity: 0.8;
	
}

#content {
  width: 950px;
  margin: 0 auto;
  z-index: 1;
}
#content:after {
  content: "";
  display: table;
  clear: both;
}
#content-wrapper {
	width:100%;
}
#primary {
  width: 695px;
  float: right;
}

#secondary {
  width: 230px;
  float: left;
}

.home #primary {
  width: 718px;
  float: left;
}
.home #secondary {
  width: 216px;
  float: right;
}
.home hr {
  border: dashed 1px #e0e3e6;
  margin-bottom: 16px;
}

@media only screen and (max-width: 767px) {
	#content {
	  width: auto;
	}
	#primary {
	  width: auto;
	  float: none;
	}

	

	#secondary {
	  width: auto;
	  float: none;
	}

	.home #primary {
	  width: auto;
	  float: none;
	}
	.home #secondary {
	  width: auto;
	  float: none;
	}
	
	#page #secondary {
		width: 90%;
		margin: 30px auto 0;
	}
	
	.widget-categories > ul > li > a, .widget-archive > ul > li > a, .jcwa_side_page_nav > ul > li > a {
		background-size: cover !important;
	}
	
	.widget-categories > ul > li > a > span, .widget-archive > ul > li > a > span, .jcwa_side_page_nav > ul > li > a > span {
		padding: 12px 6px 12px 26px;
		background: no-repeat url(../images/icon/icon-arrow-07.png) 8px 13px;
	}
	
	#gsc-i-id2 {
		pointer-events: none;
	}

}


/* footer */
#main-bottom {
	clear: both;
	padding: 30px 0 6px;
}

@media only screen and (max-width: 767px) {  
	#main-bottom {
		padding: 20px 20px 0;
	}
}
.go-top {
  text-align: right;
  margin-bottom: 5px;
}
.go-top a {
  padding-left: 22px;
  background: no-repeat url(../images/icon/icon-go-top1.png) left center;
}


footer#colophon:after {
  content: "";
  display: table;
  clear: both;
}

#footer-nav-box {
  margin-top: 15px;
  padding: 19px 0 35px;
  background: url(../images/background/back-footer-gradation.png) repeat-x #e0e3e6 ;
  min-height: 104px;
  min-width:950px;
}
#footer-nav-box:after {
  content: "";
  display: table;
  clear: both;
}
#footer-nav-box ul ul:after {
  content: "";
  display: table;
  clear: both;
}
#footer-nav-box ul ul li {
  width: auto;
  float: left;
  line-height: 1.8em;
}
#footer-nav-box ul ul li a {
  padding: 0 10px;
  background: repeat-y url(../images/icon/icon-line-01.png) left center;
  display: block;
  text-shadow:1px 1px 0px #ffffff;
}
#footer-nav-box ul ul li:last-child span {
  padding: 0 10px 0 0;
  background: no-repeat url(../images/icon/icon-line-01.png) right center;
  display: block;
}
#footer-nav-box > ul > li {
  width: 100%;
  margin-top: 15px;
}
#footer-nav-box > ul > li:first-child {
  margin-top: 0;
}
#footer-nav-box > ul > li > a {
  width: auto;
  color: #333;
  font-weight: bold;
  text-shadow: 1px 1px 0px #fff;
  margin-right: 15px;
  float: left;
  display: block;
}
#footer-nav-box > ul:after {
  content: "";
  display: table;
  clear: both;
}

#footer_menu1 {
	width: 280px;
	height: 156px;
	float: left;
}
#footer_menu2 {
	width: 360px;
	height: 156px;
	float: left;
}
#footer_navi_site {
	font-size: 13px;
	padding-top: 40px;
}
#footer_navi_site a {
	text-decoration: none;
}
#footer_navi_site a:hover {
	text-decoration: underline;
}
#footer_navi_site ul {
}
#footer_navi_site ul li {
	text-shadow: 1px 1px 1px #ffffff;
}
.L1 a {
	color: #000;
}
#footer_menu1 li.L1 {
	display: inline-block;
	list-style-type: none;
	float: left;
}
#footer_menu1 ul.inner {
	display: block;
	width: 200px;
	float: left;
	line-height: 1.6;
	margin-left: 24px;
}
#footer_menu2 li.L1 {
	display: inline-block;
	list-style-type: none;
	float: left;
}
#footer_menu2 ul.inner {
	display: block;
	width: 200px;
	float: left;
	line-height: 1.6;
	margin-left: 24px;
}
#footer_navi_site li.L2 {
	list-style-type: none;
}

#in-footer {
  position: relative;
  margin: 0 auto;
  width: 950px;
}

#footer-nav-box .menu {
	padding: 0 0 0 0;
}

ul.sub-menu {
  padding-left: 0;
}

#copyright {
  color: #687480;
  text-shadow: 1px 1px 1px #ffffff;
  float: right;
}

@media only screen and (max-width: 767px) {
	#footer-nav-box {
		min-width:inherit;
		padding: 30px 0;
		min-height: inherit;
	}

	#footer_menu1 {
		width: auto;
		height: auto;
	}
	#footer_menu2 {
		width: auto;
		height: auto;
	}

	#in-footer {
	  width: auto;
	}

	#footer-nav-box .menu {
		padding: 0 0 0 0;
	}
	#menu-footer-navi ul.sub-menu {
		display: flex;
		justify-content: center;
	}
	
	#footer-nav-box ul ul li:first-child a {
		background: none;
	}
	
	#copyright {
		float: none;
		text-align: center;
		font-size: 10px;
	}
}


/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
	font-size: 15px;
	text-align: center;
	margin: 0.2em 0;
	background: #ccc;
	color: #000;
	padding: 0.2em 0;
}

div.gsc-tabHeader.gsc-inline-block.gsc-tabhActive,
div.gsc-tabHeader.gsc-tabhInactive.gsc-inline-block {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.txt-left {text-align:left}
.txt-center {text-align: center}
.txt-right {text-align:right}

.prod-box table.tbl02 td.txt-left {text-align:left}
.prod-box table.tbl02 td.txt-center {text-align: center}
.prod-box table.tbl02 td.txt-right {text-align:right}

.bg-red {background-color:#fefaf8}
.bg-yellow {background-color:#fffff0}
.bg-green {background-color:#f6fff0}


/* index
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.home #content-wrapper{
  background: url(../images/bg-index-main-1.png) repeat-x top #fff;
  margin-top: -1px;
  position: relative;
  z-index: 100;
}
.home #content-wrapper:after {
  content: "";
  display: table;
  clear: both;
}
.home #top-main-wrapper {
  width:950px;
  height: 249px;
  /*overflow:hidden;*/
  margin: 0;
}

.main-slide {
  float: left;
}

.clock {
  float: right;
  width: 211px;
}
.clock > canvas {
  margin: 0 0 0 0;
}

.degital {
  margin: -8px 0 0;
  padding: 0 0 0 30px;
}
.degital li{
  list-style: none;
  float: left;
  font-weight: bold;
  line-height: 1;
  color:#000;
}
.degital li.cal {
  /*margin-top: 0.4em;*/
  margin-top: 0.35em;
}
.degital li.time {
  /*font-size:1.45em;*/
  font-size:1.35em;
}
.degital li.time > span.hr {
  margin-left: 6px;
}

.clock p {
	clear:both;
	text-align:center;
}

.left-col{
  position: relative;
  width: 730px;
  float: left;
}
.left-col:after {
  content: "";
  display: table;
  clear: both;
}

.right-col{
  position: relative;
  width: 220px;
  float: left;
  z-index: 100;
}
.home .right-col{
  padding-left: 20px;
}
.right-col ul{
  padding: 0 0 0 0;
}

.right-col ul li{
  list-style: none;
  margin-bottom: 6px;
  padding: 0;
}

@media only screen and (max-width: 767px) {
	.home #content-wrapper{
		z-index: 1;
		background: none;
		padding-top: 60px;
	}
	.home #top-main-wrapper {
	  width:auto;
	  height: auto;
	}

	.main-slide {
	  float: none;
	}

	.clock {
	  float: none;
	  width: auto;
	  text-align: center;
	}
	
	.clock > canvas {
	  margin: 0 auto;
		width: 50%;
	}
	
	.degital {
		display: flex;
		justify-content: center;
		margin: 0;
		padding: 0;
	}

	.left-col{
	  width: auto;
	  float: none;
	}

	.right-col{
	  width: auto;
	  float: none;
	  z-index: 1;
	}
	
	.home .right-col {
		padding: 0 4.68%;
	}
	.right-col ul  {
		text-align: center;
	}
}



/* index menu
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#nav-tip {
  width: 730px;
  margin: 0 auto 21px;
  padding: 10px 10px 0 ;
  background: #f3f6fb;
}
#nav-tip ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#nav-tip .nav-tip-inner {
  width: 730px;
  float: left;
}
#nav-tip .nav-tip-inner > a {
  width: 730px;
  height: 23px;
  margin-bottom: 10px;
  overflow: hidden;
  display: block;
}
#nav-tip .nav-tip-inner > a > span {
  width: 730px;
  padding-top: 23px;
  display: block;
}
#nav-tip .nav-tip-inner > ul:after {
  content: "";
  display: table;
  clear: both;
}
#nav-tip .nav-tip-inner > ul > li {
  width: 230px;
  margin: 0 0 10px 10px;
  float: left;
  position: relative;
}
#nav-tip .nav-tip-inner > ul > li > a {
  width: 230px;
  height: 77px;
  overflow: hidden;
  display: block;
}
#nav-tip .nav-tip-inner > ul > li > a > span {
  width: 230px;
  padding-top: 77px;
  display: block;
}
#nav-tip .nav-tip-inner > ul > li.hover > a > span {
  background-position: 0 -76px;
}

#nav-tip .nav-tip-inner > ul > li.child-nav-01 {
  margin-left: 0;
}
#nav-tip .nav-tip-inner > ul > li.child-nav-01 > a > span {
  background-image: url(../images/bnner-index-menu_01.png);
}
#nav-tip .nav-tip-inner > ul > li.child-nav-02 > a > span {
  background-image: url(../images/bnner-index-menu_02.png);
}
#nav-tip .nav-tip-inner > ul > li.child-nav-06 {
  margin-left: 0;
}
#nav-tip .nav-tip-inner > ul > li.child-nav-03 > a > span {
  background-image: url(../images/bnner-index-menu_03.png);
}
#nav-tip .nav-tip-inner > ul > li.child-nav-04 > a > span {
  background-image: url(../images/bnner-index-menu_04.png);
}
#nav-tip .nav-tip-inner > ul > li.child-nav-05 > a > span {
  background-image: url(../images/bnner-index-menu_05.png);
}
#nav-tip .nav-tip-inner > ul > li.child-nav-06 > a > span {
  background-image: url(../images/bnner-index-menu_07.png);
}
.en #nav-tip .nav-tip-inner > ul > li.child-nav-01 > a > span {
  background-image: url(../images/bnner-index-menu_01-en.png);
}
.en #nav-tip .nav-tip-inner > ul > li.child-nav-02 > a > span {
  background-image: url(../images/bnner-index-menu_02-en.png);
}
.en #nav-tip .nav-tip-inner > ul > li.child-nav-03 > a > span {
  background-image: url(../images/bnner-index-menu_03-en.png);
}
.en #nav-tip .nav-tip-inner > ul > li.child-nav-04 > a > span {
  background-image: url(../images/bnner-index-menu_04-en.png);
}
.en #nav-tip .nav-tip-inner > ul > li.child-nav-05 > a > span {
  background-image: url(../images/bnner-index-menu_05-en.png);
}
.en #nav-tip .nav-tip-inner > ul > li.child-nav-06 > a > span {
  background-image: url(../images/bnner-index-menu_06-en.png);
}
#nav-tip .nav-tip-inner > ul > li > ul {
  width: auto;
  min-width: 230px;
  border-bottom: solid 1px #b3b3b3;
  padding-top: 5px;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 9999;
  display: none;
}
#nav-tip .nav-tip-inner > ul > li > ul:before {
  width: 17px;
  height: 7px;
  margin: 0 0 0 -7px;
  background: no-repeat url(../images/icon/icon-product-nav-hover1.png) center top;
  content: '';
  display: block;
  position: absolute;
  left: 106px;
  top: -1px;
}
#nav-tip .nav-tip-inner > ul > li > ul li {
  width: 100%;
  line-height: 1.5;
  border: solid 1px #b3b3b3;
  border-top: none;
  border-bottom: none;
  white-space: nowrap;
}
#nav-tip .nav-tip-inner > ul > li > ul li a {
  border-top: dotted 1px #d9d9d9;
  padding: 3px 22px;
  background: no-repeat #f7f7f7 url(../images/icon/icon-arrow-01.png) 11px 0.7em;
  display: block;
}
#nav-tip .nav-tip-inner > ul > li > ul li:first-child {
  border-top: solid 1px #b3b3b3;
}
#nav-tip .nav-tip-inner > ul > li > ul li:first-child a {
  border-top: none;
}
#nav-tip .nav-tip-inner > ul > li.hover ul {
  display: block;
}





#nav-tip .nav-tip-inner > ul > li > p {
  width: 230px;
  border-bottom: solid 1px #94bde9;
  padding-top: 5px;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 9999;
  display: none;
  margin-top: 5px;
  padding: 10px 22px;
  background: #f9fdff;
  background: -moz-linear-gradient(#f9fdff, #ecf5ff);
  background: -webkit-gradient(linear, left top, left bottom, from(#f9fdff), to(#ecf5ff));
}

#nav-tip .nav-tip-inner > ul > li > p:before {
  width: 17px;
  height: 6px;
  margin: 0 0 0 -7px;
  background: no-repeat url(../images/icon/icon-product-nav-hover2.png) center;
  content: '';
  display: block;
  position: absolute;
  left: 106px;
  top: -6px;
}
#nav-tip .nav-tip-inner > ul > li > p {
  border: solid 1px #94bde9;
}

#nav-tip .nav-tip-inner > ul > li.hover p {
  display: block;
}


#nav-tip:after {
  content: "";
  display: table;
  clear: both;
}


@media only screen and (max-width: 767px) {
	#nav-tip {
	  width: auto;
		padding: 20px 4% 0;
	}
	#nav-tip .nav-tip-inner {
	  width: auto;
	  float: none;
	}
	#nav-tip .nav-tip-inner > a {
	  width: auto;
	  height: auto;
	}
	#nav-tip .nav-tip-inner > a > span {
	  width: auto;
	}
	#nav-tip .nav-tip-inner > ul {
		display: flex;
		flex-wrap: wrap;
	}
	
	#nav-tip .nav-tip-inner > ul > li {
		width: 48%;
		float: none;
		margin: 0 auto 10px !important;
	}
	
	#nav-tip .nav-tip-inner > ul > li > a {
		width: auto;
		height: auto;
		display: block;
	}
	#nav-tip .nav-tip-inner > ul > li > a img {
		width: 100%;
	}
	#nav-tip .nav-tip-inner > ul > li > a span {
	  display: none;
	}
	
	#nav-tip .nav-tip-inner > ul > li > ul {
		position: relative;
		top: 0;
		min-width: inherit;
		width: 204%;
		opacity: 0;
		transition: 0.3s;
		height: 0;
		display: none !important;
	}
	#nav-tip .nav-tip-inner > ul > li > ul li {
		white-space: inherit;
	}
	/*#nav-tip .nav-tip-inner > ul > li.child-nav-01 > a {
	  background-image: url(../images/bnner-index-menu_01_sp.png);
	}
	#nav-tip .nav-tip-inner > ul > li.child-nav-02 > a {
	  background-image: url(../images/bnner-index-menu_02_sp.png);
	}
	#nav-tip .nav-tip-inner > ul > li.child-nav-03 > a {
	  background-image: url(../images/bnner-index-menu_03_sp.png);
	}
	#nav-tip .nav-tip-inner > ul > li.child-nav-04 > a {
	  background-image: url(../images/bnner-index-menu_04_sp.png);
	}
	#nav-tip .nav-tip-inner > ul > li.child-nav-05 > a {
	  background-image: url(../images/bnner-index-menu_05_sp.png);
	}
	#nav-tip .nav-tip-inner > ul > li.child-nav-06 > a {
	  background-image: url(../images/bnner-index-menu_06_sp.png);
	}*/


}


.sub-navi {
}
/*.sub-navi li a {
  float: left;
  background: url(../images/icon/icon-arrow-01.png) no-repeat 10px 50%;
  padding: 10px 20px;
  margin: 0 0 10px;
}*/

.sub-navi li a {
  float: left;
  display:block;
  /*width:230px;*/
  width:350px;
  background: url(../images/icon/icon-arrow-01.png) no-repeat 10px 50% #fbfcfc;
  border:1px solid #ccc;
  border-bottom:2px solid #ccc;
  padding: 10px 20px;
  margin: 0 10px 10px 0;
  color:#333;
}

.sub-navi li a:hover {
  background: #e6f3ff;
  text-decoration:none;
}

.en .sub-navi li {
}
.en .sub-navi li a {
	font-size:12px;
	font-size:1.2rem;
	padding: 9px 10px 9px 18px;
}

.mr0{
	margin-right:0 !important;
}

@media only screen and (max-width: 767px) {
	.sub-navi li a {
		width: 98%;
		margin: 0 auto 20px !important;
		float: none;
		border: 1px solid #ddd;
	}
}



/* index news
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.home-news-release {
  position: relative;

}
.home-news-release iframe {
  width:730px;
  height:190px;
  border-top:none;
  border-right: solid 1px #ccc;
  border-bottom: solid 1px #ccc;
  border-left: solid 1px #ccc;
	}
.home-news-release .widget-title {
  width: 730px;
  height: 45px;
  overflow: hidden;
  margin: 10px 0 0 0;
  padding: 0;
}
.home-news-release .widget-title a {
  clear: both;
  width: 730px;
  padding: 45px 0 0 0;
  margin: 0;
  background: no-repeat url(../images/title/title-home-news-list.png);
  display: block;
}
.en .home-news-release .widget-title a {
	  background-image: url(../images/title/title-home-news-list-en.png);
}
.home-news-release .category-content {
  margin: 0;
  padding: 8px 0 0;
  list-style: none;
}
.home-news-release .category-content li {
  margin-bottom: 5px;
  border-top: dotted 1px #d0d4d8;
  padding-top: 5px;
}
.home-news-release .category-content li:first-child {
  border-top: none;
  padding-top: 0;
}
.home-news-release .category-content li p {
  margin-left: 10px;
  float: left;
}
.home-news-release .category-content li p.entry-date {
  width: 82px;
}
.home-news-release .category-content li p.entry-category {
  margin-top: 2px;
}
.home-news-release .category-content li p.entry-title {
  width: 552px;
  margin-bottom: 0;
}
.home-news-release .category-content li:after {
  content: "";
  display: table;
  clear: both;
}
.home-news-release .feed-link {
  width: 16px;
  height: 16px;
  overflow: hidden;
  position: absolute;
  top: 13px;
  right: 9px;
}
.home-news-release .feed-link a {
  width: 16px;
  padding-top: 16px;
  background: no-repeat url(../images/icon/icon-feed.png);
  display: block;
}
.entry-category {
  width: 45px;
  height: 15px;
  overflow: hidden;
}
.entry-category a {
  width: 45px;
  padding-top: 12px;
  margin-top: 3px;
  display: block;
}
.entry-category.cat-news a {
  background: no-repeat url(../images/icon/icon-cat-news.png);
}
.entry-category.cat-release a {
  background: no-repeat url(../images/icon/icon-cat-release.png);
}
.entry-category.cat-topics a {
  background: no-repeat url(../images/icon/icon-cat-topics.png);
}
.entry-category.cat-events a {
  background: no-repeat url(../images/icon/icon-cat-events.png);
}


@media only screen and (max-width: 767px) {
	.home-news-release {
		padding: 0 4.68%;
		margin-bottom: 30px;
	}
	.home-news-release iframe {
	  width:100%;
		}
	.home-news-release .widget-title {
	  width: 100%;
	}
	.home-news-release .widget-title a {
	  width: 100%;
	}
	.home-news-release .category-content li {
		margin-bottom: 15px;
	}
	.home-news-release .category-content li p {
		margin-left: 0;
	}
	.home-news-release .category-content li p.entry-title {
	  display: block;
		width: 100%;
	}
	
	.home-news-release .category-content li p.entry-title a {
		text-decoration: underline;
	}
	
	
	

}






/* news
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.news-release iframe {
  width:695px;
  min-height:400px;
  border:none;
	}





/* single
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


.auther{
	text-indent:0!important;
	margin-bottom:0!important;
	font-weight:bold;
}

.icon-coution{
	width:80px;
	height:80px;
	margin:0 8px 8px 0;
	padding:0;
}
.icon-coution2{
	width:71px;
	height:24px;
	margin:8px 16px 8px 0;
	padding:0;
}

#single-nav {
  font-size: 12px;
  font-size: 1.2rem;
  text-align: center;
  padding: 30px 0;
  background: #f9fcff;
  clear:both;
}
#single-nav p {
  margin: 0;
  display: inline-block;
}
#single-nav p.nav-previous {
  margin-right: 15px;
  padding-right: 15px;
  border-right:1px dotted #666;
}
#single-nav p.nav-next {
  margin-left: 15px;
  padding-left: 15px;
  border-left:1px dotted #666;
}
#single-nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: inline-block;
}
#single-nav li {
  display: inline-block;
}
#single-nav li a {
  padding: 0 5px 0 10px;
  display: inline-block;
  border-left:1px dotted #666;
}
#single-nav li span {
  padding: 0 5px 0 10px;
  display: inline-block;
  border-left:1px dotted #666;
}
#single-nav li:first-child a,
#single-nav li:first-child span {
  background: none;
}


/* sitemap */

.sitemap-box{
  display: block;
  float:left;
  width: 320px;
  margin: 0 24px 18px 0;
  padding-bottom:14px;
  border-bottom: 1px dotted #ccc;
}

#sitemap .entry-content ul li.sitemap-box {
  margin-bottom: 18px;
  display:table-cell;
}


@media only screen and (max-width: 767px) {
	#sitemap .entry-content ul {
		padding: 0 4.68%;
	}
 	#sitemap .entry-content ul li.sitemap-box {
	  display: block;
	  float:none;
	  width: 100%;
	  margin: 0 auto 20px;
	}
	
	

}