@charset "UTF-8";
/* CSS Document */

/*--- reset */
html {
	overflow-y: scroll;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,h7,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption,th {
	text-align: left;
}
q:before,q:after {
	content: '';
}
object,
embed {
	vertical-align: top;
}
hr,legend {
	display: none;
}
h1,h2,h3,h4,h5,h6,h7 {
	font-size: 100%;
}
img,abbr,acronym,fieldset {
	border: 0;
}
li {
	list-style-type: none;
}

/*--- default */
body {
	background: #FFF;
	color: #00000;
	font-size: small;
	font-family: "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	line-height: 1.5;
}
* html body {	/* for IF6 */
	font-family: "ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}

input { line-height:1.0 !important; font-size:130% !important; }
select { line-height:1.0 !important; font-size:100% !important; }
textarea { line-height:1.0 !important; font-size:100% !important; }
button { line-height:1.0 !important; font-size:100% !important; }

a:link {text-decoration: none;}
a:visited{text-decoration: none;}
a:hover{text-decoration: underline;}
a:active{text-decoration: none;}

.fr {float: right;}
.fl {float: left;}
.tr {text-align: right;}
.tl {text-align: left;}

.cap{
	font-size:11px;
}

.clear{
	clear:both;
}

.red{
	color:#F00;
}

#txt_center{
	text-align:center;
}

#page {
	background-color:#E4E4E6;
	width: 950px;
	margin: 0 auto;
}
/* -----------------------------------------------------------
	#point_navi
		会員ポイント
----------------------------------------------------------- */

#point_navi{
	width:950px;
	float:left;
	height:25px;
	background-color:#FFD6D6;
	display:inline;
}

#point_navi #pt_info{
	width:515px;
	padding:0 0 0 10px;
	float:left;
	display:inline;
}

#point_navi #pt_info li{
	float:left;
	height:25px;
}


#point_navi .name{
	font-weight:bold;
	background:url(/img/common/po_name_bg.gif) top left no-repeat;
	padding:5px 5px 0 25px;
}

#point_navi .point{
	font-weight:bold;
	background:url(/img/common/po_point_bg.gif) top left no-repeat;
	padding:5px 0 0 25px;
	color:#F00;
	display:inline;
}

#point_navi .num{
	padding:5px 10px 0 10px;
	font-size:11px;
}

#point_navi .lastl{
	padding:5px 10px 0 10px;
	font-size:11px;
}

#point_navi #pt_bt{
	width:350px;
	padding:0;
	float:right;
	display:inline;
}

#point_navi #pt_bt li{
	float:left;
	height:25px;
	display:inline;
	padding:3px 0px 2px 10px;
}

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

/* -----------------------------------------------------------
	#in_main
		会員メイン　左カラム　右カラム　共通項目
----------------------------------------------------------- */

#in_main{
	width:910px;
	float:left;
	margin:0 25px;
}

/*-----左カラム-----*/

#in_main #main_left{
	width:600px;
	float:left;
	background-color:#FFD6D6;
}

#in_main #main_left .tit{
	width:590px;
	padding-left:10px;
	background:#DC0011;
	color:#FFF;
	height:30px;
	line-height:30px;
	border-bottom:#FFF solid 10px;
}


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

#in_main #main_left #sub_bg{
	width:580px;
	margin-top:40px;
	float:left;
}

#in_main #main_left #sub_bg img{
	width:580px;
}

/*-----左カラム サブナビゲーション-----*/


#in_main #main_left .sub_navi{
	width:600px;
	height:25px;
	background:url(/img/common/sub_navi_bg.gif) top left no-repeat;
	border-bottom:#FFF solid 3px;
	clear:both;
}

#in_main #main_left .sub_navi li{
	width:200px;
	float:left;
	text-align:center;
	font-weight:bold;
	color:#F00;
	padding-top:5px;
}

#in_main #main_left .sub_navi li a{
	color:#000;
}

/*-----左カラム サブナビゲーション ボタン4つの時-----*/

#in_main #main_left .sub_navi2{
	width:600px;
	height:25px;
	background:url(/img/common/sub_navi_bg2.gif) top left no-repeat;
	border-bottom:#FFF solid 3px;
}

#in_main #main_left .sub_navi2 li{
	width:150px;
	float:left;
	text-align:center;
	font-weight:bold;
	color:#F00;
	padding-top:5px;
}

#in_main #main_left .sub_navi2 li a{
	color:#000;
}



/*-----右カラム-----*/

#in_main #main_right,#in_main #main_right2{
	width:300px;
	float:right;
}


#in_main #main_right #banner_right{
	width:300px;
	margin-bottom:15px;
}

#in_main #main_right #qr_right{
	width:300px;
	margin:15px 0 20px 0;
}

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


/*-----インフォメーション-----*/

#info_main{
	width:600px;
	float:left;
	display:block;
	margin:0 0 0 0;
	padding:10px 0;
	background:#FFFFFF;
}

#info_main h1{
	width:540px;
	height:30px;
	float:left;
	display:block;
	color:#FFF;
	line-height:30px;
	font-size:16px;
	background:#003E8B url(/img/top/info.png) no-repeat center left;
	padding:5px 0 5px 60px;

}

#info_main #inner{
	width:578px;
	float:left;
	background:#FFFFFF;
	border-right:solid 1px #000000;
	border-left:solid 1px #000000;
	border-bottom:solid 1px #000000;
	margin:0 0 10px 0;
	padding:10px;
}

#info_main p{
	float:left;
	width:558px;
	padding:0;
	line-height:20px;
}

#info_main span{
	margin-right:15px;
}



#info_main .n_noticem{
	width:120px;
	float:right;
	font-weight:bold;
	text-align:center;
}

#info_main .n_noticem a{
	background:#DC0011;
	color:#FFFFFF;
	height:25px;
	line-height:25px;
	padding:5px;
	}

#info_main .n_noticem a:hover{
	color:##FF0000;
	text-decoration:none;
	background:#CCC;
	}

/* -----------------------------------------------------------
		テーブルの色自動行で変換
----------------------------------------------------------- */
table#tableset tr.tr-odd {
    background: #FCE5E9;
}
table#tableset tr.tr-even {
    background: #FACCD2;
}


/* -----------------------------------------------------------
		input フォームのサイズ
----------------------------------------------------------- */
.size40{
	width:600px;
	margin-bottom:5px;
}

.size24{
	width:300px;
	margin-bottom:5px;
}

.size20{
	width:250px;
	margin-bottom:5px;
}

.size16{
	width:200px;
	margin-bottom:5px;
}

