@charset "utf-8";

/* container --------------------------------- */
#container,
article {
	position: relative;
	width: 960px;
	margin: 23px auto 2px;
}
#container {
	width: 960px;
	overflow: hidden;
}
#container article {
	float: left;
	width: 73%;
	max-width: 700px;
	margin: 0;
	padding: 0 20px 1em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#container:before {
	position: absolute;
	top: 0;
	right: 0;
	content: '';
	display: block;
	width: 25%;
	height: 100%;
	background-color: #f1f1f1;
	z-index: 1;
}
#container:after {
	content: '';
	display: block;
	clear: both;
}
article > *:first-child,
article > *:first-child > *:first-child {
	margin-top: 0;
}
@media only screen and (max-width: 980px) {
	#container {
		width: auto;
		margin: 1.5em 10px 2px;
	}
	#homeBody {
		width: auto;
		padding: 0 10px;
	}
	article {
		width: auto;
		padding: 0 10px;
	}
}
@media only screen and (max-width: 800px) {
	#container:before {
		display: none;
	}
	#container article {
		float: none;
		width: auto;
		max-width: 100%;
		padding: 0 30px 1em;
	}
}
@media only screen and (max-width: 600px) {
	#container {
		position: relative;
		width: 200%;
		margin: 0;
		padding: 1.5em 0 0;
		overflow: visible;
	}
	#container article {
		width: 50%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
}

/* localNavi --------------------------------- */
#container #lNav {
	position: relative;
	float: right;
	width: 25%;
	max-width: 240px;
	background-color: #f1f1f1;
	z-index: 2;
}
#lNav nav ul ul {
	border-bottom: 1px solid #c8cbcf;
}
#lNav nav ul ul ul {
	border-style: none;
}
#lNav nav a {
	display: block;
	font-weight: normal;
	padding: 0.5em;
}
#lNav nav li li a {
	border-left-width: 7px;
	border-left-style: solid;
}
#lNav nav li li a:hover {
	background-color: #f5f5f5;
}
#lNav nav li li {
	background-color: #f1f1f1;
	border-top: 1px solid #c8cbcf;
}
#lNav nav > ul > li > a {
	color: #000;
	background-color: #c2c2c2;
}
#lNav nav li.open > a {
	position: relative;
	margin-bottom: 1px;
	overflow: hidden;
}
#lNav nav li.open > a:before {
	position: absolute;
	bottom: 0;
	right: 0;
	content: '';
	display: block;
	width: 0;
	height: 0;
	border: 5px solid transparent;
	border-right-color: #f1f1f1;
	border-bottom-color: #f1f1f1;
}
#lNav nav li.close {
	display: none;
}
#lNav nav li.root {
	background-color: #eaeaea;
}
#lNav nav li li li,
#lNav nav li.root li a,
#lNav nav li.root li ul {
	border-style: none;
}
#lNav nav li.root ul {
	padding: 0 5px 4px;
}
#lNav nav li.root li {
	margin-bottom: 1px;
	background-color: #dfdfdf;
}
#lNav nav li.root li ul {
	padding: 0 2px;
}
#lNav nav li.root li li {
	margin-bottom: 0;
}
#lNav nav li.root li.below,
#lNav nav li.root li.below li {
	background-color: #fff;
}
#lNav nav li.root li a:hover {
	background-color: #e5e5e5;
}
#lNav nav li.root li li li+li {
	margin-top: 0;
}
#lNav nav li li li li a {
	padding: .3em .5em .3em 15px;
}
#lNav nav li li li li a:before {
	content: '';
	display: inline-block;
	width: 8px;
	height: 1.4em;
	min-height:8px;
	margin-left: -8px;
	vertical-align: middle;
	background: url(/shared/images/icon_common.png) -25px center no-repeat;
}
#lNav nav li li li li li a {
	padding: .2em .5em .2em 25px;
}
#lNav nav li li li li li a:before {
	content: '・';
	width: 1em;
	height: 1.4em;
	margin-left: -1em;
	background-image: none;
	overflow: hidden;
}
#lNav nav li li li li li li a {
	padding-left: 35px;
}
#lNav nav li li li li li li li a {
	padding-left: 45px;
}
#lNav nav li li li li li li li li a {
	padding-left: 55px;
}
#closeBtn {
	display: none;
}
#lNav aside {
	margin: 7px;
	padding: 7px;
	color: #003168;
	background-color: #fff;
}
#lNav aside > * {
	margin: 0;
}
#lNav aside  h2:first-child,
#lNav aside  h3:first-child,
#lNav aside  h4:first-child {
	margin: -7px -7px 0;
	padding: 7px 7px;
	font-weight: normal;
	background-color: #d9e7f0;
	border-bottom: 1px solid #8098b4;
}
#lNav aside > *+* {
	margin-top: 7px;
}
#lNav aside img {
	display: block;
	margin: 0 auto;
}
@media only screen and (max-width: 800px) {
	#container #lNav {
		position: static;
		float: none;
		width: auto;
		margin-bottom: 2em;
		max-width: 100%;
	}
}
@media only screen and (max-width: 600px) {
	#container #lNav {
		width: 50%;
		margin-bottom: 0;
		background-color: #fff;
	}
	#container #lNav nav {
		position: absolute;
		left: 50%;
		top: 0;
		width: 50%;
		padding: 0 90px 0 8px;
		background-color: #ededed;
		border-left: 2px solid #000;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	#lNav nav ul ul {
		border-style: none;
	}
	#lNav nav > ul > li,
	#lNav nav li.open > a {
		margin-bottom: 2px;
	}
	#lNav nav li.open > a:before {
		display: none;
	}
	#lNav nav li.close {
		display: block;
	}
	#lNav nav li.open > ul > li > a,
	#lNav nav li.root > ul > li > a,
	#lNav nav li.close a {
		position: relative;
		padding-right: 25px;
	}
	#lNav nav li.open > ul > li > a:after,
	#lNav nav li.root > ul > li > a:after,
	#lNav nav li.close a:after {
		content: '';
		position: absolute;
		top: 50%;
		right: 5px;
		display: block;
		width: 18px;
		height: 18px;
		margin-top: -9px;
	}
	#lNav nav li.open > ul > li {
		border-top-width: 2px;
	}
	#lNav nav li.open > ul > li > a {
		background-color: #ededed;
	}
	#lNav nav li.root ul {
		padding: 0 !important;
	}
	#lNav nav li.root li {
		margin-bottom: 0;
	}
	#lNav nav li.root li {
		border-top: 2px solid #ededed;
	}
	#lNav nav li.root > ul > li > a {
		background-color: #dfdfdf;
	}
	#lNav nav li.root > ul > li li a {
	}
	#lNav nav li.root li li {
		border-color: #c2c2c2;
	}
	#lNav nav li.root li li li {
		border-top-style: dotted;
	}
	#lNav nav li.root li li a {
		position: relative;
		padding-left: 20px;
	}
	#lNav nav li.root li li li a {
		padding-left: 32px;
	}
	#lNav nav li.root li li li li a {
		padding-left: 42px;
	}
	#lNav nav li.root li li li li li a {
		padding-left: 52px;
	}
	#lNav nav li.root li li li li li li a {
		padding-left: 62px;
	}
	#lNav nav li.root li li a:before {
		content: '';
		position: absolute;
		top: 50%;
		left: 7px;
		display: block;
		width: 12px;
		height: 12px;
		margin: -6px 0 0;
	}
	#lNav nav li.root li.below > a:before {
		background-position: -50px -400px;
	}
	#lNav nav li.root li li li a:before {
		left: 19px;
	}
	#lNav nav li.root li li li li a:before {
		left: 29px;
	}
	#lNav nav li.root li li li li li a:before {
		left: 39px;
	}
	#lNav nav li.root li li li li li li a:before {
		left: 49px;
	}
	#closeBtn {
		display: block;
		padding: 0.5em 0;
		color: #fff;
		text-align: center;
		cursor: pointer;
	}
	#lNav aside {
		margin: 0 10px;
	}
}

