@charset "UTF-8";
@import "common.css";
@import "base.css";

html{ overflow-x : hidden ;} 

/*ソーシャルボタン--------------------*/

.social_btn {
	width: 960px;
	margin: 0 auto 10px auto;
	vertical-align:top;
}


/*投票*/
.social_btn_hotresearch {
	width: 100%;
}

/*header--------------------*/

#header_menu {
	background:url(../img/menu_bg_enjoy.jpg) bottom right no-repeat;
}

/*ttl--------------------*/

.page_ttl {
	width: 964px;
	margin: 0 auto;
}

/*top_flash--------------------*/

#enjoy_fla {
	width: 964px;
	margin: 0 auto;
}


#enjoy_fla .error {
	margin: 50px 0;
}

/*TVCM--------------------*/

#cm_block,
#present_block {
	clear: both;
	width: 1000px;
	margin: 10px auto 0 auto;
	background-color:#ffffff;
}


#cm_block h2 {
	margin-bottom: 20px;
}

.cm_box {
	clear: both;
	width: 915px;
	margin: 0 auto 20px auto;
	padding: 0 5px 25px 5px;
	border-bottom: 3px solid #e0e0e0;
}

.cm_inner01 {
	float: left;
	width: 450px;
}

.cm_inner02 {
	float: right;
	width: 450px;
}

.cm_box .cm_ph {
	float: left;
	width:182px;
	height:137px;
	padding: 11px 11px 12px 12px;
	background:url(../enjoy/img/cm_ph_bg.gif) top left no-repeat;
}

.cm_box .cm_txt {
	float: right;
	width: 240px;
}

.cm_box .cm_txt h3 {
	margin: 5px 0 10px 0;
	padding: 15px;
	background:url(../img/ttl02_bg.gif) top left repeat;
	font-weight: bold;
	font-size: 116%;
}

.cm_box .cm_txt .info {
	margin: 0 10px;
}

.cm_box .cm_txt .area {
	margin-top: 5px;
	padding: 5px 10px 0 10px;
	font-size: 85%;
	*font-size: x-small;
    *font: x-small;
	color: #797979;
	background:url(../img/line_dot01.gif) top left repeat-x;
}

.cm_box .cm_txt .btn {
	margin-top: 10px;
	padding-top: 15px;
	background:url(../enjoy/img/cm_btn_top.gif) top left repeat-x;
	text-align: center;
}

.cm_box .cm_txt .btn li {
	margin: 0 2px;
	line-height: 0;
	font-size: 0;
	display: inline;
}

.mp_dl_block {
	clear: both;
	width: 915px;
	margin: 0 auto;
	font-size: 85%;
	*font-size: x-small;
    *font: x-small;
	line-height: 1.4;
	color: #797979;
}

.mp_dl_block .icon {
	float: left;
	width: 88px;
}

.mp_dl_block p {
	float: right;
	width:812px;
	text-align: left;
}


/*モバイルプレゼント--------------------*/

#present_block h2 {
	margin-bottom: 20px;
}

.present_img{
	width: 890px;
	margin: 0 auto 10px auto;
}

.present_box {
	clear: both;
	width: 890px;
	margin: 0 auto 30px auto;
	padding: 0 10px 0 10px;
	/*border-bottom: 3px solid #e0e0e0;*/
}

.present_box li {
	list-style: none;
	font-size:0;
	line-height: 0;
}

.present_qr {
	clear: both;
	width: 890px;
	margin: 0 auto 40px auto;
}

.present_qr p{
	margin: 10px 5px 0 5px;
}

/*
.present_box .image {
	float: left;
	width: 325px;
}

.present_box .image02 {
	float: left;
	width: 293px;
}

.present_box .txt {
	float: right;
	width: 569px;
	text-align: left;
}

.present_box .txt02 {
	float: right;
	width: 601px;
	text-align: left;
}

.present_box .txt h3,
.present_box .txt02 h3 {
	margin: 15px 0 10px 0;
	padding: 10px 15px;
	background:url(../img/ttl02_bg.gif) top left repeat;
	font-weight: bold;
	font-size: 116%;
	color: #c20000;
}

.present_box .txt .comment.
.present_box .txt02 .comment {
	margin: 0 0 0 10px;
}

.present_box .txt table,
.present_box .txt02 table {
	margin: 0;
}


.present_box .txt .qr{
	float: right;
	width: 121px;
	margin-right: 10px;
}

.present_box .txt .gentei {
	clear: both;
	display: inline;
	margin: 0 10px;
	padding: 5px 10px;
	background-color: #e3141b;
	color:#ffffff;
	font-weight: bold;
}

.present_last {
	clear: both;
	width: 904px;
	margin: 0 auto 30px auto;
	padding: 0 12px 0 12px;
}*/


/*プレゼント＆アンケート--------------------*/

.que_main {
	margin: 30px 0 25px 0;
}


.que_block {
	width: 880px;
	margin: 0 auto 40px auto;
}

.que_block iframe {
	margin: 10px auto 40px auto;
	border: 1px solid #cccccc;
	display: inline;
}

.enjoy_terms {
	width: 805px;
	padding: 5px 40px 5px 20px;
	background-color:#ffffff;
}

.que_block .form_list {
	width: 840px;
	margin: 0 auto 30px auto;
	border-bottom: 1px solid #bfbfbf;
	border-left: 1px solid #bfbfbf;
}

