@charset "UTF-8";

/* ----------------------------------------------
common
------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6 { border:0 none; margin:0; outline-style:none; outline-width:0; padding:0; }
body { color:#000000; margin:0; padding:0; text-align:center; font:62.5%/1em Arial, Helvetica, sans-serif; background:#e5e5e5; }
li { list-style:none; }
a, a:link { color:#0099ff; }
a:hover { color:#ba0000; }
a:focus { color:#000000; }
a:active { color:#000000; }
img { border-style:none; }
#outerGroup { background-color:#FFFFFF; margin:0 auto; text-align:left; width:860px; }

.char_sub { font-size:80%; /*vertical-align:sub;*/ /*vertical-align:text-bottom;*/ }

a.pdf:after { content:url(../../images/info/icon_link_pdf.png); line-height:1; vertical-align:bottom; display:inline-block; *display:inline; *zoom:1; padding-left:5px; }

/* ----------------------------------------------
header
------------------------------------------------- */
#header { width:860px; height:61px; position: relative;  background:url(../../images/header_l.jpg) no-repeat; margin:0; padding:0; text-align:left; }
#header h1 { position: absolute; left: 22px; top: 13px; }

#header #search { display: block; height: 17px; width: 255px; /*305 -> 270*/ position: absolute; left: 449px; /* modified 270 -> 395 ->410 -> 447*/ top: 38px; /* modified 10 -> 37*/ padding: 0px; margin: 0px; /*background: url(/images/bk_search.gif) no-repeat left top #e5e5e5;*/ /* filter: alpha(opacity=80); */ /* opacity: 0.5; */ }
#header #search p { font-size: 0px; line-height: 0px; background: url(../../images/site_serch1.gif) no-repeat left top; display: block; height: 17px; width: 98px; margin: 0; padding: 0; text-indent: -9999px; }
#header #search form { margin: 0px; font-size: 1.2em; }
#header #search #searchArea { width: 106px; position: absolute; left: 98px; /*117 -> 81*/ top: 0px; height: 15px; margin:  0; padding: 0; border-top: 1px solid #8c8c8c; border-bottom: 1px solid #d3d3d4; border-left: 1px solid #8c8c8c; border-right: 1px solid #d3d3d4; }
#header #search #searchBtn { height: 17px; /*22 -> 20*/ width: 51px; border-width: 0px; border-style: none; margin: 0px; padding: 0px; position: absolute; top: 0; left: 204px; font-size: 0px; line-height: 0px; display: block; }

#header #headerNav { height: 22px; width: 316px; position: absolute; right: 0; /*585 -> 600*/ top: 10px; }
#header #headerNav ul { list-style: url(none) none; }


#header #headerNav #headerNav01_g { font-size: 0px; line-height: 0px; text-indent: -9999px; display: block; height: 16px; width: 59px; position: absolute; right: 187px; top: 5px; }
#header #headerNav #headerNav01_g a { background: url(../../images/btn_hgb.jpg) no-repeat left top; text-indent: -9999px; display: block; height: 18px; width: 59px; }

#header #headerNav #headerNav01 { font-size: 0px; line-height: 0px; text-indent: -9999px; display: block; height: 16px; width: 108px; position: absolute; right: 74px; top: 5px; }
#header #headerNav #headerNav01 a { background: url(../../images/btn_ahd.jpg) no-repeat left top; text-indent: -9999px; display: block; height: 18px; width: 108px; }

#header #headerNav #headerNav01_c { font-size: 0px; line-height: 0px; text-indent: -9999px; display: block; height: 16px; width: 64px; position: absolute; right: 5px; top: 5px; }
#header #headerNav #headerNav01_c a { background: url(../../images/btn_hcareers.jpg) no-repeat left top; text-indent: -9999px; display: block; height: 18px; width: 64px; }

#header #headerNav #headerNav02 { font-size: 0px; line-height: 0px; text-indent: -9999px; display: block; height: 18px; width: 20px; position: absolute; right: 84px; top: 5px; }
#header #headerNav #headerNav02 a { background: url(../../images/btn_jp.jpg) no-repeat left top; text-indent: -9999px; display: block; height: 18px; width: 20px; }