/* contents ---------------------------------- */
/* heading */
article a {
	text-decoration: underline;
}
article a .scaleIco {
	display: inline-block;
	vertical-align: middle;
	margin-left: .3em;
	font-family: 'icons';
	text-decoration: none;
	cursor: pointer;
}
article a.scaleLink,
article a.scaleLink img {
	position: relative;
	display: block;
}
article a.scaleLink .scaleIco {
	position: absolute;
	right: 0;
	bottom: 0;
	display: block;
	width: 1.4em;
	height: 1.4em;
	text-align: center;
	line-height: 1.4em;
	color: #fff !important;
	overflow: hidden;
}
article a.scaleLink .scaleIco:before {
	content: 's';
	display: block;
	width: 1.4em;
	height: 1.4em;
	text-align: center;
	line-height: 1.4em;
}
article strong {
	font-weight: bold;
}
article iframe {
	margin-top: 1em;
}
article h1 {
	position: relative;
	margin: 0 -20px;
	padding: 0.7em 20px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	overflow: hidden;
}
article h1:after {
	position: absolute;
	right: 0;
	bottom: 0;
	content: '';
	display: block;
	width: 100%;
	height: 2px;
	margin-left: -20px;
	background-color: #fff;
}
article h1:before,
article h2:before {
	position: absolute;
	bottom: 0;
	right: 0;
	content: '';
	display: block;
	width: 0;
	height: 0;
	border: 5px solid transparent;
	border-right-color: #fff;
	border-bottom-color: #fff;
}
article h1:before {
	margin-bottom: 2px;
}
article h2,
article h3,
article h4,
article h5,
article h6 {
	position: relative;
	margin: 1.5em -20px 0;
}
article h3:before,
article h4:before,
article h5:before,
article h6:before,
article h3 a:before,
article h4 a:before,
article h5 a:before,
article h6 a:before {
	position: absolute;
	top: 0;
	left: 0;
	content: '';
	display: block;
	width: 14px;
	height: 100%;
}
article h4:before,
article h5:before,
article h6:before,
article h4 a:before,
article h5 a:before,
article h6 a:before {
	-webkit-box-sizing: border-box;
	-mox-box-sizing: border-box;
	box-sizing: border-box;
}
article h2 {
	padding: 0.5em 20px;
	border-top-width: 2px;
	border-top-style: solid;
}
article h3 {
	padding: 0.5em 20px 3px;
	border-top-width: 1px;
	border-top-style: solid;
}
article h3:before,
article h3 a:before {
	left: 4px;
	width: 6px;
	margin-top: -4px;
	border-left: 2px solid #fff;
}
article h4 {
	padding: 0.3em 20px;
	font-weight: normal;
	border-width: 1px;
	border-style: solid;
}
article h4:before,
article h4 a:before {
	border-width: 3px;
	border-style: solid;
}
article h5 {
	padding: 0.3em 20px;
	font-weight: normal;
	border-width: 1px;
	border-style: solid;
}
article h5:before,
article h5 a:before {
	border: 3px solid #fff;
}
article h6 {
	padding: 0 22px;
	font-weight: normal;
}
article h6:before,
article h6 a:before {
	left: 4px;
	width: 8px;
}
article h2 a,
article h3 a,
article h4 a,
article h5 a,
article h6 a {
	display: block;
	position: relative;
	text-decoration: none;
}
article h3 a {
	margin: -0.5em 0 -3px;
	padding: 0.5em 0 3px;
}
article h4 a,
article h5 a {
	margin: -0.3em 0 !important;
	padding: 0.3em 0;
}
article h3 a:before,
article h4 a:before,
article h5 a:before {
	margin-left: -20px;
	background-color: #f90;
}
article h6 a:before {
	margin-left: -22px;
	background-color: #f90;
}
article h2 a:after,
article h3 a:after,
article h4 a:after,
article h5 a:after,
article h6 a:after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	right: 5px;
	width: 8px;
	height: 100%;
	margin-right: -20px;
	background: url(/shared/images/icon_common.png) -75px center no-repeat;
}
article h3 a:after {
	margin-top: 0.15em;
}
aside h2:before,
aside h2 a:after,
#catTop h2:before,
#catTop h2:before,
.indexList h2:before,
.indexList h3 a:before,
.indexList a h3:before {
	display: none;
}
article h2+h3,
article h3+h4,
article h4+h5,
article h5+h6 {
	margin-top: 1em;
}
.widMax > h3,
.widMax > h4,
.widMax > h5,
.widMax > h6,
.widMin > h3,
.widMin > h4,
.widMin > h5,
.widMin > h6,
article .short,
article .short > h3,
article .short > h4,
article .short > h5,
article .short > h6 {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
article .wide,
article .wide > h3,
article .wide > h4,
article .wide > h5,
article .wide > h6 {
	margin-left: -20px !important;
	margin-right: -20px !important;
}

/* paragraph */
article p {
	margin-top: 1em;
}
article p .underline {
	display: block;
	margin-bottom: -.8em;
	padding-bottom: .2em;
	color: #000;
	border-bottom: 2px solid #b0c2d6;
}

/* rule */
.wm-border,
.wm-background,
.wm-border-background {
	margin: 1em -20px 0;
	background-image: url(../../shared/images/bg_dot.png);
	background-repeat: repeat;
}
.widMax > .wm-border,
.widMax > .wm-background,
.widMax > .wm-border-background,
.widMin > .wm-border,
.widMin > .wm-background,
.widMin > .wm-border-background {
	margin: 1em 0 0;
}
.wm-border {
	padding: 5px;
}
.wm-background,
.wm-border-background {
	padding: 5px;
}
.wm-border div,
.wm-background div {
	padding: 1em;
}
.wm-border-background div {
	padding: 1em;
}
.wm-border div *,
.wm-background div *,
.wm-border-background div * {
	margin-left: 0;
	margin-right: 0;
}
.wm-border div *:first-child,
.wm-background div *:first-child,
.wm-border-background div *:first-child {
	margin-top: 0;
}
h2+.wm-border,
h2+.wm-background,
h2+.wm-border-background,
h3+.wm-border,
h3+.wm-background,
h3+.wm-border-background,
h4+.wm-border,
h4+.wm-background,
h4+.wm-border-background,
h5+.wm-border,
h5+.wm-background,
h5+.wm-border-background,
h6+.wm-border,
h6+.wm-background,
h6+.wm-border-background {
	margin-top: .7em;
}

/*  */
.conFrame {
	margin: 1.5em -20px 0;
	padding: 19px;
	border: 1px solid #ccc;
}
.conFrame h2,
.conFrame h3,
.conFrame h4,
.conFrame h5,
.conFrame h6,
.conFrame h2 a,
.conFrame h3 a,
.conFrame h4 a,
.conFrame h5 a,
.conFrame h6 a {
	color: #000;
	font-weight: normal;
}
.conFrame h2:first-child,
.conFrame h3:first-child,
.conFrame h4:first-child,
.conFrame h5:first-child,
.conFrame h6:first-child {
	margin: -19px -19px 0 !important;
	padding: 8px 19px;
	border-style: none;
}
.conFrame h2:first-child a,
.conFrame h3:first-child a,
.conFrame h4:first-child a,
.conFrame h5:first-child a,
.conFrame h6:first-child a {
	margin: -8px -19px !important;
	padding: 8px 19px;
	border-style: none;
}
.conFrame h2:first-child:before,
.conFrame h3:first-child:before,
.conFrame h4:first-child:before,
.conFrame h5:first-child:before,
.conFrame h6:first-child:before,
.conFrame h2:first-child a:before,
.conFrame h3:first-child a:before,
.conFrame h4:first-child a:before,
.conFrame h5:first-child a:before,
.conFrame h6:first-child a:before {
	top: 4px;
	left: 4px;
	right: auto;
	width: 8px;
	height: 100%;
	margin: -8px 0 0;
	clip: rect(8px, 8px, 300px, 0);
	border-style: none;
}
.conFrame h2:first-child a:before {
	content: '';
	position: absolute;
	display: block;
	background-color: #f90;
}
.conFrame h6:first-child:before,
.conFrame h2:first-child:before,
.conFrame h3:first-child:before,
.conFrame h4:first-child:before,
.conFrame h5:first-child:before,
.conFrame h6:first-child:before {
	background-color: #fff;
}
.conFrame *+h3,
.conFrame *+h4,
.conFrame *+h5,
.conFrame *+h6 {
	margin: 1em 0 0;
	padding: .3em 0;
	background-color: transparent;
	border-style: none none solid;
	border-width: 0 0 5px;
	border-color: #ededed;
}
.conFrame *+h3 a,
.conFrame *+h4 a,
.conFrame *+h5 a,
.conFrame *+h6 a {
	margin: -.3em 0;
	padding: .3em 0;
}
.conFrame *+h3:before,
.conFrame *+h4:before,
.conFrame *+h5:before,
.conFrame *+h6:before,
.conFrame *+h3 a:before,
.conFrame *+h4 a:before,
.conFrame *+h5 a:before,
.conFrame *+h6 a:before {
	display: none;
}
.conFrame h2 a:after,
.conFrame h3 a:after,
.conFrame h4 a:after,
.conFrame h5 a:after,
.conFrame h6 a:after {
	margin: 0;
}
.conFrame *+h3+*,
.conFrame *+h4+*,
.conFrame *+h5+*,
.conFrame *+h6+* {
	margin-top: .5em;
}

/* table */
article table {
	margin-top: 1em;
	min-width: 99.9%;
}
article table.full {
	width: 100%;
}
article table.auto {
	width: auto;
}
article caption {
	width: 100%;
	padding-bottom: 0.3em;
	text-align: left;
}
article th {
	padding: 0.3em 0.5em;
	text-align: left;
	font-weight: normal;
	border-width: 1px;
	border-style: solid;
}
article td {
	padding: 0.3em 0.5em;
	border-width: 1px;
	border-style: solid;
}
article th *:first-child,
article td *:first-child {
	margin-top: 0;
}

/* list */
article ol {
	margin-top: 1em;
	padding-left: 1.5em;
}
article ul {
	margin-top: 1em;
	list-style: disc;
	padding-left: 1.2em;
}
article li {
	margin-top: 0.5em;
}
article li ol,
article li ul {
	margin: 0.5em 0 0;
}


/* icons */
article .icon,
article .icon li {
	list-style: none;
}
article li.icon,
article .icon li {
	margin-left: -1.2em;
}
article .icon ul {
	margin-left: 20px;
}
article .icon a,
#lNav .icon a,
.infoIR a {
	position: relative;
	display: inline-block;
	padding-left: 20px;
	min-height: 16px;
}
article .icon a:before,
#lNav .icon a:before,
.infoIR a:before {
	content: '';
	position: absolute;
	top: 0.7em;
	left: 0;
	display: block;
	width: 20px;
	height: 16px;
	margin-top: -8px;
	background: url(/shared/images/icon_common.png) 3px center no-repeat;
}
article .icon a[target='_blank']:before {
	background-position: -275px center;
}
article .icon a[href*='.pdf']:before,
.infoIR a[href*='.pdf']:before {
	background: url(/shared/images/pdf.png) 0 0 no-repeat;
}
article .icon a[href*='.doc']:before,
.infoIR a[href*='.doc']:before {
	background: url(/shared/images/doc.png) 0 0 no-repeat;
}
article .icon a[href*='.xls']:before,
.infoIR a[href*='.xls']:before {
	background: url(/shared/images/xls.png) 0 0 no-repeat;
}
article .icon a[href*='.ppt']:before,
.infoIR a[href*='.ppt']:before {
	background: url(/shared/images/ppt.png) 0 0 no-repeat;
}
article .icon a[href*='.txt']:before,
.infoIR a[href*='.txt']:before {
	background: url(/shared/images/txt.png) 0 0 no-repeat;
}
article .icon a[href*='.zip']:before,
.infoIR a[href*='.zip']:before {
	background: url(/shared/images/zip.png) 0 0 no-repeat;
}

/* ancor */
article .ancor {
	padding-left: 0;
}
article .ancor > li {
	display: inline-block;
	margin: .5em .5em 0 0;
	white-space: nowrap;
}
article .ancor > li a[href^='#']:before {
	background-position: -350px center;
}

/* image layout */
article figure {
	margin-top: 1em;
	text-align: center;
}
article figure:last-child {
	margin-bottom: 0;
}
article figure a {
	text-decoration: none;
}
article figcaption {
	padding-top: 0.5em;
	color: #999;
	text-align: left;
}
article div figure {
	background: #d9d9d9 url(../../shared/images/bg_dot.png) repeat;
}
article div figcaption {
	background-color: #fff;
}
article div figure img {
	vertical-align: bottom;
}
.wid320 figure {
	margin-top: 0;
	width: 49%;
	max-width: 320px;
}
.wid320 .sentence {
	width: 49%;
}
.wid210 figure {
	margin-top: 0;
	width: 32%;
	max-width: 210px;
}
.wid210 .sentence {
	width: 66%;
}
.wid120 figure {
	margin-top: 0;
	width: 19%;
	max-width: 120px;
}
.wid120 .sentence {
	width: 79%;
}
.parallelL,
.parallelR,
.roundL,
.roundR {
	margin-top: 1em;
}
.parallelL:after,
.parallelR:after,
.roundL:after,
.roundR:after{
	content: '';
	display: block;
	clear: both;
}
.parallelL *,
.parallelR *,
.roundL *,
.roundR * {
	margin-left: 0;
	margin-right: 0;
}
.parallelL figure,
.parallelR .sentence,
.roundL figure {
	float: left;
}
.parallelR figure,
.parallelL .sentence,
.roundR figure {
	float: right;
}
.roundL figure {
	margin: 0 1em 0.5em 0;
}
.roundR figure {
	margin: 0 0 0.5em 1em;
}
.roundL figure + *,
.roundR figure + * {
	margin-top: 0;
}
.parallelL .sentence > *:first-child,
.parallelR .sentence > *:first-child {
	margin-top: 0;
}
.parallelL .sentence > h2,
.parallelL .sentence > h3,
.parallelL .sentence > h4,
.parallelL .sentence > h5,
.parallelL .sentence > h6 {
	margin-right: -20px;
}
.parallelR .sentence > h2,
.parallelR .sentence > h3,
.parallelR .sentence > h4,
.parallelR .sentence > h5,
.parallelR .sentence > h6 {
	margin-left: -20px;
}

/* toHead */
.toHead {
	margin-top: 2em;
	text-align: right;
}
article > .toHead:last-child {
	margin: 2em 0;
	padding-top: 0.5em;
	border-top-width: 2px;
	border-top-style: solid;
}
#fullIndex > .toHead:last-child,
#container article > .toHead:last-child {
	margin: 2em -20px;
}
.toHead:before {
	content: '';
	display: inline-block;
	width: 18px;
	height: 1.4em;
	min-height: 15px;
	vertical-align: middle;
	background: url(/shared/images/icon_common.png) -50px center no-repeat;
}
@media only screen and (min-width: 601px) and (max-width: 800px),
	only screen and (max-width: 620px) {
	.wid320 figure {
		float: none;
		width: auto;
		margin: 0 0 1em;
		max-width: 100%;
	}
	.wid320 .sentence {
		float: none;
		width: auto;
		margin: 1em 0 0;
	}
}
@media only screen and (min-width: 601px) and (max-width: 720px),
	only screen and (max-width: 560px) {
	.wid210 figure {
		float: none;
		width: auto;
		margin: 0 0 1em;
		max-width: 100%;
	}
	.wid210 .sentence {
		float: none;
		width: auto;
		margin: 1em 0 0;
	}
}
@media only screen and (min-width: 601px) and (max-width: 640px),
	only screen and (max-width: 480px) {
	.wid120 figure {
		float: none;
		width: auto;
		margin: 0 0 1em;
		max-width: 100%;
	}
	.wid120 .sentence {
		float: none;
		width: auto;
		margin: 1em 0 0;
	}
}

