@charset "UTF-8";
/* CSS Document */
#all {
    font-size: 80%;
    font-family:"ＭＳ Ｐゴシック",sans-serif;
}
/*------------------------------------------*/
#payment,
.box,
#about_funcash,
#use,
#contact{
    float:left;
	clear:both;
	width:754px;
}
/*------------------------------------------*/
#about_funcash {
   background:url(/funcashwm/images/avatar.jpg) no-repeat top right;
}
#about_funcash #about_in{
    float:left;
	clear:both;
	width:512px;
}
#about_funcash h3{
    float:left;
	clear:both;
}
#about_funcash #about_txt{
    float:left;
	clear:both;
	width:512px;
}
#about_funcash #about_txt .left{
   margin-left:10px;
}
#about_funcash #about_txt .right{
   padding-top:20px;
   width:304px;
}
*html #about_funcash #about_txt .left{
   margin-left:5px;
}
#about_funcash #avater{
    float:right;
    width:242px;
}
.mb10{
   margin-bottom:10px;
}
/*------------------------------------------*/
/*--------sub menu----------*/
dl#funcash_menu,
dl#funcash_menu dt,
dl#funcash_menu dd,
dl#funcash_menu dd div.service,
dl#funcash_menu dd div.top,
dl#funcash_menu dd div.end {
    float:left;
    clear:both;
}
dl#funcash_menu{
	width:200px;
	padding-bottom:7px;
    background:url(/common/img/service_bottom.gif) no-repeat left bottom;
	font-size:10px;
	margin-bottom:10px;
}
dl#funcash_menu dt{
	width:184px;
	padding:10px 0 10px 16px;
	background:url(/common/img/service_top.gif) no-repeat left bottom;
	font-weight:bold;
}
dl#funcash_menu dd{
	width:198px;
	padding-left:1px;
	border-left:solid 1px #d9d9d9;
	overflow:hidden;
}
dl#funcash_menu dd div.service,
dl#funcash_menu dd div.top,
dl#funcash_menu dd div.end {
	padding:5px;
	height:31px;
	padding-left:23px;
}
dl#funcash_menu dd div.service{
	width:170px;
	background:url(/common/img/service_middle.gif) no-repeat right top;
	border-bottom:solid 1px #d9d9d9;
}
dl#funcash_menu dd div.top{
	width:169px;
	border-right:solid 1px #d9d9d9;
	border-bottom:solid 1px #d9d9d9;
}
dl#funcash_menu dd div.end{
	width:170px;
	background:url(/common/img/service_middle.gif) no-repeat right top;
}
/*------------------------------------------*/
.box {
	margin:10px 0;
	padding-bottom:8px;
	background:url(/common/img/box_bottom.gif) no-repeat left bottom;	
}
.box .sub_tit {
    float:left;
    clear:both;
	width:749px;
    height:30px;
	padding-right:5px;
	background:url(/funcashwm/images/sub_tit_right.gif) no-repeat right top;
}
.box .sub_tit span{
    float:left;
    width:5px;
    height:30px;
    background:url(/funcashwm/images/sub_tit_left.gif) no-repeat left top;
}
.box .sub_tit h3{
    float:left;
	width:740px;
    height:25px;
	padding-top:5px;
	padding-left:4px;
	background:url(/funcashwm/images/sub_tit_bg.gif) repeat-x left top;
}
.box .sub_tit h3 img,
.box ol li img{
   vertical-align:middle;
}
/*------hack-----*/
*html .box .sub_tit {
    overflow:hidden;
}
/*---------------*/
.box .box_in {
    float:left;
    clear:both;
	width:732px;
	border-left:solid 1px #cecdc9;
	border-right:solid 1px #cecdc9;
	padding:10px;
	background:url(/common/img/box_bg.gif) repeat-x left top #f2f3ee;
}
.box .box_in li{
    float:left;
	clear:both;
	width:730px;
	height:auto;
	margin-bottom:10px;
}
.box .box_in .no,
.box .box_in .step{
    float:left;
}
.box .box_in .no{
    width:50px;
}
.box .box_in .step{
    width:680px;
	padding:5px 0;
}
.box .box_in .step .step_img{
    float:left;
	clear:both;
	margin-bottom:5px;
}
.box .box_in p{
    float:left;
	clear:both;
	width:680px;
}
.attention {
   font-size:85%;
   color:#666666;
}
#step2,
#step3,
#step5,
#step6{
   position:relative;
}
#step2 #order_id{
   position:absolute;
   right:60px;
   bottom:10px;
}
#step3 #counter{
   position:absolute;
   right:10px;
   top:-10px;
}
#step5 #yen{
   position:absolute;
   right:150px;
   bottom:10px;
}
#step6 #prepaid{
   position:absolute;
   right:60px;
   bottom:-10px;
}
/*------------------------------------------*/
/*--------QR code----------*/
#qr_base,
#qr #qr_title,
#qr #in,
#qr #url {
    float:left;
    clear:both;
	text-align:center;
}
#qr_base{
    width:680px;
}
#qr {
	width:192px;
	height:180px;
	padding:3px 4px 5px 4px;
	margin:0 auto;
	background:url(/common/img/search_bg.gif) no-repeat left top;
	text-align:center;
}
#qr #qr_title {
    width:192px;
	height:26px;
}
#qr #in {
	width:192px;
	padding:7px 0;
}
#qr #url{
	background:url(/images/pickup_dot.gif) no-repeat center top;
	text-align:center;
	width:192px;
	padding:5px 0;
}
#qr img{vertical-align:top;}
/*------------------------------------------*/
.box_in #ticket_type{
    float:left;
    clear:both;
		width:732px;
	text-align:center;
}
.box_in #ticket_type table{
    margin:10px auto;
	width:520px;
}
/*------------------------------------------*/
#what table{
   margin-bottom:10px;
}
#whats4img{
   margin-left:30px;
   margin-bottom:10px;
}
.box_in td.dot {
    background:url(/funcashwm/images/dot_box_bottom.gif) no-repeat center bottom;
	padding-bottom:7px;
	width:358px;
	vertical-align:bottom;
}
.box_in td.dot .dot_box img{
    vertical-align:middle;
}
.box_in td.dot .dot_box{
    background:url(/funcashwm/images/dot_box_bg.gif) no-repeat center top;
	width:333px;
	padding:10px 10px 1px 15px;
}
#contact a{
   text-decoration:underline;
}
#contact .box .box_in {
	background:#f2f3ee;
}
/*------------------------------------------*/

.campaign_link {
	clear:both;
	position:relative;
	top:-10px;
	width:754px;
	height:84px;
	margin-right:auto;
	margin-left:auto;
}