@charset "EUC-JP";

/*  #contents
---------------------------------------------------------- */
body{
	min-width: 100px !important;
}

#box_popup{
	width: 900px;
	margin: 20px 0 0 20px;
}

#box_popup .tit{
	margin: 0 0 10px 0;
}

#box_popup .tit h2{
	margin: 0 0 5px 0;
	font-size: 134%;
	font-weight: bold;
}

#box_popup .tit p em{
	color: #ff3300;
}

#box_popup .box_gradeList{
	width: 900px;
	height: 415px;
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	overflow-y: auto;
	overflow-x: hidden;
}

#box_popup .box_gradeList .list{ border-bottom: 1px solid #e5e5e5;}

#box_popup .box_gradeList .list div.img{
	float: left;
	width: 150px;
}

#box_popup .box_gradeList .list div.img img{
	width: 100px;
	height: 50px;
}

#box_popup .box_gradeList .list div.img .tit{
	margin: 0 0 10px 0;
}

#box_popup .box_gradeList .list div.img .tit em,
#box_popup .box_gradeList .list div.img .tit span{
	display: block;
}

#box_popup .box_gradeList .list div.img .tit em{
	margin: 0 0 5px 0;
	font-weight: bold;
}

#box_popup .box_gradeList .list div.img .tit span{
	font-size: 84%;
}

#box_popup .box_gradeList .list div.txt{
	float: right;
	width: 720px;
}

#box_popup .box_gradeList .list div.txt ul{
	overflow: hidden;
}

#box_popup .box_gradeList .list div.txt ul:first-child li{
	border-top: none;
}

#box_popup .box_gradeList .list div.txt ul input{
	vertical-align: top;
	margin: 2px 7px 0 0;
}

#box_popup .box_gradeList .list div.txt li{
	float: left;
	width: 200px;
	padding: 10px 10px 10px 20px;
	margin: 0 10px 0 0;
	text-indent: -20px;
	border-top: 1px solid #e5e5e5;
	/display: inline;
}

#box_popup .btn{
	width: auto;
	margin: 0 auto;
	padding: 20px 0 0 0;
	text-align: center;
}

#box_popup .btn a{
	width: auto;
}




#box_popup .list .gradeName {
	padding: 0 0 0 16px;
	background-image: url("https://img.goo-net.com/common_v2/img/icon_grade_open.png");
	background-repeat: no-repeat;
	background-position: 98% center;
}

#box_popup .list .gradeName.close { background-image: url("https://img.goo-net.com/common_v2/img/icon_grade_close.png");}

#box_popup .list .gradeName:hover { background-color: #fe4949;}

#box_popup .list .gradeName input,
#box_popup .list .gradeName a,
#box_popup .list .gradeName p {
	float: left;
}

#box_popup .list .gradeName a {
	width: 830px;
	padding: 16px 0;
	display: block;
	color: #000;
	text-decoration: none;
}

#box_popup .list .gradeName input[type=checkbox] {
	width: 17px;
	height: 17px;
	margin: 30px 20px 0 0;
		-moz-transform-origin: right bottom;
		-moz-transform: scale( 1.2 , 1.2 );
		-webkit-transform-origin: right bottom;
		-webkit-transform: scale( 1.1 , 1.1 );
}

#box_popup .list .gradeName p.img {
	width: 100px;
	margin-right: 80px;
}

#box_popup .list .gradeName p.tit { margin: 10px 0 0;}
#box_popup .list .gradeName p.tit em,
#box_popup .list .gradeName p.tit span { display: block;}

#box_popup .list .gradeName p.tit em {
	margin: 0 0 5px 0;
	font-size: 150%;
	font-weight: bold;
}
#box_popup .list .gradeName:hover p.tit em { color: #fff;}

#box_popup .list .gradeName p.tit span { font-size: 84%;}
#box_popup .list .gradeName:hover p.tit span { color: #fff;}

#box_popup .list .gradeList {
	margin-bottom: 15px;
	padding: 10px;
	background: #f3f3f3;
	display: none;
}

#box_popup .list .gradeList li{
	display: inline-block;
		*display: inline;
		*zoom: 1;
	text-indent: -25px;
	vertical-align: top;
}

#box_popup .list .gradeList li:hover {
	color: #fff;
	background-color: #fe4949;
}

#box_popup .list .gradeList li.disabled:hover {
	background: none;
	color: #000;
}

#box_popup .list .gradeList li label {
	width: 220px;
	padding: 10px 10px 10px 50px;
	display: block;
	cursor: pointer;
}

#box_popup .list .gradeList li.disabled label {
	opacity: 0.4;
	filter: alpha(opacity=40);
	-ms-filter: "alpha(opacity=40)";
	cursor: default;
}

#box_popup .list .gradeList li input[type=checkbox] {
	width: 17px;
	height: 17px;
	margin-right: 5px;
	vertical-align: middle;
		-moz-transform-origin: right bottom;
		-moz-transform: scale( 1.2 , 1.2 );
		-webkit-transform-origin: right bottom;
		-webkit-transform: scale( 1.1 , 1.1 );
}

#box_popup .btn_roundWhite {
	width:73px;
	float: left;
}

#box_popup .btn_roundWhite a {
	display: block;
	padding: 5px 0 4px 0;
	height: 17px;
	text-align: center;
	color: #000;
	font-size: 117%;
	font-size: 110%;
	text-decoration: none;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	background-image: url(https://img.goo-net.com/common_v2/img/bg_btn_round_white.png);
}

#box_popup .btn_roundGray,
#box_popup .btn_roundRed {
	width: 302px;
	float: right;
}

#box_popup .btn_roundRed { display: none;}

#box_popup .btn_roundGray a,
#box_popup .btn_roundRed a {
	display: block;
	padding: 9px 0 7px 0;
	height: 20px;
	text-align: center;
	color: #fff;
	font-size: 117%;
	font-weight: bold;
	text-decoration: none;
}


#box_popup .btn_roundGray a,
#box_popup .btn_roundGray a.bg_hover {
	border: none;
	background-image: none;
	background-color: #5f5f5f;
	cursor: default;
}

#box_popup .btn_roundRed a,
#box_popup .btn_roundRed a.bg_hover {;
	border: none;
	background-image: none;
	background-color: #ff3e3e;
}