@charset "utf-8";

/* -----------------------------------------------------------
	このファイルでは、各ページのスタイルを保存
----------------------------------------------------------- */

/* -----------------------------------------------------------
	新非会員 トップ追加
----------------------------------------------------------- */


#top_v{
	width:910px;
	padding:10px 20px;
	float:left;
	background:#FFFFFF;
}

#top_v2{
	width:950px;
	float:left;
	background:#FFFFFF;
}


#top_v h1{
	width:840px;
	height:40px;
	color:#FFF;
	font-size:16px;
	font-weight:bold;
	padding-left:70px;
	line-height:40px;
	clear:both;
	display:block;
}


#top_v .bl1{
	background:#DC0019 url(/img/renew/ss.png) top left no-repeat;
}

#top_v .bl2{
	background:#DC0019 url(/img/renew/web.png) top left no-repeat;
}


#top_v #inner{
	width:890px;
	border: solid 10px #CCC;
	float:left;
	clear:both;
	margin-bottom:20px;
}


*:first-child+html #top_v #inner{padding-bottom: 10px; }



#top_v .ssu{
	background:url(/img/renew/ss_usappy.jpg) no-repeat right bottom;
}

#top_v  #inner #ass{
	width:615px;
	float:left;
	margin:10px;
}

#top_v  #inner #ass #ass1{
	width:260px;
	text-align:center;
	float:left;
}

#top_v  #inner #ass #ass1 a{
	margin:10px 3px 0 2px;
	width:245px;
	float:left;
}


#top_v  #inner #ass #ass1 a:hover img{
	opacity: 0.7;
	filter: alpha(opacity=70);
}

#top_v  #inner #ass #ass2{
	width:340px;
	height:435px;
	float:right;
	background:url(/img/renew/ss3.jpg) no-repeat;
}

#top_v  #inner #ass_t{
	width:340px;
	margin:30px 5px;
}

#top_v  #inner #ass_b{
	width:340px;
	margin:110px 5px 0 5px;
}

#top_v  #inner #ass #ass2 p{
	font-size:16px;
	font-weight:bold;
}

#top_v  #inner #ass #ass2 .red{
	color:#F00;
	font-size:22px;
}

#top_v  #inner #ass #ass2 .cap{
	font-size:12px;
	font-weight:normal;
}

#top_v  #anpt{
	width:235px;
	float:right;
	margin:10px 10px 0 0;
}

#top_v  #anpt .a1{
	width:155px;
	height:50px;
	float:left;
	background:url(/img/renew/ss4.jpg) no-repeat;
	font-size:16px;
	padding-left:80px;
	padding-top:8px;
	line-height:18px;
	color:#CA121A;
}

#top_v  #anpt .a2{
	width:155px;
	height:50px;
	margin-top:50px;
	float:left;
	background:url(/img/renew/ss5.jpg) no-repeat;
	font-size:16px;
	padding-left:80px;
	padding-top:8px;
	line-height:18px;
	color:#CA121A;
}


#top_v  #inner #v_web{
	width:850px;
	margin:20px;
	float:left;
}

#top_v  #inner #v_web #v_webl{
	width:570px;
	float:left;
}

#top_v  #inner #v_web #v_webr{
	width:270px;
	float:right;
}
#top_v  #inner #v_web #web_v_box{
	width:540px;
	float:left;
	padding:10px;
	background:#CDEAF8;
	display:block;
	clear:both;
	margin-bottom:10px;
}

#top_v  #inner #v_web #web_v_box ul{
	margin:0;
	padding:0;
}

#top_v  #inner #v_web #web_v_box ul li{
	margin-right:12px;
	padding:0;
	float:left;
}

#top_v  #inner #v_web #web_v_box ul li a:hover img{
	opacity: 0.7;
	filter: alpha(opacity=70);
}

#top_v  #inner #v_web #web_v_box .comen{
	width:252px;
	float:left;
	clear:both;
}

#top_v  #inner #v_web #web_v_box p{
	font-size:12px;
}

#top_v  #inner #v_web #web_v_box img{
	margin-top:5px;
}


.mb10{
	margin-bottom:10px;
}
/* -----------------------------------------------------------
	非会員 トップページ
----------------------------------------------------------- */


#top_header{
	background:#FFFFFF;
	padding:5px;
	float:left;
	width:940px;
	clear:both;
}

#top_header h1{
	font-weight:normal;
	font-size:12px;
	float:left;
}

#top_header ul{
	float:right;
}

#top_header ul li{
	float:left;
}



#top_main_out{
	width:950px;
	height:440px;
	float:left;
	background:url(/img/renew/main_bg_new.jpg) top left no-repeat #FFF;
}

#top_main_out_l{
	width:870px;
	padding:0 40px;
	float:left;
	color:#FFFFFF;
	position:absolute;
	top:441px;
}

#top_main_out_l2{
	width:870px;
	padding:0 40px;
	float:left;
	color:#FFFFFF;
	position:absolute;
	top:335px;
}




#top_l_box{
	width:240px;
	float:left;
	font-size:15px;
}

#top_l_box h1{
	font-size:18px;
	font-weight:bold;
	margin-top:10px;
}

#top_r_box{
	width:610px;
	float:right;
}


#top_main_out_r{
	width:260px;
	float:right;
	padding:40px 40px 0 30px;
	font-weight:bold;
}

#top_r_box a:hover img{
	opacity: 0.9;
	filter: alpha(opacity=90);
}



#top_main_bt{
	width:950px;
	float:left;
	display:block;
	background:#FFFFFF;
}


#m1_bana,#m2_bana,#m3_bana{
	width:100%;
	height:444px;
	overflow:hidden !important;
	position:absolute;
	top:25px;
	text-align:center;
	left:0;
}




#m1_bana img,#m2_bana img,#m3_bana img{
	padding-top:444px;
}




#top_main_bt ul{
	margin:0;
	padding:0;
}

#top_main_bt ul li{
	float:left;
}

#top_main_bt .btcen{
	margin:0 1px;
}

#top_main_bt a:hover img{
	opacity: 0.7;
	filter: alpha(opacity=70);
}


#top_sst,#top_webt{
	background:#FFD6D6;
	width:600px;
	clear:both;
	float:left;
	border-bottom:10px #FFF solid;
}

#top_sst h1,#top_webt h1{
	width:600px;
	padding-left:90px;
	height:40px;
	line-height:40px;
	color:#FFF;
	margin:0;
	font-size:16px;
}


#top_sst h1{background:url(/img/renew/top_sst.jpg) top left no-repeat;}
#top_webt h1{background:url(/img/renew/top_webt.jpg) top left no-repeat;}

#top_com{
	width:580px;
	margin:10px;
	background-color:#FFF;
	float:left;
	display:inline;
}

#top_ss{
	width:550px;
	height:438px;
	margin:10px 14px;
	background:url(/img/renew/ss_bg.jpg) top left no-repeat;
}

#top_ss_r{
	width:340px;
	position:relative;
	top:40px;
	left:10px;
}

.ss_search{
	width:145px;
	position:relative;
	left:30px;
	top:100px;
}

.ss_search a:hover img{
	opacity: 0.7;
	filter: alpha(opacity=70);
}


#top_ss_l{
	width:325px;
	position:relative;
	top:140px;
	left:215px;
}

#top_ss p{
	font-size:16px;
	font-weight:bold;
}

#top_ss .red{
	color:#F00;
	font-size:22px;
}

#top_ss .cap{
	font-size:12px;
	font-weight:normal;
}



#top_com #web{
	width:270px;
	margin:10px 9px;
}


#web_box{
	width:260px;
	background:#CDEAF8;
	padding:5px;
	margin-bottom:10px;
	font-size:12px;
	float:left;
}


#web_box h3{
	width:250px;
	border-bottom:dashed 1px #000000;
	padding:5px;
}

.bx1 h3{background:url(/img/renew/bx1_1.png) right center no-repeat;}
.bx2 h3{background:url(/img/renew/bx2_1.png) right center no-repeat;}
.bx3 h3{background:url(/img/renew/bx3_1.png) right center no-repeat;}
.bx4 h3{background:url(/img/renew/bx4_1.png) right center no-repeat;}
.bx5 h3{background:url(/img/renew/bx5_1.png) right center no-repeat;}
.bx6 h3{background:url(/img/renew/bx6_1.png) right center no-repeat;}

.bx1 p{background:url(/img/renew/bx1_2.png) right bottom no-repeat; width:160px; padding: 10px 110px 20px 10px}
.bx2 p,.bx3 p,.bx4 p,.bx6 p{padding:10px;}
.bx2 img{padding:0 5px 20px 0}



.bx5 ul{
	width:120px;
	float:left;
	padding:0;
	margin:0;
}

.bx5 li{
	background:#FDEBB3;
	padding:2px 5px;
	font-weight:bold;
	color:#1E5B53;
	margin-top:5px;
}

.bx5 p{
	width:130px;
	float:right;
	padding:5px;
}



#web_c{
	width:560px;
	float:left;
	margin:0 9px 10px 9px;
}

#web_c img{
	margin-bottom:10px;
}


#entry_f{
	width:870px;
	height:140px;
	margin:10px 0;
	background:url(/img/renew/entry_bg.gif) no-repeat;
	float:left;
	color:#FFFFFF;
	padding:15px 20px 0 20px;
}


#top_main_out_r .error{
	color:#F00;
}


#top_main_out_r .pass{
	width:260px;
	font-size:11px;
	font-weight:normal;
	float:left;
	margin-bottom:2px;
}



#top_main_out_r ul{
	width:265px;
	float:left;
	display:block;
	clear:both;
}

#top_main_out_r li{
	list-style:none;
	margin:0;
}

#top_main_out_r .flb{
	float:left;
	clear:both;
	display:block;
}

#top_main_out_r .fls{
	width:130px;
	float:left;
	display:block;
	margin:3px 0;
}

#top_main_out_r .frs{
	width:130px;
	float:right;
	display:block;
	margin:3px 0;
}


.top_caution{
	width:100px;
	text-align:right;
	float:right;
	display:block;


}

/* -----------------------------------------------------------
	メンテナンス中
----------------------------------------------------------- */


#top_main_mainte{
	width:950px;
	height:395px;
	float:left;
	background:url(/img/common/maintenance.jpg) top left no-repeat #FFF;
	text-indent:-9999px;
}


/* -----------------------------------------------------------
	404エラー
----------------------------------------------------------- */


#top_main_404e{
	width:950px;
	height:245px;
	float:left;
	background:url(/img/common/404.jpg) top left no-repeat #FFF;
	text-align:center;
	font-size:24px;
	font-weight:bold;
	padding-top:150px;
}

#top_main_404e a{
	color:#FF0000;
}

#top_main_docomop{
	width:950px;
	height:275px;
	float:left;
	background:url(/img/common/docomop.jpg) top left no-repeat #FFF;
	text-align:center;
	font-size:24px;
	font-weight:bold;
	padding-top:120px;
}



/* -----------------------------------------------------------
	非会員・会員　　会員規約
----------------------------------------------------------- */

#kiyaku{
	width:910px;
	float:left;
	padding:20px;
}

#kiyaku h1{
	background:url(/img/agreement/tit_bg.gif) top left no-repeat;
	width:850px;
	height:25px;
	padding:15px 0 0 60px;
}


#kiyaku h2{
	font-weight:bold;
	margin-top:20px;
	width:880px;
	padding:0 0 0 20px;
}

#kiyaku p{
	font-size:12px;
	font-weight:normal;
	padding:0 0 10px 20px;
}

#kiyaku ul{
	font-size:12px;
	padding:0 0 5px 30px;
}

#kiyaku ul li{
	padding-left: 1em;
    text-indent: -1em;
	padding-bottom:5px;
}

#kiyaku dl{
	font-size:12px;
	padding:0 0 0 10px;
}

#kiyaku dl dt{
	padding:0 0 10px 0;
}

#kiyaku dl dd{
	padding:0 0 10px 0;
	padding-left: 0;
    text-indent: 0;
}

#kiyaku_in{
	width:100%;
	float:left;
	padding:0;
	margin:0;
}

#kiyaku_in h1{
	color:#FF0000;
	padding:10px;
}


#kiyaku_in h2{
	font-weight:bold;
	margin-top:20px;
	padding:0 0 0 20px;
}

