@charset "utf-8";


/*----------------------------------------------------*/ 
/* index.html
------------------------------------------------------*/ 

#contents .linkPanel {
	overflow:hidden;
	margin:0 -10px 0 0;
}

#contents .linkPanel li {
	float:left;
	width:192px;
	margin:0 10px 10px 0;
	box-sizing:border-box;
}

#contents .linkPanel li.az {
	float:none;
	margin:0 0 26px;
	padding:0 0 4px 0;
}

#contents .linkPanel li.wa,
#contents .linkPanel li.sho {	width:91px;}
#contents .linkPanel li.freeword {	width:394px; margin-top:20px;}

#contents .linkPanel li a {
	display:block;
	background:#EEEEEE;
	border-radius: 7px; 
	box-shadow:0 5px 0 0 #D8D8D8;
	text-align:center;
	padding:20px;
	font-size:24px;
	font-weight:bold;
	margin:0 0 4px 0;
}

#contents .linkPanel li.sho a { 
	font-size:18px;
	padding:26px 5px;
}

#contents .linkPanel li.freeword a { 
	font-size:18px;
	padding:26px 5px;
}

#contents .linkPanel li.freeword a:before { 
	content:"";
	display:inline-block;
	width:23px;
	height:23px;
	background:url(/jp/products/img/index_img_01.png) no-repeat 0 0 ;
	background-size:23px auto;
	vertical-align:middle;
	margin:0 5px 0 0;
}


#contents .linkPanel li a:hover {
	margin:4px 0 0 0;
	box-shadow:0 1px 0 0 #D8D8D8;
}

/*----------------------------------------------------*/ 
/* document.html
------------------------------------------------------*/ 

#contents .productList {
	width:1000px;
	margin: 50px 0;
}

#contents .productList .productList_box {
	width: 80%;
	margin-inline: auto;
}

#contents .productList .productList_box table td,#contents .productList .productList_box table th {
	font-size: 1.2rem;
}

#contents .productList .productList_box hr {
	display: block;
	overflow-x: hidden;
	overflow-y: hidden;
	unicode-bidi: isolate;
	color: gray;
	margin-block-start: 0.5em;
	margin-block-end: 0.5em;
	margin-inline-start: auto;
	margin-inline-end: auto;
	border-top-style: inset;
	border-top-width: 1px;
}

#contents .productList .productList_box table tr > * {
	padding: 5px;
}

#contents .productList .productList_box table tr > *:nth-child(1) {
	width: 28%;
}

#contents .productList .productList_box table tr > *:nth-child(2) {
	width: 36%;
}