/* column wide ------------------------------- */
.widMax {
	margin: 0 -20px;
}
.widMax > h2,
.widMax > h3,
.widMax > h4,
.widMax > h5,
.widMax > h6 {
	margin-left: 0;
	margin-right: 0;
}
.widMax > div:first-child,
.widMax > ul:first-child,
.widMax > pl:first-child,
.widMax > p:first-child,
.widMax > table:first-child {
	margin-top: 2.5em;
}

/* column half ------------------------------- */
.clearfix {
	margin: 0 -20px;
}
.col3 {
	margin: 0 -20px;
}
.clearfix .sideL,
.clearfix .sideR {
	width: 49%;
	max-width: 340px;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.clearfix .sideL {
	float: left;
}
.clearfix .sideR {
	float: right;
}
.clearfix .sideL.noSec {
	border-right-style: none;
}
.clearfix .sideR.noSec {
	border-left-style: none;
}
.clearfix.short .sideL,
.clearfix.short .sideR {
	border-right-style: none;
	border-left-style: none;
}
.clearfix .sideL h2,
.clearfix .sideL h3,
.clearfix .sideL h4,
.clearfix .sideL h5,
.clearfix .sideL h6,
.clearfix .sideL .wm-border,
.clearfix .sideL .wm-background,
.clearfix .sideL .wm-border-background,
.clearfix .sideL .parallelL,
.clearfix .sideR h2,
.clearfix .sideR h3,
.clearfix .sideR h4,
.clearfix .sideR h5,
.clearfix .sideR h6,
.clearfix .sideR .wm-border,
.clearfix .sideR .wm-background,
.sideR .wm-border-background,
.clearfix .sideR .parallelL {
	margin-left: -20px;
	margin-right: -20px;
}
.clearfix .noSec .wm-border,
.clearfix .noSec .wm-background,
.clearfix .noSec .wm-border-background,
.clearfix .noSec .parallelL {
	margin-left: 0;
	margin-right: 0;
}
.clearfix .sideL .parallelL,
.clearfix .sideR .parallelL {
	margin-top: 10px;
}
.clearfix .sideL h3+.parallelL,
.clearfix .sideR h3+.parallelL {
	margin-top: 6px;
}
h2+.clearfix .sideL h3:first-child,
h2+.clearfix .sideR h3:first-child,
h3+.clearfix .sideL h4:first-child,
h3+.clearfix .sideR h4:first-child,
h4+.clearfix .sideL h5:first-child,
h4+.clearfix .sideR h5:first-child,
h5+.clearfix .sideL h6:first-child,
h5+.clearfix .sideR h6:first-child {
	margin-top: .7em;
}
.clearfix+.clearfix .sideL h3:first-child,
.clearfix+.clearfix .sideL h4:first-child,
.clearfix+.clearfix .sideL h5:first-child,
.clearfix+.clearfix .sideL h6:first-child,
.clearfix+.clearfix .sideR h3:first-child,
.clearfix+.clearfix .sideR h4:first-child,
.clearfix+.clearfix .sideR h5:first-child,
.clearfix+.clearfix .sideR h6:first-child {
	margin-top: 1em;
}
.clearfix .parallelL figure {
	width: 36%;
	max-width: 122px;
	border: 1px solid #cbcbcb;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.clearfix .parallelL figure * {
	display: block;
	margin: 0 auto;
}
.clearfix .parallelL .sentence {
	width: 62%;
	max-width: 205px;
}
.clearfix .noSec .parallelL figure {
	width: 38%;
	max-width: 120px;
	border-style: none;
}
.clearfix .noSec .parallelL  .sentence {
	width: 60%;
}
.clearfix h2,
.clearfix h3,
.clearfix h4,
.clearfix h5,
.clearfix h6 {
	margin: 1.5em 0 0;
}

/* imageTile */
.imageTile:after {
	content: '';
	display: block;
	clear: both;
}
.imageTile figure {
	float: left;
	width: 48%;
	margin: 1em 1% 0;
}
.imageTile figcaption {
	text-align: left;
}
.imageTile figure:nth-child(odd) {
	clear: left;
}

@media only screen and (max-width: 660px) {
	.clearfix {
		margin: 0;
	}
	.clearfix .sideL,
	.clearfix .sideR,
	.clearfix .parallelL figure,
	.clearfix .parallelL .sentence {
		float: none;
		width: auto;
		max-width: 100%;
	}
	.clearfix .sideL,
	.clearfix .sideR {
		border-style: none;
	}
	.clearfix .parallelL figure {
		border-style: none;
	}
}

/* column one third -------------------------- */
.sep3 {
	float: left;
	width: 32%;
	margin-left: 2%;
	padding: 0 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.sep3 h2,
.sep3 h3,
.sep3 h4,
.sep3 h5,
.sep3 h6 {
	margin-left: -20px;
	margin-right: -20px;
}
@media only screen and (min-width: 691px) {
	.sep3:nth-child(3n+1) {
		clear: left;
		margin-left: 0;
	}
}
@media only screen and (max-width: 690px) {
	.sep3 {
		width: 49%;
	}
	.sep3:nth-child(2n+1) {
		clear: left;
		margin-left: 0;
	}
}
@media only screen and (max-width: 360px) {
	.sep3 {
		float: none;
		width: auto;
	}
	.sep3+.sep3 {
		margin: 1em 0 0;
	}
}

/* products ---------------------------------- */
.prodData {
	margin: 1em 0 0;
	padding: 10px;
	background: #e5e5e5 url(../../shared/images/bg_dot.png) repeat;
	border: 1px solid #ccc;
}
.prodData * {
	margin-top: .5em;
}
.prodData .type {
	position: relative;
	margin: -11px -11px 0 !important;
	padding: 0.3em 20px;
	font-weight: normal;
	border-width: 1px;
	border-style: solid;
}
.prodData .type:before {
	position: absolute;
	top: 0;
	left: 0;
	content: '';
	display: block;
	width: 14px;
	height: 100%;
	border-width: 3px;
	border-style: solid;
	-webkit-box-sizing: border-box;
	-mox-box-sizing: border-box;
	box-sizing: border-box;
}
.prodData span.ico {
	padding: 0 .5em;
	background-color: #bfd4ea;
	white-space: nowrap;
}
.prodData span.sub {
	color: #99c;
}
.prodData span.ico+span.sub {
	display: block;
}
.prodData .price {
	padding-top: .5em;
	text-align: right;
	border-top: 1px solid #999;
}
.prodData .tag {
	margin-left: -.2em;
	text-align: right;
}
.prodData .tag li {
	display: inline-block;
	margin: .2em .2em 0 0;
	background-color: #fff;
}
.prodImg {
	margin-top: .5em;
}
.prodImg:after {
	content: '';
	display: block;
	clear: both;
}
.prodImg.double .image {
	float: left;
	max-width: 47%;
}
.prodImg .image+.image {
	margin-left: 6%;
	width: 47%;
}
.prodImg p {
	margin-top: .2em;
	color: #99c;
	font-size: 76%;
}
.prodImg p b {
	color: #000;
}
.prodData+.noteK {
	margin-top: .3em;
	text-align: right;
}
.prodImg .noteK {
	float: right;
	min-width: 47%;
	text-align: right;
}
.widMin .wm-border {
	margin-top: .8em;
}
.wm-border > .clearfix {
	margin: 0;
}
.wm-border > .clearfix table {
	width: 50%;
	min-width: 0;
	float: left;
	margin: 0;
}
.wm-border > .clearfix th,
.wm-border > .clearfix td,
.wm-border .spec th,
.wm-border .spec td {
	padding: 0;
	vertical-align: top;
	font-size: 78%;
	line-height: 1.2em;
	background-color: #fff;
	border-style: none;
}
.wm-border > .clearfix tr+tr th,
.wm-border > .clearfix tr+tr td,
.wm-border .spec tr+tr th,
.wm-border .spec tr+tr td {
	padding-top: .4em;
}
.wm-border > .clearfix th,
.wm-border .spec th {
	width: 1%;
	padding-right: 1em;
	white-space: nowrap;
}
.wm-border > .clearfix th[colspan],
.wm-border .spec th[colspan] {
	white-space: normal;
}
.wm-border > .clearfix td,
.wm-border .spec td {
	width: 99%;
	padding-right: .5em;
	word-break: break-all;
}
.wm-border > .clearfix td:before,
.wm-border .spec td:before {
	content: ':';
	display: inline-block;
	width: 1em;
	margin-left: -1em;
	text-align: center;
	vertical-align: middle;
}
.clearfix .wm-border > .clearfix table {
	width: auto;
	float: none;
}
.wm-border .spec + p,
.wm-border .spec + ul,
.wm-border .spec + ol {
	clear: both;
	padding-top: 1em;
}
.clearfix .wm-border > .clearfix table,
.clearfix .wm-border .spec {
	margin: -.2em 0;
}
.sep3 .wm-border > .clearfix table,
.sep3 .wm-border > .clearfix thead,
.sep3 .wm-border > .clearfix tbody,
.sep3 .wm-border > .clearfix tr,
.sep3 .wm-border > .clearfix th,
.sep3 .wm-border > .clearfix td
.sep3 .wm-border .spec table,
.sep3 .wm-border .spec thead,
.sep3 .wm-border .spec tbody,
.sep3 .wm-border .spec tr,
.sep3 .wm-border .spec th,
.sep3 .wm-border .spec td {
	display: block;
}
.sep3 .wm-border > .clearfix tr+tr th,
.sep3 .wm-border .spec tr+tr th {
	margin-top: .62em;
	padding-top: 0;
}
.sep3 .wm-border > .clearfix tr+tr td,
.sep3 .wm-border .spec tr+tr td {
	padding-top: 0;
}
.sep3 .wm-border > .clearfix th,
.sep3 .wm-border .spec th {
	width: auto;
	padding-right: 0;
	white-space: normal;
}
.sep3 .wm-border > .clearfix td,
.sep3 .wm-border .spec td {
	width: auto;
	padding-right: 0;
}
.sep3:not(:target) .wm-border > .clearfix th:after,
.sep3:not(:target) .wm-border .spec th:after {
	content: ':';
	display: inline-block;
	width: 1em;
	text-align: center;
	vertical-align: middle;
}
.sep3 .wm-border > .clearfix th[colspan]:after,
.sep3 .wm-border .spec th[colspan]:after,
.sep3:not(:target) .wm-border > .clearfix td:before,
.sep3:not(:target) .wm-border .spec td:before {
	display: none;
}
@media only screen and (max-width: 480px) {
	.wm-border > .clearfix table,
	.wm-border > .clearfix thead,
	.wm-border > .clearfix tbody,
	.wm-border > .clearfix tr,
	.wm-border > .clearfix th,
	.wm-border > .clearfix td
	.wm-border .spec table,
	.wm-border .spec thead,
	.wm-border .spec tbody,
	.wm-border .spec tr,
	.wm-border .spec th,
	.wm-border .spec td {
		display: block;
	}
	.wm-border > .clearfix tr+tr th,
	.wm-border .spec tr+tr th {
		margin-top: .62em;
		padding-top: 0;
	}
	.wm-border > .clearfix tr+tr td,
	.wm-border .spec tr+tr td {
		padding-top: 0;
	}
	.wm-border > .clearfix th,
	.wm-border .spec th {
		width: auto;
		padding-right: 0;
		white-space: normal;
	}
	.wm-border > .clearfix td,
	.wm-border .spec td {
		width: auto;
		padding-right: 0;
	}
	.wm-border > .clearfix th:after,
	.wm-border .spec th:after {
		content: ':';
		display: inline-block;
		width: 1em;
		text-align: center;
		vertical-align: middle;
	}
	.wm-border > .clearfix th[colspan]:after,
	.wm-border .spec th[colspan]:after,
	.wm-border > .clearfix td:before,
	.wm-border .spec td:before {
		display: none;
	}
	.clearfix .wm-border > .clearfix table,
	.clearfix .wm-border .spec {
		margin: 0;
	}
}








.compImage,
.compData .clearfix {
	margin: 0 0 0 -20px;
}
.compImage li,
.clearfix .compItem {
	float: left;
	width: 50%;
}
.compImage li .inner,
.clearfix .compItem > * {
	margin-left: 20px;
	margin-right: 0;
}
.compImage:after {
	content: '';
	display: block;
	clear: both;
}
.compList {
	margin-top: 1em;
	padding-left: 0;
	list-style: none;
}
.compList img {
	display: block;
	margin: 10px auto;
}
.compList li {
	margin-top: 3px;
}
.compList li .inner {
	border: 1px solid #bacbdb;
}
.compList li .inner p,
.compList li .inner .noteR {
	display: block;
	margin: 0 10px;
	color: #99c;
	text-align: right;
	background-color: #fff;
}
.compList li span {
	position: relative;
	display: block;
	padding-left: 32px;
	line-height: 25px;
	background-color: #efefef;
}
.compList li+li span {
	background-color: #eaeaea;
}
.compList li+li+li span,
.compList .last span {
	background-color: #fae5e5;
}
.compItem:nth-child(odd) {
	clear: left;
}
.compItem ul {
	position: relative;
	padding-left: 32px;
	list-style: none;
}
.compItem li {
	margin-top: -5px;
	padding: 5px 0;
	line-height: 25px;
}
.compGraph li {
	background-color: #fff;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.compItem span {
	display: inline-block;
	vertical-align: top;
}
.compItem .graph {
	width: 0;
	margin: 5px 2px 0 0;
	height: 15px;
	text-indent: 100%;
	white-space: nowrap;
	background-color: #999;
	overflow: hidden;
}
.compGraph+p {
	margin-top: .3em;
	text-align: center;
}
.compGraph+p strong {
	font-weight: normal;
	font-size: 110%;
}
.compList .mark,
.compItem .mark {
	position: absolute;
	left: 0;
	display: block;
	width: 25px;
	padding: 0;
	color: #fff;
	text-align: center;
	background-color: #999;
}
.compItem .mark {
	width: 23px;
	line-height: 23px;
	border: 1px solid #bacbdb;
}
.compList li+li .mark,
.compItem li+li .mark,
.compItem li+li .graph  {
	background-color: #666;
}
.compList li+li+li .mark,
.compList .last .mark,
.compItem li+li+li .mark,
.compItem .last .mark,
.compItem li+li+li .graph,
.compItem .last .graph {
	background-color: #c00;
}
.pageNav {
	margin-right: -20px;
	text-align: right;
	line-height: 20px;
	border-right: 1px solid #ccc;
}
.pageNav li {
	display: inline-block;
	margin: 0 !important;
	padding: 0 .7em;
	vertical-align: middle;
	line-height: 20px;
	border-left: 1px solid #ccc;
}
.pageNav li a {
	white-space: nowrap;
}
.pageNav .current a {
	padding-left: 0;
	font-weight: bold;
	text-decoration: none;
	cursor: text;
}
.pageNav .current a:before {
	display: none;
}
@media only screen and (max-width: 480px) {
	.wm-border > .clearfix table {
		float: none;
		width: auto;
	}
	.wm-border > .clearfix table+table {
		margin-top: 1em;
	}
	.compImage li,
	.clearfix .compItem {
		float: none;
		width: auto;
	}
}

/* information ------------------------------- */
#homeBody .sideL section,
#catTop section {
	border: 1px solid #ccc;
}
#catTop h1 {
	padding: 0.5em 20px;
}
#homeBody .sideL section h2,
#catTop section h2 {
	padding: 0 10px 0 50px;
	height: 48px;
	line-height: 48px;
	color: #fff;
	border-style: none;
}
.infoList {
	padding-left: 0;
	list-style-type: none;
}
.infoList li {
	position: relative;
	margin-left: 0;
}
.infoList time {
	float: left;
	font-weight: bold;
	white-space: nowrap;
}
.infoList time:after {
	content: '';
	display: inline-block;
	float: right;
	width: 15px;
	height: 1.4em;
	min-height: 16px;
	margin-right: -15px;
	vertical-align: middle;
	background: url(/shared/images/icon_common.png) 0 center no-repeat;
}
.infoBtn {
	list-style-type: none;
	float: right;
	margin: -1em 5px -10px;
	padding: 0;
}
.infoBtn li {
	float: left;
	width: 55px;
	margin: 0;
	overflow: hidden;
}
.infoBtn li a {
	display: block;
	height: 26px;
	text-indent: 100%;
	text-decoration: none;
	white-space: nowrap;
	background-position: 0 -192px;
	background-repeat: no-repeat;
}
.infoBtn li a:hover,
.infoBtn li a:active {
	background-position: 0 -218px;
}
.infoBtn li+li a {
	background-position: -55px -192px;
}
.infoBtn li+li a:hover,
.infoBtn li+li a:active {
	background-position: -55px -218px;
}
.infoDate {
	text-align: right;
}
.pastLogs {
	text-align: right;
	border-top: 1px solid #ccc;
}
.pastLogs li {
	display: inline-block;
	margin-left: 0 !important;
}
.pastLogs .current {
	color: inherit;
	font-weight: bold;
	text-decoration: none;
}
dl.infoIR {
	margin-top: 1em;
	border-bottom: 1px dotted #ccc;
}
ul.infoIR {
	padding-left: 0;
	list-style-type: none;
}
.infoIR dt {
	float: left;
	padding-top: 0.8em;
}
.infoIR dd {
	padding: 0.8em 0 0.8em 9em;
}
.infoIR dd+dd {
	margin-top: -1em;
}
.infoIR dt+dd {
	border-top: 1px dotted #ccc;
}
.infoIR ul {
	margin-top: 0;
	color: #999;
	list-style-type: none;
}
.infoIR ul li:first-child {
	margin-top: 0;
}
.infoIR ul li:before {
	content: '└';
}
ul.infoIR > li > ul {
	margin-top: 0.5em;
	padding: 0.5em 0.5em 0.5em 20px;
	background-color: #eee;
	border: 1px solid #ccc;
}
.infoList .catItem {
	display: block;
	color: #444;
}
@media only screen and (max-width: 800px) {
	.infoList li {
		padding-left: 0 !important;
	}
	.infoList time {
		float: none;
		margin: 0 0 0.5em !important;
	}
	.infoList time {
		position: absolute;
	}
	.infoList time:after {
		display: none;
	}
	.infoList .catItem {
		position: absolute;
	}
	.infoList li a {
		position: relative;
		display: block;
	}
}
@media only screen and (min-width: 601px) and (max-width: 800px) {
	.infoList time {
		top: 0;
		left: 0;
	}
	.infoList .catItem {
		top: 0;
	}
	.infoList li a {
		padding: 1.5em 0 0 15px;
	}
	.infoList li a:before {
		content: '';
		display: inline-block;
		float: left;
		width: 15px;
		height: 1.4em;
		min-height: 16px;
		margin-left: -15px;
		vertical-align: middle;
		background: url(/shared/images/icon_common.png) 0 center no-repeat;
	}
}
@media only screen and (max-width: 600px) {
	.infoList {
		border-top: 1px solid #ccc;
	}
	.infoList li,
	.infoBtn li {
		margin: 0;
		padding: 0 !important;
		border-width: 1px;
		border-style: solid;
		border-top-style: none;
		background-color: #fff;
		border-color: #ccc;
	}
	.infoList time {
		top: 1em;
		left: 1em;
	}
	.infoList .catItem {
		top: 1em;
	}
	.infoList li a {
		padding: 2.5em 35px 1em 1em !important;
	}
	.infoBtn li a {
		position: relative;
		display: block;
		padding: 1em 35px 1em 1em !important;
	}
	.infoList li a:after,
	.infoBtn li a:after {
		content: '';
		display: block;
		position: absolute;
		top: 0;
		right: 10px;
		width: 14px;
		height: 100%;
		background: url(/shared/images/icon_common.png) -325px center no-repeat;
	}
	.infoBtn,
	.infoBtn li {
		float: none;
		width: auto;
	}
	.infoBtn li a {
		position: relative;
		height: auto;
		text-indent: 0;
		text-align: center;
		background-image: none !important;
		background-color: #e6eff6;
	}
	.infoBtn li+li {
		display: none;
	}
	#catTop .infoList,
	#catTop .infoBtn {
		border-top-style: none;
		margin: 0 5px !important;
	}
	.infoIR dt {
		float: none;
		padding-top: 0.8em;
		border-top: 1px dotted #ccc;
	}
	.infoIR dt:after {
		content: '：';
	}
	.infoIR dd {
		padding: 0.8em 0;
	}
	.infoIR dd+dd {
		margin-top: -0.8em;
	}
	.infoIR dt+dd {
		border-style: none;
	}
}

