/* h1 */
#main > h1 {font-size:28px; font-weight:bold; color:#191919; /*height: 27px; background-repeat: no-repeat; text-indent: -9999px; overflow: hidden; 
background-image: url(/img/store/notice/mobile/title_mobile.png);*/}

/* h2 */
h2 {height: 21px; margin:0; background-repeat: no-repeat; border: 0; text-indent: -9999px; overflow: hidden;}
#mobileAccess h2 {background-image: url(/img/store/notice/mobile/mobile_title01.gif); margin:25px 0 7px;}
#mobileCase h2 {background-image: url(/img/store/notice/mobile/mobile_title02.gif); margin:25px 0 7px;}
#mobileMerit h2 {background-image: url(/img/store/notice/mobile/mobile_title03.gif); margin:0;}

/* h3 */
h3 {height: 18px; margin-bottom: 5px; background-repeat: no-repeat; border: 0; text-indent: -9999px; overflow: hidden;}
#mobileAccess .qrAccess h3 {background-image: url(/img/store/notice/mobile/mobileaccess_stitle01.gif); margin-left: 150px;}
#mobileAccess .mailAccess h3 {background-image: url(/img/store/notice/mobile/mobileaccess_stitle02.gif);}
#mobileAccess .menuAccess h3 {background-image: url(/img/store/notice/mobile/mobileaccess_stitle03.gif);}
#mobileCase h3 {background-image: url(/img/store/notice/mobile/mobilecase_mailnews_ttl.gif);}

.lead { margin-bottom: 0;}

/* mobileAccess*/
#mobileAccess {vertical-align: bottom; padding-bottom:30px; margin-top:10px; line-height:1.8;}
#mobileAccess p.qrdetail {margin:15px;}
#mobileAccess .qrAccess {border: 1px solid #CCC; margin-bottom:20px; padding:15px; background: #f5f5f5; height:190px;}
#mobileAccess .qrCode {float:left; margin:-25px 20px 0 0; vertical-align: top;}
#mobileAccess .qrAccess .title {margin-left:152px; padding-left:10px; display:block; background: #888; width:400px; color:#fff; font-weight:bold;}
#mobileAccess .qrAccess .url {margin-left:152px; padding:10px 0 5px 10px; display:block; background: #fff; width:400px; font-size:15pt; font-weight:bold;}

#mobileAccess .mailAccess {border-bottom: 1px solid #CCC; margin-bottom:15px; padding-bottom:15px;}
#mobileAccess .mailAccess .submit {margin-left:120px; margin-right:20px; float:right; padding:10px 0 20px;}
#mobileAccess .mailAccess .annotation {margin-top:10px;}

#mobileAccess .menuAccess {border-bottom: 1px solid #CCC; margin-bottom:15px; padding-bottom:0;}
* html #mobileAccess .menuAccess dl.type dd {display:inline-block;}
#mobileAccess .menuAccess dl.type dt {float:left; width:195px; padding-top:5px; padding-bottom:0; padding-right:0; font-weight:bold;}
#mobileAccess .menuAccess dl.type dd {margin-left:10px; padding-top:5px; padding-bottom:15px; padding-right:10px; font-size:12px;}

/*mobileNotes*/
.mobileNotes {font-size:11px; color:#666666; line-height:1.5;}

/*mobileCase*/
#mobileCase .caseDetail {border: 1px solid #CCC; margin-bottom:20px; padding:15px; background: #fff; _width:650px;}
*+html #mobileCase .caseDetail ul {width: 668px;}
#mobileCase .caseDetail ul {width: 698px; margin-right: -30px; overflow: hidden; zoom: 1;}
#mobileCase .caseDetail li {display: block; float: left; width: 215px; height:215px; padding-right:5px; margin-right:10px; border-right: 1px solid #CCC;}
#mobileCase .caseDetail li.last {border: 0; width:210px; margin-right:-10px;}
#mobileCase .caseDetail li .title {margin-bottom:10px;}
#mobileCase .caseDetail ul:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

/*mailnews*/
*+html #mobileCase .mailnews {position: relative; top: 0px;}
#mobileCase .mailnews {background: transparent url(/img/store/notice/mobile/tip_gray.gif) no-repeat 100px 0; position: relative; top: -30px; _top:0; padding:1px; margin: 0 0 30px; z-index: 2;}
*+html #mobileCase .mailnews {background: transparent url(/img/store/notice/mobile/tip_gray.gif) no-repeat 100px -30px; position: relative; top: 0px; padding:1px; margin: 0 0 30px; z-index: 2;}
#mobileCase .mailnews img {float:left; margin:5px 20px 0 0; vertical-align: top;}
#mobileCase .mailnews .detail {margin-top: 25px; padding: 20px; background-color: #eee; height:130px; line-height:1.8;}
#mobileCase .mailnews .detail .submit {margin-right:10px; float:right; padding-top:10px;}
#mobileCase .mailnews:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

/*mobileMerit*/
#mobileMerit{border-bottom: 1px solid #CCC; padding-top:5px; margin-bottom:10px;}
#mobileMerit dl {overflow: hidden; zoom: 1;}
#mobileMerit dt {border-top: 1px solid #CCC; padding:15px 0 5px; margin-top:10px;}
#mobileMerit dd {padding-bottom:10px; line-height:1.7; clear: both;}
#mobileMerit dd img.image {float:right; padding-left:10px; margin-top:-20px;}
#mobileMerit dl:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

#mobileMerit .orderProcess ul {margin-top:17px; margin-right: -30px; overflow: hidden; zoom: 1;}
#mobileMerit .orderProcess li {display: block; float: left; width: 205px; margin-right:30px; font-weight:bold; line-height:1.3; font-size:14px;}
#mobileMerit .orderProcess li img {margin-top:10px;}
#mobileMerit .orderProcess ul:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
/*all browsers*/
#mobileMerit .orderProcess span.no1 {background: transparent url(/img/store/notice/mobile/no1.gif) no-repeat; padding-left:20px;}
#mobileMerit .orderProcess span.no2 {background: transparent url(/img/store/notice/mobile/no2.gif) no-repeat; padding-left:20px;}
#mobileMerit .orderProcess span.no3 {background: transparent url(/img/store/notice/mobile/no3.gif) no-repeat; padding-left:20px;}
/*IE8 and below*/
#mobileMerit .orderProcess span.no1 {background: transparent url(/img/store/notice/mobile/no1.gif) no-repeat 0 2px\9;}
#mobileMerit .orderProcess span.no2 {background: transparent url(/img/store/notice/mobile/no2.gif) no-repeat 0 2px\9;}
#mobileMerit .orderProcess span.no3 {background: transparent url(/img/store/notice/mobile/no3.gif) no-repeat 0 2px\9;}