/* format
------------------------------------------------------------ */

body{
	background: #FFFFFF url("../img/common/bgBody.jpg") top left repeat-x;
	text-align: center;
	/*font-family: 'Microsoft YaHei','simhei', 'simsun';*/
	font-size: 13px;
	color: #333333;
	line-height: 150%;
}

h1{
	padding:10px 0 10px 0;
	margin:0px;
}


h3{
	padding:10px 0 10px 15px;
	margin:10px 0px 10px 0;
	border-bottom:1px dotted #aaaaaa;
	border-top:1px dotted #aaaaaa;
	background-color:#f9f9f9;
}

h4{
	font-size:100%;
	font-weight:normal;
	padding:0 0 5px 0;
	margin:0px;
}


h2,h5{
	font-size:100%;
	font-weight:normal;
	padding:0px;
	margin:0px;
}



.text1 {font-size: 10px; line-height: 18px;  text-decoration:none; color:#555555;}
.text2 {font-size: 11px; line-height: 20px;  text-decoration:none; color:#555555;}
.text3 {font-size: 14px; line-height: 22px;  text-decoration:none; color:#333333;}
.text4 {font-size: 13px; line-height: 22px;  text-decoration:none; color:#2396C3; font-weight:bold;}
.text4green {font-size: 14px; line-height: 22px;  text-decoration:none; color:#008086; font-weight:bold;}/*5147B5*/
.textw { text-decoration:none; color:#ffffff;}


ul,li{
	padding:0px;
	margin:0px;
}
li{
	list-style:none;
}



th{
	vertical-align:top;
	text-align:left;
	font-weight:normal;
	line-height:160%;
	font-size:100%;
}

td{
	vertical-align:top;
	font-weight:normal;
	line-height:160%;
	font-size:100%;
}

img{
	vertical-align:top;
	border:none;
}
.clr{
	clear:both;
	height:0;
	margin:0;
	padding:0;
	line-height:100%;
	font-size:0;
}
.boxL{
	float:left;
}
.boxR{
	float:right;
}
.imgL{
	float:left;
	padding:0px 8px 8px 0px;
}
.imgR{
	float:right;
	padding:0px 0px 8px 8px;
}
.caution{
	color:#DD0000;
}
.tbMiddle{
	vertical-align:middle;
}
.pagetop{ /*2024/3 ウェブアクセスビリティ対応のためページ先頭への戻りボタンを施す */
	padding:1px 0px 1px 0px;
	height:23px;
	text-align:right;
}
/* table
------------------------------------------------------------ */

table.table-office{
	border-top:dotted 1px #cccccc;
	margin:8px 0 0 0;
	font-size:13px;/*2024/03 ウエブアクセシビリティ対応のため12px→13pxに変更*/
	width:100%;/*2024/03 ウエブアクセシビリティ対応のためcssにて表幅指定*/
}
td.txt90 {	/*2024/03 ウエブアクセシビリティ対応のためcssにてフォントサイズ指定*/
	font-size:90%;
}

table.table-office th{
	border-bottom:dotted 1px #cccccc;
	background-color:#fafafa;
	text-align:left;
	padding:10px;
	width:100px;
}
table.table-office td{border-bottom:dotted 1px #aaaaaa;padding:5px;}

table.table-office tr td table td{
	border:none;
	padding:0px 9px 2px 0px;
}

table.table-contact{
	width:100%;
	border-top:dotted 1px #aaaaaa;
	border-left:dotted 1px #aaaaaa;
	margin:8px 0 0 0;
}
table.table-contact td,
table.table-contact th{
	border-bottom:dotted 1px #aaaaaa;
	border-right:dotted 1px #aaaaaa;
	padding:8px 10px;
	background:#FFFFFF;
}
table.table-contact th{
	width:250px;
	background:#EAEAEA;
	white-space:nowrap;
	font-weight:normal;
}
table.table-contact td.heading-column{
	width:250px;
	background:#EAEAEA;
	white-space:nowrap;
	font-weight:normal;
}
table.table-contact fieldset {
    border: none;
    margin: 0;
    padding: 0;
}
.visuallyhidden {
    width: 0px;
    overflow: hidden;
    padding: 0px;
    position: absolute;
}
.formCaution{
	color:#DD0000;
}
.formBtn{
	width:100%;
	text-align:center;
	padding-bottom:12px;
}
.formBtn p{
	padding:12px 0px;
}
/* link
------------------------------------------------------------ */
a{
	color:#01498E;
	text-decoration:underline;
}
a:visited{
	color:#01498E;
	text-decoration:underline;
}
a:active{
	color:#01498E;
	text-decoration:underline;
}
a:hover{
	color:#2279CA;
	text-decoration:none;
}

a.link00 {font-size: 10px; line-height: 22px; text-decoration:none; color:#ff6600;}
a.link00:hover {font-size: 10px; line-height: 22px; text-decoration:underline; color:#FF6600;}
a.link01 {font-size: 12px; line-height: 22px; text-decoration:none; color:#eeeeee;}
a.link01:hover {font-size: 12px; line-height: 22px; text-decoration:underline; color:#FF3333;}
a.link02 {font-size: 12px; line-height: 22px;  text-decoration:none; color:#01498E;}
a.link02:hover {font-size: 12px; line-height: 22px;  text-decoration:underline; color:#2279CA;}

/* layout
------------------------------------------------------------ */
#wrap{
	width:950px;
	margin:0px auto;
	text-align:center;
}
#contentsArea{
	width:950px;
	text-align:left;
	padding:12px 0px 0px 0px;
}
#headArea{
	width:950px;
}
#footArea{
	background:#333333;
}
.footer{
	width:950px;
	margin:0px auto;
	text-align:center;
}
.footer p{
	padding:24px 24px 24px 0px;
	float:right;
}

/* navi 2024/03 Webアクセスビリティ対応のため文字色と太さ変更
------------------------------------------------------------ */

.navi{
	width:950px;
	font-size:10px;
	font-weight:bold;
	color:#FFFFFF;
	height:30px;
	padding:15px 0px 0px 0px;
	text-align:left;
}

.navi a{font-weight: normal; COLOR: #FFFFFF; TEXT-DECORATION: none
}

.navi a:hover{font-weight: normal; COLOR: #FFFFFF; TEXT-DECORATION: underline
}


/* common
------------------------------------------------------------ */

.read1{
	width:950px;
	height:auto;
	padding:10px 0px 10px 0px;
	text-align:left;
}

.read2{
	width:690px;
	height:auto;
	padding:10px 0px 10px 0px;
	text-align:left;
}

.read3{
	width:775px;
	height:auto;
	padding:10px 0px 10px 0px;
	text-align:left;
}

.sideMenu{
	width:240px;
	padding:0;
	position:relative;
	top: -3px;
	z-index:1;
}

.sideMenu .localBana ul li{
	padding-top:10px;
	float:left;
}

.content{
	width:690px;
	float:right;
}

.contentTop{
	width:690px;
	float:left;
}

.contWrap{
	border:1px solid #E5E5E5;
	padding:12px 12px 8px 12px;
	height:100%;
}
.localNavi{
	font-size:10px;
	padding:15px 0px 0px 0px;
}
.localNavi h2{
	padding:0px 0px 18px 0px;
}
.localNavi h3{
	background:none;
	border:none;
	padding:4px 0px 12px 0px;
	margin:0px;
}
.localNavi .category{
	border-top:1px solid #E5E5E5;
	border-left:1px solid #E5E5E5;
	border-right:1px solid #E5E5E5;
	padding:12px 12px 8px 12px;
}
.localNavi .categoryEnd{
	border-bottom:1px solid #E5E5E5;
}
.localNavi .category h3.single{
	padding:0px;
}
.localNavi .category ul{
	padding:4px 0px 8px 0px;
	margin:0px 0px 12px 14px;
	border-bottom:1px dotted #D8D8D8;
}
.localNavi .category ul.end{
	padding-bottom:0px;
	margin-bottom:0px;
	border:none;
}
.localNavi .category ul li ul{
	border:none;
}
.localNavi .category ul li {
	position: relative;
}
.localNavi .category ul li table {
	border-collapse: collapse;
	border: none;
	padding: 0;
	position: absolute;
	top: 0;
	left: 0;
}

.localNavi .category ul li ul {
	visibility: hidden;
	overflow: hidden;
	position: absolute;
	top: 0px;
	right: 200px;
}
* html .localNavi .category ul li ul {
	right: 0px;
}
.localNavi .category ul li ul li {
	margin-bottom: 0;
	width:120px;
}

.localNavi .category ul li a {
	display: block;
	text-decoration: none;
	padding:2px 0px 2px 5px;
	/*background:url("../img/local/list.gif") top left no-repeat;*/
}
.localNavi .category ul li a:hover {
	position: relative;
	z-index: 100;
}
.localNavi .category ul.sub{
	border-top: solid 1px #ccc;
	padding:0px;
	margin:0px;
}
.localNavi .category ul.sub li a {
	padding:2px 6px;
	border-bottom: solid 1px #ccc;
	border-left: solid 1px #ccc;
	border-right: solid 1px #ccc;
	background:#FFFFFF;
}
* html .localNavi .category ul.sub li a {
	width:120px;
}
.localNavi .category ul.sub li a:hover {
	background:#EEEEEE;
}
.localNavi .category ul li:hover ul ,
.localNavi .category ul li a:hover ul {
	visibility: visible;
	overflow: visible;
	height: auto;
	z-index: 10;
}

.localNavi .localBana{
	padding:30px 0px 0px 0px;
}
.localNavi .localBana ul li{
	padding:0px 0px 4px 4px;
	float:left;
}

.localNavi .category .end .sub2 li {
	margin: 0;
	padding:2px 6px;
	border-bottom: solid 1px #ccc;
	border-left: solid 1px #ccc;
	border-right: solid 1px #ccc;
	background-color: white;
}


/* header
------------------------------------------------------------ */
#headArea ul li{
	float:left;
}
#headArea .boxL{
	padding:10px 0px 0px 0px;
}
#headArea .boxL a{
	/*background:#FFFFFF url("../img/common/logo.jpg") top left no-repeat;*/
	width:370px;
	height:90px;
	display:block;
	outline:none;
}
#headArea .boxL h1{
	text-indent:-1000em;
}
#headArea .boxR {
	width: 355px;
	padding:33px 0px 0px 0px;
}
#headArea .boxR ul.headMenu01{
	padding:0px 0px 0px 162px;
}
#headArea .boxR ul.headMenu01 a {
	padding:0px 0px 0px 162px;
	text-decoration: none;
	color: white;
}

#headArea .boxR ul.headMenu02 {
	padding:14px 0px 11px 175px;
}
#headArea .boxR ul.headMenu01 li,
#headArea .boxR ul.headMenu02 li{
	padding:0px;
	line-height:100%;
}
.topFactory .boxL{
	width:420px;
}
.topFactory .boxR{
	width:230px;
	padding:0px 0px 0px 0px;
	line-height:135%;
}
.topFactory .boxL ul li{
	float:left;
	padding:0px 8px 0px 0px;
}
.topContact ul li{
	float:left;
	padding:0px 12px 0px 14px;
	background:url("../img/common/iconList01.gif") center left no-repeat;
	line-height:110%;
}
.topInfo ul li{
	border-bottom:1px dotted #CCCCCC;
	padding:0px 0px 8px 15px;
	margin:0px 0px 8px 0px;
	background:url("../img/top/bgTopNews.gif") bottom left no-repeat;
}
.topInfo ul li.end{
	border-bottom:none;
	padding:0px 0px 8px 15px;
	margin:0px 0px 0px 0px;
	background:url("../img/top/bgTopNews.gif") bottom left no-repeat;
}
.topInfo ul li span{
	font-size:91.7%;
}
/* footer
------------------------------------------------------------ */
#copyright {
  width:940px;
  padding: 24px 10px 24px 0;
  text-align: right;
  font-size: 14px;
  color:#fff;
  font-family: Arial, Helvetica, sans-serif;
  margin:0 auto ;
}