#kiyaku_in p{
	font-size:12px;
	font-weight:normal;
	padding:0 10px 10px 20px;
}

#kiyaku_in ul{
	font-size:12px;
	padding:0 10px 5px 30px;
}

#kiyaku_in ul li{
	padding-left: 1em;
    text-indent: -1em;
	padding-bottom:5px;
}

#kiyaku_in dl{
	font-size:12px;
	padding:0 0 10px 10px;
}

#kiyaku_in dl dt{
	padding:0 0 10px 0;
}

#kiyaku_in dl dd{
	padding:0 0 10px 0;
	padding-left: 0;
    text-indent: 0;
}

/* -----------------------------------------------------------
	新規会員WEB会員登録 Usappyカード発行
----------------------------------------------------------- */


#ent_form{
	width:910px;
	float:left;
	padding:20px;
}

#ent_form h1{
	background:url(/img/form/form_tit.gif) top left no-repeat;
	width:850px;
	height:21px;
	padding:25px 0 0 60px;
}

#ent_head{
	width:910px;
	float:left;
	margin-top:10px;
}

#ent_head .head_img{
	width:600px;
	float:left;
}

#ent_head .head_bt{
	width:280px;
	height:160px;
	float:right;
	padding:20px 10px 0px 10px;
	color:#FFFFFF;
	text-align:center;
	background:url(/img/renew/web/head_bt_bg.gif) no-repeat;
}

#ent_head .head_bt img{
	margin-bottom:10px;
}

#ent_head .head_bt a:hover img{
	opacity: 0.9;
	filter: alpha(opacity=90);
}


#ent_form_l{
	width:700px;
	float:left;
	margin-left:20px;
	margin-top:20px;
	display:inline;
}

#ent_form_r{
	width:145px;
	float:right;
	margin-top:20px;
	display:inline;
}

#ent_main{
	width:910px;
	float:left;
	margin:10px 0;
	display:inline;
}

#ent_sta{
	width:910px;
	padding-bottom:10px;
	border-bottom:dotted #000000 1px;
}

#ent_main #error{
	width:870px;
	padding:20px;
	float:left;
	font-weight:bold;
	color:#F00;
}

#ent_main .ent_cate1{
	width:910px;
	float:left;
	margin-top:20px;
	margin-bottom:10px;
	display:inline;
}

#ent_main .ent_cate2{
	width:200px;
	font-weight:bold;
	padding:5px 5px 5px 10px;
	border-bottom:1px #FFF solid;
	border-right:1px #FFF solid;
	background: #FACCD2;
}

#ent_main .ent_cate3{
	width:676px;
	padding:5px 5px 5px 10px;
	border-bottom:1px #FFF solid;
	border-right:1px #FFF solid;
	font-size:12px;
	font-weight:bold;
	background:#FCE5E9;
}

#ent_main .must{
	background:url(/img/renew/web/must.png) right center no-repeat #FACCD2;
}

.ent_cate3 input{
	margin-right:10px;
}



#ent_main .cap{
	width:910px;
	float:left;
	clear:both;
	margin-bottom:10px;
	display:inline;
}




#ent_main #entry{
	width:910px;
	float:left;
	clear:both;
	text-align:center;
}

#ent_main #entry img{
	margin-right:5px;
}

#ent_main .check{
	margin:20px;
}

#ent_main #mail-check{
	width:910px;
	margin:20px 0;
	text-align:center;
}

#ent_main #mail-check p{
	border:solid 1px #F00;
	padding:10px;
	margin-bottom:10px;
	margin-top:10px;
	color:#F00;
}


#ent_form #mail_change{
	width:910px;
	float:left;
	clear:both;
	text-align:center;
}

#ent_form #mail_change p{
	width:890px;
	float:left;
	background:#FCE5E9;
	margin:10px 0;
	font-weight:bold;
	padding:10px;
}

#ent_comp{
	text-align:center;
	background:url(/img/renew/web/comp.gif) no-repeat bottom;
	height:130px;
	margin-top:20px;
}

#ent_comp2{
	text-align:center;
	margin-top:20px;
}

.vet{
	vertical-align:top;
}


/* -----------------------------------------------------------
	会員　トップページ
----------------------------------------------------------- */

#top_cam{
	width:530px;
	padding:20px 24px;
	float:left;
}

#top_cam #cam_list{
	width:530px;
	float:left;
}

#top_cam #cam_list a{
	display:block;
	width:530px;
	float:left;
	padding:10px 0;
	display:inline;
	border-bottom:dashed 1px #000;
}

#top_cam #cam_list a:hover{
	background:#E4F4FC;
	animation:flash 1s;
	 -webkit-animation:flash 1s;
}

@keyframes flash {
  0% { background-color: #E4F4FC; }
  10% { background-color: #96e9e6; }
  100% { background-color: #E4F4FC; }
}

@-webkit-keyframes flash {
  0% { background-color: #E4F4FC; }
  10% { background-color: #96e9e6; }
  100% { background-color: #E4F4FC; }
}

#top_cam #cam_list #l_box{
	width:150px;
	float:left;
}

#top_cam #cam_list #r_box{
	width:370px;
	float:right;
}

#top_cam #cam_list #r_box h1{
	color:#00F;
	margin-top:5px;
	font-size:14px;
}

#top_cam #cam_list #r_box p{
	color:#000;
	font-size:13px;
	line-height:16px;
}

#top_cam #cam_list .error{
	color:#F00;
	font-weight:bold;
}
#top_cam #cam_list #r_box .day{
	font-size:12px;
	color:#F00;
}

#top_cam #cam_list #r_box img{
	float:right;
	margin:10px 0;
}

#top_cam ul{
	width:530px;
	float:left;
}

#top_cam ul li{
	width:530px;
	float:left;
	margin-bottom:15px;
	display:inline;
}

#top_cam ul li input{
	width:20px;
	float:left;
	margin-top:3px;

}

#top_cam ul li p{
	float:right;
	width:510px;
}

#top_cam .num{
	font-size:12px;
}


#top_cam #con_bt{
	width:220px;
	float:right;
}

#top_cam #con_bt2{
	width:105px;
	float:right;
}

#top_cam .cam_cate1{
	width:530px;
	float:left;
	margin-bottom:10px;
	display:inline;
}

#top_cam .cam_cate2{
	width:100px;
	font-weight:bold;
	padding:5px 5px 5px 10px;
	border-bottom:1px #FFF solid;
	border-right:1px #FFF solid;
}

#top_cam .cam_cate3{
	width:416px;
	padding:5px 5px 5px 10px;
	border-bottom:1px #FFF solid;
	border-right:1px #FFF solid;
	font-size:12px;
	font-weight:bold;
}

#top_cam .cam_cate3 img{
	margin-top:5px;
	margin-left:5px;
}

#top_cam .resu_day{
	font-weight:normal;
	font-size:12px;
}

#top_cam .resault{
	color:#F00;
}

#top_cam #mobile_ad{
	width:530px;
	float:left;
}

#top_cam #mobile_ad h1{
	width:530px;
	color:#F00;
	border-bottom:1px dashed #000;
	margin-bottom:5px;
}


/* --ローテーションバナー--- */

#r_bana{
	width:600px;
	height:275px;
	background-color:#FFF;
}

/*--Main Container--*/
#r_bana .main_view {
	float: left;
	position: relative;
}
/*--Window/Masking Styles--*/
#r_bana .window {
	height:250px;	width: 600px;
	overflow: hidden; /*--Hides anything outside of the set width/height--*/
	position: relative;
}
#r_bana .image_reel {
	position: absolute;
	top: 0; left: 0;
}
#r_bana .image_reel img {float: left;}

/*--Paging Styles--*/
#r_bana .paging {
	margin-top:5px;
	text-align: center;
	display: none; /*--Hidden by default, will be later shown with jQuery--*/
}
#r_bana .paging a {
	text-decoration: none;
	color:#FF0000;
	background:url(/img/top/bana/r_bana2.gif) no-repeat;
}
#r_bana .paging a.active {
	background:url(/img/top/bana/r_bana1.gif) no-repeat;
}

#r_bana .paging a:hover{
	background:url(/img/top/bana/r_bana1.gif) no-repeat;
}




/* -----------------------------------------------------------
	会員　トップページ
----------------------------------------------------------- */

#top_camd{
	width:578px;
}


#top_camd a img{
	margin:20px 191px;
}




/* -----------------------------------------------------------
	会員　ポイント照会
----------------------------------------------------------- */
#point{
	width:600px;
	padding:10px 0;
	float:left;
	background:#FFFFFF;
}

#point #point_list{
	width:600px;
	border-bottom:dashed 1px #000;
	float:left;
	margin-bottom:10px;
	display:inline;
}
#point .bana{
	width: 80%;
	display: flex;
	justify-content: space-between;
	margin: 10px auto;
}
#point .bana li{
	width: 49%;
}
#point .bana li img:hover{
	opacity: 0.8;
}


/* -----------------------------------------------------------
	会員　ポイント照会旧
----------------------------------------------------------- */
#point2{
	width:530px;
	padding:20px 24px;
	float:left;
}

#point2 #point_list{
	width:530px;
	border-bottom:dashed 1px #000;
	float:left;
	margin-bottom:10px;
	display:inline;
}

#point2 .ne_bk{
	width:530px;
	float:left;
	text-align:right;
}

#point2 .pot_cate1{
	width:530px;
	float:left;
	margin-bottom:15px;
	display:inline;
}

#point2 .pot_cate2{
    width:530px;
	font-weight:bold;
	padding:5px 5px 5px 10px;
	border-bottom:1px #FFF solid;
}

.pt_table{
	width:598px;
	float:left;
	border-top:solid 1px #fff;
	border-left:solid 1px #fff;
}

.pt_day{width:130px;}
.pt_grp{width:30px;}
.pt_name{width:355px;}
.pt_pt{width:65px;}


.pt_day, .pt_grp, .pt_name, .pt_pt{
	background:url(/img/common/or_n_bg.gif) repeat-x;
	padding:5px;
	font-weight:bold;
	text-align:center;
	border-bottom:solid 1px #fff;
	border-right:solid 1px #fff;
}

#pt_btar{
	width:600px;
	float:left;
	margin:5px 0px;
}

#pt_btar .or_sort{
	width: 200px;
	float:left;
	border: #000 solid 1px;
	padding: 5px;
	font-weight: bold;
	height: 30px;
}

#pt_btar .or_pager_h{
	width:300px;
	float:right;
	text-align:right;
}

.pt_pager_f{
	width:600px;
	float:left;
	text-align:center;
	margin:10px 0;
}
.pt_pager_f a,#pt_btar .or_pager_h a{
	padding:5px;
	background:#09F;
	text-decoration:none;
	color:#FFF;
}


.pt_pager_f a:hover,#pt_btar .or_pager_h a:hover{
	background:#00F;
}

.blue{
	color:#0000FF;
}



/* -----------------------------------------------------------
	会員情報変更　
----------------------------------------------------------- */
#data{
	width:530px;
	padding:20px 24px;
	float:left;
}

#data #data_list{
	width:530px;
	border-bottom:dashed 1px #000;
	float:left;
	margin-bottom:10px;
	display:inline;
}

#data #data_list p{
	color:#FF0000;
	font-weight:bold;
}

#data .data_cate1{
	width:530px;
	float:left;
	margin-bottom:10px;
	display:inline;
}

#data .data_cate2{
	width:200px;
	font-weight:bold;
	padding:5px 5px 5px 10px;
	border-bottom:1px #FFF solid;
	border-right:1px #FFF solid;
}

#data .data_cate3{
	width:316px;
	padding:5px 5px 5px 10px;
	border-bottom:1px #FFF solid;
	border-right:1px #FFF solid;
	font-size:12px;
	font-weight:bold;
}

#data .data_cate4{
	width:516px;
	padding:5px 5px 5px 10px;
	border-bottom:1px #FFF solid;
	border-right:1px #FFF solid;
	font-size:12px;
	font-weight:bold;
}

#data #data_bt{
	width:220px;
	float:right;
}

#data .data_cate3 input,#data .data_cate4 input{
	margin-bottom:5px;
	margin-right:5px;
}