#header #headerNav #headerNav02_2 { font-size: 0px; line-height: 0px; text-indent: -9999px; display: block; height: 18px; width: 19px; position: absolute; right: 65px; top: 5px; }
#header #headerNav #headerNav02_2 a { background: url(../../images/btn_ch.jpg) no-repeat left top; text-indent: -9999px; display: block; height: 18px; width: 19px; }

#header #headerNav #headerNav03 { font-size: 0px; line-height: 0px; text-indent: -9999px; display: block; height: 18px; width: 52px; position: absolute; right: 5px; top: 5px; }
#header #headerNav #headerNav03 a { background: url(../../images/btn_rec.jpg) no-repeat left top; text-indent: -9999px; display: block; height: 18px; width: 52px; }


#header #headerNav_langL { height: 22px; width: 316px; position: absolute; right: 0; /*585 -> 600*/ top: 10px; }
#header #headerNav_langL ul { list-style: url(none) none; }

#header #headerNav_langL #headerNav01_g { font-size: 0px; line-height: 0px; text-indent: -9999px; display: block; height: 16px; width: 59px; position: absolute; right: 50px; top: 5px; }
#header #headerNav_langL #headerNav01_g a { background: url(../../images/btn_hgb.jpg) no-repeat left top; text-indent: -9999px; display: block; height: 18px; width: 59px; }

#header #headerNav_langL #headerNav01 { font-size: 0px; line-height: 0px; text-indent: -9999px; display: block; height: 16px; width: 108px; position: absolute; right: 4px; top: 5px; }
#header #headerNav_langL #headerNav01 a { background: url(../../images/btn_ahd.jpg) no-repeat left top; text-indent: -9999px; display: block; height: 18px; width: 108px; }


#header #headerNav_lang { height: 22px; width: 316px; position: absolute; right: 0; /*585 -> 600*/ top: 10px; }
#header #headerNav_lang ul { list-style: url(none) none; }

#header #headerNav_lang #headerNav01_g { font-size: 0px; line-height: 0px; text-indent: -9999px; display: block; height: 16px; width: 59px; position: absolute; right: 163px; top: 5px; }
#header #headerNav_lang #headerNav01_g a { background: url(../../images/btn_hgb.jpg) no-repeat left top; text-indent: -9999px; display: block; height: 18px; width: 59px; }

#header #headerNav_lang #headerNav01 { font-size: 0px; line-height: 0px; text-indent: -9999px; display: block; height: 16px; width: 108px; position: absolute; right: 50px; top: 5px; }
#header #headerNav_lang #headerNav01 a { background: url(../../images/btn_ahd.jpg) no-repeat left top; text-indent: -9999px; display: block; height: 18px; width: 108px; }

#header #headerNav_lang #headerNav01_lang_en { font-size: 0px; line-height: 0px; text-indent: -9999px; display: block; height: 18px; width: 20px; position: absolute; right: 24px; top: 5px; }
#header #headerNav_lang #headerNav01_lang_en a { background: url(../../images/btn_en.jpg) no-repeat left top; text-indent: -9999px; display: block; height: 18px; width: 20px; }

#header #headerNav_lang #headerNav01_lang_th { font-size: 0px; line-height: 0px; text-indent: -9999px; display: block; height: 18px; width: 20px; position: absolute; right: 4px; top: 5px; }
#header #headerNav_lang #headerNav01_lang_th a { background: url(../../images/btn_th.jpg) no-repeat left top; text-indent: -9999px; display: block; height: 18px; width: 20px; }

#header #headerNav_lang #headerNav01_lang_vn { font-size: 0px; line-height: 0px; text-indent: -9999px; display: block; height: 18px; width: 20px; position: absolute; right: 4px; top: 5px; }
#header #headerNav_lang #headerNav01_lang_vn a { background: url(../../images/btn_vn.jpg) no-repeat left top; text-indent: -9999px; display: block; height: 18px; width: 20px; }


#header #styleswich { display: block; height: 17px; width: 143px; /*background: url(/images/bk_styleswich.gif) no-repeat left top; */position: absolute; top: 38px; right: 5px;  /* 20 -> 5 -> 0*/ margin: 0px; padding: 0px; }
#header #styleswich p { font-size: 0px; line-height: 0px; background: url(../../images/txt_size.gif) no-repeat left top; text-indent: -9999px; display: block; height: 17px; width: 84px; margin: 0; padding: 0; }
/* #header #styleswich ul { background: url(/images/txt_size.gif) no-repeat left 1px; padding-left:66px;} */
/* #header #styleswich ul img { padding:1px 0px 0px 1px; } */