/* top
------------------------------------------------------------ */
.top{
	padding:0px 0px 30px 0px;
}
.contentTop{
	width:690px;
	float:left;
}
.contentTop h2{
	padding:0px 0px 18px 0px;
}
.localNavi{
	width:240px;
	float:right;
}

.banaArea{
	padding:10px 0px 0px 24px;
	margin-bottom:24px;
}
.banaArea ul li{
	float:left;
	padding:0px 0px 0px 13px;
}
.topContent{
	padding:0px 0px 0px 13px;
}



/* banaArea
------------------------------------------------------------ */

.banaArea2{
	padding:10px 0px 0px 0px;
}
.banaArea2 ul li{
	float:left;
	padding:0px 0px 0px 8px;
}


.banaArea3{
	padding:10px 0px 0px 0px;
}
.banaArea3 ul li{
	float:left;
	padding:0px 12px 0px 0px;
}





/* Tab
------------------------------------------------------------ */

#tab {
	margin-left: 0;
	padding-left: 0;
	overflow: hidden;
	background:url("../img/top/bgNewsTabHead.jpg") bottom left repeat-x;
}
#tab li {
	float: left;
	padding:0px 0px 0px 8px;
}
#tab li a {
	width:127px;
	height:24px;
	padding-top:12px;
	display: block;
	background:url("../img/top/tab.jpg") bottom left no-repeat;
	border-bottom: 0;
	text-align: center;
	text-decoration:none;
}
#tab li a:hover,
#tab li.selected a {
	background:url("../img/top/tab_hover.jpg") bottom left no-repeat;
	text-decoration:none;
}