.que_block .form_list th {
	width: 340px;
	padding: 7px 10px;
	background-color: #ffece5;
	border-top: 1px solid #bfbfbf;
	border-right: 1px solid #bfbfbf;
	font-weight: bold;
	text-align: left;
}

.que_block .form_list td {
	padding: 7px 10px;
	border-top: 1px solid #bfbfbf;
	border-right: 1px solid #bfbfbf;
}

.que_block .form_list .font10 {
	font-weight: normal;
}

/*食の塾--------------------*/

#school_flash {
	width: 965px;
	margin: 0 auto;
	padding-bottom: 20px;
}

.school_block {
	width: 940px;
	height: 670px;
	margin: 0 auto;
	position: relative;
}

/*問題*/

.school_q_bg {
	background: url(../enjoy/img/school_q_bg.gif) top left no-repeat;
}

.school_select {
	clear: both;
	width: 940px;
}

.school_select ul {
	float: left;
	width: 765px;
	margin-left: 45px;
	display:inline;
}

.school_select li {
	float: left;
	font-size: 0;
	line-height: 0;
}

.school_select .sp {
	margin: 0 16px 0 15px;
}

.school_select .img {
	float: left;
	width: 130px;
	display:inline;
}

/*答え*/

.school_a_bg {
	background: url(../enjoy/img/school_a_bg.gif) top left no-repeat;
}

.school_back_btn {
	position:absolute;
	top: 537px;
	left: 163px;
}


.school_a_img {
	float: right;
	width: 333px;
	margin-right: 15px;
	text-align: right;
	display:inline;
}

/*ランキング--------------------*/

.ranking_block {
	width: 869px;
	margin: 0 auto;
}

.ranking_block table{
	text-align: left;
}

.ranking_block td{
	padding-left: 7px;
	vertical-align:middle;
}

.ranking_block .line th{
	padding-top: 7px;
}

.ranking_block .line td{
	padding-top: 7px;
	background:url(../img/line_marus_x.gif) top left repeat-x;
}

.ranking_block .comment {
	float: right;
	width: 340px;
	margin-bottom: 10px;
	padding-top: 15px;
	background:url(../img/line_marus_x.gif) top left repeat-x;
	font-size: 85%;
	*font-size: x-small;
    *font: x-small;
	color: #818181;
	text-align: right;
}

.ranking_block .bangai {
	clear: both;
	width: 863px;
	margin-bottom: 30px;
	padding-bottom: 10px;
	background: #fbf2c9 url(../enjoy/img/ranking_bangai_btm.gif) bottom left no-repeat;
}

.ranking_block .bangai .ph{
	float: left;
	margin: 17px 25px 0 20px;
	display:inline;
	padding-left: 15px;
	width: 140px;
}

.ranking_block .bangai .txt{
	float: left;
	width: 490x;
	margin: 20px 0 0 0;
}


.ranking_block .bangai h5 {
	margin-bottom: 5px;
	color: #c50000;
	/*margin-bottom: 15px;*/
}


.ranking_block .bangai .img{
	float: right;
	width: 134px;
}


/*投票--------------------*/

.tohyo_block {
	width: 880px;
	margin: 0 auto;
}

.tohyo_block .comment_area {
	width: 860px;
	margin-bottom: 20px;
	padding: 0 10px 10px 10px;
	background:url(../img/line_dot01.gif) bottom left repeat-x;
}

.tohyo_box {
	clear: both;
	width: 840px;
	margin: 0 auto 20px auto;
}

.tohyo_box .error {
	margin-bottom: 15px;
	padding: 10px;
	color: #ac0000;
	font-weight: bold;
	background-color: #f9d5d5;
	text-align: center;
}

.tohyo_box .select_area {
	float: left;
	width: 632px;
	margin-bottom: 20px;
}

.tohyo_box .select_area p {
	margin-bottom: 10px;
	padding: 0 5px 11px 5px;
	background:url(../ranking/img/line01.gif) bottom left repeat-x;
}

.tohyo_box .image_area {
	float: right;
	width: 187px;
}

.caution_area {
	clear: both;
	margin-bottom: 15px;
	color: #ac0000;
}

.btn_area {
	clear: both;
	width: 100%;
	text-align: center;
}

.btn_area img {
	margin: 0 5px;
}

.tohyo_box .kekka_list table {
	width: 100%;
	margin-bottom: 30px;	
}

.tohyo_box .kekka_list th {
	width: 357px;
	padding: 10px 0 11px 0;
	text-align: left;
	font-weight: normal;
	background:url(../ranking/img/line01.gif) bottom left repeat-x;
}

.tohyo_box .kekka_list th p{
	width: 347px;
	padding: 3px 5px;
	background-color: #fff6de;
}

.tohyo_box .kekka_list td {
	padding: 10px 5px 11px 0;
	text-align: left;
	background:url(../ranking/img/line01.gif) bottom left repeat-x;
}

.tohyo_box .kekka_list td p {
	margin-left: 5px;
	color: #a51111;
	font-weight: bold;
	text-align: right;
	font-size: 116%;
}

.thanks_block {
	width: 400px;
	margin: 20px auto 40px;
	text-align: center;
}

.none_block {
	width: 100%;
	padding: 100px 0;
	text-align: center;
}

.none_block .info_ttl {
	font-weight: bold;
	font-size: 116%;
	color: #ac0000;
}

.cookie_block {
	margin-bottom: 30px;
	padding: 10px;
	color: #ac0000;
	font-weight: bold;
	background-color: #f9d5d5;
	text-align: center;
}