.size12{
	width:150px;
	margin-bottom:5px;
}

.size8{
	width:100px;
	margin-bottom:5px;
}

.size6{
	width:75px;
	margin-bottom:5px;
}


.size3{
	width:40px;
	margin-bottom:5px;
}

.size40,.size24,.size20,.size16,.size12,.size8,.size6,.size3{
font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;

	border:0;
	padding:7px;
	color:#000;
	border:solid 1px #ccc;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:1px solid #777;
    background: #fff;

/* Webkit */
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#eee),
        to(#fff)
        );

/* Firefox */
    background: -moz-linear-gradient(
        top,
        #eee,
        #fff
        );

/* IE */
    filter:progid:DXImageTransform.Microsoft.gradient
        (startColorstr=#ffeeeeee,endColorstr=#ffffffff);
    zoom: 1;
}

/* -----------------------------------------------------------
		thick box用
----------------------------------------------------------- */
#thickbox{
	width:500px;
}

#thickbox h1{
	font-weight:bold;
	color:#F00;
	border-bottom:solid 1px #FF0000;
}

#thickbox h2{
	padding:10px 0;
}


.w530p{
	width:530px;
	float:left;
	clear:both;
}

.w580p{
	width:580px;
	float:left;
	clear:both;
}

.w400p{
	width:400px;
	float:left;
	clear:both;
}

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

/* -----------------------------------------------------------
		上部バナー
----------------------------------------------------------- */

#headbana{
	width:950px;
	margin:0 auto;
}

#headbanabg{
	width:100%;
	height:50px;
	position:absolute;
	top:0;
	left:0;
	background:#0096D9;
}

#headbans{
	width:950px;
	height:50px;
}

/* -----------------------------------------------------------
		トップへ
----------------------------------------------------------- */

#topcontrol{
	z-index:6;
}

/* -----------------------------------------------------------
	共通右カラム　バナー枠
----------------------------------------------------------- */

#right_pickup{
	width:300px;
	float:left;
	display:block;
	margin:10px 0;
}

#right_pickup h1{
	background:#006837 url(/img/right/icon.png) no-repeat center left;
	padding:0 0 0 50px;
	font-size:16px;
	height:40px;
	line-height:40px;
	color:#FFF;
	margin-bottom:5px;
}

#right_pickup h2{
	padding:2px 0;
	font-size:14px;
	margin-bottom:5px;
	border-bottom:dashed 1px #000000;
}

#right_pickup h2 span{
	background:#F00;
	color:#FFF;
	padding:0 5px;
	margin-right:5px;
}

#right_pickup #today{
	width:300px;
	float:left;
	margin-bottom:10px;
}

#right_pickup #today h2{
	background:url(/img/right/today.png) no-repeat center left;
	padding:5px 0 2px 50px;
	height:30px;
	font-size:16px;
	line-height:30px;
	margin-bottom:5px;
	color:#FF0000;
	border-bottom:dashed 1px #000000;
}


#right_pickup #today a,#right_pickup #r_picklist li a{
	background:#F5F5F5 url(/img/right/arrow.jpg) right bottom no-repeat;
	width:300px;
	float:left;
	display:block;
}

#right_pickup #today p{
	padding:5px;
	color:#000000;
}


#right_pickup #today a:hover img,#right_pickup #r_picklist li a:hover img{
	opacity: 0.7;
	filter: alpha(opacity=70);
}

#right_pickup #today a:hover,#right_pickup #r_picklist li a:hover{
	background:#E4F4FC url(/img/right/arrow.jpg) 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; }
}

#right_pickup #r_picklist{
	width:300px;
	float:left;
}

#right_pickup #r_picklist li{
	width:300px;
	float:left;
	margin-bottom:10px;
}

#right_pickup #r_picklist li img{
	width:150px;
	float:left;
}

#right_pickup #r_picklist li p{
	width:140px;
	padding:15px 5px 0 5px;
	float:right;
	color:#000000;
	font-size:12px;
}



/* -----------------------------------------------------------
	プロフィール関係ボタン共通
----------------------------------------------------------- */

#pro_bt{
	width:530px;
	float:left;
	margin:10px 0;
	padding:0;
	clear:both;
	display:block;
}

#pro_bt li{
	width:165px;
	margin-left:10px;
	float:right;
}

#pro_bt .pgrebt{
	width:165px;
	height:30px;
	font-size:14px !important;
	line-height:30px;
	font-weight:bold;
	float:left;
	background:#060 url(/img/common/login_ar.png) right bottom no-repeat;
	text-align:center;
	color:#FFFFFF;
	border:none;
	cursor:pointer;
}


#pro_bt .pgrebt:hover{
	background:#73AE74 url(/img/common/login_ar.png) no-repeat right bottom;
	text-decoration:none;
}


#pro_bt .predbt{
	width:165px;
	height:30px;
	font-size:14px !important;
	line-height:30px;
	font-weight:bold;
	float:left;
	background:#C00 url(/img/common/login_ar.png) right bottom no-repeat;
	text-align:center;
	color:#FFFFFF;
	border:none;
	cursor:pointer;
}


#pro_bt .predbt:hover{
	background:#F00 url(/img/common/login_ar.png) no-repeat right bottom;
	text-decoration:none;
}


#pro_bt .porabt{
	width:165px;
	height:30px;
	font-size:14px !important;
	line-height:30px;
	font-weight:bold;
	float:left;
	background:#F56608 url(/img/common/login_ar.png) right bottom no-repeat;
	text-align:center;
	color:#FFFFFF;
	border:none;
	cursor:pointer;
}


#pro_bt .porabt:hover{
	background:#FBB636 url(/img/common/login_ar.png) no-repeat right bottom;
	text-decoration:none;
}

#pro_bt .pgrybt{
	width:165px;
	height:30px;
	font-size:14px !important;
	line-height:30px;
	font-weight:bold;
	float:left;
	background:#999 url(/img/common/login_ar.png) right bottom no-repeat;
	text-align:center;
	color:#FFFFFF;
	border:none;
	cursor:pointer;
}


#pro_bt .pgrybt:hover{
	background:#333 url(/img/common/login_ar.png) no-repeat right bottom;
	text-decoration:none;
}


.pro_sel,.pro_sel2{
    padding:5px;
	width:200px;
    height:38px;
    font-size:100%;
    margin-bottom:5px;
    border: 1px solid #000;
}