/* category top ------------------------------ */
/* catTop */
#fullIndex {
	width: 920px;
	padding: 0 20px;
}
#catTop {
	margin: 0 -20px 1.5em;
}
#catTop:after {
	content: '';
	display: block;
	clear: both;
}
#catTop header {
	position: relative;
	float: left;
	width: 64%;
	height: 334px;
	max-width: 610px;
	padding: 0;
	overflow: hidden;
}
#catTop h1 {
	position: absolute;
	bottom: 0;
	width: 100%;
	margin: 0;
	background-color: rgba(0, 0, 0, 0.7);
	border-color: #000;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	z-index: 500;
}
#catTop figure {
	position: relative;
	margin: 0;
	z-index: 409;
}
#catTop section {
	position: relative;
	float: right;
	width: 35.5%;
	max-width: 340px;
	min-height: 334px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#catTop section h2 {
	color: #fff;
	margin: -1px -1px 0;
	background-position: 0 -48px;
}
#catTop .infoList {
	margin: 1em;
}
#catTop .infoList li {
	padding-left: 0;
}
#catTop .infoList time {
	float: none;
	margin: 0;
}
#catTop .infoList time:after {
	display: none;
	text-decoration-color: #fff;
}
#catTop .infoBtn {
	position: absolute;
	bottom: 0;
	right: 3px;
	margin-right: 0;
	margin-bottom: -12px;
}

