/* --------------MODULE IMPORT-------------- */@import "/design/amebeaute/stylesheet/default.css";/* --------------Layout-------------- *//* top----------------------------------------------- *//* ²èÁü²£ÊÂ¤Ó */.images ul {    padding:0;    margin:10;    font-size:0;    text-align: justify;    text-justify: distribute-all-lines;}.images:after ul{    content:url(css_justify.png);    line-height:0;    visibility:hidden;}.images ul li{    display:inline;    margin:0;    padding:0;}div.images {¡¡¡¡margen-left:10px;}/* definition_.infoList */.infoList{	background-image: url(/design/amebeaute/images/line_dotted1.gif);	background-position: left bottom;	background-repeat: repeat-x;	margin: 0 0 16px;	padding: 0 0 12px;}.infoList dt{	float: left;	line-height: 1.3;	margin: 0;}.infoList dd{	background-image: url(/design/amebeaute/images/ic_arrow2.gif);	background-position: 71px .4em;	background-repeat: no-repeat;	line-height: 1.3;	margin: 0;	padding: 0 10px 0 81px;}/* definition_.boxPhotoList */.boxPhotoList{	background-image: url(/design/amebeaute/images/bg_photoList_bottom.gif);	background-position: left bottom;	background-repeat: no-repeat;	margin: 0 0 13px;	width: 700px;}.boxPhotoList .innerBox{	background-image: url(/design/amebeaute/images/bg_photoList_top.gif);	background-position: left top;	background-repeat: no-repeat;	padding: 10px 0 0 10px;	width: 700px;}/* firefox */html>/**/body .boxPhotoList .innerBox{	width: 690px;	}.boxPhotoList .photoListL{	background-image: url(/design/amebeaute/images/bg_photo1.gif);	background-position: left top;	background-repeat: no-repeat;	float: left;	margin: 0 10px 0 0;	padding: 5px;	width: 163px;	}/* firefox */html>/**/body .boxPhotoList .photoListL{	width: 153px;	}.boxPhotoList .photoListR{	background-image: url(/design/amebeaute/images/bg_photo1.gif);	background-position: left top;	background-repeat: no-repeat;	float: left;	margin: 0;	padding: 5px;	width: 163px;	}/* firefox */html>/**/body .boxPhotoList .photoListR{	width: 153px;	}.boxPhotoList .itemName{	background-image: url(/design/amebeaute/images/ic_photolist.gif);	background-position: left .3em;	background-repeat: no-repeat;	line-height: 1.3;	font-weight: bold;	margin: 10px 0 0;	padding: 0 0 0 16px;}/* definition_.boxRanking */.boxRanking{	background-image: url(/design/amebeaute/images/bg_photoList_bottom.gif);	background-position: left bottom;	background-repeat: no-repeat;	margin: 0 0 13px 20px;	width: 700px;}.boxRanking .innerBox{	background-image: url(/design/amebeaute/images/bg_photoList_top.gif);	background-position: left top;	background-repeat: no-repeat;	padding: 10px 0 0 10px;	width: 700px;}/* firefox */html>/**/body .boxRanking .innerBox{	width: 690px;}.boxRanking .rankingL{	background-image: url(/design/amebeaute/images/bg_photo2.gif);	background-position: left top;	background-repeat: no-repeat;	float: left;	margin: 0 10px 0 0;	padding: 5px;	position: relative;	width: 128px;	}/* firefox */html>/**/body .boxRanking .rankingL{	width: 118px;	}.boxRanking .rankingR{	background-image: url(/design/amebeaute/images/bg_photo2.gif);	background-position: left top;	background-repeat: no-repeat;	float: left;	margin: 0;	padding: 5px;	position: relative;	width: 128px;	}/* firefox */html>/**/body .boxRanking .rankingR{	width: 118px;	}.boxRanking .icon{	position: absolute;	left: -7px;	top: -9px;}.boxRanking .itemName{	background-image: url(/design/amebeaute/images/ic_photolist.gif);	background-position: left .3em;	background-repeat: no-repeat;	line-height: 1.3;	font-weight: bold;	margin: 10px 0 0;	padding: 0 0 0 16px;}/* definition_#boxAbout */#boxAbout{	background-image: url(/design/amebeaute/images/bg_about_bottom.jpg);	background-position: right bottom;	background-repeat: no-repeat;	width: 720px;}#boxAbout .innerBox{	background-image: url(/design/amebeaute/images/bg_about_top.jpg);	background-position: right top;	background-repeat: no-repeat;	padding: 64px 72px 20px 77px;	width: 720px;}/* firefox */html>/**/body #boxAbout .innerBox{	width: 571px;}#boxAbout p{	line-height: 1.5;}/* lineup.html----------------------------------------------- *//* definition_.total */.totalNum{	clear: both;	margin: 0;}/* definition_#wrapSubCategory */#wrapSubCategory{	background-image: url(/design/amebeaute/images/bg_lineup_top.gif);	background-position: left top;	background-repeat: no-repeat;	margin: 0 0 20px;	padding: 5px 0 0;	width: 700px;}#wrapSubCategory #subCategory{	background-image: url(/design/amebeaute/images/bg_lineup_middle.gif);	background-position: left top;	background-repeat: repeat-y;	padding: 0;	width: 700px;}#wrapSubCategory .innerBox{	background-image: url(/design/amebeaute/images/bg_lineup_bottom.gif);	background-position: left bottom;	background-repeat: no-repeat;	padding: 0 6px 3px;	width: 700px;}#wrapSubCategory .innerBox ul{	width: 688px;}#wrapSubCategory .innerBox ul li{	float: left;	margin: 0 3px 5px 0;}/* definition_.wrapLineup */.wrapLineup{	background-image: url(/design/amebeaute/images/bg_lineup_top.gif);	background-position: left top;	background-repeat: no-repeat;	padding: 5px 0 0;	width: 700px;}.wrapLineup .LineupBox{	background-image: url(/design/amebeaute/images/bg_lineup_middle.gif);	background-position: left top;	background-repeat: repeat-y;	padding: 0;	width: 700px;}.wrapLineup .innerBox{	background-image: url(/design/amebeaute/images/bg_lineup_bottom.gif);	background-position: left bottom;	background-repeat: no-repeat;	padding: 0 6px 3px;	width: 700px;}.wrapLineup table{	margin: 0;	padding: 0;	text-align: left;	width: 688px;}.wrapLineup table td{	background-image: none;}.wrapLineup table td img{	display: none;}.wrapLineup table td table{	background-image: url(/design/amebeaute/images/bg_item_bottom.gif);	background-position: left bottom;	background-repeat: no-repeat;	height: 250px;	width: 226px;}.wrapLineup table td table td{	text-align: left;}.wrapLineup table td table .tdStyle1{	background-image: url(/design/amebeaute/images/bg_item_top.gif);	background-position: left top;	background-repeat: no-repeat;	padding: 9px 0 0;}.wrapLineup table td table .tdStyle1 a.aStyle1{	border-color: #ffe5f1;	border-style: solid;	border-width: 1px;	display: block;	height: 172px;	margin: 0 0 0 8px;	width: 210px;}/* firefox */html>/**/body .wrapLineup table td table .tdStyle1 a.aStyle1{	height: 170px;	width: 208px;}.wrapLineup table td table .tdStyle2{	padding: 5px 10px 0;}.wrapLineup table td table .tdStyle2 a.aStyle2{	background-image: url(/design/amebeaute/images/ic_photolist2.gif);	background-position: left .1em;	background-repeat: no-repeat;	display: block;	line-height: 1.3;	padding: 0 0 0 16px;}.wrapLineup table td table .tdStyle2 font{	display: none;}.wrapLineup table td table .tdStyle3{	padding: 0 0 10px;	text-align: right !important;}.wrapLineup table td table td a img{	display: block;	height: 110px;	margin: 30px auto 0;	text-align: center;	width: 110px;}.wrapLineup table td table .tdStyle3 font{	background-color: transparent;	color: #4d4d4d;	padding: 0 0 0 10px;	text-align: right !important;}.wrapLineup table td table .tdStyle3 b{	display: none;}.wrapLineup table td table .tdStyle3 font b{	display: inline;	font-weight: normal;	text-align: right !important;	padding: 0 10px 15px 0;}.wrapLineup table td table td.line{	display: none;}.pageList{	margin: 5px 0 0;	}.pageList table td{	text-align: center !important;}/* details----------------------------------------------- */div#moreDetail{	margin: 0 !important;	width: 700px !important;}div#moreDetail div#detailInfo{	text-align:left;	width: 560px;	margin: 3px 0!important;}/* login----------------------------------------------- */#wrapLogin{	width: 700px;}#wrapLogin #boxLoginL{	background-image: url(/design/amebeaute/images/bg_login_bottom.gif);	background-position: left bottom;	background-repeat: no-repeat;	float: left;	margin: 5px 0 0;	width: 251px;}#wrapLogin #boxLoginL .innerBox{	background-image: url(/design/amebeaute/images/bg_login_top.gif);	background-position: left top;	background-repeat: no-repeat;	width: 251px;}#wrapLogin #boxLoginL .innerBoxL{	float: left;	margin: 10px 10px 0 0;	padding: 0 0 0 10px;	width: 180px;}/* firefox */html>/**/body #wrapLogin #boxLoginL .innerBoxL{	width: 170px;}#wrapLogin #boxLoginL ul{	margin: 0 0 10px;}#wrapLogin #boxLoginL li{	margin: 0 0 5px;}#wrapLogin #loginID2 input,#wrapLogin #loginPASS2 input{	border-color: #dedede;	border-style: solid;	border-width: 1px;	height: 20px;	padding: 0 2px;	width: 132px !important;}/* firefox */html>/**/body #wrapLogin #loginID2 input{	width: 128px !important;}/* firefox */html>/**/body #wrapLogin #loginPASS2 input{	width: 128px !important;}#wrapLogin #boxLoginL .innerBoxR{	float: left;	margin: 8px 0 0;	width: 51px;}#wrapLogin #boxLoginR{	float: right;	width: 430px;}#wrapLogin #boxLoginR p{	line-height: 1.3;	margin: 0 0 5px;}.ulPoint{	margin: 0 0 20px;}.ulPoint li{	background-image: url(/design/amebeaute/images/ic_list1.gif);	background-position: 5px center;	background-repeat: no-repeat;	margin: 0 0 5px 0;	padding: 0 0 0 15px;}/* guide----------------------------------------------- */.boxGuide{	background-color: #fffef7;	border-color: #dedede;	border-style: solid;	border-width: 1px;	margin: 0 0 20px;	padding: 10px 10px 5px;	width: 700px;}/* firefox */html>/**/body .boxGuide{	width: 678px;}.boxGuide p{	line-height: 1.3;	margin: 0 0 5px;}.boxGuide .innerBoxL{	float: left;	margin: 0 20px 0 0;	width: 266px;}.boxGuide .innerBoxR{	float: left;	margin: 0;	width: 375px;}.boxGuide .innerBoxL2{	float: left;	margin: 0 20px 0 0;	width: 298px;}.boxGuide .innerBoxL2 img{	border-color: #cfcfcf;	border-style: solid;	border-width: 1px;}.boxGuide .innerBoxR2{	float: left;	margin: 0;	padding: 103px 0 0;	width: 330px;}.boxGuide .ulPoint{	margin: 0 0 5px;}.boxGuide .ulPoint li{	background-image: url(/design/amebeaute/images/ic_list1.gif);	background-position: 5px center;	background-repeat: no-repeat;	margin: 0 0 5px;	padding: 0 0 0 15px;}/* cart----------------------------------------------- */.txt_wish{	background-color: #FFF;	color: #F00;	margin: 0 0 10px;}/* company----------------------------------------------- */#boxLogo{	margin: 0 0 20px;}/* privacy----------------------------------------------- */.ulPoint2{	margin: 0 0 20px;}.ulPoint2 li{	background-image: url(/design/amebeaute/images/ic_list1.gif);	background-position: 5px .4em;	background-repeat: no-repeat;	margin: 0 0 20px 0;	padding: 0 0 0 15px;}.ulPoint2 ul{	margin: 10px 0 0 1em;}.ulPoint2 ul li{	background-image: none;	margin: 0 0 10px;	padding: 0 0 0 1em;	text-indent: -1em;}.ulPoint3{	margin: 0 0 20px;}.ulPoint3 li{	background-image: url(/design/amebeaute/images/ic_list1.gif);	background-position: 5px .4em;	background-repeat: no-repeat;	margin: 0 0 20px 0;	padding: 0 0 0 15px;}.ulPoint3 ul{	margin: 10px 0 0;}/* item----------------------------------------------- */.wrapItem{	background-image: url(/design/amebeaute/images/bg_wrapitem_top.gif);	background-position: 10px top;	background-repeat: no-repeat;	margin: 0 0 15px;	padding: 18px 0 0 0;	width: 720px;}.boxItem{	background-image: url(/design/amebeaute/images/bg_wrapitem_middle.gif);	background-position: 10px top;	background-repeat: repeat-y;	width: 720px;}.boxItem .innerBox{	background-image: url(/design/amebeaute/images/bg_wrapitem_bottom.gif);	background-position: 10px bottom;	background-repeat: no-repeat;	margin: 0;	padding: 0 0 20px;	width: 720px;}/* definition_wrapGallery */#wrapGalleryL{	background-image: url(/design/amebeaute/images/bg_largeimg.gif);	background-position: left top;	background-repeat: no-repeat;	float: left;	height: 501px;	margin: 0 0 0 26px;	width: 318px;	}div.content {	/* The display of content is enabled using jQuery so that the slideshow content won't display unless javascript is enabled. */	display: none;	position: relative;	padding: 4px 0 0 4px;}div.content #iconDesign{	position: absolute;	bottom: 0;	right: 0;	z-index: 2;}/*div.content a, div.navigation a {	text-decoration: none;	color: #777;}div.content a:focus, div.content a:hover, div.content a:active {	text-decoration: underline;}div.controls {	margin-top: 5px;	height: 23px;}div.controls a {	padding: 5px;}div.ss-controls {	float: left;}div.nav-controls {	float: right;}*/div.slideshow-container {	position: relative;	height: 501px; /* This should be set to be at least the height of the largest image in the slideshow */}div.loader {	position: absolute;	top: 0;	left: 0;	background-image: url(../../guide/images/loader.gif);	background-repeat: no-repeat;	background-position: center;	width: 318px;	height: 501px; /* This should be set to be at least the height of the largest image in the slideshow */}div.slideshow {}div.slideshow span.image-wrapper {	display: block;	padding: 0 2px 1px;	position: absolute;	top: 0;	left: 0;}div.slideshow a.advance-link {	display: block;	width: 306px;	height: 490px; /* This should be set to be at least the height of the largest image in the slideshow */	line-height: 1px; /* This should be set to be at least the height of the largest image in the slideshow */	text-align: center;}div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited {	text-decoration: none;}div.slideshow img {	vertical-align: middle;	border: 0;	margin: 0;}/*div.download {	float: right;}div.caption-container {	position: relative;	clear: left;	height: 75px;}span.image-caption {	display: block;	position: absolute;	width: 550px;	top: 0;	left: 0;}div.caption {	padding: 12px;}div.image-title {	font-weight: bold;	font-size: 1.4em;}div.image-desc {	line-height: 1.3em;	padding-top: 12px;}*/div.navigation {	/* The navigation style is set using jQuery so that the javascript specific styles won't be applied unless javascript is enabled. */}#wrapGalleryR{	float: left;	width: 354px;	}#thumbs{	background-image: url(/design/amebeaute/images/bg_itemthumb_middle.gif);	background-position: left top;	background-repeat: repeat-y;	clear: both;	margin: 0 0 0 12px;	width: 338px;}#thumbs .innerthumbs{	background-image: url(/design/amebeaute/images/bg_itemthumb_top.gif);	background-position: left top;	background-repeat: no-repeat;	width: 338px;}#thumbs .innerthumbs .thumbs{	background-image: url(/design/amebeaute/images/bg_itemthumb_bottom.gif);	background-position: left bottom;	background-repeat: no-repeat;	padding: 19px 4px 9px 19px;	width: 338px;}/* firefox */html>/**/body #thumbs .innerthumbs .thumbs{	width: 315px;}#thumbs .innerthumbs .thumbs li{	background-color: #FFF;	border-color: #DEDEDE;	border-style: solid;	border-width: 1px;	float: left;	height: 90px;	margin: 0 15px 10px 0;	padding: 1px;	width: 90px;}/* firefox */html>/**/body #thumbs .innerthumbs .thumbs li{	height: 86px;	width: 86px;}a.thumb:focus {	outline: none;}ul.thumbs img {	background-color: #000;	border: none;	display: block;}div.pagination {	clear: both;}div.navigation div.top {	margin-bottom: 12px;	height: 11px;}div.navigation div.bottom {	margin-top: 12px;}div.pagination a, div.pagination span.current, div.pagination span.ellipsis {	display: block;	float: left;	margin-right: 2px;	padding: 4px 7px 2px 7px;	border: 1px solid #ccc;}div.pagination a:hover {	background-color: #eee;	text-decoration: none;}div.pagination span.current {	font-weight: bold;	background-color: #000;	border-color: #000;	color: #fff;}div.pagination span.ellipsis {	border: none;	padding: 5px 0 3px 2px;}/* definition_wrapGallery end *//* definition_.wrapItemtext */.wrapItemtext{	background-image: url(/design/amebeaute/images/bg_itemtext_middle.gif);	background-position: left top;	background-repeat: repeat-y;	margin: -8px 0 25px 12px;	width: 354px;	}.boxItemtext{	background-image: url(/design/amebeaute/images/bg_itemtext_top.gif);	background-position: left top;	background-repeat: no-repeat;	width: 354px;	}.boxItemtext .innerBox{	background-image: url(/design/amebeaute/images/bg_itemtext_bottom.gif);	background-position: left bottom;	background-repeat: no-repeat;	padding: 25px 0 15px 12px;	width: 354px;	}/* firefox */html>/**/body .boxItemtext .innerBox{	width: 342px;	}.boxItemtext p{	line-height: 1.3;	margin: 0 0 10px;	padding: 0 25px 0 10px;}/* definition_#wrapFeature */#wrapFeature{	background-image: url(/design/amebeaute/images/bg_itemfeature_middle.jpg);	background-position: -7px top;	background-repeat: repeat-y;	width: 701px;	}#boxFeature{	background-image: url(/design/amebeaute/images/bg_itemfeature_top.jpg);	background-position: -7px top;	background-repeat: no-repeat;	width: 701px;	}#boxFeature .innerBox{	background-image: url(/design/amebeaute/images/bg_itemfeature_bottom.jpg);	background-position: -7px bottom;	background-repeat: no-repeat;	padding: 63px 18px 15px 40px;	width: 701px;	}/* firefox */html>/**/body #boxFeature .innerBox{	width: 643px;	}#boxFeature .innerBox p{	background-color: transparent;	color: #666;	line-height: 1.3;	margin: 0 0 20px;	padding: 0 15px;}#boxFeature .innerBox p.lineBottom{	border-color: #dedede;	border-style: solid;	border-width: 0 0 1px;	margin: 0 0 20px;	padding: 0 15px 20px;}#boxFeature .imgBoxL{	border-color: #d9d9d9;	margin: 0;	width: 298px;}#boxFeature .contentsBoxR{	margin: 0;	width: 330px;	}#boxFeature p.caution{	clear: both;	margin: 15px 0 0;	padding: 0;}/* definition_#wrapCart */#wrapCart{	background-image: url(/design/amebeaute/images/bg_boxcart_middle.jpg);	background-position: 10px top;	background-repeat: repeat-y;	clear: both;	width: 710px;}#boxCart{	background-image: url(/design/amebeaute/images/bg_boxcart_top.jpg);	background-position: 10px top;	background-repeat: no-repeat;	width: 710px;}#boxCart .innerBox{	background-image: url(/design/amebeaute/images/bg_boxcart_bottom.jpg);	background-position: 10px bottom;	background-repeat: no-repeat;	padding: 45px 0 35px 115px;	width: 710px;}/* firefox */html>/**/body #boxCart .innerBox{	width: 575px;	}#boxCart .imgBoxL{	background-color: #FFF;	border-width: 0;	color: #666;	margin: 0 15px 0 0;	padding: 1px;}#boxCart .imgBoxL img{	margin: 0;	padding: 0;}#boxCart .contentsBoxL{	width: 304px;}#boxCart .btnShopping{	margin: 10px 0 15px;	}#boxCart .icList li{	margin: 0 0 5px;}#boxCart .icList li img{	margin: 0 5px 0 0;}/*#detailInfo table table td{	padding: 20px 0 0 30px;}*//* mailmagazine----------------------------------------------- */#btnMailMagazine{	float: left;		width: 271px;}#boxMagazine{	background-image: url(/design/amebeaute/images/box_aboutmagazine_bottom.gif);	background-position: left bottom;	background-repeat: no-repeat;	float: right;	width: 415px;}#boxMagazine .innerBox{	background-image: url(/design/amebeaute/images/box_aboutmagazine_top.gif);	background-position: left top;	background-repeat: no-repeat;	padding: 10px;	width: 415px;}/* firefox */html>/**/body #boxMagazine .innerBox{	width: 395px;	}#boxMagazine .innerBox p{	line-height: 1.3;	margin: 0;}/* voice----------------------------------------------- */.wrapBgVoice{	background-image: url(/design/amebeaute/images/bg_lineup_top.gif);	background-position: left top;	background-repeat: no-repeat;	padding: 5px 0 0;	width: 700px;}.boxBgVoice{	background-image: url(/design/amebeaute/images/bg_lineup_middle.gif);	background-position: left top;	background-repeat: repeat-y;	padding: 0;	width: 700px;}.boxBgVoice .innerBox{	background-image: url(/design/amebeaute/images/bg_lineup_bottom.gif);	background-position: left bottom;	background-repeat: no-repeat;	padding: 0 0 5px;	width: 700px;}.boxVoice{	background-image: url(/design/amebeaute/images/bg_voice_bottom.gif);	background-position: left bottom;	background-repeat: no-repeat;	width: 700px;}.boxVoice .innerVoiceBox{	background-image: url(/design/amebeaute/images/bg_voice_top.gif);	background-position: left top;	background-repeat: no-repeat;	padding: 15px 20px;	width: 700px;}.wrapBgVoice p{	line-height: 1.3;}/* firefox */html>/**/body .boxVoice .innerVoiceBox{	width: 660px;}.boxVoice .innerVoiceBox .imgBoxL{	border-color: #ffd6e9;	float: left;	margin: 0 15x 20px 0;}.boxVoice .innerVoiceBox .contentsBoxR{	margin: 0 0 20px;	width: 339px;}.boxVoice .innerVoiceBox .comment{	background-color: #fff5ef;		clear: both;	padding: 5px 10px 5px 15px;}.boxVoice .innerVoiceBox .comment p{	padding: 0;}.boxVoice .url{	background-image: url(/design/amebeaute/images/ic_link.gif);	background-position: left center;	background-repeat: no-repeat;	border-color: #d9d9d9;	border-style: solid;	border-width: 0 0 1px;	line-height: 1.3;	margin: 0 0 10px;	padding: 0 0 10px 15px;}/* firefox */html>/**/body #detailInfo .tdStyle1{	padding: 40px 0 0 15px;}