#data .data_cate3 img{
	padding-top:5px;
}
/* -----------------------------------------------------------
	会員　カードご利用参照
----------------------------------------------------------- */
#card{
	width:530px;
	padding:20px 24px;
	float:left;
}
#card .card_tit{
	width:530px;
	border-bottom:dashed 1px #FF0000;
	margin:10px 0;
	color:#FF0000;
}

#card #card_list{
	width:530px;
	border-bottom:dashed 1px #000;
	float:left;
	margin-bottom:10px;
	display:inline;
}

#card .ne_bk{
	width:530px;
	float:left;
	text-align:right;
	margin-bottom:10px;
}

#card .card_cate1{
	width:530px;
	float:left;
	margin-bottom:15px;
	display:inline;
}

#card .card_cate2{
    width:530px;
	font-weight:bold;
	padding:5px 5px 5px 10px;
	border-bottom:1px #FFF solid;
}

#card #selct_card{
	width:530px;
	float:left;
	margin-bottom:10px;
	display:inline;
}

#card #selct_card #select{
	float:left;
}

#card #selct_card #select_bt{
	float:right;
}


/* -----------------------------------------------------------
	会員　upカード
----------------------------------------------------------- */
#up{
	width:530px;
	padding:20px 24px;
	float:left;
}

#up #up_list{
	width:530px;
	border-bottom:dashed 1px #000;
	float:left;
	margin-bottom:10px;
	display:inline;
}

#up #selct_card{
	width:530px;
	float:left;
	margin-bottom:10px;
	display:inline;
}

#up #selct_card #select{
	float:left;
}

#up #up_list p{
	color:#F00;
	font-weight:bold;
}

#up #selct_card #selected{
	width:180px;
	float:left;
	border:#FF0000 1px solid;
	padding:5px;
}

#up #selct_card #select_bt{
	float:right;
}

#up #selct_card #select_img{
	width:150px;
	float:left;
	clear:both;
	margin-top:10px;
	display:inline;

}

#up .up_cate1{
	width:530px;
	float:left;
	margin-bottom:10px;
	display:inline;
}

#up .up_cate2{
	width:100px;
	font-weight:bold;
	padding:5px 5px 5px 10px;
	border-bottom:1px #FFF solid;
	border-right:1px #FFF solid;
}

#up .up_cate3{
	width:416px;
	padding:5px 5px 5px 10px;
	border-bottom:1px #FFF solid;
	border-right:1px #FFF solid;
	font-size:12px;
	font-weight:bold;
}



/* -----------------------------------------------------------
	ポイント交換
----------------------------------------------------------- */
#point_change{
	width:530px;
	padding:20px 24px;
	float:left;
}

#point_change #point_list{
	width:530px;
	border-bottom:dashed 1px #000;
	float:left;
	margin-bottom:10px;
	display:inline;
}

#point_change .sub_tit{
	width:530px;
	margin-top:10px;
	float:left;
	font-size:16px;
}


#point_change .pot_cate1{
	width:490px;
	float:left;
	padding:5px 20px;
	border-bottom:1px #FFF solid;
	background-color: #FCE5E9;
}



#point_change .pot_cate2{
    width:490px;
	float:left;
	background:#FACCD2;
	padding:5px 20px;
	border-bottom:1px #FFF solid;
	cursor:pointer;
	color:#0000FF;
}



#point_change .pot_cate3{
	width:490px;
	float:left;
	background:#FACCD2;
	padding:5px 20px;
	border-bottom:1px #FFF solid;
}

#point_change .pot_cate3 h4{
	font-weight:normal;
}

#point_change .about{
	width:490px;
	padding:5px 0;
	float:left;
	border-bottom:dashed 1px #FF0000;
}

#point_change #m_logo{
	width:60px;
	float:left;
	padding:20px 30px 20px 0;
}




#point_change #m_copy{
	width:400px;
	float:right;
}


#point_change #m_copy2{
	width:490px;
	float:left;
}


#point_change #m_copy .mt20{
	margin-top:20px;
}

#point_change #m_copy h1{
	width:400px;
	border-bottom: dashed 1px #000000;
}

#point_change #m_copy .m_copy_l{
	width:170px;
	float:left;
	padding-top:5px;
}

#point_change #m_copy .m_copy_r{
	width:230px;
	float:right;
	padding-top:5px;
}

#point_change #m_copy #pass_area{
	width:230px;
	float:right;
	margin-top:20px;
}




#point_change .detail{
	width:490px;
	margin:10px 0px;
	padding:5px 0px;
	border-top: dashed 1px #000000;
	border-bottom: dashed 1px #000000;
}

#point_change #bt_back{
	width:105px;
	float:right;
	margin-top:10px;
}


#point_change #m_left{
	width:230px;
	float:left;
	padding:20px 0 0 0;
}

#point_change #m_left img{
	margin-bottom:10px;
}




#point_change #m_right{
	width:210px;
	float:right;
	padding:20px 0 0 0;
}


#point_change #m_right p{
	font-weight:bold;
	font-size:14px;
}

#point_change #m_center{
	width:490px;
	float:left;
	text-align:center;
	padding:10px 0 0 0;
}

#point_change .exchange{
	width:490px;
	font-size:17px;
	border-top:solid 2px #FFFFFF;
	margin:10px 0;
	background:#FFFFFF;
}

#point_change .c_tit{
	width:430px;
	background:url(/img/point/pt_bg.jpg) no-repeat left bottom #FFFFFF;
	font-size:20px;
	color:#FF0000;
	padding:10px 0px 10px 60px;
	float:left;
}

#point_change #bt_back2{
	width:220px;
	float:right;
	margin-top:10px;
	margin-left:10px;
	text-align:right;
}

#point_change .exchange a{
	font-size:12px;
}

#point #back{
	width:105px;
	float:right;
	margin-top:10px;
}

#point_change .exchange td{
	border-top: #CCC 1px dashed;
}

#ptbta{
	width:600px;
	float:left;
	clear:both;
	display:block;
	background:#FFFFFF;
}

#ptbta a{
	width:280px;
	margin-bottom:10px;
}

#ptbta a:hover img{
	opacity: 0.7;
	filter: alpha(opacity=70);
}


/* --------------------
	アマゾン追加分
--------------------- */


#point_change .pot_cate1a{
	width:510px;
	float:left;
	padding:5px 20px 5px 0;
	border-bottom:1px #FFF solid;
	background-color: #FCE5E9;
}

#point_change #m_logoa{
	width:99px;
	float:left;
	padding:30px 0 20px 0;
	background:#FFFFFF;
	margin-left:1px;
}

#point_change #m_copya{
	width:380px;
	float:right;
}

/* -----------------------------------------------------------
	aima (game)
----------------------------------------------------------- */

#aima_con{
	width: 970px;
	margin: 0 auto;
	padding:0 5px;
	text-align: left;
	background-color:#FFF;
	border-right:solid #D7D7DA 1px;
	border-left:solid #D7D7DA 1px;
	float:left;

}


/* -----------------------------------------------------------
	mini (game)
----------------------------------------------------------- */
#minigameflash{
	width:840px;
	margin:0 auto;
}

/* --------------------------------------------------------
キャンペーン
----------------------------------------------------------- */

#camp_top{
	background:#FFD6D6;
	width:600px;
	clear:both;
	float:left;
}

#camp_top h1{
	width:540px;
	background:#DC0011 url(/img/top/bg_campaign.png) no-repeat center left;
	padding-left:60px;
	height:40px;
	line-height:40px;
	color:#FFF;
	margin:0;
	font-size:16px;
}



/* --------------------------------------------------------
area ad
----------------------------------------------------------- */

#wh{
	background:#FFD6D6;
	width:600px;
	clear:both;
	float:left;
	border-bottom:10px #FFF solid;
}

#wh h1{
	width:540px;
	background:#F5722D url(/img/areaad/icon.png) no-repeat center left;
	padding-left:60px;
	height:40px;
	line-height:40px;
	color:#FFF;
	margin:0;
	font-size:16px;
}



#area_ad{
	width:578px;
	margin:5px 10px 10px 10px;
	background-color:#FFF;
	border:solid #CCC 1px;
	float:left;
	display:inline;
}



#area_ad ul{
	width:552px;
	margin:10px 1px 10px 25px;
	clear:both;
	float:left;
	display:block;
	padding:0;
}

#area_ad ul li{
	width:160px;
	height:200px;
	float:left;
	text-align:center;
	margin-right:24px;
	margin-bottom:10px;
	display:block;
}


#area_ad li a{
	width:160px;
	min-height:160px;
	background:#E4F4FC;
	display:block;
}


#area_ad li a:hover img{
	opacity: 0.7;
	filter: alpha(opacity=70);
}

#area_ad #bt_more{
	float:right;
	margin:0px 10px 10px 10px;
}

#area_ad #bt_more a:hover img{
	opacity: 0.7;
	filter: alpha(opacity=70);
}

#area_ad ul li p{
	text-align:left;
	margin-top:5px;
	display:block;
}


/* --------------------------------------------------------
area ad top
----------------------------------------------------------- */

#area_ad_t{
	width:580px;
	margin:10px;
	background-color:#FFF;
	float:left;
	display:inline;
}



#area_ad_t ul{
	width:560px;
	margin:10px 10px 0 10px;
	clear:both;
	float:left;
	display:block;
	padding:0;
}

#area_ad_t ul li{
	width:560x;
	float:left;
	margin-bottom:10px;
	display:block;

}


#area_ad_t ul li a{
	width:558x;
	float:left;
	margin-bottom:10px;
	display:block;
	border-bottom:1px #000000 dashed;

}

#area_ad_t ul li a:hover{
	background:#E4F4FC;
	animation:flash 1s;
	 -webkit-animation:flash 1s;

}

#area_ad_t #adimg{
	float:left;
	width:100px;
	margin-bottom:5px;
}

#area_ad_t .img{
	width:100px;
}




*:first-child+html #area_ad_t .img { /* IE 7 */
	display:inline;
	zoom: 1;
}



#area_ad_t #bt_more{
	width:120px;
	float:right;
	font-weight:bold;
	text-align:center;
	margin-bottom:10px;
}

#area_ad_t #bt_more a{
	background:#DC0011;
	color:#FFFFFF;
	height:25px;
	line-height:25px;
	padding:5px;
	}

#area_ad_t #bt_more a:hover{
	color:##FF0000;
	text-decoration:none;
	background:#CCC;
	}



#area_ad_t ul li p{
	text-align:left;
	margin-top:5px;
	display:block;
	width:448px;
	float:right;
	margin-top:20px;
	margin-left:10px;
	font-size:16px;
	font-weight:bold;
}

#area_ad_t .date{
	color:#000000;
	font-size:14px;
	font-weight:normal;
}



/* --------------------------------------------------------
利用履歴
----------------------------------------------------------- */


#main_large{
	width:910px;
	float:left;
	background-color:#FFD6D6;
	margin:0 20px 20px 20px;
}


#main_large #main_bg{
	width:888px;
	margin:10px;
	background-color:#FFF;
	border:solid #CCC 1px;
	float:left;
	display:inline;
}

#main_large #sub_bg{
	width:888px;
	margin-top:20px;
	float:left;
}

#main_large #main_bg h1{
	width:848px;
	border-bottom:dotted 1px;
	margin:20px 20px 5px 20px;
}



#order_bt{
	width:848px;
	float:left;
	margin:5px 20px;
}

#order_bt .or_sort{
	width:auto;
	float:left;
}

#order_bt .or_pager_h{
	width:auto;
	float:right;
}

.or_table{
	width:846px;
	float:left;
	border-top:solid 1px #FFFFFF;
	border-left:solid 1px #FFFFFF;
	margin:0 20px;
}

.or_day, .or_ss, .or_name, .or_num, .or_pri{
	background:url(/img/common/or_n_bg.gif) repeat-x;
	padding:5px;
	font-weight:bold;
	text-align:center;
	border-bottom:solid 1px #FFFFFF;
	border-right:solid 1px #FFFFFF;
}

.or_day{width:119px;}
.or_ss{width:249px;}
.or_name{width:249px;}
.or_num{width:65px;}
.or_pri{width:109px;}


.or_bg{
	padding:5px;
	border-bottom:solid 1px #FFFFFF;
	border-right:solid 1px #FFFFFF;
	font-weight:bold;
	font-size:12px;
}

.or_pager_f{
	width:848px;
	float:left;
	text-align:center;
	margin:10px 0;
}
.or_pager_f a{
	padding:5px;
}