#cardpgrebt{
	width:120px;
	height:30px;
	font-size:14px !important;
	line-height:30px;
	font-weight:bold;
	float:right;
	background:#060 url(/img/common/login_ar.png) right bottom no-repeat;
	text-align:center;
	color:#FFFFFF;
	border:none;
	cursor:pointer;
}


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

.car_year{
    padding:5px;
	width:150px;
    height:38px;
    font-size:100%;
    margin-bottom:5px;
    border: 1px solid #000;
}

.car_month,.car_day{
    padding:5px;
	width:60px;
    height:38px;
    font-size:100%;
    margin-bottom:5px;
    border: 1px solid #000;
}


/* header NEW */
#head{
	width:100%;
	display:block;
	float:left;
	border-bottom:#808080 1px solid;
}

#head #head_wrap{
	width:970px;
	margin:0 auto;
}

#head .htop{
	width:970px;
	float:left;
	clear:both;
	display:block;
}

#head .htop h1,#head .htop h2{
	width:400px;
	float:left;
	font-weight:normal;
}

#head .htop h1 a{
	width:200px;
	float:left;
}

#head .htop h1 span{
	margin-top:20px;
	width:200px;
	float:right;
}

#head .htop ul{
	width:auto;
	float:right;
	margin:20px 0 0 0;
}

#head .htop ul li{
	width:auto;
	float:left;
	margin-right:10px;
    padding-left:20px;
	background:url(/img/common/head/bt_arrow.png) no-repeat left center;
	background-size:20px 20px;

}

#head .htop ul li a{
	color:#000000;
}


#head .dropmenu{
  *zoom: 1;
  list-style-type: none;
  width: 970px;
  margin: 5px auto 0;
  padding: 0;
}
#head .dropmenu:before,#head .dropmenu:after{
  content: "";
  display: table;
}
#head .dropmenu:after{
  clear: both;
}
#head .dropmenu li{
  position: relative;
  width: 20%;
  float: left;
  margin: 0;
  padding: 0;
}
#head .dropmenu li a{
  display: block;
  margin: 0;
  padding: 10px 0 11px;
  font-size: 16px;
  color:#000000;
  line-height: 1;
  text-decoration: none;
}

#head .dropmenu .m1 > a{
	background:url(/img/common/head/bt1.png) no-repeat left center;
	background-position:40px 50%;
	background-size:35px 35px;
	border-left:solid 1px #000000;
	border-right:solid 1px #000000;
	padding-left:80px;
}

#head .dropmenu .m2 > a{
	background:url(/img/common/head/bt2.png) no-repeat left center;
	background-position:35px 50%;
	background-size:35px 35px;
	border-right:solid 1px #000000;
	padding-left:80px;
}

#head .dropmenu .m3 > a{
	background:url(/img/common/head/bt3.png) no-repeat left center;
	background-position:40px 50%;
	background-size:35px 35px;
	border-right:solid 1px #000000;
	padding-left:90px;
}

#head .dropmenu .m4 > a{
	background:url(/img/common/head/bt4.png) no-repeat left center;
	background-position:10px 50%;
	background-size:35px 35px;
	border-right:solid 1px #000000;
	padding-left:55px;
}

#head .dropmenu .m5 > a{
	background:url(/img/common/head/bt5.png) no-repeat left center;
	background-position:15px 50%;
	background-size:35px 35px;
	border-right:solid 1px #000000;
	padding-left:60px;
}


#head .dropmenu li ul{
  list-style: none;
  position: absolute;
  z-index: 9999;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;
}

#head .dropmenu li ul li{
  width:100%;
  background-color:#F2F2F2;
  background-image:none;
}


#head .dropmenu li ul li a{
  padding:13px 5px 13px 30px;
  border-top: 1px solid #999;
  background:url(/img/common/head/bt_arrow.png) no-repeat left center #F2F2F2;
  background-position:5px 50%;
  background-size:20px 20px;
  text-align: left;
  font-size:14px;
}
#head .dropmenu li:hover > a{
  background-color:#F2F2F2;
}
#head .dropmenu li a:hover{
  background-color:#CCC;
  cursor:pointer;
}


#head .dropmenu li ul .usam{
  width:164px;
  padding:5px 0 5px 30px;
  border-top: 1px solid #999;
  background:url(/img/common/head/link_a.png) no-repeat left center #F2F2F2;
  background-size:20px 20px;
  background-position:5px 56%;
  text-align:left;
  font-size:14px;
}

#head .dropmenu li ul .usam a{
	background-color:#fff;
	padding:3px 0px 3px 35px;
	border:none;
	border-radius: 5px;
	line-height:20px;
	margin-bottom: 4px;
	width:120px;
	background-repeat: no-repeat;
	background-size:25px 25px;
	background-position: 5px 50%;
}
#head .dropmenu li ul .usam a:first-child{
	margin-top: 4px;
}

#head .dropmenu li ul .usam a:hover{
	background-color:#F6D1D3;
}


#head .dropmenu li .m_usa img{
	margin-top:5px;
	width:180px;
}
#head .dropmenu li ul .usam .bt_usa1{background-image: url(/img/common/head/bt_usamart.png);}
#head .dropmenu li ul .usam .bt_usa2{background-image: url(/img/common/head/bt_usamartgift.png);}
#head .dropmenu li ul .usam .as_m1{background-image: url(/img/ss/ne/cap1.png);}
#head .dropmenu li ul .usam .as_m2{background-image: url(/img/ss/ne/cap2.png);}
#head .dropmenu li ul .usam .as_m3{background-image: url(/img/ss/ne/cap3.png);}
#head .dropmenu li ul .usam .as_m4{background-image: url(/img/ss/ne/cap4.png);}
#head .dropmenu li ul .usam .as_m5{background-image: url(/img/ss/ne/cap5.png);}
#head .dropmenu li ul .usam .as_m6{background-image: url(/img/ss/ne/cap6.png);}
#head .dropmenu li ul .usam .as_m7{background-image: url(/img/ss/ne/cap7.png);}



#head .dropmenu li ul .list_h a:before {
	content: "┣ ";
	margin:0 5px 5px 0;
	float:left;
}

#head .dropmenu li ul .list_h:last-child a:before,#head .dropmenu li ul .list_l a:before {
	content: "┗ "
}

#head .dropmenu li ul .list_h a{
	background-image:none;
	padding:13px 5px 13px 5px;
}



#head #fade-in li ul{
  visibility: hidden;
  opacity: 0;
  transition: 0s;
}
#head #fade-in li:hover ul{
  visibility: visible;
  opacity: 1;
}
#head #fade-in li ul li a{
  visibility: hidden;
  opacity: 0;
  transition: .5s;
}
#head #fade-in li:hover ul li a{
  visibility: visible;
  opacity: 1;
}: 38px;
}


