@charset "utf-8";
/* CSS Document */
#grade {
	width:100%;
	background-color:#f7f1e1;
	padding:15px 0;
	margin:15px auto 0;
}
#grade .wrapper {
	background-color:#fff;
	box-sizing:border-box;
	padding:15px;
}
#main_img {
	float: left;
	width:311px;
	height:234px;
	border:3px solid #777777;
}
#g_data {
	width:618px;
	float:right;
}
#g_data h3 {
	height:39px;
	width:100%;
	box-sizing:border-box;
	line-height:39px;
	background-color:#febdd1;
	padding:0 0 0 10px;
	font-weight:normal;
	font-size:15px;
	margin:0 0 10px 0;
}
#g_price {
	width:390px;
	float:left;
	height:102px;
	border:2px solid #777777;
	text-align:center;
}
#g_price  dt {
	width:100%;
	height:40px;
	line-height:40px;
	font-weight:bold;
	background-color:#f7f1e1;
}
#g_price dd {
	height:60px;
	line-height:60px;
}
#g_price dd span {
	font-weight:bold;
	font-size:25px;
	color:#f00;
}
#g_data table {
	width:210px;
	float:left;
	height:108px;
	margin:0 0 0 10px;
	border-bottom:1px dotted #c6c6c6;
}
#g_data table th {
	height:33%;
	width:40%;
	text-align:center;
	background-color:#f7f1e1;
	border-top:1px dotted #c6c6c6;
}
#g_data table td {
	height:33%;
	width:60%;
	padding:0 10px;
	border-top:1px dotted #c6c6c6;
}
#gallery {
	clear:left;
	}
#gallery li {
	width:97px;
	height:72px;
	display:inline-block;
	border:1px solid #c9c9c9;
	margin:10px 0 0 0;
}

/*　テーブル　*/
#grade_list{
	width:100%;
}
#grade_list th{
	height:50px;
	line-height:1.2em;
	vertical-align:central;
	text-align:center;
	background-color:#e2e2e2;
}
#grade_list th a{
	font-weight:normal;
	text-decoration:underline;
}
#w465p{width:465px;}
#w147p{width:147px;}
#w163p{width:163px;}
#w90p{width:90px;}

.output li{
	background-color:#efefef;
	border:5px solid #c6c6c6;
	box-shadow:2px 2px 0px #a8a8a8;
	margin:5px 2px 0; 
}
.output li td{
	padding:7px 0;
	background-color:#FFF;
}
.output li td{
	border-left:2px dotted #efefef;
}
.grade_nm{
	border-left:none !important;
	padding:7px 0 7px 10px !important;
	box-sizing:border-box;
}
#maker_option_prev:hover,#maker_option_next:hover{
	color:#ffcf29;
}

/*　tbody　*/
.price_y{
	background-color:#fff59a;
	width:74px;
	height:16px;
	line-height:16px;
	text-align:center;
	font-size:11px;
	margin:0 auto 3px;
	font-weight:normal;
}
.txt_center{text-align:center;}
.price{
	font-size:18px;
	text-align:center;
	color:#ff0000;
	font-weight:bold;
}
.gradeTD { cursor:pointer;}

/*========================================
 + ページング
========================================*/
.page_area{
	margin:10px 0 5px 0;
	clear:both;
	height:24px;
	padding:0px 0px 5px; 
}

.page{
}
.page:hover,.page.hover{
}
/*#prev{
	background-image:url(../images/page_prev.png);
	background-repeat:no-repeat;
	background-position:center;
	border:none;
}
#next{
	background-image:url(../images/page_next.png);
	background-repeat:no-repeat;
	background-position:center;
	border:none;
}
#prev:hover,#next:hover{background-color:#FFF;}
#prev_page{
	border:none;
	width:auto;
	margin-right:8px;
}
#next_page{
	border:none;
	width:auto;
	margin-left:8px;
}
#prev_page:hover,#next_page:hover{
	text-decoration:underline;
	background-color:#FFF;
}*/
.page_sel{
	color:#f37e45;
}
#page_TT{
	font-size:12px;
	font-weight:bold;
	padding-left:10px;
	background-image:none;
}
#page_TT span{
	font-size:18px;
	color:#ff1200;
	font-family: 'Arial Black';
}
.page_number{
	float:right;
	text-align:right;
	margin:10px;
}
.page_number li{
	border-left:1px solid #bdbdbd;
	padding:0 10px;
	float:left;
}
.lb{
	border-left:1px solid #333;
	padding-left:5px;
}
.rb{
	border-right:1px solid #333;
	padding-right:5px;
}