.page{
	background:url("../img/top/bgNewsTab.jpg") top left repeat-x;
	border-left:1px solid #F0F0F0;
	border-right:1px solid #F0F0F0;
	border-bottom:1px solid #F0F0F0;
	padding:12px 12px 4px 12px;
}
.page .boxL{
	width:90px;
}
.page .boxR{
	width:620px;
}
.page ul li{
	border-bottom:1px dotted #CCCCCC;
	padding:0px 0px 8px 0px;
	margin:0px 0px 8px 0px;
}
.page ul li.end{
	border-bottom:none;
	padding:0px 0px 4px 0px;
	margin:0px 0px 0px 0px;
}
.page ul li span{
	font-size:91.7%;
}
.page ul li img{
	float:left;
	padding:0px 8px 0px 0px;
}

#news002 .boxR{
	text-align:right;
}
#news002 table td{
	vertical-align:bottom;
	text-align:center;
}
#news003 h3{
	border:none;
	padding:0px 0px 6px 0px;
	margin:0px;
}
#news003 h3{
	padding:6px 0px 12px 15px;
	margin:0px 0px 0px 0px;
	background:url("../img/top/bgTopNews.gif") bottom left no-repeat;
}
#news003 h4{
	border:none;
	padding:6px 0px 0px 0px;
	margin:0px;
	font-weight:bold;
}
#news003  h5{
	padding:0px 0px 0px 0px;
	margin:0px;
}
#news003 p{
	font-size:83.3%;
	padding:0px;
	margin:0px;
}
#news003 ul li{
	border:none;
	padding:0px;
	margin:0px;
}
#news004 ul li{
	border-bottom:1px dotted #CCCCCC;
	padding:0px 0px 8px 15px;
	margin:0px 0px 8px 0px;
	background:url("../img/top/bgTopNews.gif") bottom left no-repeat;
}
#news004 ul li.end{
	border-bottom:none;
	padding:0px 0px 4px 15px;
	margin:0px 0px 0px 0px;
	background:url("../img/top/bgTopNews.gif") bottom left no-repeat;
}
#news004 ul li table td.btnMore{
	vertical-align:bottom;
	text-align:right;
}