/* contents */

#content{
	width:100%;
	display:block;
	float:left;
}

#content_wrap{
	width:950px;
	margin:0 auto;
	padding:0 10px;
}


#content_wrap #pagetop{
	width:auto;
	float:right;
	margin-bottom:5px;
	clear:both;
}

#content_wrap #pagetop a{
	padding:5px;
	background:#E60020;
	color:#FFFFFF;
}

#content_wrap #pagetop a:hover{
	background:#F00;
	text-decoration:none;
}

/* contents left*/

#content #left_content{
	width:600px;
	float:left;
	margin:20px 0 40px 0;
}


/* contents right*/

#content #right_content{
	width:300px;
	float:right;
	margin:20px 0;
}

#content #right_content .databox{
	width:300px;
	float:left;
	padding-bottom:10px;
	border:solid 1px #E60020;
	border-radius:5x;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	box-shadow: 2px 2px 4px -1px gray;
}

#content #right_content .mt20{
	margin-top:20px;
}

#content #right_content .data_name,#content #right_content .sp_qr{
	background:#E60020;
	color:#FFF;
	padding:10px;
}

#content #right_content .data_name h2,#content #right_content .sp_qr h2{
	font-size:20px;
}

#content #right_content .data_name p{
	font-size:12px;
}

#content #right_content .data_points{
	padding:5px 10px;
}

#content #right_content .data_points h3{
	font-size:16px;
	font-weight:normal;
}

#content #right_content .data_points p{
	font-size:42px;
	font-weight:bold;
	color:#E60020;
}

#content #right_content .data_points ul{
	background:#F2F2F2;
	margin:0;
	padding:0;
}

#content #right_content .data_points ul li{
	padding:0 5px;
	font-size:15px;
	margin:0;
}

#content #right_content .data_points ul li span{
	font-weight:bold;
	color:#E60020;
	font-size:18px;
	margin-left:10px;
}


#content #right_content .data_bt{
	padding:10px;
}

#content #right_content .data_bt ul{
	width:100%;
	float:left;
	border-radius:5x;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	background:#ddd;
	margin-bottom:5px;
}

#content #right_content .data_bt ul li{
	float:left;
	width:50%;
}
#content #right_content .data_bt ul li:first-child{
  border-right:solid 1px #000000;
  width:calc(50% - 1px);
}

#content #right_content .data_bt ul .cb:first-child{
	float:left;
	width:100%;
	border:none;
}


#content #right_content .data_bt ul li a{
	padding:10px 10px 10px 25px;
	width:100%;
	float:left;
	color:#000000;
	background:url(/img/common/arrow_red.png) no-repeat left center;
	background-position:3px 8px;
}

#content #right_content .data_bt ul li a:hover{
	color:#E60020;
}


#content #right_content .data_fav_ss{
	padding:10px;
}

#content #right_content .data_fav_ss h3{
	font-size:16px;
	font-weight:normal;
}

#content #right_content .data_fav_ss ul{
	margin:5px 0;
	font-size:12px;
}

#content #right_content .data_fav_ss .fav_f{
	width:100%;
	min-height:70px;
	background:#F2F2F2;
}

#content #right_content .data_fav_ss .fav_f img{
	width:100px;
	height:70px;
	float:left;
	margin-right:5px;
}

#content #right_content .data_fav_ss .fav_f .f_tit{
	font-size:12px;
	padding:5px 0 0 0;
}

#content #right_content .data_fav_ss .fav_f .f_day{
	font-size:9px;
	color:#000000;
}

#content #right_content .data_fav_ss .f_more{
	float:left;
	width:100%;
}
#content #right_content .data_fav_ss .f_more a{
	float:right;
	background:url(/img/common/head/arrow.png) no-repeat left center;
	padding-left:20px;
	margin:5px 0;
	font-size:12px;
}

#content #right_content .data_mycar{
	padding:10px;
	clear:both;
}

#content #right_content .data_mycar h3{
	font-size:16px;
	font-weight:normal;
}


#content #right_content select{
    width: 280px;
    height: 30px;
    margin:5px 0;
}


#content #right_content #bana_r{
	width:300px;
	float:left;
	margin:0 0 10px 0;
}

#content #right_content .qr_cod{
	padding:10px;
	clear:both;
}

#content #right_content .appbt{
	width: 100%;
	margin: 10px 0;
	float: left;
}

#content #right_content .appbt img{
	width: 100%;
}
#content #right_content .appbt:hover img{
	opacity: 0.8;
}

#content #right_content .qr_cod p{
	width:175px;
	float:left;
	margin-right:5px;
	font-size:13px;
}

#content #right_content .qr_cod ul{
	margin:5px 0 0 0;
	padding:0;
	float:left;
}

#content #right_content .qr_cod ul li{
	margin:0;
	padding:0;
}


/* footer */

#nfooter{
	width:100%;
	display:block;
	float:left;
	border-top:#808080 1px solid;
}

#nfooter #nfooter_wrap{
	width:970px;
	margin:0 auto;
}


#nfooter #nfooter_wrap .ft_link{
	width:auto;
	float:right;
	margin:10px 0 5px 0;
}

#nfooter #nfooter_wrap .ft_link a{
	width:auto;
	float:left;
	margin-right:10px;
    padding-left:23px;
	background:url(/img/common/head/bt_arrow.png) no-repeat left center;
	background-size:20px 20px;

}

#nfooter #nfooter_wrap .ft_link a{
	color:#000000;
}



#nfooter #nfooter_wrap .ft_link li{
	float:left;
}


#nfooter #nfooter_wrap .ft_img_link{
	width:960px;
	float:left;
	margin-left:10px;
}

#nfooter #nfooter_wrap .ft_img_link li{
	float:left;
	margin-right:10px;
	width:310px;
}

#nfooter #nfooter_wrap .ft_img_link li span{
	font-size:10px;
	width:310px;
	float:right;
	text-align:right;
	margin-bottom:10px;
}

#nfooter #nfooter_wrap .ft_img_link li img:hover{
    filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}


/* toppage */

.n_tit{
	width:580px;
	float:left;
	background:#F2F2F2;
	font-size:18px;
	padding:5px 10px;
	margin:10px 0;
	border-top:#E60020 2px solid;
}

.s_tit{
	width:580px;
	float:left;
	font-size:16px;
	padding:5px 10px;
	margin:10px 0;
}

