/*--- common ---*/
body {background-color:#46484f;-webkit-text-size-adjust:none;background-image:url(/img/bg2.png); }
#container {margin-top:10px;}
#container .con {width:100%; color:#aaa; font-size:95%; margin-bottom:5px; text-align:center;text-align:center;}
#container span {color:#fd6f97;}

#lottoun {width:294px; margin:0 auto; margin-top:15px; margin-bottom:35px; }
#lottoun ul {*zoom:1;border-bottom:1px #666 dotted; margin:10px 0 0;}
#lottoun ul:after{content:''; display:block; clear:both;} 
#lottoun ul li {text-align:center; width:45px;height:45px; }
#lottoun .lottoimg1 {background:url(/img/lotto1.png) no-repeat; background-size:100%; font-size:150%; font-weight:bold;  float:left; margin-right:4px; text-align:center; color:#4a4a4a; padding:10px 0 0;}
#lottoun .lottoimg2 {background:url(/img/lotto2.png) no-repeat; background-size:100%; font-size:150%; font-weight:bold;  float:left; margin-right:4px; text-align:center; color:#4a4a4a; padding:10px 0 0;}
#lottoun .lottoimg3 {background:url(/img/lotto3.png) no-repeat; background-size:100%; font-size:150%; font-weight:bold;  float:left; margin-right:4px; text-align:center; color:#4a4a4a; padding:10px 0 0;}
#lottoun .lottoimg4 {background:url(/img/lotto4.png) no-repeat; background-size:100%; font-size:150%; font-weight:bold;  float:left; margin-right:4px; text-align:center; color:#4a4a4a; padding:10px 0 0;}
#lottoun .lottoimg5 {background:url(/img/lotto5.png) no-repeat; background-size:100%; font-size:150%; font-weight:bold;  float:left; margin-right:4px; text-align:center; color:#4a4a4a; padding:10px 0 0;}

#box {width:90%; min-width:305px; background:#fff; border:1px solid #000; border-radius:10px; margin:0 auto; text-align:center; margin-bottom:10px;}

#data {margin:15px 10px 0px;}
#data dt {width:20%; float:left;color:#999; font-weight:bold; text-align:right; padding-right:10px;}
#data dd {margin-left:8px; vertical-align:middle; color:#4a4a4a; text-align:left; height:32px;}
#data dd input{vertical-align:top; margin-top:1px;}
#data dd select{vertical-align:top; margin-top:-4px;}

#data2 {margin:20px 10px;}
#data2 dt {width:50%; float:left;color:#999; font-weight:bold; text-align:right; padding-right:10px;}
#data2 dd {margin-left:8px; vertical-align:middle; color:#4a4a4a; text-align:left; }
#data2 dd input{vertical-align:top; margin-top:1px;}
#data2 dd select{vertical-align:top; margin-top:-4px;}

#data3 {margin:20px 10px;}
#data3 dt { color:#999; font-weight:bold; text-align:left; padding-left:13px; margin-bottom:10px;}
#data3 dd {margin-left:8px; vertical-align:middle; color:#4a4a4a; text-align:left; }
#data3 dd input{vertical-align:top; margin-top:1px;}
#data3 dd select{vertical-align:top; margin-top:-4px;}

#data4 {margin:20px 10px 10px; }
#data4 input{border:3px #ddd solid; height:26px; width:90%;}
#data4 p{color:#999; margin-bottom:3px; font-size:90%;}

#data5 {margin:20px 20px 10px; }
#data5 input{vertical-align:top; margin-top:1px;}
#data5 li{margin-bottom:3px; clear:both; text-align:left; height:26px;}

#star_icon {margin:7px 10px;}
#star_icon ul {width:100%;  *zoom:1;}
#star_icon ul:after{content:''; display:block; clear:both;} 
#star_icon ul li {width:25%; float:left; margin:15px 0; }
#star_icon ul li span {font-size:75%; color:#999; }
#star_icon ul li img {width:60px; height:60px;}
#star_icon .line {border-bottom:1px #ccc dotted;border-top:1px #ccc dotted;}

#box01 {width:320px; margin:0 auto; background:#373940; border-radius:5px; margin-bottom:15px;*zoom:1;}
#box01:after{content:''; display:block; clear:both; text-align:center;}
#box01 h1 {height:26px; background:url(/img/ttl_bg.png) no-repeat; background-size:100%; padding:5px 0 0 25px; color:#ccc; font-size:110%; font-weight:bold; }
#box01 p {width:93%; line-height:160%; color:#bbb; margin:0 auto; padding:8px 0;}
#box01 .cate_icon {width:95%; margin:0 auto; margin-top:10px;}
#box01 .cate_icon ul {clear:both;}
#box01 .cate_icon ul li {width:25%; float:left; text-align:center;}
#box01 .cate_icon ul li p {font-size:85%; color:#ccc; text-align:center; font-weight:bold; height:20px; margin-top:-8px; margin-bottom:3px; line-height:120%;}
#box01 .cate_icon ul li img {width:60px; height:60px;}

#box02 {width:320px;margin:0 auto; background:#373940; border-radius:5px; padding-bottom:15px; margin-bottom:15px;}
#box02 h1 {height:26px; background:url(/img/ttl_bg.png) no-repeat; background-size:100%; padding:5px 0 0 25px; color:#ccc; font-size:110%; font-weight:bold; }
#box02 .con_box {width:93%; margin:0 auto; border-bottom:1px dotted #666;}
#box02 .con_box dt {width:100%;color:#ead280; font-size:90%;display:inline-block; margin-top:12px; }
#box02 .con_box dd {line-height:160%; display:inline-block; font-weight:none; color:#bbb; margin:8px 0;}

/*--btn--*/
.btn_ok {width:88%; height:40px; margin-bottom:15px; background-color:#6c7083; background-image: -webkit-gradient(linear, left top, left bottom, from(#ef6e89), to(#e1406e)); text-align:center; border:#da275e 1px solid; color:#ffffff; font-weight:bold; font-size:125%; border-radius:5px;
background: -ms-linear-gradient(top,  #ef6e89 0%,#e1406e 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ef6e89 0%,#e1406e 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef6e89', endColorstr='#e1406e',GradientType=0 ); /* IE6-9 */}

.btn_prev {width:45px; height:23px; background-image:url(/img/btn_prev.png);  color:#fff;font-size:90%; padding:7px 0 0 5px; display:inline-block; }