@charset "utf-8";

/********************************************
*･*･*･*･*･*･*･*･*･*･*･*･*･*･*･*･*･*･*･*･*･*･*
mobile/index.html用css
*･*･*･*･*･*･*･*･*･*･*･*･*･*･*･*･*･*･*･*･*･*･*
********************************************/
#mobile_body{
width:470px;
margin:0 auto;
padding:0 2px;
background:url(../mobile/images/mobile_shadow01.gif) left top repeat-y;
font-size:100%;
}

#mobile_body .line01{
height:5px;
background:url(../commonimages/head_line01.gif) left top repeat-x;
}

#mobile_body .ttl01{
float:left;
width:220px;
padding:10px 0 10px 20px;
}

#mobile_size_change{
float:right;
width:105px;
padding:7px 20px 0 0;
}

#mobile_size_change dt{
display:block;
width:105px;
height:20px;
overflow:hidden;
text-indent:-9999px;
background:url(../commonimages/size_change.gif) left top no-repeat;
}

#mobile_size_change dd{
float:left;
}

#mobile_size_change dd a{
display:block;
width:20px;
height:20px;
overflow:hidden;
text-indent:-9999px;
}

#mobile_size_change dd#small a{
margin:0 0 0 41px;
background:url(../commonimages/size_btn01.gif) left top no-repeat;
}

#mobile_size_change dd#small a:hover{
background:url(../commonimages/size_btn01.gif) left -20px no-repeat;
}

#mobile_size_change dd#medium a{
margin:0 0 0 2px;
background:url(../commonimages/size_btn02.gif) left -20px no-repeat;
}

#mobile_size_change dd#medium a:hover{
background:url(../commonimages/size_btn02.gif) left -20px no-repeat;
}

#mobile_size_change dd#large a{
margin:0 0 0 2px;
background:url(../commonimages/size_btn03.gif) left top no-repeat;
}

#mobile_size_change dd#large a:hover{
background:url(../commonimages/size_btn03.gif) left -20px no-repeat;
}

#mobile_body .line02{
width:468px;
height:1px;
margin:0 auto 15px auto;
background:url(../commonimages/line02.gif) left top repeat-x;
}

#mobile_body #qr_code{
float:left;
width:145px;
margin:0 0 0 20px;
}

#mobile_body #mobile_box01{
float:right;
width:275px;
margin:0 20px 0 0;
}

#mobile_body #mobile_box01 dl{
width:265px;
padding:0 5px;
}

#mobile_body #mobile_box01 dt{
font-weight:bold;
}

#mobile_body #mobile_box01 dd{
}

#mobile_body #mobile_box01 .line03{
height:1px;
margin:5px 0 5px 0;
background:url(../commonimages/line02.gif) left top repeat-x;
}

#mobile_body #btn01{
margin:15px 0 0 0;
}

#mobile_body #mobile_txt01{
float:right;
width:265px;
}

#mobile_body #footer_line{
width:468px;
height:1px;
margin:15px auto 1px auto;
}

#close_btn{
margin:15px 0 0 0;
text-align:center;
}