.p_tit{
	width:580px;
	float:left;
	font-size:16px;
	padding:5px 10px;
	margin:10px 0;
	border-bottom: dashed 1px;
}

.mini_game{
	width:600px;
	float:left;
	margin-bottom:20px;
}

.mini_game p{
	padding:10px;
}

.mini_game ul{
	width:600px;
	float:left;
	margin:0 5px;
}

.mini_game ul li{
	width:140px;
	float:left;
	margin-left:10px;
}

.mini_game ul li:first-child{
	margin-left:0px;
}

.mini_game ul li a{
	padding:5px;
	width:130px;
	float:left;
	border:solid 1px #999999;
	border-radius:5x;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	color:#000;
}

.mini_game ul li a:hover,.mini_game ul li:last-child a:hover{
	border:solid 1px #E60020;
	background:#F2F2F2;
	text-decoration:none;
}


.campaign,.usamart{
	width:600px;
	float:left;
	margin-bottom:20px;
}

.campaign .usamart p{
	padding:10px;
}



.campaign ul{
	width:600px;
	float:left;
	margin:0 5px;
}

.campaign ul li{
	width:600px;
	float:left;
	margin-bottom:10px;
}

.campaign ul li a{
	padding:5px;
	width:580px;
	float:left;
	border:solid 1px #999999;
	border-radius:5x;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	color:#000;
	font-size:14px;
	background:url(/img/common/head/arrow.png) no-repeat right center;
	background-position:565px 50%;
}

.campaign ul li a .blue{
	font-size:16px;
	font-weight:bold;
}

.campaign ul li a .abt{
	float:left;
	width:400px;
}
.campaign ul li a img{
	float:left;
	margin-right:10px;
}


.campaign ul li a:hover{
	border:solid 1px #E60020;
	background-color:#F2F2F2;
	text-decoration:none;
}

.bt_more a{
	background:url(/img/common/head/arrow.png) no-repeat left center;
	padding:20px 0 20px 20px;
}

.notice ul li a{
	padding-left:10px;
}




/* ポイント交換 */

.point_c{
	width:600px;
	float:left;
	margin-bottom:20px;
}

.point_c p{
	font-size:16px;
	padding:0 10px;
}

.point_c #point_c_c{
	width:578px;
	float:left;
	margin:10px 0;
	padding:10px;
	border:solid 1px #E60020;
	border-radius:10x;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
}

.point_c #point_c_c h3{
	font-size:18px;
	font-weight:normal;
}

#point_c_c h3 span{
	background:#FF0;
	padding:5px;
	border-radius:5x;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	margin-right:10px;
	color:#FF0000;
}

#point_c_c p{
	font-size:18px;
	color:#E60020;
	margin:10px 0;
	font-weight:bold;
}

#point_c_c ol{
	width:580px;
	float:left;
	padding-left:30px;
}

#point_c_c ol li{
	width:250px;
	float:left;
	list-style-type: decimal;
}

.point_c_l{
	width:600px;
	float:left;
}

.point_c_l ul{
	width:600px;
	float:left;
	margin:20px 0;
}

.point_c_l ul li{
	width:578px;
	padding:10px;
	border:solid 1px #999999;
	border-radius:10x;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	margin-bottom:10px;
	float:left;
}

.point_c_l ul li .point_i{
	width:360px;
	float:left;
}

.point_c_l ul li img{
	width:110px;
	float:left;
	margin:20px 25px 20px 20px;
}

.point_c_l ul li p{
	font-size:13px;
	line-height:18px;
}

.point_c_l ul li p a{
	font-size:18px;
}

.point_c_l ul li ul{
	width:210px;
	padding:25px 0 0 0;
	margin:0;
	float:right;
}

.point_c_l ul li ul li{
	width:100px;
	margin:0;
	padding:0 5px 0 0;
	border:none;
	float:left;
}

.point_c_l ul li ul li a{
	padding:10px;
	color:#000000;
	width:80px;
	font-size:14px;
	font-weight:bold;
	float:left;
	background:url(/img/common/arrow_red.png) no-repeat left center #CCC;
	background-position:3px 50%;
	text-align:center;
	border-radius:5x;
	-webkit-border-radius:5px;
	-moz-border-radius:5x;
}

.point_c_l ul li ul li a:hover{
	color:#E60020;
	text-decoration:none
}

.point_c_l ul li ul .ex a{
	background:url(/img/common/ex/exicon.png) no-repeat left center #060;
	background-position:10px 50%;
	color:#FFF;
}

.point_c_l ul li ul .ex a:hover{
	color:#FF0;
}

.point_c .cap{
	font-size:11px;
}

.point_c_l .point_s{
	width:210px;
	float:right;
}

.point_c_l .point_s p{
	padding:0;
}

.point_c_l .point_s select{
	width:200px;
	height:30px;
	margin-bottom:5px;
}

.point_c_l .point_e{
	padding:10px;
	color:#000000;
	width:200px;
	font-weight:bold;
	float:left;
	background:url(/img/common/ex/exicon.png) no-repeat left center #060;
	background-position:10px 50%;
	color:#FFF;
	text-align:center;
	border-radius:5x;
	-webkit-border-radius:5px;
	-moz-border-radius:5x;
	border:none;
}

.point_c_l .point_e:hover{
	color:#FF0;
}

.point_c_l .point_s .red{
	font-weight:bold;
	font-size:16px;
	padding:5px 0;
}

.point_des{
	width:600px;
	float:left;
}

.point_des #p_des{
	width:475px;
	float:left;
}

.point_des img{
	float:left;
	width:110px;
	margin:5px 15px 15px 0;
}

.point_des #p_des h3,.point_des #p_des p{
	float:left;
}

.pw{
	width:600px;
	float:left;
}


.point_des h3{
	font-size:18px;
	padding:5px;
	float:left;
}

.point_des p{
	padding:5px;
}

.point_des ol{
	padding:0 0 0 30px;
	margin-bottom:10px;
	float:left;
}

.point_des ol li{
	padding:0 5px 5px 0;
}

.point_des .nu li{
	list-style-type: decimal;
	width:100%;
	float:left;
}

.point_des .cir li{
	list-style-type:circle;
}

.point_des .cir2 li{
	list-style-type:disc;
	padding-bottom:10px;
}

.point_des .cir2 {
	margin-bottom:30px;
}

#point_t{
	width:420px;
	float:right;
	background:#F2F2F2;
	font-size:14px;
	margin-bottom:10px;
}

#point_t td{
	padding:5px;
	border: solid 1px #000000;
}

#point_t .tbs{
	width:150px;
}

