@charset "shift_jis";

/* common parts*/
#mobile-body{
text-align: center;
margin: 40px 0;
}

#mobile-wrapper{
width: 760px;
margin-left: auto;
margin-right: auto;
}

.red-letter{
color:#cc0000;
}

.strong-letter{
font-weight: bold;
}

/* title area */
#mobile-ttl{
width: 760px;
padding: 0;
margin: 0;
}

#mobile-ttl img{
vertical-align: bottom;
}

#mobile-ttl h2#main {
width: 760px;
height: 119px;
background: url(ttl01.gif) no-repeat top left;
margin: 0;
padding: 0;
text-indent: -9999px;
}

/* campaign pattern common */
#mobile-ttl h2#mainCpn {
width: 760px;
height: 83px;
background: url(ttl01_cpn.gif) no-repeat top left;
margin: 0;
padding: 0;
text-indent: -9999px;
}

#mobile-ttl h2#sub {
width: 760px;
height: 273px;
background: transparent url(ttl02.jpg) no-repeat top left;
margin: 0;
padding: 0;
text-indent: -9999px;
}

/* campaign pattern1 タイトル画像1枚のみの場合（bgの画像と高さの調整）
#mobile-ttl h2#cpn {
width: 760px;
height: 165px;
background: url(ttl_cpn_chishiki.gif) no-repeat top left;
margin: 0;
padding: 0;
text-indent: -9999px;
}
 campaign pattern1 end */


/* campaign pattern2 タイトル画像とサブタイトル＋テキストに分けた場合（bgの画像と高さの調整）*/
#mobile-ttl h2#cpn {
width: 760px;
height: 125px;
background: transparent url(ttl_cpn_amadana01.jpg) no-repeat top left;
margin: 0;
padding: 0;
text-indent: -9999px;
}

#mobile-ttl h2#mobile-special {
width: 760px;
height: 92px;
background: transparent url(ttl_cpn_amadana02.jpg) no-repeat top left;
text-align: left;
}


#mobile-ttl h2#mobile-special #read {
width: 350px;
padding: 45px 0 0 137px;
_padding: 0;
margin: 0;
_margin: 45px 0 0 137px;
font-size: 12px;
line-height: 1.5em;
font-weight: normal;
color: #333;
}

#mobile-ttl h2#mobile-special #read p.explain {
margin-bottom: 10px;
}

#mobile-ttl h2#mobile-special #read p.explain span {
font-weight: bold;
color: #FF6633;
}

#mobile-ttl h2#mobile-special #read p.detail {
font-weight: bold;
margin: 0;
padding: 0;
}

#mobile-ttl h2#mobile-special #read p.link {
margin-bottom: 10px;
}

#mobile-ttl h2#mobile-special #read p.link span {
background: transparent url(cpn_m.gif) no-repeat 0 50%;
padding-left: 10px;
}

/* campaign pattern2 end */


#mobile-address{
width: 760px;
height: 156px;
background: transparent url(ttl03.jpg) no-repeat top right !important;
margin: 0;
padding: 0;
text-align: left;
}


#add-detail{
width: 365px;
padding: 12px 10px 12px 42px;
text-align: left;
float: left;
}

#add-detail img{
margin-bottom: 15px;
}

#add-qr{
float: left;
width: 74px;
margin: 55px 0 0 50px;
_margin: 55px 0 0 15px;
}


#add-form{
width: 400px;
}

#add-form:after{
content: "";
height: 0;
display: block;
clear: both;
zoom: 1;
}

#add-form img{
margin: 5px 0;
}

.form-select{
float: left;
padding: 4px 6px 0 0;
}

.form-select input{
width: 90px;
margin-right: 3px;
}

#form-button{
width: 30px;
margin-left: 0px;
_margin: 0;
float: left;
}


p#form-attention{
width: 400px;
margin-top: 5px;
}


#mobile-attention{
width: 760px;
margin: 10px 10px 50px 42px;
padding: 0;
text-align: left;
}


/* explain area common */
.mobile-waku{
background: url(waku_bg.gif) repeat-y bottom left;
width: 760px;
padding-bottom: 20px;
}

.mobile-infobar{
width: 760px;
background: url(waku_bg.gif) repeat-y;
}


#mobile-info{
width: 736px;
margin: 0 11px 15px 11px;
padding-bottom: 7px;
background-color: #F5F5F5;
text-align: left;
}

#mobile-info h3{
margin: 5px 0 5px 18px;
display: inline;
}

#mobile-info p{
margin: 5px 15px 5px 60px;
}

#lead{
margin: 30px 104px;
}

#mobile-info-box{
width: 736px;
margin: 0 11px 10px 11px;
}


.mobile-info-box-b{
width: 736px;
margin: 0 11px 10px 11px;
padding-top: 10px;
border-top: 1px dashed #ccc;
}

.mobile-info2{
width: 535px;
background-color: #F5F5F5;
text-align: left;
float: left;
padding-bottom: 7px;
}

.mobile-info2 h3{
margin: 5px 0 5px 18px;
display: inline;
}

.mobile-info2 p{
margin: 5px 15px 5px 60px;
}

.mobile-info-img{
margin-left: 6px;
float: left;
}

#mail-type{
margin: 15px 10px 20px 60px;
}

#mail-type img{
vertical-align: middle;
margin: 2px 5px 3px 0;
}


/* error page */
#error-ttl{
width: 196px;
_width: 200px;
height: 25px;
_height: 30px;
border: 2px solid #cc0000;
font-weight: bold;
padding-top: 5px;
margin: auto auto;
}

#error-msg{
padding: 0;
width: 600px;
margin: 20px auto;
}

#error-msg p{
margin-top: 8px;
}