/* --------------------------------------------------------
ポイント照会　追加CSS
----------------------------------------------------------- */

#ptheader{
	width:598px;
	background:#FFFFFF;
	border: solid #FFD6D6 1px;
	float:left;
}

#ptheader #ptheader_l{
	width:290px;
	float:left;
	margin-bottom:10px;
	padding:10px;
}

#ptheader #ptheader_l ul{
	list-style:none;
	margin:0;
	padding:0;
	float:left;
	width:280px;
}

#ptheader #ptheader_l ul li{
	width:278px;
	float:left;
	margin:5px 0 0 0;
	float:left;
	border:solid #CCCCCC 1px;
	padding:0 5px;
	background:#FFF;
	font-weight:bold;
	font-size:16px;
}

#ptheader_l .pt_ex{
	color:#FF0000;
	font-size:22px;
	border-left:solid #CCCCCC 1px;
	padding-left:10px;
	margin-left:10px;
}

#ptheader .pt_t{
	font-weight:bold;
	font-size:14px;
	border-left:#000 solid 4px;
	padding-left:4px;
}

#ptheader .pt_n{
	width:278px;
	border:solid #CCCCCC 1px;
	padding:0 5px;
	margin:5px 0;
	font-size:35px;
	background:#FFF;
	color:#FF0000;
	font-weight:bold;
}

#ptheader .pt_b{
	width:150px;
	border:solid #CCCCCC 1px;
	padding:0 5px;
	margin:0px 0;
	font-size:23px;
	background:#FFF;
	color:#FF0000;
	font-weight:bold;
}

#ptheader #ptheader_r{
	width:260px;
	float:right;
	margin-right:10px;
	margin-top: 10px;
}

#ptheader #ptheader_r .pt_bt{
	width: 260px;
	float: left;
	margin-top: 10px;
}

#ptheader #ptheader_r .pt_bt li a{
	width:230px;
	float: left;
	color: #000;
	font-size: 16px;
	font-weight: bold;
	padding: 5px 5px 5px 25px;
	background :url(/img/common/arrow_red.png) no-repeat left center #ddd;
	margin-bottom: 10px;
	border-radius: 10px;
	-webkit-border-radius:5px;
	-moz-border-radius: 5px;
}

#ptheader #ptheader_r .pt_bt li a:hover{
	text-decoration: underline;
	color: #E60020;
}


#ptheader #ptheader_r a img{
	width:260px;
	margin-bottom:10px;
}

#ptheader #ptheader_r h1{
	font-size:15px;
	padding:10px 0 0 0;
}

#ptheader #ptheader_r a:hover img{
	opacity: 0.7;
	filter: alpha(opacity=70);
}






/* --------------------------------------------------------
お問い合せ
----------------------------------------------------------- */
.cmt{
	background:url(/img/renew/web/must.png) right center no-repeat ;
}

#center{
	text-align:center;
}


/* --------------------------------------------------------
パスワードアラート
----------------------------------------------------------- */

#pass_alert{
	width:530px;
	padding:20px 24px 0 24px;
}

#bt_pass_change{
	width:410px;
	float:left;
	margin:20px 60px;
	clear:both;
	display:block;
}




/* --------------------------------------------------------
イベントリスト
----------------------------------------------------------- */

#eventnew{
	background:#FFD6D6;
	width:600px;
	clear:both;
	float:left;
}

#eventnew h1{
	width:600px;
	background:url(/img/event/list_new.jpg) top left no-repeat;
	padding-left:60px;
	height:40px;
	line-height:40px;
	color:#FFF;
	margin:0;
	font-size:16px;
}

#eventbana{
	width:600px;
	float:left;
	clear:both;
	padding-bottom:10px;
	margin-top:10px;
	background:#FFF;
}


#eventlist{
	background:#FFD6D6;
	width:600px;
	clear:both;
	float:left;
}

#eventlist h1{
	width:600px;
	background:url(/img/event/list_list.jpg) top left no-repeat;
	padding-left:60px;
	height:40px;
	line-height:40px;
	color:#FFF;
	margin:0;
	font-size:16px;
}


#camplist{
	width:530px;
	float:left;
	clear:both;
	display:block;
	margin-top:10px;
}

#camplist ul{
	width:528px;
	float:left;
	display:block;
	padding:0;
	margin:0 1px;
}

#camplist ul li{
	width:176px;
	float:left;
	height:40px;
	display:block;
	line-height:40px;
	font-weight:bold;
	font-size:13px;
}

#camplist ul li a{
	color:#FFF;
	height:40px;
	display:block;
	width:176px;
}
#camplist ul li a:hover{
	text-decoration:none;
}

#camplist ul .clb1{background:#00ADEE url(/img/common/arrow.png) right bottom no-repeat;}
#camplist ul .clb1 a:hover{background:#006FEE url(/img/common/arrow.png) right bottom no-repeat;}
#camplist ul .clb2{background:#00A550 url(/img/common/arrow.png) right bottom no-repeat;}
#camplist ul .clb2 a:hover{background:#0E3F24 url(/img/common/arrow.png) right bottom no-repeat;}
#camplist ul .clb3{background:#C10016 url(/img/common/arrow.png) right bottom no-repeat;}
#camplist ul .clb3 a:hover{background:#541C24 url(/img/common/arrow.png) right bottom no-repeat;}


/* --------------------------------------------------------
usappy ギフトID
----------------------------------------------------------- */

#ugiftid{
	width:910px;
	margin:10px 20px;
	float:left;
	display:block;
}

#giftid_left{
	width:580px;
	float:left;
	display:block;
}

#giftid_left p{
	padding:10px 20px;
}

#giftid_left h3{
	margin:10px 0 20px 0;
	width:600px;
	float:left;
}

#giftid_left ul{
	padding:0 40px;
	width:520px;
	float:left;
}

#giftid_left ul li{
	list-style-type: disc;
	margin-bottom:10px;
}

#giftid_left h2{
	margin:10px 20px;
	border-bottom:dashed 1px;
	float:left;
	font-size:16px;
	padding:5px 0;
	width:520px;
}

#giftid_left form{
	text-align:center;
	float: left;
    padding:10px;
    width: 500px;
    margin:10px 20px 0 20px;
	background:#F2F2F2;
}

#giftid_left form p{
	padding:0;
}

#giftid_left #new_k{
	width:595px;
	padding:0 0 0 20px;
	float:left;
}

#giftid_left #new_k p{
	float:left;
	width:320px;
	padding:20px 0;
}
#giftid_left #new_k img{
	float:right;
	width:250px;
}

#giftid_left input[type="text"]{
	background:#FFFFFF;
}

#giftid_left input[type="submit"],#giftid_left a{
    background: #060 url(/img/eqn/arrow.png) right bottom no-repeat;
    height: 50px;
    width: 400px;
	margin:10px 50px 10px 50px;
    float: left;
    display: block;
    text-align: center;
    font-size: 18px;
    line-height: 50px;
    font-weight: bold;
    color: #FFFFFF;
    border: none;
    cursor: pointer;
}

#giftid_left a{
	margin:10px 80px;
}

#giftid_left input[type="submit"]:hover,#giftid_left a:hover{
background:#00B42A url(/img/eqn/arrow.png) right bottom no-repeat;
	text-decoration:none;
}

#giftid_left #free{
	width:600px;
	float:left;
	display:block;
}

#giftid_left #free h1{
	width:340px;
	float:left;
	color:#F00;
	padding:10px 0;
}

#giftid_left #free a{
	width:205px;
	float:right;
	margin:10px 30px 10px 0px;
}

#giftid_left #free h2{
	float:left;
	display:block;
	width:600px;
}

#giftid_left #free #bt_bg{
	background:url(/img/giftid/bt_bg.jpg) no-repeat;
	width:580px;
	height:100px;
	float:left;
	padding:20px 10px;
}

#giftid_left #free #bt_bg .bta{
	float:left;
	width:280px;
	margin:0;
}
#giftid_left #free #bt_bg .btb{
	float:right;
	width:280px;
	margin:0;
}

#giftid_left #free #bt_bg a:hover img{
	opacity: 0.8;
	filter: alpha(opacity=80);
}

#giftid_left input{
	 vertical-align:top;
}


/* --------------------------------------------------------
footer ad
----------------------------------------------------------- */


#footerad{
	width:952px;
	height:30px;
	background:#060;
	position:fixed;
	bottom:0px;
	left:0ox;
	line-height:30px;
	text-align:center;
}

#footerad a{
	font-size:16px;
	font-weight:bold;
	color:#FFFFFF;
	padding:10px;
}

/* --------------------------------------------------------
compmms
----------------------------------------------------------- */


#compms{
	width:910px;
	float:left;
}

#compms h2{
	width:910px;
	border-bottom:dashed 1px #FF0000;
	border-top:dashed 1px #FF0000;
	padding:5px 0;
	margin:10px 0;
	font-size:16px;
	color:#F00;
}

#compms_l{
	width:260px;
	float:left;
}

#compms_r{
	width:640px;
	float:left;
}

#compms_r h3{
	margin:10px;
}

#compms_r p{
	padding:10px;
}

.compss_b{
	width:640px;
	margin-top:40px;
	float:left;
}

#compms_l a:hover img{
	opacity: 0.8;
	filter: alpha(opacity=80);
}


/* --------------------------------------------------------
クジレットカード登録
----------------------------------------------------------- */

#creditcard #cardnumber{
	background:#FFE5E9;
}

#creditcard #cardnumber h1{
	font-size:14px;
	border-bottom:dashed 1px #000000;
	padding:5px;
}


#creditcard #cardnumber ul{
	list-style:none;
}

#creditcard #cardnumber ul li{
	background:#fff;
	width:250px;
	padding:10px;
	margin:10px;
	float:left;
	font-weight:bold;
	font-size:16px;
}

#creditcard #cardnumber ul li a{
	margin-bottom:10px;
}

#creditcard #cardnumber ul li a:hover img{
	opacity: 0.8;
	filter: alpha(opacity=80);
}


/* -----------------------------------------------------------
	宇佐美からのお知らせNEW
----------------------------------------------------------- */

.n_notice{
	width:558px;
	float:left;
	padding:10px;
	margin-bottom:40px;
	display:block;
	clear:both;
}

.n_notice h1{
	font-size:16px;
	padding:5px;
	border-bottom: dashed 1px #000000;
	border-top: dashed 1px #000000;
	background:#EFEFEF;
}

.n_notice p{
	padding:5px;
}

.n_notice .n_day{
	color:#F00;
	font-size:12px;
	font-weight:normal;
}



/* -----------------------------------------------------------
	new logoin
----------------------------------------------------------- */


#login_f{
	width:870px;
	margin:0 0 20px 0;
	background:#DC0019;
	float:left;
	color:#FFFFFF;
	padding:10px 20px;
}


#header #logo1_li{
	width:295px;
	height:100px;
	float:left;
	margin-left:20px;
	display:inline;
}

#header #logo2_li{
	width:350px;
	height:100px;
	float:right;
	margin-right:20px;
	display:inline;
}

#new_login{
	width:910px;
	float:left;
	background:#EEEEEC;
}

#new_login #new_form{
	width:700px;
	float:left;
	margin:20px 105px;
	background:#FFFFFF;
}

#new_login #new_form h1{
	background:#FDE2E3;
	font-size:18px;
	padding:10px;
}

#new_login #new_form #error{
	width:608px;
	float:left;
	margin:10px 35px;
	padding:10px;
	border: dashed 1px #FF0000;
}

#new_login #new_form #error li{
	list-style:disc;
	color:#FF0000;
	margin-left:30px;
	font-weight:bold;
	font-size:14px;
}

#new_login #new_form dl{
	width:560px;
	margin:20px;
	float:left;
	display:block;
}

#new_login #new_form dl dt{
	width:150px;
	float:left;
	font-size:16px;
	text-align:right;
	font-weight:bold;
	padding:10px 10px 10px 0;
}

#new_login #new_form dl dd{
	width:400px;
	float:right;
	height:40px;
	margin-bottom:10px;
}

#new_login #new_form dl dd input{
	width:390px;
	float:left;
	height:35px;
	display:block;
	font-size:16px;
}