/* box
------------------------------------------------------------ */
.boxBorderGrey01 {
  display: block;
  padding: 12px;
  border: 1px solid #e5e5e5;
}
.boxBorderGrey01.top h3 {
    font-size: 18px;
    background-color: #f9f9f9;
    border-top: 1px dotted #aaaaaa;
    border-bottom: 1px dotted #aaaaaa;
    padding: 0 0 0 1em !important; 
}

.boxBorderGrey01.china {
    display: flex;
    justify-content: center;
}
.boxBorderGrey01.china a:last-child {
    margin: 0 0 0 0;
}
.boxBorderGrey01.china a {
    margin: 0 20px 0 0;
}
.boxBorderGrey01.china figure {
    margin: 0 0 0 0;
}
.boxBorderGrey01.china figure img {
    width: 295px;
    object-fit: contain;    
}
.boxBorderGrey01.china figure figcaption {
    text-align: center;
    font-size: 13px;
    font-weight: 600;
}



#box{
	background-color:#ffffff;
	padding:15px;
	margin:0 0 20px 0;
	text-align:left;
	border:1px solid #cccccc ;

}
#boxForm{
	margin:0 0 20px 0;
	text-align:left;
}

#box a {font-size: 14px; line-height: 22px;  text-decoration:none; color:#01498E;}
#box a:hover {font-size: 14px; line-height: 22px;  text-decoration:underline; color:#2279CA;}