/* tabMenu */
.tabMenu {
	position: relative;
	margin: 30px 0 0;
	padding-top: 3em;
	z-index: 1;
}
#fullIndex .tabMenu {
	margin: 30px -20px 0;
}
.tabMenu ul {
	margin: 0;
	height: 50px;
	padding: 0 20px;
	background: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#fff));
	background: -webkit-linear-gradient(#f7f7f7, #fff);
	background: -moz-linear-gradient(#f7f7f7, #fff);
	background: -ms-linear-gradient(#f7f7f7, #fff);
	background: -o-linear-gradient(#f7f7f7, #fff);
	background: linear-gradient(#f7f7f7, #fff);
	-ms-filter: 'progid:DXImageTransform.Microsoft.gradient(startcolorstr=#fff7f7f7, endcolorstr=#ffffffff)';
	border-top: 2px solid #ccc;
	list-style-type: none;
}
.tabMenu ul:after {
	content: '';
	display: block;
	clear: both;
}
.tabMenu li {
	float: left;
	margin-top: -2.4em;
	padding-right: 4px;
	border-bottom: 1px solid #f7f7f7;
}
.tabMenu li.icon {
	margin-left: 0;
}
.tabMenu li a {
	position: relative;
	display: block;
	height: 2.4em;
	line-height: 2.4em;
	padding: 0 0.5em;
	min-width: 10em;
	color: #000;
	text-decoration: none;
	white-space: nowrap;
	background: url(/shared/images/bg_tab.png) right top no-repeat;
	border-left: 1px solid #ccc;
}
.tabMenu li a:hover {
	margin-top: -3px;
	padding-top: 3px;
}
.tabMenu li.current a{
	margin-top: -3px;
	padding-top: 3px;
	background-color: #f7f7f7;
}
.tabMenu+.tabBox {
	position: relative;
	margin-top: -53px;
}
#container .tabBox,
.tabMenu+* {
	position: relative;
	margin-top: -30px;
	z-index: 2;
}
#container .tabMenu {
	margin: 1em -20px 0;
}
#container h2+.tabMenu,
#container h3+.tabMenu,
#container p+.tabMenu {
	margin-top: 5px;
}
#container .tabMenu .icon {
	text-indent: 0;
}
#container .tabMenu .icon a:before {
	display: none;
}
.curTitle,
.tabHide {
	display: none;
}
.curTitle+* {
	margin-top: 0;
}

/* indexList */
.tabBox {
	position: relative;
	margin-top: 1em;
	z-index: 2;
}
.indexList {
	margin: 1em 0 0 -16px;
}
ul.indexList {
	list-style: none;
	padding-left: 0;
}
.indexList ul.indexList {
	margin: .5em 0 0;
}
.indexList:after {
	content: '';
	display: block;
	clear: both;
}
div.indexList > h3 {
	margin: 1em 20px 0;
}
.indexList .item {
	float: left;
	margin: 0 0 1em;
	width: 33.333%;
}
.indexList .item > .inner {
	margin: 7px 0 0 16px;
}
.indexList .item > .inner > a > *:first-child,
.indexList .item > .inner > div > *:first-child {
	margin: 0;
}
.indexList .item > .inner > a:first-child,
.indexList .item > .inner > div:first-child {
	padding-bottom: 20px;
}
.indexList .item > .inner > a:first-child+p,
.indexList .item > .inner > div:first-child+p  {
	margin-top: -12px;
}
.indexList .item > .inner > * > *+p {
	margin: 7px 0 0;
}
.indexList .item a {
	display: block;
	color: #000;
	text-decoration: none;
}
.indexList .inner > * > h3 {
	padding: 0;
	color: #000;
	margin-top: 15px;
	border-style: none;
}
.indexList .inner > * > h3:after {
	content: '';
	display: block;
	height: 9px;
	margin: -10px 0 0 5px;
}
.indexList .inner h2,
.indexList .inner h3 {
	margin: 0;
}
.indexList .inner figure+h2,
.indexList .inner figure+h3 {
	margin-top: 1.2em;
}
@media only screen and (max-width: 980px) {
	#fullIndex {
		width: auto;
		padding: 0 30px;
	}
}
@media only screen and (min-width: 691px) {
	.indexList .item:nth-child(3n+1) {
		clear: left;
	}
}
@media only screen and (max-width: 690px) {
	.indexList .item {
		width: 50%;
	}
	.indexList .item:nth-child(2n+1) {
		clear: left;
	}
}
@media only screen and (min-width: 601px) {
	#catTop figure {
		position: absolute;
		top: 0;
		width: 300%;
		margin-left: -100%;
	}
}
@media only screen and (max-width: 600px) {
	#catTop header,
	#catTop section {
		float: none;
		width: auto;
		height: auto;
		max-width: 120%;
		min-height: 0;
	}
	#catTop section {
		margin: 1em -5px 0;
		border-style: none;
	}
	#catTop section h2 {
		margin: 0 5px;
	}
	#catTop .infoBtn {
		position: static;
	}
	.tabMenu {
		display: none;
	}
	.curTitle,
	.tabHide {
		display: block;
	}
	.tabMenu+* {
		margin-top: 1.5em;
	}
	.tabMenu+.tabBox,
	#container .tabBox,
	#container .curTitle+* {
		margin-top: 1em;
	}
	.indexList {
		margin: 1em 0 0 -16px;
	}
}
@media only screen and (max-width: 360px) {
	.indexList {
		max-width: 296px;
		margin-left: auto;
		margin-right: auto;
	}
	.indexList .item {
		float: none;
		width: 100%;
	}
	.indexList .item > * {
		margin-left: 0 !important;
	}
}