#new_login #new_form dl dd .bt_sub{
	background:#0B520C url(/img/common/login_ar.png) no-repeat right bottom;
	width:394px;
	font-weight:bold;
	cursor:pointer;
	color:#FFF;
	border:none;
	height:50px;
	text-align:center;
	font-size:20px!important;
}

#new_login #new_form dl dd .bt_sub:hover{
	background:#73AE74 url(/img/common/login_ar.png) no-repeat right bottom;
	text-decoration:none;
}



#new_login #new_form dl dd .bt_pass{
	background:#F56608 url(/img/common/login_ar.png) no-repeat right bottom;
	width:394px;
	float:left;
	margin:10px 0;
	font-weight:bold;
	cursor:pointer;
	color:#FFF;
	border:none;
	height:50px;
	font-size:16px;
	line-height:50px;
	text-align:center;
}

#new_login #new_form dl dd .bt_pass:hover{
	background:#F53200 url(/img/common/login_ar.png) no-repeat right bottom;
	text-decoration:none;
}

#new_login #new_form dl #cau{
	width:192px;
	height:35px;
	float:left;
	font-size:14px;
	text-align:center;
	background:#FBF036 url(/img/common/login_cau.png) no-repeat left center;
	color:#000;
	font-weight:bold;
	margin:20px 10px 20px 0;
	line-height:35px;
	font-weight:bold;
	cursor:pointer;
}

#new_login #new_form dl #cau:hover{
	background:#FBB636 url(/img/common/login_cau.png) no-repeat left center;
}


#new_login #new_form dl #nlo{
	width:192px;
	height:35px;
	float:left;
	font-size:14px;
	text-align:center;
	background:#716558 url(/img/common/login_no.png) no-repeat left center;
	color:#fff;
	font-weight:bold;
	margin:20px 0;
	line-height:35px;
	font-weight:bold;
	cursor:pointer;
}

#new_login #new_form dl #nlo:hover{
	background:#000 url(/img/common/login_no.png) no-repeat left center;
}

#new_login #new_form dl .bt_bac{
	width:394px;
	height:35px;
	float:left;
	font-size:14px;
	text-align:center;
	background:#6AC0BB url(/img/common/login_bac.png) no-repeat left center;
	color:#fff;
	font-weight:bold;
	margin:20px 0;
	line-height:35px;
	font-weight:bold;
	cursor:pointer;
}

#new_login #new_form dl .bt_bac:hover{
	background:#06968E url(/img/common/login_bac.png) no-repeat left center;
	text-decoration:none;
}

/* 国道メシ */

#kokudoumeshi{
	width:300px;
	padding:0;
	margin:10px 0 0 0;
	float:left;
}

#kokudoumeshi .k_logo{
	width:300px;
	float:left;
	margin:5px 0;
	border-bottom: dashed 1px #999999;
	text-align:center;
}

#kokudoumeshi li{
	width:300px;
	height:80px;
	border-bottom: dashed 1px #999999;
	margin:5px 0;
	padding:5px 0;
	float:left;
	font-size:12px;
}
#kokudoumeshi li a{
	width:300px;
	height:80px;
	float:left;
	text-decoration:none;
	color:#000000;
}

#kokudoumeshi li a:hover{
	background:#fbf2c2;
	text-decoration:underline;
}

#kokudoumeshi li .k_img{
	width:80px;
	height:80px;
	margin-right:10px;
	float:left;
}

#kokudoumeshi li .k_title{
	font-size:12px;
	width:200px;
	float:left;
	padding:0;
	margin:0;
}

#kokudoumeshi li .k_cate{
	width:auto;
	float:left;
	color:#FFFFFF;
	padding:0 2px;
}

#kokudoumeshi li .k_co1{background:#78c931;}
#kokudoumeshi li .k_co2{background:#4fc1e6;}
#kokudoumeshi li .k_co3{background:#dd6338;}
#kokudoumeshi li .k_co4{background:#9E9E9E;}


/* -----------------------------------------------------------
	アンケート
----------------------------------------------------------- */


#survey{
	width:910px;
	float:left;
	clear:both;
	display:block;
	font-weight:bold;
}


#survey #freelogin{
	width:910px;
	float:left;
	display:block;
	clear:both;
}

#survey #freelogin #logina{
	width:480px;
	min-height:330px;
	float:left;
	background:#FFEDED;
	padding:10px;
}

#survey #freelogin #logina p{
	font-weight:bold;
	padding:0;
}

#survey #freelogin #logina form{
	width:400px;
	margin:10px auto;
	padding:10px 40px;
	background:#fff;
}

#survey #freelogin #logina .size24{
	margin:0 10px;
}

#survey #freelogin #logina form p{
	margin:5px 10px;
}


#survey #freelogin #logina .rem{
	width:200px;
	margin:5px 0 0 10px;
	float:left;
}

.rem:hover img,#survey #freelogin #entrya #bt_bg a:hover img{
	filter: alpha(opacity=70);
	-ms-filter: alpha(opacity=70);
	opacity: 0.7;
}

#survey #freelogin #entrya{
	width:390px;
	min-height:330px;
	padding:10px;
	float:right;
	background:#C7EDFF;
}

#survey #freelogin #entrya p{
	margin:5px 0;
	padding:0;
}

#survey #freelogin #entrya #bt_bg{
	width:330px;
	padding:10px 30px 0 30px;
	background:#91DAFF;
	float:left;
}

#survey #freelogin #entrya #bt_bg a{
	margin-bottom:10px;
	width:300px;
	float:left;
}


#noid{
	width:910px;
	float:left;
	background:#FF0000;
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;
	padding:10px 0;
	font-size:16px;
	margin-bottom:20px;
	cursor:pointer;
}





#survey #error{
	width:888px;
	padding:10px;
	border: dashed 1px #FF0000;
	margin-bottom:10px;
}

#survey #error ul li{
	font-size:16px;
	color:#FF0000;
	font-weight:bold;
	list-style-type: disc;
	margin-left:30px;
}



#survey #stit{
	width:890px;
	min-height:50px;
	line-height:50px;
	background:#F7F7F7;
	font-size:22px;
	padding:0 10px;
	float:left;
	margin-bottom:10px;
}



#survey #graph{
	width:100px;
	float:right;
	margin-top:-10px;
}

#survey #graph .gra{
	width:100px;
	background:#CCCCCC;
	float:left;
}

#survey #graph .per{
	background:#FFD6D6;
	width:100px;
	float:right;
	text-align:center;
	font-weight:bold;
}

#survey p{
	padding:20px 10px;
}


#survey #subtext{
	width:800px;
	float:left;
	display:block;
	clear:both;
}

#survey #subtext p{
	padding:10px 10px 0 0;
	font-size:17px;
}

#survey #mainimg{
	width:500px;
	float:left;
}


#survey #about{
	width:400px;
	height:400px;
	margin-bottom:20px;
	float:right;
}

#survey #about h2{
	font-size:18px;
	padding:5px 10px 0 10px;
}


#survey #about p{
	width:370px;
	height:200px;
	overflow-y: scroll;
    overflow-x: hidden;
}


#survey #about #key{
	width:350px;
	float:left;
	padding:10px 10px 0 10px;
}

#survey #about #key span{
	font-weight:bold;
	margin-right:10px;
}


#survey .surbt1{
	width:370px;
	height:50px;
	margin:20px 10px 10px 10px;
	text-align:center;
	background:#28A772;
	color:#FFFFFF;
	font-weight:bold;
	font-size:19px;
	border:0;
	cursor:pointer;
}


#survey #bta{
	width:450px;
	margin:0 230px;
	float:left;
	text-align:center;
}

#survey .surbt2{
	width:200px;
	height:50px;
	margin:20px 10px 10px 10px;
	text-align:center;
	background:#28A772;
	color:#FFFFFF;
	font-weight:bold;
	font-size:19px;
	border:0;
	cursor:pointer;
}


#survey .surbt3{
	width:200px;
	float:left;
	height:50px;
	line-height:50px;
	margin:20px 10px 10px 10px;
	text-align:center;
	background:#F00;
	color:#FFFFFF;
	font-weight:bold;
	font-size:19px;
	border:0;
}

#survey .surbt3:hover{
	filter: alpha(opacity=70);
	-ms-filter: alpha(opacity=70);
	opacity: 0.7;
	text-decoration:none;
}



#survey .surbt1:hover,#survey .surbt2:hover{
	filter: alpha(opacity=70);
	-ms-filter: alpha(opacity=70);
	opacity: 0.7;
}


#survey .btf{
	width:368px;
	height:48px;
	margin:20px 10px 10px 10px;
	text-align:center;
	border: dashed 1px #FF0000;
	font-size:19px;
	font-weight:bold;
	line-height:48px;
	color:#FF0000;
}

#survey #que{
	width:910px;
	float:left;
	clear:both;
	display:block;
	margin:20px 0;
}

#survey #que h3{
	width:80px;
	height:50px;
	float:left;
	font-size:18px;
	line-height:50px;
	color:#FFFFFF;
	background:#28A772;
	text-align:center;
	margin-bottom:20px;
}

#survey #que .qustion{
	width:810px;
	line-height:20px;
	float:right;
	font-size:18px;
	font-weight:bold;
	padding:15px 0 0 0;
	display:block;
}

#survey #ans{
	width:790px;
	float:left;
	clear:both;
	display:block;
	margin-left:100px;
	background:#FFD6D6;
	padding:10px;
	font-weight:bold;
}


#survey #ans #gruopset{
	width:790px;
	margin-bottom:10px;
	float:left;
	clear:both;
	display:block;
	font-weight:bold;
}

#survey #ans #gruopset select{
	width:240px;
	margin-right:10px;
}

#survey select{
	border:#000 solid 1px;
	padding:5px;
	font-weight:bold;
	height:30px;
	width:240px;
}


#survey #ans option{
	padding:5px;
	margin:5px;
}


#survey #ans #radio{
	width:790px;
	float:left;
	margin-left:5px;
}

#survey #ans #radio label{
	width:375px;
	padding:5px;
	margin-right:10px;
	float:left;
	display:block;
	margin-bottom:10px;
	cursor:pointer;
}



#survey .checked{
  background:#F60;
}

#survey #ans #radio input{
	margin:0px 5px 5px 5px;
	width:15px;
	height:15px;
	float:left;
}


#survey .comme{
	width:700px;
	height:60px;
}

#survey #slider {
	margin-bottom:10px;
	display: flex;
	gap: 0.5rem;
	align-items: center;
}

#slider div.container {
	display: flex;
	gap: 0.2rem;
	align-items: center;
}

#slider div.container button.rating-btn {
	border-width: 1px;
	--tw-border-opacity: 1;
	border-color: #c4bdbd;
	border-radius: 0.5rem;
	width: 2.2rem;
	height: 2.4rem;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: white;
	cursor: pointer;
	font-size: 1rem !important;
}

#slider div.container button.active {
	background-color: #FF8231;
	color: white;
}

#survey .slider span{
	background:#28A772;
}

#survey #slider p {
	text-align:left;
	float:left;
	margin: 0;
	padding: 0;
}

#survey #slider .sltit{
	width:150px;
	float:left;
	text-align:center;
	color:#FF0000;
	border:dashed 1px #000000;
	padding:5px;
	background:#FFFFFF;
}

#survey #slider #slidera{
	width:600px;
	float:left;
	text-align:left;
	display:block;
	clear:both;
}

#slidea p{
	line-height:30px;
}


#survey .slider{
    margin:15px 10px;
    width: 200px;
	float:left;
}

#survey .star{
    margin:15px 0 15px 0;
    width: 140px;
	float:left;
}


#survey .unit{
	line-height:10px;
	color:green;
}



#survey .number,#survey .starpoint{
    border: 0;
    color: green !important;
    font-weight: bold;
    margin:5px 5px 5px 5px;
	width:50px;
	padding:5px;
}


#survey .acap{
	margin:0;
	padding:0;
	font-size:16px;
	clear:both;
}




#survey #banner{
	width:620px;
	margin:10px auto;
	text-align:center;
	font-weight:bold;
}

#survey #banner #banner_right{
	width:300px;
	height:250px;
	float:left;
	padding:0;
	margin:0;
}

#survey #banner #main_right{
	width:300px;
	height:250px;
	float:right;
	padding:0;
	margin:0;
}

#survey #banner #main_right #qr_right{
	margin:0;
	padding:0;
}