.point_c_l .point_con{
	width:500px;
	margin:5px 0px 5px 120px;
	float:left;
}

.point_c_l .point_can{
	padding:10px;
	color:#000000;
	width:180px;
	height:16px;
	font-size:16px;
	line-height:20px;
	margin-right:20px;
	font-weight:bold;
	float:left;
	background:url(/img/common/ex/cancel.png) no-repeat left center #E60020;
	background-position:10px 50%;
	color:#FFF;
	text-align:center;
	border-radius:5x;
	-webkit-border-radius:5px;
	-moz-border-radius:5x;
}

.point_c_l .point_can:hover{
	color:#FF0;
	text-decoration:none;
}

.secret_p{
	width:580px;
	float:left;
	background:#F2F2F2;
	font-size:14px;
	margin-bottom:10px;
}

.secret_p td{
	padding:5px;
	border: solid 1px #000000;
}

.secret_p td input{
	width:300px;
	height:30px;
	margin:5px 0;
}

.secret_e{
	padding:10px;
	color:#000000;
	width:200px;
	margin: 10px 190px;
	font-weight:bold;
	float:left;
	background:#060;
	background-position:10px 50%;
	color:#FFF;
	text-align:center;
	border-radius:5x;
	-webkit-border-radius:5px;
	-moz-border-radius:5x;
	border:none;
}

.secret_e:hover{
	color:#FF0;
}

.sms_c {
	width:580px;
	float:left;
	margin:0;
	padding:0 0 0 20px;
}

.sms_c li{
	list-style-type:disc;
	padding-bottom:10px;
	color:#F00;
}

.point_am_l{
	width:600px;
	float:left;
}

.point_am_l p{
	padding:10px;
}

.point_am_l ol{
	width:570px;
	float:left;
	margin:0;
	font-size:16px;
	padding:0 0 10px 30px;
}

.point_am_l ol li{
	list-style-type:decimal;
	width:570px;
}

.select_ad{
	width:580px;
	float:left;
	background:#F2F2F2;
	font-size:18px;
	margin-bottom:10px;
}

.select_ad td{
	padding:5px;
	border: solid 1px #000000;
}

.select_ad .td_a{
	font-size:14px;
}

.select_ad .td_a p{
	width:130px;
	text-align:right;
}

.select_ad .td_a span{
	background:#E60020;
	color:#FFFFFF;
	padding:2px 5px;
	margin-left:5px;
	border-radius:4x;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
}

.select_ad .td_b p{
	font-size:14px;
	width:380px;
	padding:5px;
}

.select_ad .w100{
	width:100px;
}

.select_ad .w200{
	width:200px;
}

.select_ad .w300{
	width:300px;
}
.select_ad #zipcode-btn{
	background:#00F;
	color:#FFFFFF;
	padding:2px 5px;
	margin-left:5px;
	border-radius:4x;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	font-size:14px;
}

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

#scratch h3{
	padding:0 10px;
	font-size:14px;
}

#scratch ol{
	padding:10px 10px 10px 30px;
}

#scratch ol li{
	list-style-type:disc;
}

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


#game_bt input,#game_bt 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;
}

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





.scratchpad{
width: 590px;
height: 290px;
border : solid 5px #E60020;
}

.user_rank{
	width:580px;
	float:left;
	padding:10px;
}

.user_rank ul{
	width:580px;
	float:left;
}

.user_rank p{
	padding-bottom:10px;

}

.user_rank ul li{
	width:290px;
	float:left;
	padding:0;
	margin:0;
}

.user_rank ul li p{
	padding:5px;
	font-size:14px;
}

.user_rank ul li p span{
	background:#F00;
	color:#FFFFFF;
	padding:2px;
	width:40px;
	float:left;
	margin-right:10px;
	border-radius:3x;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
}

.user_rank ul li div{
	margin:-50px 0 0 0;
	width:180px;
}

.user_rank ul li div .number{
	font-size:16px;
}

.data_name .rank_stat{
	padding:0 5px 0 45px;
	margin-top:5px;
	width:230px;
	height:30px;
	line-height:30px;
	font-size:14px !important;
	background:url(/img/common/head/card.png) left bottom no-repeat;
	background-position:5px 50%;
}

.data_name .gold{
	background-color:#FBAC3B;
	color:#FFF;
}


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

#usamart_bana2{
	width:598px;
	float: left;
    border: solid 1px #999999;
    border-radius: 5x;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

#usamart_bana a{
	padding:0px 10px;
    width: 568px;
	margin:0 5px;
    float: left;
    border: solid 1px #999999;
    border-radius: 5x;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    color: #000;
	font-size:16px;
	font-weight:bold;
	background:url(/img/common/head/arrow.png) left bottom no-repeat;
	background-position:560px 50%;
}

#usamart_bana2 a{
	padding:0px 10px;
    width: 558px;
	float:left;
	margin:0 5px;
    color: #000;
	font-size:16px;
	font-weight:bold;
	background:url(/img/common/head/arrow.png) right center no-repeat;
}

#usamart_bana a img{
	width:200px;
	float:right;
	margin-right:20px;
}

#usamart_bana2 a img{
	width:200px;
	float:left;
	margin-right:10px;
}

#usamart_bana a span{
	color:#000;
	width:auto;
	float:left;
	line-height:20px;
	margin-top:10px;
	font-size: 14px;
}

#usamart_bana2 a span{
	color:#000;
	width:auto;
	float:left;
	line-height:20px;
	margin-top:10px;
	font-size: 14px;
}

#usamart_bana a:hover{
	border:solid 1px #E60020;
	background-color:#F2F2F2;
}


#usamart_bana a span strong,#usamart_bana2 a span strong{
	color:#00F;
}


#movie{
	width:578px;
	float:left;
	padding:5px 10px;
}

#movie img:hover{
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

#usamart_bana2 a:hover span{
	text-decoration:underline;
}






/* 非会員トップ */

.usappy_web,.usappy_ss ul{
	width:600px;
	float:left;
	margin:0 5px;
}


.usappy_web li{
	padding:5px;
	width:578px;
	margin-bottom:10px;
	float:left;
	border:solid 1px #999999;
	border-radius:5x;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	color:#000;
	font-size:14px;
}

.usappy_ss ul li{
	padding:5px;
	width:580px;
	float:left;
	margin-bottom:20px;
	border:solid 1px #999999;
	border-radius:5x;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	color:#000;
	font-size:14px;
}

.usappy_ss ul li img{
	float:left;
	margin-right:10px;
}

.usappy_ss ul li h3{
	font-size:16px;
	margin-top:10px;
}

