@charset "utf-8";
/*
YUI 3.6.0pr1 (build 5195)
Copyright 2012 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/
html{ color:#000; background:#FFF; }
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; }
body, div, dl, dt, dd, ol, ul, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, section, nav, article, aside, hgroup, header, footer, figure, figcaption, details, summary, menu { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }
em {font-weight: bold; font-style:normal;}
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
q:before, q:after { content:''; }
abbr, acronym { border: 0; font-variant: normal; }
sup { vertical-align: text-top; }
sub { vertical-align: text-bottom; }
input, textarea, select { font-family: inherit; font-size: inherit; font-weight: inherit; }
input, textarea, select { *font-size: 100%; }
legend { color: #000; }
#yui3-css-stamp.cssreset { display: none; }

select, input, button, textarea { font:99% Verdana, arial, helvetica, clean, sans-serif; *font-size: 100%; } table { border-collapse: collapse; border-spacing :0; font-size: inherit; font: 100% } pre, code, kbd, samp, tt { font-family: monospace; *font-size: 108%; line-height: 100% } #yui3-css-stamp.cssfonts { display:none }
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }
pre, code, kbd, samp, tt { font-family: monospace; *font-size: 108%; line-height: 100%; }
th { white-space: nowrap; }
dl, p, ul, ol {
	word-wrap: break-word;
	word-break: break-all;
}
ul, ol {
	list-style: none;
}
/*============ common ============*/
body {
	background: #fff url(/img/header_bg.jpg) repeat-x top left;
	text-shadow: 0.7px 0.5px 0.5px #f2f2f2;
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: 100%;
	letter-spacing: -0.01px;
	text-size-adjust: 100%;
	min-width: 960px;
	color:#444444;
	width: 100%;
}
a{ color:#078ad7; text-decoration: underline; }
a:hover{ color:#178269; text-decoration:none; }
a:active, a:focus { outline: 0; }

/*-- Position --*/
.TL { text-align:left !important; }
.TC { text-align:center !important; }
.TR { text-align:right !important; }
.cf:after {
	display: block;
	clear: both;
	content: '';
	height: 0;
}
.cf { zoom: 1; }

/******************************* global.css *************************************************************
外枠：1000px
コンテンツの幅 721px
サイドコンテンツの幅 250px
******************************* / global.css ************************************************************/

/*=========================== globalHeader & globalFooter ===========================*/
#globalHeader:after, #globalFooter:after {
	display: block;
	clear: both;
	content: '';
	height: 0;
}
#globalHeader {
	zoom: 1;
	width: 960px;
	height: 82px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
}
#globalHeader .logo {
	float: left;
	width: 322px;
	height: 76px;
	margin: 16px 0 12px;
}
#globalHeader .logo img {
	width: 100%;
}
#globalHeader .headerMenu {
	width: 565px;
	float: right;
	margin: 24px 2px 0;
}
#globalHeader .headerMenu ul {
	float: right;
	/*width: 285px;*/
	overflow: hidden;
	margin-right: -5px;
}
#globalHeader .headerMenu ul li {
	float: left;
	margin-right: -1px;
	padding: 8px 0 8px 8px;
}
#globalHeader .headerMenu ul li a {
	color: #454545;
	display: block;
	font-size: 116%;
	padding-right: 8px;
	text-decoration: none;
	border-right: 1px dotted #727c79;
}
#globalHeader .headerMenu ul li a:hover {
	color: #178269;
	text-decoration: none;
}
#globalHeader .headerMenu .btn {
	float: right;
	width: 188px;
	line-height: 0;
	background: #fff;
	margin-left: 10px;
}
#globalHeader .headerMenu .btn a:hover *{
	filter: alpha(opacity=85);
	-moz-opacity:0.85;
	opacity:0.85;
}
/* Global Nav */
#gnav ul {
	height: 44px;
	width: 953px;
	overflow: hidden;
	margin: 0 auto 17px;
}
#gnav ul li {
	float: left;
	list-style: none;
}
#gnav ul li a {
	width: 106px;
	height: 44px;
	display: block;
	overflow: hidden;
	word-wrap: normal;
	text-indent: -400px;
	text-decoration: none;
	background:url(/img/header_nav.png) no-repeat;
}
#gnav ul .navPre a {
	background-position: 0 0;
}
#gnav ul .navConvention a {
	width: 114px;
	background-position: -106px 0;
}
#gnav ul .navCertify a {
	width: 150px;
	background-position: -220px 0;
}
#gnav ul .navPaper a {
	width: 140px;
	background-position: -370px 0;
}
#gnav ul .navSeminar a {
	width: 138px;
	background-position: -510px 0;
}
#gnav ul .navIcd a {
	width: 202px;
	background-position: -649px 0;
}
#gnav ul .navNews a {
	width: 102px;
	background-position: -851px 0;
}
#greeting #gnav ul .navPre a,
#gnav ul .navPre a:hover {
	background-position: 0 -54px;
}
#convention #gnav ul .navConvention a,
#gnav ul .navConvention a:hover {
	background-position: -106px -54px;
}
#certify #gnav ul .navCertify a,
#gnav ul .navCertify a:hover {
	background-position: -220px -54px;
}
#paper #gnav ul .navPaper a,
#gnav ul .navPaper a:hover {
	background-position: -370px -54px;
}
#seminar #gnav ul .navSeminar a,
#gnav ul .navSeminar a:hover {
	background-position: -510px -54px;
}
#icd #gnav ul .navIcd a,
#gnav ul .navIcd a:hover {
	background-position: -649px -54px;
}
#news #gnav ul .navNews a,
#gnav ul .navNews a:hover {
	background-position: -851px -54px;
}
/* Global footer */
#globalFooter {
	width: 100%;
	min-height: 36px;
	background: #f3f3f3 url(/img/footer_bg.jpg) repeat-x bottom left;
}
#globalFooter .inner {
	clear: both;
	width: 960px;
	margin: 0 auto;
}
#globalFooter .ftBox:after {
	display: block;
	clear: both;
	content: "";
	height: 0;
}
#globalFooter .ftBox {
	zoom: 1;
}
#globalFooter .ftBox .logo {
	float: left;
	width: 322px;
	margin: 11px 0 5px;
}
#globalFooter .ftBox .address {
	float: right;
	padding: 20px 0 0;
}
#globalFooter .ftBox .address div {
	float: left;
	padding-right: 15px;
}
#globalFooter .ftBox .address .btn {
	width: 91px;
	float: right;
	height: 22px;
	padding-right: 2px;
}
#globalFooter .ftBox .address .btn a:hover *{
	filter: alpha(opacity=85);
	-moz-opacity:0.85;
	opacity:0.85;
}
#globalFooter .jjmcp {
	color: #fff;
	font-size: 100%;
	line-height: 36px;
	text-align: center;
	text-shadow: 1px 0.5px 1px #53ab99;
}
/*===========================Frame ===========================*/
#wrap:after,
#sliderArea:after {
	display: block;
	clear: both;
	content: '';
	height: 0;
}
#sliderArea {
	zoom: 1;
	width: 960px;
	margin: 0 auto 20px;
}
#wrap {
	zoom: 1;
	width: 960px;
	margin: 0 auto;
	font-size: 77%;
	position: relative;
	padding-bottom: 55px;
}
#wrap #topButton img {
	width: 46px;
	height: 46px;
	cursor: pointer;
}
#side {
	float: right;
	width: 195px;
	overflow: hidden;
}
#contents {
	float: left;
	width: 745px;
	overflow: hidden;
	background: #fff;
}
/*===========================Side ===========================*/
#side .sideEnter {
	width: 195px;
	padding: 3px 0;
	margin-bottom: 8px;
	background: #e1f4ef;
}
#side .sideEnter p {
	width: 188px;
	margin: 0 auto;
	line-height: 0;
}
#side .sideEnter p:hover *{
	filter: alpha(opacity=85);
	-moz-opacity:0.85;
	opacity:0.85;
}
#side .everyone {
	width: 195px;
	margin-bottom: 10px;
}
#side .everyone dt {
	line-height: 0;
	margin-bottom: 5px;
}
#side .everyone dt img {
	width: 100%;
}
#side .everyone dd ul li {
	line-height: 0;
	margin-bottom: 5px;
}
#side .everyone dd ul li a img {
	width: 100%;
}
#side .everyone dd ul li a:hover *{
	filter: alpha(opacity=85);
	-moz-opacity:0.85;
	opacity:0.85;
}
#side .pickup {
	width: 185px;
	padding: 4px;
	background: #fef7f6;
	border: 1px solid #ddcdca;
}
#side .pickup dt {
	width: 100%;
	text-align: center;
}
#side .pickup dd ul li {
	margin-bottom: 5px;
	border-bottom: 1px dotted #afaaa9;
}
#side .pickup dd ul li:last-child,
#side .pickup dd ul .none {
	border-bottom: none;
}
#side .pickup dd table {
	width: 100%;
	border-collapse: collapse;
}
#side .pickup dd table td {
	width: 122px;
	font-size: 130%;
	white-space: normal;
	word-break: break-all;
	word-wrap: break-word;
}
#side .pickup dd table .lo {
	width: 63px;
}
#side .pickup dd table .lo img {
	padding-right: 5px;
}
#side .sideAboutNav,
#side .sideCertifyNav,
#side .sidePaperNav {
	width: 193px;
	background: #fff;
	margin-bottom: 15px;
	border: 1px solid #abd4cc;
}
#side .sideAboutNav a:hover *{
	filter: alpha(opacity=80);
	-moz-opacity:0.80;
	opacity:0.80;
}
#side .sideAboutNav ul li,
#side .sideCertifyNav ul li,
#side .sidePaperNav ul li {
	width: 193px;
	margin: 0 auto;
	padding: 0 0 3px;
}
#side .sideAboutNav ul li a,
#side .sideCertifyNav ul li a,
#side .sidePaperNav ul li a {
	width: 193px;
	height: 30px;
	color: #078ad7;
	display: block;
	font-size: 140%;
	text-shadow: none;
	line-height: 30px;
	background: url(/img/side_about_bg2.png) left top;
}
#side .sideCertifyNav ul li a {
	background: url(/img/side_certify_bg2.png) left top;
}
#greeting #side .sideAboutNav ul li .greeting,
#access #side .sideAboutNav ul li .access,
#rule #side .sideAboutNav ul li .rule,
#list #side .sideAboutNav ul li .list {
	color: #fff;
	background: url(/img/side_about_bg1.png) left top;
}
#side .sideAboutNav ul li a:hover,
#side .sidePaperNav ul li a:hover {
	color: #fff;
	background: url(/img/side_about_bg1.png) left top;
}
#side .sideCertifyNav ul li a:hover {
	color: #fff;
	background: url(/img/side_certify_bg1.png) left top;
}
#side .sideAboutNav ul li a span,
#side .sidePaperNav ul li a span {
	padding: 0 0 0 25px;
}
#side .sideCertifyNav ul li a span {
	padding: 0 0 0 16px;
	letter-spacing: -0.02em;
}
/*========================= breadcrumbList =========================*/
#breadcrumbList:after {
	display: block;
	clear: both;
	content: '';
	height: 0;
}
#breadcrumbList {
	zoom: 1;
	width: 960px;
	overflow: hidden;
	list-style: none;
	margin: 0 auto;
}
#breadcrumbList li {
	float: left;
	font-size: 140%;
	line-height: 1.231;
	padding: 2px 5px 8px;
}
#breadcrumbList li a {
	display: block;
	padding-right: 10px;
	border-right: 1px dotted #434646;
}
/*=========================== HPContents ===========================*/
.mc {
	width: 745px;
	margin-bottom: 25px;
}
.mc.not {
	margin-bottom: 0;
}
.mc h1,
.mc h2 {
	width: 733px;
	font-size: 180%;
	margin-bottom: 10px;
	padding: 10px 5px 8px;
	background: url(/img/title_bg.png) no-repeat left bottom;
}
.mc .mcBox:after {
	display: block;
	clear: both;
	content: "";
	height: 0;
}
.mc .mcBox {
	zoom: 1;
	width: 743px;
	height: 100%;
	padding-bottom: 100px;
	overflow: hidden;
	border: 1px solid #dadada;
}
.mc .mcBox .inBox {
	width: 719px;
	padding: 0 12px;
	max-height: 10000px;/* android chrome font bug */
}
.mc .mcBox .inBox.font {
	font-size: 150%;
}
.mc .mcBox .inBox.minh {
	min-height: 410px;
}
.mc .mcBox .inBox h2 {
	width: 719px;
	font-size: 160%;
	margin-bottom: 0;
	padding: 8px 5px 8px 22px;
	background: url(/img/title_bg_point2.png) no-repeat left center;
}
.mc .mcBox .inBox .h2 {
	background: url(/img/title_bg_point1.png) no-repeat left center;
}
.mc .mcBox .inBox.font h2 {
	font-size: 106%;
}
/* error page */
.mc .mcBox .error-index {
	min-height: 411px;
}
.mc .mcBox .error-index p {
	padding-bottom: 18px;
}
.mc .mcBox .error-index-Btn {
	padding-top: 20px;
	text-align: center;
}
/*====================== HPContents common ======================*/
.mc .newsBoxList {
	width: 719px;
	line-height: 1.231;
	position: relative;
}
.mc .newsBoxList .listpageBtn {
	right: 0;
	top: -48px;
	width: 53px;
	height: 28px;
	position: absolute;
}
.mc .newsBoxList .listpageBtn a:hover *{
	filter: alpha(opacity=80);
	-moz-opacity:0.80;
	opacity:0.80;
}
.mc .newsBoxList ul {
	margin-bottom: 20px;
}
.mc .newsBoxList ul li:after {
	display: block;
	clear: both;
	content: "";
	height: 0;
}
.mc .newsBoxList ul li {
	zoom: 1;
	min-height: 23px;
	padding: 6px 0 4px;
	border-bottom: 1px dashed #dadada;
}
.mc .newsBoxList ul li b {
	padding: 0 5px 0 0;
}
.mc .newsBoxList ul li span  {
	float: left;
	padding-right: 4px;
}
.mc .newsBoxList ul li img {
	width: 92px;
	height: 23px;
	padding-left: 4px;
	vertical-align: middle;
}
.mc .newsBoxList ul li a {
	display: block;
	text-align: left;
	padding-top: 2px;
}
/*====================== HP accessory ======================*/

.btn--orange,
a.btn--orange {
  color: #fff;
  background-color: #189f82;
  text-decoration:none;
}
.btn--orange:hover,
a.btn--orange:hover {
  color: #fff;
  background: #000;
  text-decoration:none;
}

.midashi {
  line-height: 3em;
  color: #fff;/*文字色*/
  font-size: 0.7em;
  background-color: #364e96;
  border: solid 3px #364e96;/*線色*/
  padding-bottom: 1px;
  padding-top: 1px;
  padding-left: 10px;
  padding-right: 10px;
  border-radius: 0.5em;/*角丸*/
  text-decoration: none
}

.midashi:hover, 
a.midashi:hover {
  color: #fff;/*文字色*/
}