#survey #listnumber{
	width:670px;
	float:left;
}

#survey #listnumber .sortable{
	width:500px;
	margin:10px;
	background:#FFFFFF;
}


#survey #listnumber .sortable li:nth-child(1) {background:url(/img/survey/n1.png) right center no-repeat;}
#survey #listnumber .sortable li:nth-child(2) {background:url(/img/survey/n2.png) right center no-repeat;}
#survey #listnumber .sortable li:nth-child(3) {background:url(/img/survey/n3.png) right center no-repeat;}
#survey #listnumber .sortable li:nth-child(4) {background:url(/img/survey/n4.png) right center no-repeat; }
#survey #listnumber .sortable li:nth-child(5) {background:url(/img/survey/n5.png) right center no-repeat; }
#survey #listnumber .sortable li:nth-child(6) {background:url(/img/survey/n6.png) right center no-repeat; }
#survey #listnumber .sortable li:nth-child(7) {background:url(/img/survey/n7.png) right center no-repeat; }
#survey #listnumber .sortable li:nth-child(8) {background:url(/img/survey/n8.png) right center no-repeat; }
#survey #listnumber .sortable li:nth-child(9) {background:url(/img/survey/n9.png) right center no-repeat; }
#survey #listnumber .sortable li:nth-child(10) {background:url(/img/survey/n10.png) right center no-repeat; }



#survey #listnumber .sortable li{
	width:488px;
	height:30px;
	line-height:30px;
	padding:5px;
	color:#000;
	cursor:move;
}

#survey #other1,#survey #other2,#survey #other3{
	margin:5px 0;
}

#survey #videoa iframe{
	width:600px;
	height:338px;
	margin:10px auto;
}


#top_eqn{
	width:600px;
	background:#FFF;
	float:left;
}

#top_eqn p{
	padding:10px;
}


#top_eqn #oub{
	width:400px;
	margin:10px 100px;
	float:left;
	display:block;
}

#oub_comp{
	width:400px;
	margin:10px 255px 20px 255px;
	float:left;
	clear:both;
	display:block;
}

#oub_comp #oub{
	width:400px;
	margin-bottom:10px;
	float:left;
	display:block;
}

#senryu #oub,#event #oub,#event #oubc,#senryu_form #oub,#senryu_form #oubc{
	width:400px;
	margin:10px 89px;
	float:left;
	display:block;
}

#event #oubc{
	width:400px;
	margin:10px 89px;
	height:50px;
	width:400px;
	float:left;
	display:block;
	text-align:center;
	font-size:18px;
	line-height:50px;
	font-weight:bold;
	color:#FFFFFF;
	background:#999;
}

#top_eqn #oub a,#oub_comp #oub a,#event #oub a,#senryu_form #oub input{
	background:#060 url(/img/eqn/arrow.png) right bottom no-repeat;
	height:50px;
	width:400px;
	float:left;
	display:block;
	text-align:center;
	font-size:18px;
	line-height:50px;
	font-weight:bold;
	color:#FFFFFF;
	border:none;
	cursor:pointer;
}

#top_eqn #oub a:hover,#oub_comp #oub a:hover,#event #oub a:hover,#senryu_form #oub input:hover{
	background:#00B42A url(/img/eqn/arrow.png) right bottom no-repeat;
	text-decoration:none;
}


#senryu_form #oubc a{
	background:#999 url(/img/eqn/arrow.png) right bottom no-repeat;
	height:50px;
	width:400px;
	float:left;
	display:block;
	text-align:center;
	font-size:18px;
	line-height:50px;
	font-weight:bold;
	color:#FFFFFF;
	border:none;
	cursor:pointer;
}

#senryu_form #oubc a:hover{
	background:#666 url(/img/eqn/arrow.png) right bottom no-repeat;
	text-decoration:none;
}


#senryu #oub a{
	background:#F00 url(/img/eqn/arrow.png) right bottom no-repeat;
	height:50px;
	width:400px;
	float:left;
	display:block;
	text-align:center;
	font-size:18px;
	line-height:50px;
	font-weight:bold;
	color:#FFFFFF;
}
#senryu #oub a:hover{
	background:#C00 url(/img/eqn/arrow.png) right bottom no-repeat;
	text-decoration:none;
}

#top_eqn .gld{
	width:580px;
	margin:10px 0;
	padding:5px 10px;
	background:#C58F1A;
	color:#FFF;
	font-size:19px;
	float:left;
	display:block;
}

#top_eqn .blu{
	width:580px;
	margin:10px 0;
	padding:5px 10px;
	background:#00ADEE;
	color:#FFF;
	font-size:19px;
	float:left;
	display:block;
}

#eqn_block{
	width:600px;
	float:left;
	margin:5px 0;
	display:block;
	padding:10px 0;
}

#eqn_block a{
	width:600px;
	float:left;
	display:block;
}

#eqn_block .bg_ans{background:#fff url(/img/eqn/bg_ans.png) right bottom no-repeat;}
#eqn_block .bg_ans:hover{background:#E4F4FC url(/img/eqn/bg_ans.png) right bottom no-repeat;
	text-decoration:none;
	animation:flash 1s;
	 -webkit-animation:rpick 1s;
}

#eqn_block .bg_gat{background:#fff url(/img/eqn/bg_gat.png) right bottom no-repeat;}
#eqn_block .bg_gat:hover{background:#E4F4FC url(/img/eqn/bg_gat.png) right bottom no-repeat;
	text-decoration:none;
	animation:flash 1s;
	 -webkit-animation:rpick 1s;
}

#eqn_block .bg_res{background:#fff url(/img/eqn/bg_res.png) right bottom no-repeat;}
#eqn_block .bg_res:hover{background:#E4F4FC url(/img/eqn/bg_res.png) right bottom no-repeat;
	text-decoration:none;
	animation:flash 1s;
	 -webkit-animation:rpick 1s;
}


@keyframes rpick {
  0% { background-color: #E4F4FC; }
  10% { background-color: #96e9e6; }
  100% { background-color: #E4F4FC; }
}

@-webkit-keyframes rpick {
  0% { background-color: #E4F4FC; }
  10% { background-color: #96e9e6; }
  100% { background-color: #E4F4FC; }
}


#top_eqn .gld_l{border-top:#C58F1A solid 1px }

#top_eqn #eblo{
	width:600px;
	float:left;
	margin-bottom:10px;
	border-bottom:dashed 1px #000000;
}

#top_eqn #eblo #imgb{
	width:150px;
	margin-right:10px;
	margin-bottom:5px;
	float:left;
}

#top_eqn #eblo #txtb{
	width:385px;
	float:right;
	padding-right:55px;
}

#top_eqn #eblo #txtb p{
	line-height:15px;
	padding:3px 0;
	color:#000000;
}

#top_eqn #eblo #txtb h3{
	color:#FF0000;
	padding-top:5px;
	font-size:14px;
}

#top_eqn #eblo #txtb .blue{color:#0000FF;}


#eqn_result{
	width:600px;
	margin:10px 0;
	float:left;
	display:block;
}

#eqn_result h2{
	background:#00A69C;
	padding:5px 10px;
	color:#FFFFFF;
	font-size:16px;
}

#eqn_result h2 span{
	font-size:12px;
}

#eqn_result #res_img{
	width:50px;
	margin:10px 50px;
}

#eqn_bana{
	text-align:center;
	width: 600px;
    padding: 10px 155px;
}

/* -----------------------------------------------------------
	韓国旅行が当たる！Usappyキャンペーン
----------------------------------------------------------- */

#cam_korea{
	width:530px;
	margin:20px;
	_margin:10px;
	float:left;
}

#cam_korea h1{
	width:530px;
	float:left;
	border-bottom: dashed #000000 1px;
	color:#F00;
}

#cam_korea .day{
	font-weight:bold;
}

#cam_korea .main_cp{
	font-size:14px;
	font-weight:bold;
}

#cam_korea img{
	margin-top:10px;
}

/* -----------------------------------------------------------
	usappy 家族名前募集がキャンペーン
----------------------------------------------------------- */

#name_cam{
	width:538px;
	padding:10px 20px;
	float:left;
}

#name_cam #center{
	margin:10px 0;
	text-align:center;
}

#name_cam #name_l{
	width:250px;
	float:left;
	clear:both;
}

#name_cam #profile{
	width:250px;
	float:left;
	border-bottom:#000000 1px dotted;
	margin-bottom:10px;
}

#name_cam #profile h1{
	color:#FF0000;
	border-bottom: dotted #FF0000 1px;
	margin-bottom:10px;
}

#name_cam #profile img{
	width:90px;
	float:left;
}

#name_cam #profile h2{
	width:160px;
	float:right;
	color:#FF0000;
}

#name_cam #profile p{
	width:160px;
	float:right;
}

#name_cam #name_r{
	width:250px;
	float:right;
}

#name_cam #name_r h1{
	color:#FF0000;
	border-bottom: dotted #FF0000 1px;
	margin-bottom:10px;
}

#name_cam #name_r p{
	margin-bottom:10px;
	border-bottom:#000000 1px dotted;
}

#name_cam_b{
	width:538px;
	padding:10px 20px;
	float:left;
}

#name_cam_b h1{
	width:538px;
	float:left;
	color:#FF0000;
	border-bottom: dotted #FF0000 1px;
	margin-bottom:10px;
}
#name_cam_b p{
	width:538px;
	float:left;
}

#name_cam_b #center{
	width:538px;
	margin:10px 0;
	text-align:center;
}

#name_form{
	width:538px;
	padding:10px 20px;
	float:left;
}
#name_form .error{
	font-weight:bold;
	color:#F00;
}

#name_form #block{
	width:538px;
	float:left;
}

#name_form #block h1{
	color:#FF0000;
	border-bottom: dotted #FF0000 1px;
	margin-bottom:10px;
	margin-top:10px;
}

#name_form #block #block_l{
	width:200px;
	float:left;
}

#name_form #block #block_r{
	width:300px;
	float:right;
}

#block_l .cha_img{
	width:90px;
	height:120px;
	padding:10px 55px 10px 55px;
}

#name_form #center{
	width:538px;
	margin:10px 0;
	text-align:center;
}


/* -----------------------------------------------------------
	usappy 川柳募集
----------------------------------------------------------- */

#senryu{
	width:538px;
	padding:10px 20px;
	float:left;
}

#senryu #center{
	margin:10px 0 20px 0;
	text-align:center;
}

#senryu #senryu_l{
	width:250px;
	float:left;
	clear:both;
}

#senryu #main{
	width:538px;
	float:left;
}

#senryu #main #senryu_r{
	width:250px;
	float:right;
}

#senryu #main #senryu_l{
	width:250px;
	float:left;
}


#senryu #main h1{
	color:#FF0000;
	border-bottom: dotted #FF0000 1px;
	margin-bottom:10px;
}

#senryu #main p{
	margin-bottom:10px;
}



#senryu_form{
	width:538px;
	padding:10px 20px;
	float:left;
}
#senryu_form .error{
	font-weight:bold;
	color:#F00;
}

#senryu_form #block{
	width:538px;
	float:left;
}

#senryu_form #block h1{
	color:#FF0000;
	border-bottom: dotted #FF0000 1px;
	margin-bottom:10px;
	margin-top:10px;
}

#senryu_form  .data_cate1{
	width:530px;
	float:left;
	display:inline;
}

#senryu_form  .data_cate2{
	width:200px;
	font-weight:bold;
	padding:5px 5px 5px 10px;
	border-bottom:1px #FFF solid;
	border-right:1px #FFF solid;
}

#senryu_form  .data_cate3{
	width:316px;
	padding:5px 5px 5px 10px;
	border-bottom:1px #FFF solid;
	border-right:1px #FFF solid;
	font-size:12px;
	font-weight:bold;
}

#senryu_form  #data_bt{
	width:220px;
	float:right;
}

#senryu_form  .data_cate3 input{
	margin-bottom:5px;
	margin-right:5px;
}

#senryu_form  .data_cate3 img{
	padding-top:5px;
}


#senryu_form  .che{
	margin:20px 0;
}

#senryu_form #center{
	width:538px;
	margin:10px 0;
	text-align:center;
}

#senresult{
	width:525px;
	padding:10px;
	margin:18px;
	border:#F00 solid 1px;
	float:left;
}