/* light box --------------------------------- */
#scrBlk {
	position: fixed;
	top: 0;
	left: 0;
	display: none;
	width: 100%;
	height: 100%;
	background-color: #000;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	z-index: 10000;
	cursor: pointer;
}
#subWin {
	position: fixed;
	top: 50%;
	left: 50%;
	display: none;
	padding: 20px;
	background-color: #fff;
	z-index: 10001;
}
#subWin #clsBtn {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 20px;
	height: 20px;
	color: #fff;
	text-align: center;
	line-height: 20px;
	cursor: pointer;
}
#subWin img {
	display: block;
}
#subWin img[src$=".svg"] {
    width: 100%;
	height: 100%;
}

/* table wrapping ---------------------------- */
.tableWrap {
	position: relative;
	overflow: hidden;
	margin-top: 1em;
	max-height: 400px;
}
.tableWrap table {
	margin-top: 0;
}
.tableWrap .clickBtn {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 5px;
	color: #fff;
	font-size: 120%;
	background-color: #000;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	cursor: pointer;
}
.tableWrap table {
	table-layout: fixed;
}
.tableWrap th,
.tableWrap td {
	text-indent: 200%;
	white-space: nowrap;
	overflow: hidden;
}
.tableWrap th *,
.tableWrap td * {
	display: none;
}

