@charset "UTF-8";
/* CSS Document */

@import "/lib/cmn_css/component.css";

/* globalNaviTop */
#gnArea {
	margin: 0 0 23px 0;
}

#globalNavi ul#gNaviTop li {
	outline: 0;
	display: block;
	font-size: 0 !important;
	background-image: url(/lib/cmn_img/global_navi_top.gif);
	background-repeat: no-repeat;
	float: left;
}

#globalNavi ul#gNaviTop li a {
	outline: 0;
	display: block;
	background-image: url(/lib/cmn_img/global_navi_top.gif);
	background-repeat: no-repeat;
	float: left;
}

#globalNavi ul#gNaviTop li a span {
	text-indent:-9999px;
	overflow:hidden;
}

/* except IE7 */
html>/**/body #globalNavi ul#gNaviTop li a span { 
	display:block;
}
/* except IE7 */

#globalNavi ul#gNaviTop li#gnStoryTop, #globalNavi ul#gNaviTop li#gnStoryTop a {
background-position: 0 0;
height: 40px;
width: 184px;
}

#globalNavi ul#gNaviTop li#gnRecommendTop, #globalNavi ul#gNaviTop li#gnRecommendTop a {
background-position: -184px 0;
height: 40px;
width: 184px;
}

#globalNavi ul#gNaviTop li#gnExperienceTop, #globalNavi ul#gNaviTop li#gnExperienceTop a {
background-position: -368px 0;
height: 40px;
width: 184px;
}

#globalNavi ul#gNaviTop li#gnQaTop, #globalNavi ul#gNaviTop li#gnQaTop a {
background-position: -552px 0;
height: 40px;
width: 184px;
}

#globalNavi ul#gNaviTop li#gnListTop, #globalNavi ul#gNaviTop li#gnListTop a {
background-position: -736px 0;
height: 40px;
width: 184px;
}


/* over */
#globalNavi ul#gNaviTop li#gnStoryTop a:hover {
background-position: 0 -60px;
height: 40px;
width: 184px;
}

#globalNavi ul#gNaviTop li#gnRecommendTop a:hover {
background-position: -184px -60px;
height: 40px;
width: 184px;
}

#globalNavi ul#gNaviTop li#gnExperienceTop a:hover {
background-position: -359px -60px;
height: 40px;
width: 164px;
}

#globalNavi ul#gNaviTop li#gnQaTop a:hover {
background-position: -552px -60px;
height: 40px;
width: 184px;
}

#globalNavi ul#gNaviTop li#gnExperienceTop a:hover {
background-position: -368px -60px;
height: 40px;
width: 184px;
}

#globalNavi ul#gNaviTop li#gnListTop a:hover {
background-position: -736px -60px;
height: 40px;
width: 184px;
}




#header h1.indexVi {
	height: 350px;
	margin: 4px 0 5px;
	width: 920px;
}

#contents {
	background: url(/images/bg_contents_line.gif) left top repeat-y;
}

#contents div.mainLeft {
	float: left;
	width: 352px;
}

#contents div.mainRight {
	float: left;
	margin-left: 29px;
	width: 253px;
}

/* [spgBtn] */
#contents div.spgBtn {
	margin: 0 0 0 2px;
	width: 332px;
}

#contents div.spgBtn p {
	line-height: 100%;
	height: 60px;
	padding: 0;
	width: 332px;
}

#contents div.spgBtn p a {
	display: block;
	height: 60px;
	width: 332px;
}

#contents div.spgBtn p img {	vertical-align: top;}
#contents div.spgBtn p a:hover {	background-color: transparent;}
#contents div.spgBtn p a:hover img {	visibility: hidden;}
#contents div.spgBtn p{ background: url(/images/btn_online_shop_h.gif); }



#contents div.trialBox {
	background: url(/images/bg_trialbox_btm.gif) left bottom no-repeat;
	margin-bottom: 5px;
	padding-bottom: 10px;
	width: 352px;
}

#contents div.trialBoxBtm {
	background: url(/images/bg_trialbox_top.gif) left top no-repeat;
	padding-top: 10px;
	width: 352px;
}

#contents div.trialL {
	float: left;
	text-align: right;
	padding: 8px 0 22px;
	width: 135px;
}

#contents div.trialR {
	float: left;
	padding: 8px 0 22px;
	width: 201px;
}

#contents div.trialBoxPack {
	font-size: 0;
	margin-left: 10px;
	padding-bottom: 2px;
	width: 337px;
}

#contents div.trialPurchase {
	clear: both;
	padding-bottom: 23px;
	width: 332px;
}

#contents div.trialPurchase p {
	text-align: center;
	padding: 15px 0 0 0;
}

#contents div.trialContact {
	border-top: 1px solid #CCCCCA;
	clear: both;
	text-align: center;
	padding-top: 4px;
	width: 332px;
}

#contents div.newBnn {
	font-size: 0;
	line-height: 100%;
	margin-bottom: 5px;
}

#contents div.onlineShop {
	margin-bottom: 10px;
	width: 352px;
}

#contents div.mainLeft h2 {
	margin-bottom: 8px;
}

#rightMenu h2 {
	margin-bottom: 8px;
}

#main h2,
#rightMenu h2,
#contents div.mobileLeft p {
	font-size: 0;
	line-height: 100%;
}

#contents table.infoTable {
	width: 352px;
}

#contents table.infoTable th {
	font-weight: normal;
	text-align: left;
	line-height: 140%;
	padding-bottom: 5px;
	vertical-align: top;
	white-space: nowrap;
	width: 20%;
}

#contents table.infoTable td {
	text-align: left;
	line-height: 140%;
	padding: 0 0 5px 13px;
	vertical-align: top;
	width: 80%;
}

#contents ul.storyList {
	margin-bottom: 14px;
	width: 253px;
}

#contents ul.storyList li {
	font-size: 0;
	line-height: 100%;
	padding-bottom: 5px;
}

#contents div.mainRight p {
	font-size: 0;
	line-height: 100%;
	padding: 0 0 10px 0;
}

#contents ul.moreKnowList li {
	font-size: 0;
	line-height: 100%;
	padding-bottom: 5px;
}


#contents a {	color: #0066FF;}
#contents a:link{	color: #0066FF;}
#contents a:visited {	color: #660066;}
#contents a:hover {	color: #3399CC;}

#contents div.mblBox {
	background: url(/images/bg_mobilebox_btm.gif) left bottom no-repeat;
	margin-bottom: 18px;
	padding-bottom: 11px;
	width: 352px;
}

#contents div.mblTop {
	background: url(/images/bg_mobilebox_top.gif) left top no-repeat;
	padding-top: 12px;
	width: 352px;
}

#contents div.qr {
	float: left;
	text-align: right;
	margin-right: 24px;
	padding-top: 8px;
	width: 85px;
}

#contents div.mblTxt {
	float: left;
	width: 232px;
}

#contents div.mblTxt p {
	font-size: 0;
	line-height: 100%;
	padding-bottom: 0;
}

#contents div.safety ul li {
	font-size: 0;
	line-height: 100%;
}