.boxa{
	float:left;
	width:20px;
	height:100%;
	background-color:#CCCC00;
	padding:0;
	margin:0 10px 0 0;
	text-align:left;
	position:relative;
}

.boxb{
	float:left;
	width:940px;
	height:auto;
	padding:0;
	margin:0 20px 0 0;
	text-align:left;
}

/* box1
------------------------------------------------------------ */

.box1{
	width:930px;
	height:100%;
	background-color:#ffffff;
	padding:10px;
	margin:0 0 20px 0;
	text-align:left;
	clear:both;
	border:1px solid #cccccc ;
}

#box1{
	width:930px;
	height:100%;
	background-color:#ffffff;
	padding:10px;
	margin:0 0 20px 0;
	text-align:left;
	clear:both;
	border:1px solid #cccccc ;
}

.box1a1{
	float:left;
	width:20px;
	height:360px;
	background-color:#9999CC;
	padding:0;
	margin:0 10px 0 0;
	text-align:left;
}
.box1a{
	float:left;
	width:20px;
	height:120px;
	background-color:#9999CC;
	padding:0;
	margin:0 10px 0 0;
	text-align:left;
}
.box1a_bs{
	float:left;
	width:20px;
	height:150px;
	background-color:#FFCC00;
	padding:0;
	margin:0 10px 0 0;
	text-align:left;
}
.box1a_csr{
	float:left;
	width:20px;
	height:150px;
	background-color:#FF4F1F;
	padding:0;
	margin:0 10px 0 0;
	text-align:left;
}
.box1aa{
	float:left;
	width:20px;
	height:120px;
	background-color:#9999CC;
	padding:0;
	margin:0 10px 0 0;
	text-align:left;
}

.box1b{
	float:left;
	width:240px;
	padding:0;
	margin:0 20px 0 0;
	text-align:left;
}

.box1c{
	float:left;
	width:500px;
	height:120px;
	padding:0;
	margin:6px 10px 10 0;
	text-align:left;
}
.box1c1{
	float:left;
	width:635px;
	padding:0;
	margin:6px 0px 10px 0;
	text-align:left;
}