.senryure_bt{
	font-weight:bold;
	width:528px;
	padding:5px 10px 0 10px;
	float:left;
	clear:both;
	cursor:pointer;
	margin:10px 18px;
	background:#FF0000;
	color:#FFFFFF;
	font-size:16px;
}


/* -----------------------------------------------------------
	クイズ
----------------------------------------------------------- */
.quiz{
	background:#FDCACC;
	padding:5px;
	margin-bottom:20px;
}

.quiztit{
	border-bottom:dotted 1px #F00;
	color:#FF0000;

}

.mtl25{
	margin-left:20px;
	font-size:12px;
}

.tred{
	background:#DC0019;
	border-bottom:1px solid #FFF;
	padding:5px;
	color:#FFFFFF;
}

.twhi{
	background:#fff;
	border-bottom:1px solid #DC0019;
	border-right:1px solid #DC0019;
	padding:5px;
	color:#DC0019;
}
.twhi2{
	background:#fff;
	border-top:1px solid #DC0019;
	border-bottom:1px solid #DC0019;
	border-right:1px solid #DC0019;
	padding:5px;
	color:#DC0019;
}


/* -----------------------------------------------------------
	イベント　スタイル
----------------------------------------------------------- */

#event{
	width:538px;
	padding:10px 20px;
	float:left;
}

#event #abouttit{
	width:530px;
	float:left;
	clear:both;
	display:block;
	margin-bottom:5px;
	border-bottom:#F00 dashed 1px;
}

#event #abouttit h1{
	width:200px;
	float:left;
	padding-top:10px;
}

#event #abouttit a{
	float:right;
	width:190px;
	margin-bottom:5px;
}


#event #eventabout{
	width:520px;
	padding:5px;
	margin-bottom:20px;
	clear:both;
	display:block;
	background: url(/img/event/bgusappy.png) no-repeat right bottom #FDCACC;
}

#event #eventtit{
	width:488px;
	padding:15px 20px;
	margin-bottom:20px;
	clear:both;
	display:block;
	border: solid 1px #000000;
}

#event #eventtit h1{
	color:#F00;
	font-size:18px;
	text-align:center;
	border-bottom:dashed 1px #000;
	margin-bottom:5px;
}

#event #eventtit p{
	font-size:14px;
	line-height:22px;
}

#event #eventtit h2{
	text-align:center;
	color:#FF0000;
	font-size:16px;
	margin:5px;
}


.vday{
	font-size:22px;
	color:#FF0000;
	font-weight:bold;
}


#event #answer{
	list-style-type:disc;
}

#event #answer li{
	margin-bottom:20px;
	list-style-type:disc;
	margin-left:20px;
}

/* -----------------------------------------------------------
	タイヤ保証サービス
----------------------------------------------------------- */

#tirecamp{
	width:910px;
	float:left;
	clear:both;
	display:block;
	margin:10px 0;
}

#tirecamp h1{
	text-align:center;
	font-size:20px;
	padding:5px 0;
}



#tirecamp .bg1{
	background:#FDCACC;
	font-size:16px;
	font-weight:bold;
	padding:5px;
	border-bottom:solid 1px #FFFFFF;
	border-right:solid 1px #FFFFFF;
}

#tirecamp .bg2{
	background:#FEEFF0;
	padding:5px;
	border-bottom:solid 1px #FFFFFF;
}

/* -----------------------------------------------------------
	Usappy動画ビデオクイズ
----------------------------------------------------------- */

#ev_video{
	width:910px;
	float:left;
	display:block;
}


#ev_video h1{
	width:910px;
}

#ev_video .ev_p{
	background:#F7E7E8;
	width:890px;
	float:left;
	padding:10px;
}

#ev_video #eva{
	width:910px;
	float:left;
	display:block;
	margin-bottom:20px;
}

#ev_video #eva #evc{
	width:430px;
	height:360px;
	float:left;
	background:#F5F5F5;
}

#ev_video #eva #evf{
	width:310px;
	height:360px;
	float:left;
	background:#F5F5F5;
}


#ev_video #eva #evi{
	width:480px;
	height:360px;
	float:right;
	background:#006837;
}

#ev_video #eva #evm{
	width:600px;
	height:360px;
	float:right;
	background:#F5F5F5;
}

#ev_video #eva #evi p{
	font-size:18px;
	color:#FFFFFF;
	padding:15px 10px 0 10px;
	font-weight:bold;
	line-height:25px;
}

#ev_video #eva #evc h2{
	width:410px;
	height:45px;
	line-height:45px;
	padding:0 10px;
	background:#2D6D92;
	color:#FFFFFF;
	font-size:18px;
	margin-bottom:10px;
}

#ev_video #eva #evf h2{
	width:290px;
	height:45px;
	line-height:45px;
	padding:0 10px;
	background:#2D6D92;
	color:#FFFFFF;
	font-size:18px;
	margin-bottom:10px;
}

#ev_video #eva #evf #list_view{
	width:290px;
	float:left;
}

#ev_video #eva #evf #list_view li{
	width:290px;
	margin:5px 10px 0 10px;
	float:left;
	background:#FFFFFF;
}

#ev_video #eva #evf #list_view li label{
	width:280px;
	padding:5px;
	display:block;
	font-weight:bold;
	cursor:pointer;
}
#ev_video #eva #evf #list_view li label input{
	margin-right:5px;
}

#ev_video #eva #evc #evcc{
	height:260px;
	width:430px;
	float:left;
	display:block;
}

#ev_video #eva #evc #evcc p{
	padding:10px;
}

#ev_video #eva #evc  #evcc h3{
	font-size:18px;
	color:#FF0000;
	padding:10px;
}


#ev_video #eva #evc #evcc #evan{
	width:260px;
	float:left;
	padding:0 10px;
}

#ev_video #eva #evc #evcc #evan li{
	list-style:disc;
	margin-left:15px;
}

#ev_video #eva #evf h3{
	font-size:14px;
	color:#FF0000;
	padding:5px 10px;
}


#ev_video #eva #evcomp{
	width:410px;
	height:45px;
	line-height:45px;
	border:0;
	padding:0 10px;
	background:#929496;
	color:#FFFFFF;
	font-weight:bold;
	font-size:18px;
	float:left;
}

#ev_video #eva #evclose{
	width:410px;
	height:45px;
	line-height:45px;
	border:0;
	padding:0 10px;
	background:#F00;
	color:#FFFFFF;
	font-weight:bold;
	font-size:18px;
	float:left;
}



#ev_video #eva .evgo{
	width:430px;
	height:45px;
	line-height:45px;
	border:0;
	padding:0 10px;
	background:#006837 url(/img/event/arrow.png) right bottom no-repeat;
	color:#FFFFFF;
	font-weight:bold;
	font-size:18px;
	cursor:pointer;
}

#ev_video #eva .evgo:hover{
	background:#4C9573 url(/img/event/arrow.png) right bottom no-repeat;
}

#ev_video #eva .evfm{
	width:410px;
	height:45px;
	line-height:45px;
	float:left;
	border:0;
	padding:0 10px;
	background:#006837 url(/img/event/arrow.png) right bottom no-repeat;
	color:#FFFFFF;
	font-weight:bold;
	font-size:18px;
	cursor:pointer;
}

#ev_video #eva .evfm:hover{
	background:#4C9573 url(/img/event/arrow.png) right bottom no-repeat;
	text-decoration:none;
}




#ev_video #eva .evback{
	width:410px;
	height:25px;
	float:left;
	display:block;
	line-height:25px;
	border:0;
	padding:10px;
	background:#EC1B23 url(/img/event/arrow.png) right bottom no-repeat;
	color:#FFFFFF;
	font-weight:bold;
	font-size:18px;
	cursor:pointer;
	margin:10px 240px;
	font-size:16px;
}

#ev_video #eva .evback a{
	color:#FFFFFF;
}

#ev_video #eva .evback a:hover{
	text-decoration:none;
}

#ev_video #eva .evback:hover{
	background:#930 url(/img/event/arrow.png) right bottom no-repeat;
	text-decoration:none;
}


#ev_video #eva #evabout{
	width:580px;
	padding:10px;
	float:left;
	background:#F5F5F5;
}

#ev_video #eva #evabout h1{
	font-size:16px;
	color:#FF0000;
	border-bottom:dashed 1px #FF0000;
	width:580px;
	margin:10px 0;
}

#ev_video #eva #evabout h2{
	font-size:14px;
	margin-top:10px;
}

#ev_video #eva #evabout ul li{
	list-style:disc;
	margin-left:15px;
}

#ev_video #eva #evach{
	width:300px;
	float:right;
}

#ev_video #eva #evach h1{
	background:#FF0000;
	width:280px;
	height:25px;
	font-size:14px;
	line-height:25px;
	color:#FFFFFF;
	padding:0 10px;
	margin-bottom:10px;
}

#ev_video #eva #evach #evachmore{
	width:150px;
	float:right;
}

#ev_video #eva #evach #evachmore a{
	color:#FF0000;
	width:150px;
	background:#FFFFFF;
	height:20px;
	padding:0 10px;
	margin-left:50px;
	text-decoration:none;
}

#ev_video #eva #evach #evachmore a:hover{
	background:#D3E638;
	color:#000;
}

#ev_video #eva #evach ul{
	width:300px;
	float:left;
	padding:0;
	margin:0;
}

#ev_video #eva #evach ul li{
	width:300px;
	float:left;
}

#ev_video #eva #evach ul li a{
	width:300px;
	float:left;
	list-style:none;
	color:#000000;
}

#ev_video #eva #evach ul li a img{
	width:120px;
	float:left;
}


#ev_video #eva #evach ul li a p{
	width:160px;
	float:right;
	padding:5px 10px;
}

#ev_video #eva #evach .eveven{
	background:#F5F5F5 url(/img/event/arrowr.png) no-repeat right bottom;
}

#ev_video #eva #evach .evodd{
	background:#F7E7E8 url(/img/event/arrowr.png) no-repeat right bottom;
}

#ev_video #eva #evach ul li a:hover{
	background:#D3E638 url(/img/event/arrowr.png) no-repeat right bottom;
}

#ev_video #eva #banner_right{
	width:300px;
	float:right;
	margin:10px 0;
}

#ev_video #eva #banner_right img:hover,#ev_video #adbana img:hover{
	opacity: 0.7;
	filter: alpha(opacity=70);
}

#ev_video #adbana{
	width:910px;
	text-align:center;
	margin-bottom:20px;
}


#ev_video #ent_main{
	margin-top:-10px;
}

#ev_video #ent_main .ent_cate3{
	width:680px;
}

#ev_video #ev_youtube{
	width:890px;
	float:left;
	display:block;
	background:#00A69C;
	color:#FFFFFF;
	padding:10px;
	font-weight:bold;
}

#ev_video #ev_sub{
	width:910px;
	margin:5px 0;
	float:left;
	text-align:center;
}
#ev_video .ev_ans{
	cursor:pointer;
	width:460px;
	text-align:center;
	float:left;
}

#ev_video .ev_an{
	border: dashed 1px #FFFFFF;
}

#ev_video #error{
	color:#FF0000;
	font-weight:bold;
	float:left;
}

#ev_video #error li{
	list-style:disc;
	margin:5px 10px 5px 20px;
}


/* -----------------------------------------------------------
	キャンペーン
----------------------------------------------------------- */
.cmw{
	width:526px;
	margin:10px 0;
	clear:both;
	display:block;
	border-bottom:solid 1px #000000;
}

.cmw .day{
	color:#0000FF;
}

.er_camp{
	width:486px;
	float:left;
	border: dashed 1px #FF0000;
	color:#F00;
	margin:10px 0 30px 0;
	padding:5px 10px 5px 30px;
	list-style:disc;
	-webkit-animation:blink 0.5s ease-in-out infinite alternate;
    -moz-animation:blink ,0.5s ease-in-out infinite alternate;
    animation:blink 0.5s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}

.er_camp li{
	list-style:disc;
}

.camp_oub,.camp_oubc{
    width: 400px;
    margin: 10px 89px;
    float: left;
    display: block;
}

.camp_oub input,.camp_oub a{
    background: #060 url(/img/eqn/arrow.png) right bottom no-repeat;
    height: 50px;
    width: 400px;
    float: left;
    display: block;
    text-align: center;
    font-size: 18px;
    line-height: 50px;
    font-weight: bold;
    color: #FFFFFF;
    border: none;
    cursor: pointer;
	text-decoration:none;
}

