@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%;

}