.usappy_ss ul li p{
	font-size:16px;
	color:#E60020;
	font-weight:bold;
}
.usappy_ss ul li .cap{
	color:#000;
	font-size:12px;
	font-weight:normal;
}

.usappy_web li h3{
	font-size:16px;
	font-weight:bold;
}


.usappy_web li img{
	float:left;
	margin-right:10px;
}



.usappy_po{
	width:600px;
	float:left;
}

.usappy_po li{
	width:268px;
	float:left;
	padding:10px;
	margin:10px 5px;
	text-align:center;
	border:solid 1px #999999;
	border-radius:5x;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}

.usappy_po li h3{
	color:#E60020;
	font-size:16px;
}

.usappy_po li p{
	text-align:left;
}

#poex_bana{
	width:570px;
	float:left;
	padding:10px;
	margin:20px 5px;
	border:solid 1px #999999;
	border-radius:5x;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}

#poex_bana img{
	width:570px;
}

#poex_bana p{
	font-size:14px;
}

#poex_bana ol{
	font-size:10px;
}


/* 非会員右カラム */


#right_content .loginbox{
	width:300px;
	float:left;
	background:#F2F2F2;
	border-radius:5x;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	box-shadow: 2px 2px 4px -1px gray;
}

#right_content .loginbox form{
	padding:10px;
}

#right_content .loginbox form p{
	font-weight:bold;
	padding:5px 0;
}

#right_content .loginbox form input{
	width:100%;
	height:30px;
}

#right_content .loginbox form .lg{
	width:100%;
	float:left;
}

#right_content .loginbox form .lg input{
	width:20px;
	float:left;
}

#right_content .loginbox form .lg p{
	width:auto;
	float:left;
	margin:2px 5px;
	font-weight:normal;
	font-size:12px;
}

#right_content .loginbox form .lg a{
	background:#FF0;
	color:#000000;
	font-weight:bold;
	padding:3px 5px;
	border-radius:3x;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	margin-top:3px;
	float:left;
}


#right_content .loginbox form .login{
	background:#060;
	height:40px;
	cursor:pointer;
	color:#FFFFFF;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	margin-top:5px;
	border:none;
	font-weight:bold;
}

#right_content .loginbox form .login:hover{
	background:#00B42A;
	color:#FFFF00;
}

#right_content .loginbox .cau{
	padding:0 10px;
	margin-bottom:10px;
	width:100%;
	float:left;
}

#right_content .loginbox .cau li{
	float:left;
	margin-right:5px;
	font-size:12px;
	padding-left:20px;
	background:url(/img/common/head/arrow.png) no-repeat left center;
}

#right_content .usa_card{
	padding:10px;
}

#right_content .usa_card p{
	padding:5px 0;
}


#right_content .usa_card  ul{
	margin:10px 0;
	padding:0
}

#right_content .usa_card  ul li{
	width:100%;
	float:left;
	margin-bottom:5px;
}

#right_content .usa_card  ul li a{
	width:250px;
	height:40px;
	float:left;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	margin-top:5px;
	padding:5px 0px 5px 30px;
	line-height:40px;
	font-size:18px;
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
}

#right_content .usa_card  ul .cm a{
	background:#009100 url(/img/common/head/arrow_n.png) no-repeat left center;
	background-position:5px 50%;
}

#right_content .usa_card  ul .cn a{
	background:#006FFF url(/img/common/head/arrow_n.png) no-repeat left center;
	background-position:5px 50%;
}

#right_content .usa_card  ul .cplus a{
	background:#d64d14 url(/img/common/head/arrow_n.png) no-repeat left center;
	background-position:5px 50%;
	font-size: 17px;
	line-height: 20px;
}

#right_content .usa_card  ul .cplus a:hover{
	background-color:#ffac00;
}

#right_content .usa_card  ul .cm a:hover{
	background-color:#060;
}

#right_content .usa_card  ul .cn a:hover{
	background-color:#009;
}

#right_content .usa_card #usa_ss{
	background: url(/img/common/head/usami_ss.jpg) no-repeat;
	width:280px;
	height:185px;
	float:left;
	margin:10px 0;
}

#right_content .usa_card #usa_ss h3{
	color:#FFFFFF;
	font-size:18px;
	padding:40px 0 0 10px;
}

#right_content .usa_card #usa_ss a{
	width:90px;
	float:left;
	padding:5px 5px 5px 40px;
	font-size:18px;
	font-weight:bold;
	color:#000000;
	margin:20px 0 0 10px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	margin-top:5px;
	background:url(/img/common/head/bt1.png) no-repeat left center #FFFFFF;
	background-size: 35px 35px;
}

#right_content .usa_card #usa_ss a:hover{
	background:url(/img/common/head/bt1.png) no-repeat left center #FF0;
	text-decoration:none;
	background-size: 35px 35px;
}

.fixed-side{
  position:fixed;
  top:0px;
}
.bottom-side{
  position:fixed;
  bottom:180px;
}

#aboutlogin h2,#dialog h2{
	color:#FF0000;
}

#aboutlogin ul{
	margin:10px;
	font-size:16px;
}

#aboutlogin ul li{
	list-style-type:disc;
}


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

#usamiapp{
	width:600px;
	float:left;
	margin:10px 0;
}


#usamiapp .u_tab{
	width:600px;
	float:left;
	margin:0;
	padding:0;
	list-style:none;
	overflow:none;
}


#usamiapp .u_tab li{
	width:290px;
	height:30px;
	text-align:center;
	float:left;
	padding:5px;
	line-height:30px;
	margin:0;
	color:#FFFFFF;
	font-weight:bold;
	cursor:pointer;
	font-size:16px;
}

#usamiapp .u_tab .u_track{background:#B01D23 url(/img/usamiapp/arrow.png) no-repeat left center;background-position:20px 50%; }
#usamiapp .u_tab .u_car{background:#023D97 url(/img/usamiapp/arrow.png) no-repeat left center;background-position:20px 50%; }



#usamiapp .u_tab .u_track:hover{background:#FF0000 url(/img/usamiapp/arrowd.png) no-repeat left center;background-position:20px 50%; }
#usamiapp .u_tab .u_car:hover{background:#00F url(/img/usamiapp/arrowd.png) no-repeat left center;background-position:20px 50%; }
#usamiapp .u_tab .select{background-image:url(/img/usamiapp/arrowd.png) ; }

.u_content .u_track{
	background-color:#B01D23;
}

.u_content .u_car{
	background-color:#023D97;
}