.bottomLine{
	float:left;
	width:635px;
	border-bottom:1px solid #E0E0E0;
	margin-bottom:24px;
	padding-bottom:24px;
}
.box1d{
	float:right;
	width:105px;
	height:20px;
	padding:0;
	margin:90px  0 0 0 ;
	text-align:left;
}
.box1d1{
	float:right;
	width:105px;
	height:20px;
	padding:0;
	margin:10px  0 0 0 ;
	text-align:left;
}

.box1dPhoto{
	float:right;
	width:114px;
	height:20px;
	padding:0;
	margin:90px  0 0 0 ;
	text-align:left;
}
/* box2
------------------------------------------------------------ */


#box2{
	width:690px;
	height:auto;
	padding:0px;
	margin:0 0 20px 0;
	text-align:left;
	clear:both;
}

.box2a{
	float:left;
	width:430px;
	height:auto;
	padding:0;
	margin:0 10px 0 0;
	text-align:left;
}

.box2b{
	float:right;
	width:240px;
	height:auto;
	padding:0;
	margin:0;
	text-align:left;
}

.box2c{
	float:left;
	width:500px;
	height:auto;
	padding:0;
	margin:0 10px 0 0;
	text-align:left;
}

.box2d{
	float:right;
	width:180px;
	height:auto;
	padding:0;
	margin:0;
	text-align:left;
}




/* box3
------------------------------------------------------------ */


#box3{
	width:690px;
	height:auto;
	padding:0px;
	margin:0 0 20px 0;
	text-align:left;
	clear:both;
}

.box3a{
	float:left;
	width:380px;
	height:auto;
	padding:0;
	margin:0 10px 0 0;
	text-align:left;
}

.box3b{
	float:right;
	width:300px;
	height:auto;
	padding:0;
	margin:0;
	text-align:left;
}


/* business
------------------------------------------------------------ */
div.businessBox{
	padding:0px 0px 20px 15px;
}
div.businessBox span{
	font-size:83.3%;
}
div.businessBox .imgCenter{
	text-align:center;
}
h3.business{
	position: relative;
	display: inline-block;
	width: 675px;
	background: linear-gradient(90deg, #ffcc66, #ffe000);}
div.businessBox h4{
	font-size:100%;
	line-height:120%;
	font-weight:bold;
	padding:8px 0px 0px 0px;
	margin:0px;
}

ul.businessList li{
	float:left;
	width:170px;
}
ul.businessList li.end{
	width:144px;
}
ul.businessList li img{
	padding-bottom:4px;
}
ul.businessList{
	padding:12px 0px 20px 0px;
}
ul.businessList li span{
	padding-right:12px;
	font-size:91.7%;
}
table.businessPhotoList td{
	padding:0px 50px 25px 0px;
}
table.businessPhotoList td img{
	padding:0px 0px 4px 0px;
}
table.business01{
	margin:0px 0px 12px 0px;
}
table.business01 td{
	padding:0px 30px 0px 0px;
}
table.business02{
	width:100%;
}
table.business02 th{
	text-align:center;
	padding:4px 6px 4px 6px;
	vertical-align:middle;
}
table.business02 td{
	text-align:center;
	padding:0px 6px 4px 6px;
}
table.business02 td img{
	padding-bottom:8px;
}
table.business03 td{
	text-align:center;
	padding:4px 6px 4px 6px;
}
/* etc
------------------------------------------------------------ */

.clearfix:after,
#wrap:after,
#contentsArea:after,
#headArea:after,
#footArea:after
{
	/*content: url("../img/pixel.gif");*/
	display: block;
	clear: both;
	height: 0;
}

.clearfix,
#wrap,
#contentsArea,
#headArea,
#footArea
{
	position:relative;
	display: inline-table;
	min-height: 1%;
}

/* Hides from IE-mac \*/
* html .clearfix,
* html #wrap,
* html #contentsArea,
* html #headArea,
* html #footArea
{
	height: 1%;
}

.clearfix,
#wrap,
#contentsArea,
#headArea,
#footArea
{
	position:relative;
	display: inline-table;
	min-height: 1%;
}

/* End hide from IE-mac */