/* original ---------------------------------- */
.plugin,
dl.clearfix {
	margin: 1em -20px 0;
	padding: 5px;
	background: #ccc url(/shared/images/bg_dot.png) repeat;
}
.widMax .plugin,
.widMax dl.clearfix {
	margin: 1em 0 0;
}
.plugin dl {
	margin: 0 !important;
	padding: 1em;
	background-color: #fff;
}
.plugin dl:after {
	content: '';
	display: block;
	clear: both;
}
.plugin dt,
dl.clearfix dt {
	float: left;
	width: 100px;
}
.plugin dd {
	margin-left: 0 !important;
	padding-left: 100px;
}
dl.clearfix dt {
	padding: 15px;
}
dl.clearfix dd {
	margin-left: 0 !important;
	padding: 15px 15px 15px 115px;
	background-color: #fff;
}
ul.noteK,
ul.noteA,
ul.noteKnote01,
ul.noteKnoteEYE01 {
	list-style: none;
	padding-left: 0;
}
p.noteK,
ul.noteK li,
ul.noteKnote01 li,
ul.noteKnoteEYE01 li {
	text-indent: -1em;
	padding-left: 1em;
	color: #99c;
}
p.noteA,
ul.noteA li {
	text-indent: -.5em;
	padding-left: .5em;
	color: #99c;
}
p.noteK *,
ul.noteK li *,
p.noteA *,
ul.noteA li * {
	color: #000;
	text-indent: 0;
}
p.noteK sup,
p.noteK sub,
ul.noteK li sup,
ul.noteK li sub,
p.noteA sup,
p.noteA sub,
ul.noteA li sup,
ul.noteA li sub {
	color: inherit;
}
table+.noteK,
table+.noteA {
	margin-top: .3em;
}
pre {
	margin-top: 1.5em;
}
pre+pre {
	margin: 0;
}
/*
pre a {
	color: inherit;
	text-decoration: none;
}
*/
.tag {
	margin-top: .5em;
	padding-left: 0;
	list-style-type: none;
}
.tag li {
	display: inline-block;
	margin: 0.5em 0 0 0.2em;
	padding: 0.1em 0.3em;
	white-space: nowrap;
	background-color: #eee;
	border: 1px solid #999;
}
ul.blue li, 
.tag li.blue {
	background-color: #bfd4ea;
	border-style: none;
}

/* Retina ------------------------------------ */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (min--moz-device-pixel-ratio: 1.5),
	only screen and (-o-min-device-pixel-ratio: 3/2),
	only screen and (min-device-pixel-ratio: 1.5) {
	article .icon a[href*='.pdf']:before,
	.infoIR a[href*='.pdf']:before {
		background-image: url(/shared/images/pdf.svg);
	}
	article .icon a[href*='.doc']:before,
	.infoIR a[href*='.doc']:before {
		background-image: url(/shared/images/doc.svg);
	}
	article .icon a[href*='.xls']:before,
	.infoIR a[href*='.xls']:before {
		background-image: url(/shared/images/xls.svg);
	}
	article .icon a[href*='.ppt']:before,
	.infoIR a[href*='.ppt']:before {
		background-image: url(/shared/images/ppt.svg);
	}
	article .icon a[href*='.txt']:before,
	.infoIR a[href*='.txt']:before {
		background-image: url(/shared/images/txt.svg);
	}
	article .icon a[href*='.zip']:before,
	.infoIR a[href*='.zip']:before {
		background-image: url(/shared/images/zip.svg);
	}
}