.u_content{margin:0; padding:0; list-style:none; float:left; width:600px;}
.u_content li p{padding:10px; color:#FFF; float:left;}
.u_content .u_hide{display:none;}





#event_result{
	width:540px;
	float:left;
}

#event_result h2{
	font-size:20px;
	font-weight:bold;
	border-bottom: dashed 1px #000000;
}

#event_result .total_num{
	font-size:18px;
	color:#F00;
	padding:5px 0;
}

#event_result .res_c{
	padding:0 0 10px 0;
}

#event_result h3{
	padding:10px;
	float:left;
	width:520px;
	font-size:16px;
	border-radius:5px;
	margin-bottom:10px;
}

#event_result .event_c{
	width:540px;
	background:#F4EEAB;
	padding:0;
	margin:0;
	float:left;
	border-radius:5px;
}


#event_result .event_c li{
	background:#FFF;
	float:left;
	width:480px;
	position: relative;
	padding:10px;
	border-radius:5px;
	font-size:15px;
	margin:10px 20px;
}


#event_result .event_c li:nth-child(odd)::before{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  right: -8px;
  top: 5px;
  border-left: 10px solid #fff;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}
#event_result .event_c li:nth-child(odd)::after{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  right: -8px;
  top: 5px;
  border-left: 10px solid #fff;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}

#event_result .event_c li:nth-child(even)::before{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: -8px;
  top: 5px;
  border-right: 10px solid #fff;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}
#event_result .event_c li:nth-child(even)::after{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: -8px;
  top: 5px;
  border-right: 10px solid #fff;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}

#event_result .event_c li:nth-child(1){ color:#990000;}
#event_result .event_c li:nth-child(2){ color:#62B120;}
#event_result .event_c li:nth-child(3){ color:#2E3090;}
#event_result .event_c li:nth-child(4){ color:#C2986B;}
#event_result .event_c li:nth-child(5){ color:#BD1D2C;}
#event_result .event_c li:nth-child(6){ color:#063;}
#event_result .event_c li:nth-child(7){ color:#30C;}
#event_result .event_c li:nth-child(8){ color:#060;}
#event_result .event_c li:nth-child(9){ color:#909;}
#event_result .event_c li:nth-child(10){ color:#663;}

/* うさマート */

div.usamart-items {
	padding-left: 20px;
}

div.usamart-items div {
	margin-right: 10px;
}

div.usamart-items .item {
	background-color: white;
	width: 174px;
	height: 174px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

div.usamart-items img {
	display: inline;
}

div.usamart-item-name {
	width: 174px;
	color: #666;
	font-size: 120%;
}

.usamart-item-price {
	color: #e70014;
	font-size: 21px;
	font-weight: bold;
}

.usamart-item-price-unit {
	color: black;
	font-weight: bold;
}

.slick-prev::before, .slick-next::before {
	color: #666 !important;
}


/* うさマートバナー */

#um_bana{
	width:260px;
	padding:10px 10px 5px 10px;
	background:#E60020;
	border-radius:10px;
	position: fixed;
	right: 20px;
	bottom: 20px;
	z-index: 1000;
	box-shadow: 4px 4px 10px -1px gray;
	right: -300px; 
}
#um_bana a{
	width: 100%;
	float: left;
}

#um_bana img{
	width:260px;
}
#um_bana a:hover img{
	opacity: 0.8;
}
#um_bana .close_wrap{
	position: absolute;
	right: -10px;
	top: -10px;
}
#um_bana .cha{
	position: absolute;
	width: 110px;
	height: 130px;
	background-repeat: no-repeat;
	top:-83px;
	left: 0;
	background-size: 110px 130px;
	z-index: 1001;
}
#um_bana .cha_bg1{background: #C2DAEA;}
#um_bana .cha_bg1:before {border-right: 10px solid #C2DAEA;}
#um_bana .cha_bg2{background: #F6D1D3;}
#um_bana .cha_bg2:before {border-right: 10px solid #F6D1D3;}
#um_bana .cha_bg3{background: #AAD3E9;}
#um_bana .cha_bg3:before {border-right: 10px solid #AAD3E9;}
#um_bana .cha_bg4{background: #C7DFB0;}
#um_bana .cha_bg4:before {border-right: 10px solid #C7DFB0;}

#um_bana .cha_speak{
	position: absolute;
	bottom:248px;
	left: 95px;
	display: inline-block;
	margin:0;
	padding: 7px 10px;
	min-width: 120px;
	max-width: 100%;
	color: #555;
	font-size: 12px;
	border-radius: 15px;
	z-index: 1002;
	display: none;
}
#um_bana .cha_speak:before {
	content: '';
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	left: -10px;
	bottom: 12px;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
  }
  #um_bana .cha_speak p {
	margin: 0;
	padding: 0;
	min-height: 50px;
	min-width:165px ;
  }
#um_bana .close {
	position: relative;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: #333;
	cursor: pointer;
	z-index: 1001;
}
#um_bana .close::before, #um_bana .close::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 3px;
	height: 21px;
	background: #fff;
}
  
#um_bana .close::before {
	transform: translate(-50%,-50%) rotate(45deg);
}
  
#um_bana .close::after {
	transform: translate(-50%,-50%) rotate(-45deg);
}
#um_bana .close:hover { 
	background: #DDDDDD;
}
#um_bana .close:hover::before,   #um_bana .close:hover::after {
	background: #000;
}

/* --------------------
	カラー
----------------------*/

.red{color:#F00;}
.blue{color:#0000FF;}
.white{color:#FFFFFF;}
.green{color:#063;}
.black{color:#000;}
.brown{color:#993333;}


/* --------------------
	フォント
----------------------*/
.ft10{font-size:10px}
.ft12{font-size:12px}
.ft14{font-size:14px}
.ft16{font-size:16px}
.ft18{font-size:18px}



.futoji{font-weight:bold;}
.keisen{text-decoration:underline;}

.ftenq{font-size:12px}

/* --------------------
	右カラム動画広告
----------------------*/
#video_bana{
	width:300px;
	min-height:230px;
	float:left;
}

#video_bana video{
	width:300px !important;
  height:auto !important;
}

#sound_button,#replay_button{
	float:left;
	background:#006600;
	color:#FFFFFF;
	border:none;
	padding:5px 0;
	cursor:pointer;
}

#sound_button:hover,#replay_button:hover{
	background:#390;
}

#sound_button{
	width:200px;
	margin:0 0 10px 0;
}

#replay_button{
	width:99px;
	margin:0 0 10px 1px;
}

.mt10{
	margin-top:10px;
}