.camp_oub input:hover,.camp_oub a:hover{
	background:#00B42A url(/img/eqn/arrow.png) right bottom no-repeat;
}

.camp_oubc a{
    background: #999 url(/img/eqn/arrow.png) right bottom no-repeat;
    height: 50px;
    width: 400px;
    float: left;
    display: block;
    text-align: center;
    font-size: 18px;
    line-height: 50px;
    font-weight: bold;
    color: #FFFFFF;
    border: none;
    cursor: pointer;
	text-decoration:none;
}

.camp_oubc a:hover{
	background:#666 url(/img/eqn/arrow.png) right bottom no-repeat;
}

#camplist{
	width:550px;
	float:left;
	padding:10px;
}

#camplist li{
	width:550px;
	float:left;
	border-bottom:dashed 1px #000000;
}


#camplist li h2{
	font-size:18px;
	padding:5px 0;
}

#camplist li .day{
	color:#0000FF;
}

#camplist li .coment{
	font-size:12px;
	padding-bottom:10px;
}


#camplist #c_bta{
	width:550px;
	float:left;
	margin:10px 0;
}

#camplist #c_bta .status{
	width:110px;
	float:left;
	font-weight:bold;
	text-align:center;
	background:#CCCCCC;
	height:40px;
	line-height:40px;
}

#camplist #c_bta .bt_about,#camplist #c_bta .bt_ou{
	width:200px;
	float:left;
	display:block;
	text-align:center;
	font-weight:bold;
	margin-left:10px;
	font-size:18px;
	height:40px;
	line-height:40px;
	text-decoration:none;
}

#camplist #c_bta .bt_ou{
	 background: #060 url(/img/eqn/arrow.png) right bottom no-repeat;
	 color:#FFFFFF;
}

#camplist #c_bta .bt_ou:hover{
	background:#00B42A url(/img/eqn/arrow.png) right bottom no-repeat;
}

#camplist #c_bta .bt_about{
	 background: #F56608 url(/img/eqn/arrow.png) right bottom no-repeat;
	 color:#FFFFFF;
}

#camplist #c_bta .bt_about:hover{
	background:#FBB636 url(/img/eqn/arrow.png) right bottom no-repeat;
}


.clo_camp{
	width:530px;
	float:left;
	clear:both;
	display:block;
}

.clo_camp h2{
	background:#CCCCCC;
	font-size:18px;
	padding:5px 0;
	text-align:center;
}

.clo_camp p{
	padding:10px 0;
}


/* -----------------------------------------------------------
	manga
----------------------------------------------------------- */
.manga{
	width:600px;
	float:left;
	margin:10px 0;
	background:#F2F2F2;
	border-bottom:solid 1px #E60020;
}

.manga .tit{
	width:580px;
	float:left;
	background:#E60020;
	color:#FFFFFF;
	font-weight:bold;
	font-size:18px;
	padding:10px;
	margin-bottom:10px;
}

.manga .day{
	font-size:12px;
	float:right;
	line-height:25px;
}


.manga ul{
	width:400px;
	margin:0 100px;
	float:left;
}

.manga ul li{
	width:400px;
	margin-bottom:10px;
}

.manga ul li img{
	width:400px;
}


#manga_list{
	width:600px;
	margin:10px 0;
	padding:0;
	float:left;
	border-top: dashed 1px #000000;
}

#manga_list li{
	width:600px;
	float:left;
	margin:5px 0 0 0;
	border-bottom: dashed 1px #000000;
}

#manga_list li #m_img{
	width:150px;
	float:left;
	margin-right:10px;
}

#manga_list li #m_txt{
	width:440px;
	float:right;
}

#manga_list li #m_txt #m_tx{
	width:440px;
	float:right;
}



#manga_list li #m_txt h3{
	font-size:18px;
	padding:5px 0;
}

#manga_list li a{
	width:600px;
	float:left;
}
#manga_list li a:hover{
	background:#E4F4FC;
	text-decoration:none;
	animation:flash 1s;
	-webkit-animation:rpick 1s;
}



#about_bana{
	width:600px;
	float:left;
}

#about_bana a{
	float:left;
}

#about_bana .mr10{
	margin-right:10px;
}

#about_bana a:hover img,#about_usa_r a:hover img{
	opacity: 0.7;
	filter: alpha(opacity=70);
}

#about_usa_r{
	width:150px;
	float:left;
	position:absolute;
	right:20px;
	top:0;
	z-index:100;
	animation: verti 1s ease-in-out infinite alternate;
}
@keyframes verti {
    0% { transform:translateY(-5px); }
  100% { transform:translateY(  0px); }
}

@media screen and (max-width: 1200px) {
    #about_usa_r{display:none;}
}

.yuru_b{
	position:relative;
}
.yuru_b p{
	position:absolute;
	width:50px;
	top:-80px;
	right:6px;
	color:#000;
	font-size:12px;
	text-align:center;
}
.yuru_b p strong{
	font-size:20px;
}

#yuru_cy{
	width:310px;
	position:fixed;
	bottom:0;
	left:-320px;
	animation: yuru_car 20s ease-in-out alternate;
	z-index:10000;
}

#yuru_cy a{
	position:relative;
}

#yuru_cy .cy{
	position:absolute;
	bottom:27px;
	left:0;
}

#yuru_cy .cy_t{
	position:absolute;
	bottom:0px;
	left:197px;
}

#yuru_cy .cy_t_s{
	position:absolute;
	bottom:0px;
	left:38px;
}
#yuru_cy .tire{
   animation: rotate 0.1s;
    animation-iteration-count: infinite;
    -webkit-animation: rotate 0.1s;
    -webkit-animation-iteration-count: infinite;
}


@keyframes rotate {
    0% { transform: rotate(360deg); }
    100% { transform: rotate(0deg); }
}

@keyframes yuru_car {
    0% { transform:translateX(-200px); }
  100% { transform:translateX(2000px);}
}

/* -----------------------------------------------------------
	トップNEW
----------------------------------------------------------- */

.sub_tit{
	width:600px;
	height:30px;
	line-height:30px;
	float:left;
	padding:0 10px;
	margin:10px 0;
	font-size:18px;
	border-left:solid 4px #FF0000;
	border-bottom:solid 1px #FF0000;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-o-box-sizing:border-box;
}

.come_n{
	width:580px;
	padding:10px;
	float:left;
	font-size:13px;
	line-height:18px;
}


.campaign ul li .sta{
	float:left;
	width:415px;
}

.campaign ul li .sta .status{
	margin-right:5px;
	padding:2px 5px;
	float:left;
	color:#FFF;
	text-align:center;
	border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
}

.campaign ul li .sta .st1{background:#060;}
.campaign ul li .sta .st2{background:#F00;}
.campaign ul li .sta .st3{background:#00ADEE;}


#ne_usa{
	width:600px;
	float: left;
}

#ne_usa ul{
	width: 600px;
	padding: 0;
	margin: 0;
}

#ne_usa ul li{
	width:280px;
	padding: 5px 10px;
	margin: 0;
	float:left;
}

#ne_usa ul li img{
	width: 280px;
}

#ne_usa ul li a img:hover{
	filter:alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
}

.top_bt{
	padding:0;
	margin:0 0 0 -90px;
	list-style:none;
	width:65px;
	float:left;
	z-index:10000;
	position:fixed;
	top:405px;
}

@media screen and (max-width: 1200px) {
    .top_bt{display:none;}
}

#con1,#con2,#con3{
	display:block;
	width:100%;
	float:left;
}

.top_bt li{
	width:65px;
	float:left;
}


.top_bt li a{
	background:#F2F2F2;
	color:#000;
	float:left;
	width:65px;
	text-align:center;
	font-size:10px;
	padding:0;
	margin:0;
	border-bottom:solid 1px #FFF;
}

.top_bt li a img{
	width:40px;
	margin:2px 10px;
}

.bt_stay_n{
	background:#F6D1D3 !important;
}

.sagyo{
	margin:20px 0;
}

.sagyo h2{
	width:300px;
	padding:5px 0 0 0;
	margin:0;
	float:left;
	text-align:center;
}

.sagyo p{
	padding:5px;
}

.autos_n{
	width:300px;
	float:left;
}

.autos_n ul{
	padding:0;
	margin:0;
	width:300px;
	height:500px;
	overflow-y:scroll;
	float:left;
}

.autos_n ul li{
	width:280px;
	height:90px;
	padding:5px 0;
	float:left;
	border-top:dashed 1px #000000;
}

.autos_n ul li img{
	width:135px;
	margin-right:5px;
	float:left;
}

.autos_n ul li a{
	text-decoration:none;
	width:280px;
	float:left;
	color:#000000;
	cursor:pointer;
}

.autos_n ul li a:hover{
	background:#F2F2F2;
}

.autos_n ul li a h4{
	width:140px;
	float:left;
	color:#F00;
	font-size:14px;
}
.autos_n ul li h4 span{
    width:100%;
    padding:2px;
    text-align:center;
    float:left;
    font-size:12px;
    color:#fff;
    background:#FBB03B;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -o-box-sizing:border-box;
}

.autos_n ul li p{
	font-size:12px;
}

.autos_n ul .t1{
	width:280px;
	height:185px;
	padding:5px 0;
	float:left;
	position:relative;
}

.autos_n ul .t1 img{
	width:280px;
	float:left;
}

.autos_n ul .txt_n{
	position:absolute;
	top:113px;
	left:0;
	float:left;
	background:#FFFFFF;
	width:100%;
	filter:alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
}

.autos_n ul .txt_n:hover{
	background:#F2F2F2;
	width:100%;
	filter:alpha(opacity=90);
    -moz-opacity: 0.9;
    opacity: 0.9;
}

.autos_n ul .t1 img:hover{
	filter:alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
}


.autos_n ul .txt_n h4{
	width:270px;
	padding:5px 5px 0 5px;
	float:left;
	font-size:18px;
}
.autos_n ul .txt_n h4 span{
	width:200px;
	float:right;
	margin:0;
}

.autos_n ul .txt_n p{
	width:270px;
	padding:0 5px;
	font-size:14px;
	text-align:center;
}

.autos_sc{
	position:fixed;
	top:0;
}

.top_bt_top{
	display: none;
}

.em-top {
	width: 926px;
	border:solid 2px #000000;
	float:left;
	margin-top: 20px;
	padding: 10px;
	background: #FF0;
}

.em-top li {
	font-size:24px;
	background:url(/img/ss/em.png) left center no-repeat;
	font-weight:bold;
	color:#000;
	padding-left:45px;
}

.em-top li span {
	font-size:15px;
	font-weight:normal;
	margin-right:10px;
	color:#F00;
}

.em-top li a {
	color:#000;
	text-decoration:underline;
}

.em-top li a:hover{
	color:#F00;
	text-decoration:none;
}

.top_bt_youtube {
  position: relative;
  display: inline-block;
  margin: 10px 0 0 0;
  padding: 7px 10px;
  min-width: 120px;
  max-width: 100%;
  color: #555;
  font-size: 16px;
  background: #E60020 ;
  border-radius: 15px;
}

.top_bt_youtube:before {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 20%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-bottom: 15px solid #E60020 ;
}

.top_bt_youtube a {
  margin: 0;
  padding: 0 0 0 23px;
	color: #fff;
	background: url(/img/common/head/arrow.png) no-repeat left center;
}

.blinking{
  animation: blink 1s linear infinite;
}

#fullsize_r{
  width: 950px;
  margin-top: 20px;
  float: left;
}
#fullsize_b{
  width: 950px;
  float: left;
}
#fullsize_b a img:hover{
  opacity: 0.8;
}

#bana_r_list{
	width: 300px;
	float: left;
	margin: 10px 0;
}

#bana_r_list li{
	width: 300px;
	float: left;
	margin-bottom: 5px;
}

#bana_r_list li a img:hover{
	opacity: 0.8;
}


#QR-dialog{
	width:100%;
	text-align:center;
}

#qrcode_data{
	width:50%;
	margin:10px auto;
}

#qrcode_data img{
	width:100%;
}

#QR-dialog .timer{
	font-size:25px;
	font-weight:bold;
}