@charset "UTF-8";
@import url("../../common.css");
@import url("../../pages.css");
@media print {
	.mainBox .mainMsg,
	.itemInfo,
	.itemData,
	.itemData .essential ol,
	.skiconMask .maskInfo{
		background-image: none!important;
	}
	.mainBox .mainMsg p,
	.itemData .essential dl,
	.skiconMask .maskInfo p{
		float: none!important;
		display: block!important;
		visibility: visible!important;
		line-height: 1.5!important;
	}
	.itemData .essential ol#effect li{
		width: auto;
		float: none!important;
		visibility: visible!important;
	}
	.mainBox {
		page-break-after: always;
	}
	.itemList {
		display: none;
	}
}

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

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

/*--------------------------- main ---------------------------*/
.mainBox{
	width: 798px;
	height: 578px;
	margin: 20px auto 0;
	border: 1px solid #d1d1d1;
	position: relative;
}
.mainBox h2{
	display: none;
}
.mainBox .mainImage{
	float: left;
}
.mainBox .mainTxt{
	width: 360px;
	padding-right: 19px;
	float: right;
}
.mainBox #mainFlash{
	width: 350px;
	height: 270px;
	margin: 0 auto;
}
.mainBox .mainMsg{
	width: 360px;
	height: 200px;
	margin-top: 20px;
	color: #333;
	background: transparent url(../../../images/topics/new1008/skicon/main_msg.gif) no-repeat left top;
}
.mainBox .mainMsg p{
	font-size: 12px;
	line-height: 1.1;
	visibility: hidden;
}

/*--------------------------- item info ---------------------------*/
.itemInfo{
	width: 740px;
	margin: 10px auto 0;
	padding: 0;
	color: #333;
	background: transparent url(../../../images/topics/new1008/skicon/info_description.gif) no-repeat 0 65px;
}
.itemInfo p{
	width: 740px;
	height: 75px;
	font-size: 12px;
	line-height: 1.1;
	visibility: hidden;
}
.itemInfo ul{
	width: 740px;
	height: 90px;
	margin: 5px 0 0;
	padding: 0;
}
.itemInfo li{
	list-style-type: none;
	width: 148px;
	margin: 0;
	float: left;
}

/*--------------------------- item data ---------------------------*/
.itemData{
	width: 740px;
	margin: 30px auto 0;
}
.itemData .itemImage{
	width: 274px;
	float: left;
}
.itemData .essential{
	width: 450px;
	float: right;
	color: #333;
	background: transparent url(../../../images/topics/new1008/skicon/skicon_item.gif) no-repeat right bottom;
}
.itemData .essential ol{
	width: 450px;
	height: 80px;
	margin: 0;
	padding: 0;
	color: #333;
	background: transparent url(../../../images/topics/new1008/skicon/skicon_note_effect.gif) no-repeat left top;
	list-style-type: none;
}
.itemData .essential ol li{
	margin: 0;
	font-size: 12px;
	line-height: 1.1;
	visibility: hidden;
}
.itemData .essential dl{
	width: 400px;
	height: 95px;
	margin: 0;
	padding: 0;
	font-size: 12px;
	line-height: 1.1;
	visibility: hidden;
}

/*--------------------------- skicon mask(howto) ---------------------------*/
.skiconMask{
	width: 718px;
	margin: 40px auto 10px;
	padding: 10px;
	border: 1px dotted #A2B1AC;
}
.skiconMask h3,
.skiconMask .maskInfo{
	width: 550px;
	margin: 0 auto!important;
}
.skiconMask .maskInfo{
	padding: 0 0 5px;
	color: #333;
	background: transparent url(../../../images/topics/new1008/skicon/mask_info.gif) no-repeat left top;
}
.skiconMask .maskInfo p{
	width: 480px;
	height: 70px;
	font-size: 12px;
	line-height: 1.1;
	visibility: hidden;
}
.skiconMask .itemImage{
	width: 230px;
	float: left;
}
.skiconMask .itemHowto{
	width: 470px;
	float: right;
}
.skiconMask .itemHowto #no01,
.skiconMask .itemHowto #no02{
	float: left;
}
/*--------------------------- button ---------------------------*/
.itemList{
	text-align: center;
	margin-bottom: 10px;
}