@charset "Shift_JIS";

/*==================================================
     base style
==================================================*/

#mobileContents *{
margin: 0;
padding: 0;
}

#mobileContents{
margin-bottom: 55px;
padding-bottom: 20px;
font-family: "‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro" ,sans-serif;
font-size: 120%;
line-height: 1.4;
color: #5b5b5b;
}

#mobileContents span{
color:#F66E9A;
}

#mobileContents a:link{
color: #0019d3;
}

#mobileContents a img{
border: none;
vertical-align: bottom;
}

#mobileContents ul{
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}

#mobileContents dl.color01 span{
color: #f66e9a;
}
#mobileContents dl.color02 span{
color: #de5885;
}

#mobileContents .clearFix{
zoom:1;
}
#mobileContents .clearFix:after{
display:block;
clear:both;
height:0;
visibility:hidden;
content:".";
}

#mobileContents hr{
display: none;
}

/*--------------------------------------------------
     layout
--------------------------------------------------*/

#mobileContents{
width: 690px;
}

#mobileContents #mainImgArea{
height: 490px;
position: relative;
background: url(../img/main_bg.gif) 0 0 no-repeat;
}

#mobileContents #mainContents{
width: 100%;
position: relative;
}

#mobileContents #sectionA01{
margin: 0 12px 0 218px;
}

#mobileContents #sectionA02{
margin: 22px 11px 0;
}

#mobileContents .firstSection{
padding-top: 8px;
}
#mobileContents .section{
margin-bottom:20px;
}

#mobileContents #sectionA01 h2{
position:absolute;
left:25px
}

#mobileContents h3{
margin: 20px 0 11px 0;
}


/*     mainImgArea  ---------------------------------*/

#mobileContents #mainImgArea h1{
position: absolute;
left: 13px;
top: 10px;
}
#mobileContents #mainImgArea #urlImg{
position: absolute;
left: 380px;
top:70px;
}
#mobileContents #mainImgArea #h1Txt{
position: absolute;
left: 13px;
top: 133px;
}

#mobileContents #mainImgArea #mainImg{
position: absolute;
right: 0;
top: 0px;
}

#mobileContents #mainImgArea dl{
width: 500px;
position: relative;
left: 20px;
top: 130px;
}
#mobileContents #mainImgArea dl dt{
font-size: 16px;
font-weight: bold;
border-bottom: 3px solid #333333;
margin-bottom: 10px;
padding-left: 5px;
}
#mobileContents #mainImgArea dl dd {
margin-left: 10px;
}

#mobileContents #mainImgArea #mainQr{
position: absolute;
left: 390px;
top:130px;
}

/*     mobileImg  ---------------------------------*/

#mobileContents dl#mobileImg{
width: 187px;
position: absolute;
left: 17px;
top: 70px;
text-align: right;
color: #cc2d76;
background-color:#fefbe5;
padding:5px;
}

/*     sectionA01  ---------------------------------*/

#mobileContents #sectionA01 div{
clear:both;
}

#mobileContents #sectionA01 #box{
min-height:445px;
background-color:#fefbe5;
/margin-bottom:20px;
}

#mobileContents #sectionA01 #WN{
min-height:460px;
background-color:#fefbe5;
}

#mobileContents #sectionA01 #mail-magazine{
min-height:370px;
background-color:#fefbe5;
}

#mobileContents #sectionA01 #information{
min-height:200px;
background-color:#fefbe5;
clear:none;
}

#mobileContents #sectionA01 #information dt{
padding-top:10px;
/padding-top:0px;
}

#mobileContents #sectionA01 h3{
padding-top:10px;
/padding-top:0px;
}

#mobileContents #sectionA01 .firstSection h3{
margin: 60px 0 11px 0;
/margin: 65px 0 11px 0;
/padding-top:20px;
}

#mobileContents #sectionA01 div dl{
width: 460px;
}
#mobileContents #sectionA01 div dt{
width: 177px;
height: 186;
padding-left: 2px;
float: left;
}
#mobileContents #sectionA01 div dd{
width: 264px;
float: right;
margin-bottom:10px;
}

#mobileContents #sectionA01 div#register{
width: 255px;
margin: 10px 0 0 10px;
padding:3px 4px;
float: right;
clear:none;
}

#mobileContents #sectionA01 div#register{
/margin-top:-210px;
}

#mobileContents #sectionA01 div#register h4{
margin:10px 0;
}

#mobileContents #sectionA01 div#register dl{
width:264px;
}

#mobileContents #sectionA01 div#register dl dt{
width: 250px;
height: 186;
padding-left: 2px;
margin-bottom:7px;
float: none;
}

#mobileContents #sectionA01 div#register dd{
width: 264px;
float: right;
margin-bottom:10px;
}

#mobileContents #sectionA01 #check {
width:260px;
float:right;
clear:none;
/margin-top:-170px;
}

#mobileContents #sectionA01 #check h5{
padding:10px 0 5px 0;
/padding:5px 0 5px 0;
}

#mobileContents #sectionA01 #check ul li{
float:left;
}

#mobileContents #sectionA01 #register02 dl{
width:264px;
margin-top:15px;
}

#mobileContents #sectionA01 #register02 dt{
width:250px;
}
}

/*     sectionA02  ---------------------------------*/

#mobileContents #sectionA02 div{
clear: both;
margin-bottom:15px;
}

#mobileContents #sectionA02 .firstSection{
margin-bottom:15px;
}

#mobileContents #sectionA02 div h3{
margin:0 0 7px 0;
padding:0 0 5px 0;
}

#mobileContents #sectionA02 #accessUrl{
padding-left:20px;
font-weight:bold;
font-size: 140%;
}

#mobileContents #sectionA02 #carrierList li{
padding: 5px 11px 6px;
background: url(../img/border_01.gif) left bottom repeat-x;
clear: both;
}
#mobileContents #sectionA02 #carrierList dl dt{
width: 118px;
height: 26px;
float: left;
}

#mobileContents #sectionA02 #carrierList dl dd{
width: 511px;
float: right;
}

#mobileContents #sectionA02 #qrCode dt{
float: left;
padding-left:15px;
}
#mobileContents #sectionA02 #qrCode dd{
width: 500px;
margin-left:139px;
}