#header #styleswich #smallsize { display: block; height: 17px; width: 17px; position: absolute; left: 88px; top: 0; margin: 0px; padding: 0px; /* font-size: 0px; line-height: 0px; text-indent: -9999px; */ }
/* #header #styleswich #smallsize.current a { background: url(../../images/btn_txt_s.jpg) no-repeat left -20px; } */
/* #header #styleswich #smallsize a { background: url(../../images/btn_txt_s.jpg) no-repeat left top; text-indent: -9999px; display: block; height: 20px; width: 20px; } */
/* #header #styleswich #smallsize a:hover { background: url(../../images/btn_txt_s.jpg) no-repeat left -20px; } */
#header #styleswich #smallsize a img { width:17px; height:17px; }

#header #styleswich #normalsize { display: block; height: 17px; width: 17px; position: absolute; left: 107px; top: 0; margin: 0px; padding: 0px; /* font-size: 0px; line-height: 0px; text-indent: -9999px; */ }
/* #header #styleswich #normalsize.current a { background: url(../../images/btn_txt_m.jpg) no-repeat left -20px; } */
/* #header #styleswich #normalsize a { background: url(../../images/btn_txt_m.jpg) no-repeat left top; text-indent: -9999px; display: block; height: 20px; width: 20px; } */
/* #header #styleswich #normalsize a:hover { background: url(../../images/btn_txt_m.jpg) no-repeat left -20px; } */
#header #styleswich #normalsize a img { width:17px; height:17px; }

#header #styleswich #largesize { height: 17px; width: 17px; position: absolute; left: 126px; top: 0; margin: 0px; padding: 0px; /* font-size: 0px; line-height: 0px; text-indent: -9999px; display: block; */ }
#header #styleswich #largesize a img { width:17px; height:17px; }

/* breadCrumbs fontFixed*/

#breadCrumbs {
	clear:both;
	font-size:x-small;
	text-align:left;
	margin:15px 45px 0px 45px;
	padding-bottom:10px;
	width:770px;
}

.countryC { clear:both; float:left; width:100%; height:30px; padding:10px 0px; }
.countryC .left { clear:both; float:left; width:571px; padding-left:18px; }
.countryC .left ul { font-size:0px; padding:0; margin:0; }
.countryC .left ul li { display: inline-block; }
.countryC .right { float:right; width:256px; list-style-type:none; }


/* ----------------------------------------------
footer
------------------------------------------------- */
#footer {
	width:770px;
	clear:both;
	display:block;
	position: relative;
	height: 45px;
	font-size: 1em;
}
#footer #footerCts {
	height: 20px;
	border-bottom: 1px solid #cccccc;
	width: 816px;
	position: relative;
	margin-left: 24px;
}
#footer ul#bottom_menu {
	position: absolute;
	left: 0px;
	margin: 0px;
	top: 2px;
	padding: 0px;
}
#footer ul#bottom_menu li {
	display: inline;
	margin-right: 10px;
	padding: 0px;
	line-height: 1.5em;
}
#footer #footerLogo {
	float:right;
	width:54px;

}
#footer #copy {
	clear:both;
	background: url(../../images/copy.gif) no-repeat 20px 20px;
	padding-top:8px;
	text-align:left;
	width:194px;

}


/* 文字によるh1タイトル */
.page-title {
background: #ebebeb; /* グレーの帯 */
height: 20px;
padding: 6px 20px 6px 0;
margin: 15px 0 17px;
display: flex;
align-items: center;
font-family: "Helvetica Neue", Arial, "Yu Gothic", "Meiryo", sans-serif;
}
.page-title__bar { /* 赤い縦棒 */
width: 4px;
height: 16px;
background: #c90000;
margin-right: 6px;
}
.page-title__text {
font-size: 18px;
font-weight: 600;
color: #171717;
margin: 0; /* h1 のデフォルト余白を消す */
}

#contents .important_notice_text p + p {
	margin-top: 4px;
}
#contents .important_notice_text p.bold {
	font-size: 15px;
	font-weight: bold;
}