﻿@charset 'UTF-8';
/*===========================================
product.css
===========================================*/



#grade_list{
	border-collapse: separate;
	border-spacing: 0;
	width:100%;
	border:0px;
	margin: 0 auto;
	padding: 0;
}

#grade_list td,#grade_list th{
	width : 69%; 
	margin: 0;
	padding:5px;
	border-bottom:1px solid #C5C5C5;
	font-size: 14px;
	color: #333333;
	font-style: normal;
	text-align: left;
}

#grade_list td.grade,#grade_list th.grade{
	width:29%;
}

#grade_list th.feature{
	display: none;
}

#grade_list th.grade ,#grade_list td.grade{
	text-align: right;
}

#grade_list th.indent, #grade_list td.indent{
	width:2%;
	border-bottom:0px;
}

#grade_list td.type_narrow{
	height:auto;
	font-size: 14px;
	font-weight: bold;
	border-bottom:0px;
	vertical-align:bottom;
	border: 1px solid #C5C5C5;
	background-color:#f6f6f6;
	/*border-radius:4px;*/
	padding:5px 10px;
	-webkit-box-shadow: 0 4px 3px -3px #EAEAEA;
	-moz-box-shadow: 0 4px 3px -3px #EAEAEA;
	box-shadow: 0 4px 3px -3px #EAEAEA;
}

#grade_list tr.row_indent td{
	border-bottom:0px;
}

#grade_list td.type_wide, #grade_list th.type_wide{ 
	display:none;
}

#grade_list td a {
	text-decoration: underline;
	color: #333333;
}

#grade_list td img {
	border: none;
	vertical-align: middle;
}

a.uri{
	display:none;
}



@media screen and (min-width: 600px){

	#grade_list{
		border-collapse:collapse;
	}

	#grade_list th.grade ,#grade_list td.grade{
		text-align: left;
	}

	#grade_list td,#grade_list th{
		padding:2px 5px;
		width: 30%;
		border:1px solid #e2e2e2;
		font-size:12px
		text-align: left;
	}
	#grade_list th{
		padding:5px;
		background-color:#f6f6f6;
	}

	#grade_list td.grade,#grade_list th.grade{
		width:20%;
	}

	#grade_list td.type_narrow, #grade_list td.partition,#grade_list td.partition,#grade_list th.indent, #grade_list td.indent,#grade_list tr.row_indent td,#grade_list th.type_feature,a.pdf_uri{
		display:none;
	}
	
	#grade_list th.type_wide, #grade_list td.type_wide,#grade_list th.feature{
		display:table-cell;
	}

	a.uri{
		display:block;
	}
}
/*
body {
	font-family: Meiryo,verdana, Hiragino Kaku Gothic Pro, Osaka, MS PGothic,sans-serif;
}*/