@charset "UTF-8";
@import url("../common.css");
@import url("../pages.css");

/*--------------------------- common ---------------------------*/

#pageBody h1{
	width: 780px;
	margin: 0 auto;
}
#pageBody h2,
#pageBody h3,
#pageBody h4,
#pageBody h5,
#pageBody p{
	padding: 0;
	margin: 0;
	line-height: 1;
}
#pageBody img {
	border: 0;
}

/*--------------------------- mobile info ---------------------------*/
#mobileInfo{
	width: 780px;
	margin: 0 auto;
}

/* mobile site content */
#mContent{
	width: 780px;
	margin: 0 auto 20px;
}
#mContent #screenImg{
	float: right;
}
#mContent .contents{
	width: 550px;
	float: left;
	padding: 20px 0 0 13px;
}
#mContent .contents ul{
	list-style-type: none;
	margin: 0;
	padding-top: 5px;
	line-height: 1;
}
#mContent .contents li{
	margin: 0;
	padding: 12px 0 10px 130px;
	color: #666;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: left center;
	border-bottom: 1px dotted #e0e0e0;
}
#mContent .contents li#mcNews {background-image: url(../../images/topics/mobile/cont_item_news.gif);}
#mContent .contents li#mcProducts {background-image: url(../../images/topics/mobile/cont_item_products.gif);}
#mContent .contents li#mcShop {background-image: url(../../images/topics/mobile/cont_item_shop.gif);}
#mContent .contents li#mcSkin {background-image: url(../../images/topics/mobile/cont_item_skin.gif);}
#mContent .contents li#mcCorp {background-image: url(../../images/topics/mobile/cont_item_corp.gif);}
/*#mContent .contents li#mcMember {background-image: url(../../images/topics/mobile/cont_item_member.gif);}*/
#mContent .contents li#mcHandB {line-height: 1.1;background-image: url(../../images/topics/mobile/cont_item_handb.gif);}


#mContent .contents li#mcMaco {
	padding: 8px 0;
	border-bottom: 0 none;
}
#mContent .contents li#mcMaco p {
	width: 360px;
	padding: 5px 0 0;
	float: right;
	line-height: 1.5;
}
/* mobile site campaign */
#mCampaign {
	width: 767px;
	margin: 0 0 40px;
	padding: 0 0 0 13px;
}
#mCampaign .campaign {
	width: 372px;
	padding-top: 20px 
}
#mCampaign .campaign dl.fRight {
	width: 228px;
}
#mCampaign .campaign dl dt {
	margin-bottom: 8px;
}
#mCampaign .campaign dl dd {
	padding-top: 1px;
}
#mCampaign .mgb5 { margin-bottom: 5px;}
#mCampaign .mgb10 { margin-bottom: 10px;}
#mCampaign .mgb15 { margin-bottom: 15px;}
#mCampaign .mgb20 { margin-bottom: 20px;}
#mCampaign .mgb25 { margin-bottom: 25px;}

/* mobile site access */
#mAccess {
	width: 743px;
	margin: 0 0 40px 13px;
	padding: 10px;
	border: 1px solid #E48BA4;
}
* html #mAccess {
	margin: 0 0 20px 6px;
}
#mAccess h2 {
	margin-bottom: 15px;
}
#mAccess h3 {
	margin-bottom: 8px;
}
#mAccess ul#address {
	margin-bottom: 8px;
}
#mAccess ul#address li {
	display: inline;
}
#mAccess ul#official li {
	padding: 0 0 15px 20px;
}
#mAccess ul#notes {
	padding: 10px 0 0 23px;
	font-size: 10px;
	line-height: 1.3;
	color: #666;
	background-color: transparent;
}

/* mobile campagine banner */
.campLbanner {
	width: 765px;
	position: relative;
	top: -18px;
	left: 13px;
}

/* mobile site calendar */
#mCalendar {
	width: 628px;
	height: 290px;
	margin: 0 auto 20px;
	padding: 33px 38px 6px 114px;
	background: url(../../images/topics/mobile/calendar/calendar_bg.jpg) no-repeat left top;
}
#mCalendar #cCapture {
	width: 170px;
	float: left;
}
#mCalendar dl {
	width: 420px;
	padding-top: 42px;
	float: right;
}
#mCalendar dt {
	margin-bottom: 10px;
}
#mCalendar dd {
	margin-bottom: 35px;
}