@charset "utf-8";

/*
=================================================================================
プレミアムグッズプレゼント /present/index.html
=================================================================================
*/

#present_container{
	width: 870px;
	margin: 0 auto;
	padding-bottom: 10px;
}

#present_container h2{
	width: 870px;
	height: 200px;
	margin-bottom: 20px;
}

#present_container .explain{
	border:#000000 1px solid;
	width: 848px;
	padding: 10px;
	margin-bottom: 30px;
}
#present_container .explain h3{
	width: 100%;
	margin-bottom: 10px;
	color: #648200;
	font-weight: bold;
	text-align: center;
}
#present_container .explain p{
	width: 100%;
	text-align: center;
}
#present_container .explain p strong	{
	font-weight: bold;
}

#present_container #upper_box{
	width: 870px;
}

#present_container #upper_box .now_title{
	width: 870px;
	height: 30px;
	margin-bottom: 20px;
	background: url(https://www.j-grip.com/views/present/images/present_now_title.gif);
}

#present_container #upper_box .now_title p{
	color: #c8ff1e;
	font-weight: bold;
	padding-top: 5px;
	text-align: center;
	font-size: 15px;
}

#present_container #upper_box .upper_line{
	margin-bottom:20px;
}

#present_container #upper_box .p_bounce{
	width: 100%;
	color: #648200;
	font-weight: bold;
	background-color: #ffffff;
}

#present_container .left_box{
	width: 350px;
	float: left;
	margin-right:20px;
}

#present_container .left_box .img_box{
	width: 348px;
}

#present_container .left_box .img_box .img{
	text-align: center;
}

#present_container .right_box{
	width: 500px;
	padding-top: 45px;
	float: left;
}

#present_container .right_box .p_title_b{
	font-weight: bold;
	font-size: 15px;
	margin-bottom: 10px;
	text-align: center;
}

#present_container .right_box .p_title_b span{
	color: #cc0000;
}

#present_container .right_box .p_text{
	text-align: center;
}

#present_container .right_box p{
	margin-bottom: 20px;
}

#present_container .right_box .right_inner{
	margin-bottom: 20px;
}

#present_container .right_box .right_inner table{
	margin: 0 auto;
}

#present_container .right_box .right_inner td{
	vertical-align: middle;
}

#present_container .right_box .right_inner td.text_left{
	padding-right: 20px;
}

#present_container .right_box .right_inner td.text_center{
	padding-right: 20px;
	width: 70px;
	height: 70px;
	background: url(https://www.j-grip.com/views/present/images/number_bg.gif);
	background-repeat: no-repeat;
	text-align: center;
	color: #CC0000;
	font-weight: bold;
	font-size: 21px;
}

#present_container .right_box .right_inner td.text_right{
	color: #CC0000;
	font-weight: bold;
}

#present_container .right_box .admission{
	width: 500px;
	height:85px;
}

#present_container .right_box .regist{
	width: 500px;
	height:85px;
}

#present_container .right_box .application{
	width: 500px;
	height:85px;
}

#present_container #upper_box .wide_img	{
	width: 100%;
	text-align: center;
	margin-bottom: 20px;
}
#present_container #upper_box .wide_text	{
	width: 100%;
	text-align: center;
	margin-bottom: 20px;
}
#present_container #upper_box .wide_text .p_title_b{
	font-weight: bold;
	font-size: 17px;
	text-align: center;
}

#present_container #lower_box {
	width: 870px;
}

#present_container #lower_box p.past_title {
	width: 870px;
	height: 30px;
	margin-bottom: 20px;
}

#present_container #lower_box .p_bounce{
	width: 100%;
	color: #648200;
	font-weight: bold;
	background-color: #ffffff;
	font-size: 15px;
}

#present_container #lower_box .p_bounce span{
	color: #222222;
	font-weight: normal;
	font-size: 13px;
	margin-left: 10px;
}

#present_container #lower_box .p_no{
	text-align: center;
	color: #cc0000;
	font-weight: bold;
}

#present_container #lower_box .p_title{
	margin-bottom: 5px;
	text-align: center;
	font-weight: bold;
}

#present_container #lower_box .lower_inner {
	width: 870px;
	margin-bottom: 20px;
}

#present_container #lower_box .lower_left_box{
	width: 430px;
	float: left;
	margin-right: 10px;
}

#present_container #lower_box .lower_right_box{
	width: 430px;
	float: left;
}

#present_container #lower_box .lower_left{
	border:#000000 1px solid;
	width: 418px;
	min-height: 170px;
	height: auto !important;
	height: 170px;
	padding: 10px 5px;
}

#present_container #lower_box .lower_right{
	border:#000000 1px solid;
	width: 418px;
	min-height: 170px;
	height: auto !important;
	height: 170px;
	padding: 10px 5px;
}

#present_container #lower_box .left{
	width: 200px;
	float: left;
	margin-right: 5px;
}

#present_container #lower_box .left_inner{
	text-align: center;
}

#present_container #lower_box .right{
	width: 213px;
	float: left;
}

#present_container #lower_box .right table{
	width: 100%;
}

#present_container #lower_box .right td{
	border:#000000 1px solid;
	padding: 2px 10px;
	text-align: center;
}

#present_container #lower_box .right td.reside{
	background-color: #ebff9f;
	width: 40%;
}

#present_container #lower_box .right td.name{
	background-color: #ffffff;
	width: 60%;
}

/* 11/14 複数プレゼント当選者発表用に追加 */

#present_container #lower_box .lower_explain	{
	width: 100%;
	margin-bottom: 20px;
	text-align: center;
}
#present_container #lower_box .lower_wide	{
	border:#000000 1px solid;
	width: 848px;
	padding: 10px;
}
#present_container #lower_box .wide_left_box{
	width: 415px;
	float: left;
	margin-right: 18px;
	margin-bottom: 20px;
}

#present_container #lower_box .wide_right_box{
	width: 415px;
	margin-bottom: 20px;
	float: left;
}

#present_container #lower_box .wide_center_box{
	width: 415px;
	margin: 0 auto 20px;
}
#present_container #lower_box .lower_wide .left{
	width: 200px;
	float: left;
	margin-right: 5px;
}
#present_container #lower_box .lower_wide .right{
	width: 208px;
	padding-top: 20px;
	float: left;
}
#present_container #lower_box .wide_center_box2{
	width: 435px;
	margin: 0 auto 20px;
}
#present_container #lower_box .lower_wide .wide_center_box2 .left{
	width: 220px;
	float: left;
	margin-right: 5px;
}
#present_container #lower_box .lower_wide .wide_center_box2 .right{
	width: 208px;
	padding-top: 20px;
	float: left;
}