@charset "UTF-8";

/* ======================================
 * mg_mob_intro (outside yightbox) 2006-08-14
 * updated (for safari) : 2007-07-02
 * ====================================== */

#mgl_subcol #mg_mob_intro {
	width: 205px;
	margin: 0 0 5px 8px;
}

#mgl_subcol #mg_mob_intro .mgc_box_up {
	width: 205px;
	height: 25px;
	background: url(http://i.yimg.jp/images/mg/common/mg_psbx_up_pmesh.gif) no-repeat;
}

#mgl_subcol #mg_mob_intro .mgc_box_up h2.title{
	width: 205px;
	padding: 0px 6px 0 6px;
	color: #993130;
	line-height: 250%; 
	font-size: 13px;
}

#mgl_subcol #mg_mob_intro .mgc_box_md {
	width: 191px;
	border-left: 1px #c79a91 solid;
	border-right: 1px #c79a91 solid;
	padding: 3px 6px 6px 6px;
	background-color: #ffffff;
}

* html #mgl_subcol #mg_mob_intro .mgc_box_md { /* ie */
	width: 205px;
	border-left: 1px #c79a91 solid;
	border-right: 1px #c79a91 solid;
	padding: 3px 6px 6px 6px;
	background-color: #ffffff;
}

#mgl_subcol #mg_mob_intro .mgc_box_md br {
	clear:both;
}

#mgl_subcol #mg_mob_intro .mgbp_qr {
	width: 64px;
	height: 58px;
	background: url(http://i.yimg.jp/images/mg/common/mg_promo_qr_days_58.gif) no-repeat;
	float: left;
}

#mgl_subcol #mg_mob_intro .mgc_box_dw {
	width: 205px;
	height: 5px;
	margin-top: -1px;
	background: url(http://i.yimg.jp/images/mg/common/mg_psbx_dw_w.gif) no-repeat;
	overflow: hidden;
}


/* ======================================
 * inside yightbox
 * ====================================== */

.panel {		/* sotowaku */
	background:#c7b0ab;
}

.panel .bd {
	overflow:hidden;
	margin:0px;
	padding:10px 10px 0px 10px;
}

.panel-container .close {
	z-index:6;
	height:14px;
	width:49px;
	margin:1px;
	padding:0px;
	background-repeat:no-repeat;
	cursor:pointer;
	background-image:url(http://i.yimg.jp/images/mg/common/mob_intro_close.gif);
	float:right;
}

.panel-container h1, .panel-container h2 {
	margin:0px;
	padding:0px;
	text-align:left;
}

.panel-container h2 {
	font-size:small;
	color:#900;
	font-weight:bold;
	margin-bottom:3px;
}

* html .panel-container h2 {
	font-size:x-small;
}

.panel-container div.whitepaper {
	background: url(http://i.yimg.jp/images/mg/common/mob_intro_bg.gif) no-repeat;
	width:375px;
	height:480px;
	text-align:left;
}
.panel-container div.header {
	padding:9px 9px 0px 9px;
	width:100%;
}
.panel-container div.lead {
	padding:7px 9px;
	border-bottom:2px solid #c7b0ab;
	color:#900;
}

.panel-container div.oddnumber {
	padding: 2px 9px 2px 47px;
}

.panel-container div.evennumber {
	padding: 2px 9px 2px 79px;
}


/* method 1 */
.panel-container div.method1 {
	height:76px;
	background:url(http://i.yimg.jp/images/mg/common/mob_intro_1.gif) no-repeat;
	margin-top: 10px;
}
* html .panel-container div.method1 {
	margin-top: 12px;
}
.panel-container div.method1 div {	/* waku */
	padding:2px;
	margin:5px 0px;
	border:1px solid #c7b0ab;
	background:#eae1df;
	text-align:center;
	width:90%;
}
.panel-container div.method1 div img {	/* icon */
	vertical-align:middle;
	margin:0px 2px;
}
.panel-container div.method1 div a {
	text-decoration:none;
}

/* method 2 */
.panel-container div.method2 {
	height:76px;
	background:url(http://i.yimg.jp/images/mg/common/mob_intro_2.gif) no-repeat;
	margin-top: 13px;
}
* html .panel-container div.method2 {
	margin-top: 15px;
}
.panel-container div.method2 img {	/* qr */
	float:left;
	margin:7px 5px 7px 0px;
}


/* method 3 */
.panel-container div.method3 {
	height:76px;
	background:url(http://i.yimg.jp/images/mg/common/mob_intro_3.gif) no-repeat;
	margin-top: 16px;
}
* html .panel-container div.method3 {
	margin-top: 18px;
}


/* method 4 */
.panel-container div.method4 {
	height:76px;
	background:url(http://i.yimg.jp/images/mg/common/mob_intro_4.gif) no-repeat;
	margin-top: 10px;
}
* html .panel-container div.method4 {
	margin-top: 12px;
}

.panel-container div.note {
	margin:13px 5px 5px 5px;
	font-size:smaller;
	color:#900;
}
* html .panel-container div.note {
	margin-top: 15px;
	font-size: 70%;
}

#yightbox_win {
	visibility:hidden;
	display:none;
}