@charset "utf-8";
/* CSS Document */
body {background:url(images/bg.gif); background-position:center 0px; background-repeat:no-repeat; line-height:130%; background-color:#fbebfd;}
#mainWrapper{width:950px; margin:0px auto;}


/*Header
------------------------------------------------------------------*/
/*--#header {width:950px; height:88px; background:url(images/header.gif) no-repeat 0px 0px; margin-bottom:5px; margin-top:27px;}--*/
#header {width:950px; background:url(images/header_ec.gif) no-repeat 0px 21px; margin-bottom:5px;}
#indexLink{width:90px; height:30px; margin-bottom:13px; text-indent:-9999px; display:block; float:left;}

/*--#headerLead{padding-top:12px; text-align:right; font-size:77%; width:725px; float:right;}--*/
#headerLead{height:28px; padding-top:10px; text-align:right; font-size:77%;}

#mailMgLinkArea{height:10px; padding-top:15px; width:135px; float:right; text-indent:-9999px;}
.mailMgLink{height:10px; width:110px; margin-left:25px; display:block; background-image:url(images/header_mailmg_link.gif); line-height:0px;}
.mailMgLink:hover{background-position:0px -10px;}
/*
#headerSubmenu{width:280px; height:13px; margin-top:17px; margin-bottom:13px; float:left;}
#headerSubmenu ul{width:280px; margin-left:10px;}
#headerSubmenu ul li{display:block; float:left; line-height:0; font-size:1px;}
#headerSubmenu ul li a{display:block; line-height:normal; height:13px; text-indent:-9999px; background-image:url(images/header_submenu.gif); background-repeat:no-repeat;}

#headerSubmenu .link1{width:80px; background-position:0px 0px;}
#headerSubmenu .link1:hover{background-position:0px -13px;}

#headerSubmenu .link2{width:115px; background-position:-80px 0px;}
#headerSubmenu .link2:hover{background-position:-80px -13px;}

#headerSubmenu .link3{width:110px; background-position:-195px 0px;}
#headerSubmenu .link3:hover{background-position:-195px -13px;}

#headerSubmenu .link4{width:55px; background-position:-300px 0px;}
#headerSubmenu .link4:hover{background-position:-300px -13px;}

#headerSubmenu .link5{width:80px; background-position:-355px 0px;}
#headerSubmenu .link5:hover{background-position:-355px -13px;}

#headerSubmenu .link6{width:120px; background-position:-435px 0px;}
#headerSubmenu .link6:hover{background-position:-435px -13px;}
*/
#headerSubmenu { float: left; padding: 5px 0 0 16px; font-size: 83%;}
#headerSubmenu .name { line-height: 1; padding: 0 0 0 3px; font-weight: bold;}
#headerSubmenu ul li { float: left; margin-right: 7px; font-weight: bold;}
#headerSubmenu ul li a { background: url(images/arrow.gif) no-repeat 0 1px; padding: 0 0 0 11px;}

#freeDial{width:310px; height:35px; margin-bottom:8px; display:block; float:right; text-indent:-9999px;}
#ecBtn{width:120px; height:35px; margin-bottom:8px; float:right; }
#ecBtn a{display:block; height:35px; width:118px; margin-left:2px; text-indent:-9999px; background-image:url(images/ec_btn.gif); line-height:1px; font-size:1px;}
#ecBtn a:hover{background-position:0px -35px;}
#ecBtn2{width:120px; height:35px; margin-bottom:8px; float:right; }
#ecBtn2 a{display:block; height:35px; width:118px; margin-left:2px; text-indent:-9999px; background-image:url(images/ec_btn2.gif); line-height:1px; font-size:1px;}
#ecBtn2 a:hover{background-position:0px -35px;}

#headerMainmenu{clear:both;}

#headerMainmenu ul{height:45px; width:950px;}
#headerMainmenu ul li{display:block; float:left;}
#headerMainmenu ul li a{display:block; height:45px; text-indent:-9999px; background-image:url(images/navi.gif);}

#headerMainmenu .link1{width:158px; background-position:0px 0px;}
#headerMainmenu .link1:hover{background-position:0px -45px;}
#headerMainmenu .link1Active{width:158px; background-position:0px -45px;}

#headerMainmenu .link2{width:158px; background-position:-158px 0px;}
#headerMainmenu .link2:hover{background-position:-158px -45px;}
#headerMainmenu .link2Active{width:158px; background-position:-158px -45px;}

#headerMainmenu .link3{width:159px; background-position:-316px 0px;}
#headerMainmenu .link3:hover{background-position:-316px -45px;}
#headerMainmenu .link3Active{width:159px; background-position:-316px -45px;}

#headerMainmenu .link4{width:158px; background-position:-475px 0px;}
#headerMainmenu .link4:hover{background-position:-475px -45px;}
#headerMainmenu .link4Active{width:158px; background-position:-475px -45px;}

#headerMainmenu .link5{width:158px; background-position:-633px 0px;}
#headerMainmenu .link5:hover{background-position:-633px -45px;}
#headerMainmenu .link5Active{width:158px; background-position:-633px -45px;}

#headerMainmenu .link6{width:159px; background-position:-791px 0px;}
#headerMainmenu .link6:hover{background-position:-791px -45px;}
#headerMainmenu .link6Active{width:159px; background-position:-791px -45px;}

/*#headerMainmenu .link6{width:159px; height:45px; text-indent:-9999px; background-image:url(images/navi.gif); background-position:-791px 0px;}*/


/* MainVisual base
------------------------------------------------------------------*/
#visual{width:950px; height:400px; clear:both; text-indent:-9999px;}

body#infoPage #visual{width:950px; height:400px; clear:both; text-indent:-9999px;}

#visualLow{width:950px; height:230px; clear:both; text-indent:-9999px; margin-bottom:25px;}
body#maintenancePage #visualContents{width:950px; height:350px; clear:both;}
body#maintenancePage #visualLow #visualContentsWrapper{width:950px; height:230px; clear:both;}
body#maintenancePage #visualLow #visualContents{width:950px; height:191px; clear:both;}
body#topPage #visual{width:950px; height:400px; clear:both; margin-bottom:20px; text-indent:0px;}
body#productsPage #visualContents{width:950px; height:50px; clear:both;}
body#productsPage #visualContentsLineup{width:950px; height:325px; clear:both;}
body#infoPage #visualContents{width:950px; height:400px; clear:both;}
body#shopPage #visualLow{width:950px; height:180px; clear:both; text-indent:0; margin-bottom:15px;}


body#topPage #visual h1,body#topPage #visual p{text-indent:-9999px; line-height:0px; font-size:0px;}
body#shopPage #visualLow h1 { text-indent: -9999px; line-height:0px; font-size:0px;}
body#shopPage #visualLow p.btnPoint { padding: 100px 0 0 59px;}


body#maintenancePage #swf_maintenance01{width:590px; margin-top:35px; float:right; text-indent:0px;}

#swf_top01In{width:950px; height:400px; clear:both;}
#swf_brand01In{width:950px; height:400px; clear:both;}
#swf_info01In{width:950px; height:400px; clear:both;}
#swf_products01In{width:950px; height:400px; clear:both;}
#swf_maintenance01In{width:560px; height:300px; margin-right:30px;}
#swf_lesson01In{width:950px; height:400px; clear:both;}

body#topPage .flash_alt{text-align:left; padding-left:55px; padding-top:243px; line-height:20px;}
body#maintenancePage .flash_alt{text-align:left; padding-left:114px; padding-top:179px; line-height:20px;}
body#maintenancePage .flash_alt p{ text-indent:-9999px;}


/* TopMenu base
------------------------------------------------------------------*/
#topmenu {width:950px;}
#topmenu li{float:left; display:block; }
#topmenu a{display:block; text-indent:-9999px;}


/* TopicPath
------------------------------------------------------------------*/
#contentsTop{margin:0px 0px 5px 15px; line-height:120%; font-size:100%; font-weight:bold;}
#topicPath{float:left; padding-left:10px; font-size:77%;}
#topicPath a{font-size:77%;}


/* Box base
------------------------------------------------------------------*/
#contentsWrapper {width:950px;}
#mainContentsWrapper{width:950px;}
.contentsDevider{clear:both;}


/* Left
------------------------------------------------------------------*/
#leftArea{width:199px; float:left;}

#leftMenu{width:198px; border-right:1px solid #dadada; border-top:1px solid #dadada; border-bottom:1px solid #dadada; margin-bottom:25px;}
#leftMenu li{width:198px;}
#leftMenu a{display:block; width:198px; font-size:77%;}
#leftMenu #leftHead{text-indent:-9999px;}
#leftMenu a.main{background-image:url(images/leftmenu_bg2.gif); height:20px; margin-top:1px; text-indent:45px; padding-top:5px;}
#leftMenu a:hover.main{background-position:-198px 0px;}
#leftMenu a.active{background-image:url(images/leftmenu_bg2.gif); background-position:-396px 0px; height:20px; margin-top:1px; text-indent:45px; padding-top:5px;}

#leftMenu a.bottom{height:25px; text-indent:-9999px; border-top:1px solid #dadada;}
#leftMenu a.bottomActive{height:25px; text-indent:-9999px; border-top:1px solid #dadada; background-position:-396px 0px;}
#leftMenu a:hover.bottom{background-position:-198px 0px;}

#leftMenu a.leftDivider{height:41px; padding-left:45px; width:153px; padding-top:9px; color:#fff; font-weight:bold;}
#leftMenu a:hover.leftDivider{background-position:-198px 0px;}
#leftMenu a.leftDividerBtn{height:25px; width:198px; text-indent:-9999px;}
#leftMenu a:hover.leftDividerBtn{background-position:-198px 0px;}
.leftDivider{background-image:url(images/leftmenu_bg1.gif);}
.leftDividerBtn{background-image:url(images/leftmenu_divider.gif);}


/* Left TopPage
------------------------------------------------------------------*/
body#topPage #leftArea{width:362px; float:left; border-right:#f8aeed solid 1px;}

body#topPage #leftArea p#bannerTrial a{background-image:url(../images/banner_trial_ov.jpg); display:block; width:343px; height: 175px;}
/*body#topPage #leftArea p#bannerTrial a:hover img{opacity:0; filter:alpha(opacity=0);}*/　/* トップページバナー ロールオーバー */
body#topPage #leftArea p#bannerSummer a{background-image:url(../images/banner_summer_ov.jpg); display:block; width:343px; height: 175px;}
body#topPage #leftArea p#bannerSummer a:hover img{opacity:0; filter:alpha(opacity=0);}
body#topPage #leftArea p#bannerFujiwara{margin-top: 12px;}
body#topPage #leftArea p#bannerFujiwara a{background-image:url(../images/banner_fujiwara_ov.jpg); display:block; width:343px; height: 98px;}
body#topPage #leftArea p#bannerFujiwara a:hover img{opacity:0; filter:alpha(opacity=0);}
body#topPage #leftArea p#bannerYahoo{margin-top: 12px;}
body#topPage #leftArea p#bannerYahoo a{background-image:url(../images/banner_yahoo_ov.jpg); display:block; width:343px; height: 98px;}
body#topPage #leftArea p#bannerYahoo a:hover img{opacity:0; filter:alpha(opacity=0);}

body#topPage #leftArea ul.banner{width:343px; padding: 5px 0 0;}
body#topPage #leftArea ul.banner li{margin: 0 0 4px}
body#topPage #leftArea ul.banner li a{width:343px; height:41px;}
body#topPage #leftArea ul.banner li a:hover{background-position: left bottom;}


/* Center
------------------------------------------------------------------*/
#mainContents{width:950px;}
#wideWrapper{width:950px;}
#narrowWrapper{float:left; width:150px; display:inline;}


/* Center TopPage
------------------------------------------------------------------*/
body#topPage #mainContents{width:345px; float:left;}
body#topPage #wideWrapper{width:312px; margin:10px 0 10px 20px; font-size:120%; clear:both;}
/* 100408 add */
/* body#topPage #wideWrapper div.info_100419{background:#fff; border: 1px solid #f00; margin: 18px 0 0 1px; padding: 9px 10px 6px;}*/
body#topPage #wideWrapper div.info_100419{border: 1px solid #ffbee9; margin: 18px 0 0 1px; padding: 9px 10px 6px;}
body#topPage #wideWrapper div.info_100419 p{font-size: 73%; margin: 5px 0 0; color: #b94c9a;}
body#topPage #wideWrapper div.info_100419 p.tit{font-size: 79%; margin: 0;}
/* 100408 add */


/* Center triallpPage
------------------------------------------------------------------*/
body#triallpPage .mainImgArea{text-align:center; margin:0px 0px 10px;}


/* Center footerPage and faqPage
------------------------------------------------------------------*/
body#footerPage #wideWrapper, body#faqPage #wideWrapper, body#ingredientsPage #wideWrapper{width:788px; margin:34px auto 0px; padding-bottom:5px; background-image:url(images/contentsbg.gif); background-position:top; background-repeat:no-repeat; background-color:#fff9fd; border:#f0c8ec solid 1px;}


/* Right
------------------------------------------------------------------*/
#rightArea{width:270px; float:right;}


/* Right TopPage
------------------------------------------------------------------*/
body#topPage #rightArea{width:235px; float:right;}

body#topPage #rightArea ul.banner li a#bannerMailmag{height: 44px;background:url(../images/banner_mailmag.gif) no-repeat;}
body#topPage #rightArea ul.banner li a#bannerMailmag:hover{background-position:0 -44px;}

body#topPage #rightArea ul.banner li a#bannerFaq{height: 44px;background:url(../images/banner_faq.gif) no-repeat;}
body#topPage #rightArea ul.banner li a#bannerFaq:hover{background-position:0 -44px;}


/* Footer
------------------------------------------------------------------*/
#footer{clear:both; width:950px; margin-top:19px; margin-bottom:20px;}
#footer_sub{clear:both; width:950px; height:20px; padding-top:4px; margin-top:4px; border-top:#f671de 1px dotted;}
#footer ul li{float:left; margin-top:2px; color:#f8aeed;}
#footer ul li a{font-size:80%; color:#b94c9a;}
#footer select{margin-top:5px;}
#footer .corpBtn{width:131px; height:21px; margin-right:10px; float:left;}
#footer .corpBtn a{display:block; height:21px; width:131px; text-indent:-9999px; background-image:url(images/corp_btn.gif);}
#footer .corpBtn a:hover{background-position:0px -21px;}
#copyright{height:15px; padding-top:4px; font-size:1px; float:right;}


/* Banner
------------------------------------------------------------------*/
#bannerArea, #bannerArea2{width:176px;}
.banner {padding-bottom:6px;}
.banner li{line-height:0; font-size: 1px; margin-bottom: 3px;}
.banner a{display: block; line-height:normal; width:235px; height:69px; text-indent:-9999px;}
.banner a:hover{ background-position:0px -70px;}
.bannerImg {border:1px solid #666666;}


/* Etc parts
------------------------------------------------------------------
   TopBtn
------------------------------------------------------------------*/
.topBtnArea{width:950px; text-align:right; clear:both; margin-bottom:20px; height:auto;}
.topBtn{ height:auto; margin-right:20px; background-image:url(images/arrow_top.gif); background-repeat: no-repeat; background-position: 0px 2px; padding-left:13px; font-size:85%;}
a.topBtn:hover{ background-position: 0px -9px; }


/* formBtn cart
------------------------------------------------------------------*/
.cartBtn{width:159px; float:right;}
/*.cartBtn input{width:159px; height:32px; background-image:url(images/cartbtn.gif); background-position:0px 0px; display:block; line-height:10px; padding:0px; border:0px; cursor:pointer;}
.cartBtn input:hover{background-position:0px -32px;}*/


/* Title
------------------------------------------------------------------*/
.h1ReplaceS, .h1ReplaceL{background-repeat:no-repeat; width:950px; text-indent:-9999px; margin-bottom:30px;}
.h1ReplaceS{height:35px;}
.h1ReplaceL{height:70px;}

body#footerPage .h1ReplaceS, .h1ReplaceL{background-repeat:no-repeat; width:790px; text-indent:-9999px; margin-bottom:30px;}
body#footerPage .h1ReplaceS{height:35px;}
body#footerPage .h1ReplaceL{height:70px;}

body#faqPage .h1ReplaceS, .h1ReplaceL{background-repeat:no-repeat; width:790px; text-indent:-9999px; margin-bottom:30px;}
body#faqPage .h1ReplaceS{height:35px;}
body#faqPage .h1ReplaceL{height:70px;}

.h2ReplaceS, .h2ReplaceL{background-repeat:no-repeat; width:950px; text-indent:-9999px; margin-bottom:30px;}
.h2ReplaceS{height:35px;}
.h2ReplaceL{height:70px;}

.h3ReplaceS, .h3ReplaceL{background-repeat:no-repeat; width:950px; text-indent:-9999px; margin-bottom:30px;}
.h3ReplaceS{height:35px;}
.h3ReplaceL{height:70px;}

.h1Read{padding:15px; background-color:#f2f2f2; margin-bottom:2em; font-weight:bold;
		border-top:1px solid #cecece; border-left:1px solid #eaeaea; border-right:1px solid #eaeaea; border-bottom:1px solid #ffffff;}

.h2ReplaceWide{width:663px; height:27px; text-indent:-9999px; margin-bottom:12px; margin-top:24px; clear:both;}


/* TextLayout
------------------------------------------------------------------*/
#wideWrapper p{margin-bottom:20px; line-height:130%;}
#wideWrapper ul{margin-bottom:20px;}
#wideWrapper ul li{margin-left:15px; line-height:130%; list-style:disc;}


/* LinkBtn Layout
------------------------------------------------------------------*/


/* Top parts
------------------------------------------------------------------*/
body#topPage #mainContents #wideWrapper table{width:305px; margin-top:12px;}
body#topPage #mainContents #wideWrapper td{font-size:77%; padding:3px 2px 0px; vertical-align:top;}
body#topPage #mainContents #wideWrapper a{font-size:100%; text-decoration:underline;}


/* InfoTable
------------------------------------------------------------------*/


/* etcTable
------------------------------------------------------------------*/
.tableDeco table{margin-bottom:25px; border:#F0C8EC solid 1px; width:706px; margin:0px 40px 20px;}
.tableDeco td{border-bottom:#F0C8EC solid 1px; font-size:100%; padding:5px 10px 5px 20px;}
.tableDeco td a{font-size:110%;}
.tableDeco td.rightDot{ border-right:#F0C8EC dotted 1px;}
.tableDeco td.tableBottom{border-bottom:none;}
.tableDeco td ul{margin:10px 0px;}
.tableDeco td p, .tableDeco td li{ line-height:120%; padding:5px 0px;}


/* Form
------------------------------------------------------------------*/
#formTable{ margin:0px auto; padding-bottom:20px; text-align:center;}
#formTable table{margin:0px; margin-bottom:20px;}
#formTable td{border-bottom:#0072b8 dotted 1px; padding:5px 5px 2px 5px;}

#error_text{display: none;}
#error_text2{display: none;}

#formTable .formBtnArea{ width:475px; text-align:center; clear:both; margin-bottom:5px;}
#formTable .formBtnArea .formBtn{ margin-left:auto; margin-right:auto; border:#ccc solid 1px; height:23px;}
#formTable .formBtnArea .formBtn input{font-size:12px; vertical-align:middle; color:#fff !important; font-weight:bold; height:23px; padding-left:30px; padding-right:10px; padding-top:3px; padding-bottom:3px; background-image:url(images/link_deco.gif); background-repeat:no-repeat; background-position:10px 0px;  background-color:#0072b8; border:#fff solid 1px; display:block; cursor:pointer;}
#formTable .formBtnArea .formBtn input:hover{background-color:#004eac;}

#formTable .formBtnArea .wrapsizeSS input{width:100px;}
#formTable .formBtnArea .wrapsizeS input{width:150px;}
#formTable .formBtnArea .wrapsizeM input{width:200px;}
#formTable .formBtnArea .wrapsizeL input{width:250px;}
#formTable .formBtnArea .wrapsizeLL input{width:300px;}
#formTable .formBtnArea .wrapsizeXL input{width:400px;}


/* FAQ tab
------------------------------------------------------------------*/
body#faqPage #tabContent {margin:-43px auto 20px; width:705px; padding-top:43px; color:#b94c9a;}

body#faqPage #tabContent h3 a{color:#b94c9a; text-decoration:underline; font-weight:bold;}
body#faqPage #tabContent h3 a:hover{color:#b94c9a; text-decoration:underline; font-weight:bold;}

body#faqPage #tabContent ul#tabIndex{}
body#faqPage #tabContent #tabIndex li{float:left; width:233px; font-size: 105%; line-height:16px; text-align:center; list-style-type:none; cursor:pointer; display:block; font-weight: bold; margin-left:0px; border:#fda2f2 solid 1px; margin-bottom:0px;}
body#faqPage #tabContent #tabIndex li .txtBox{width:233px; display:block;}

body#faqPage #tabContent #tabIndex li a{color:#b94c9a; text-decoration:none; display:block; width:233px; height:30px; text-indent:-9999px;}
body#faqPage #tabContent #tabIndex li a:hover{color:#b94c9a; text-decoration:underline;}

body#faqPage #tabContent #tabIndex .close1{text-decoration:none; margin-top:2px; background-color:#fff9fd; background-image:url(../faq/_share/images/tab01.gif); border-right:none; width:234px;}
body#faqPage #tabContent #tabIndex .close2{text-decoration:none; margin-top:2px; background-color:#fff9fd; background-image:url(../faq/_share/images/tab02.gif); border-left:none; width:234px;}
body#faqPage #tabContent #tabIndex .close2-2{text-decoration:none; margin-top:2px; background-color:#fff9fd; background-image:url(../faq/_share/images/tab02.gif); border-right:none; width:234px;}
body#faqPage #tabContent #tabIndex .close3{text-decoration:none; margin-top:2px; background-color:#fff9fd; background-image:url(../faq/_share/images/tab03.gif); border-left:none; width:234px;}
body#faqPage #tabContent #tabIndex .close1:hover{text-decoration:underline; background-color:#fcebfd; background-position:0px -32px;}
body#faqPage #tabContent #tabIndex .close2:hover{text-decoration:underline; background-color:#fcebfd; background-position:0px -32px;}
body#faqPage #tabContent #tabIndex .close3:hover{text-decoration:underline; background-color:#fcebfd; background-position:0px -32px;}
body#faqPage #tabContent #tabIndex .open1{text-decoration:none; font-weight:bold; border-bottom:none; padding-bottom:3px; background-color:#fcebfd; background-image:url(../faq/_share/images/tab01.gif); background-position:0px -32px;}
body#faqPage #tabContent #tabIndex .open2{text-decoration:none; font-weight:bold; border-bottom:none; padding-bottom:3px; background-color:#fcebfd; background-image:url(../faq/_share/images/tab02.gif); background-position:0px -32px;}
body#faqPage #tabContent #tabIndex .open3{text-decoration:none; font-weight:bold; border-bottom:none; padding-bottom:3px; background-color:#fcebfd; background-image:url(../faq/_share/images/tab03.gif); background-position:0px -32px;}
body#faqPage #tabContent #tabIndex .open .txtBox{width:233px; display:block;}
body#faqPage #tabContent #tabIndex .tabSmall{ letter-spacing:-1px;}

body#faqPage #tabContent #tabBoxIndex{font-size:110%; line-height:150%; clear:both; margin:-43px 0px 0px 0px; padding:15px 25px 1px; border:#fda2f2 solid 1px; border-top:none; background-color:#fcebfd;}
body#faqPage #tabContent #tabBoxIndex .tabBoxContents{ border-top:#b94c9a dotted 1px; clear:both; padding-top:10px; padding-left:10px; padding-right:10px;}
body#faqPage #tabContent #tabBoxIndex .tabBoxContents li{color:#b94c9a; line-height:80%;}

body#faqPage #tabContent #tabBoxIndex li a{color:#b94c9a; text-decoration:underline; font-weight:normal;}
body#faqPage #tabContent #tabBoxIndex li a:hover{color:#b94c9a; text-decoration:underline; font-weight:normal;}


/* lev Area
------------------------------------------------------------------*/
body#maintenancePage .lev1Area{ margin-left:60px; margin-right:130px;}


/* Float Image
------------------------------------------------------------------*/
.floatImgArea{padding-bottom:16px; clear:both;}
.floatImgArea p{margin-bottom:16px;}
.floatImgAreaM1{float:left; width:475px;}
.floatImgAreaM2{float:left; margin-left:15px; width:230px;}
.floatImgAreaM2b{float:left; margin-left:11px; width:230px;}
.floatImgAreaM2b img{border-top:1px solid #aaaaaa; border-bottom:1px solid #aaaaaa; border-right:1px solid #aaaaaa; border-left:1px solid #aaaaaa;}
.floatImgAreaM3{float:left; margin-left:8px; width:150px;}
.floatImgAreaM4{float:left; margin-left:6px; margin-right:6px; margin-top:0px; margin-bottom:0px; width:110px; display:inline;}
.floatImgAreaM5{float:left; margin-left:8px; width:87px;}
body#shopPage .floatImgAreaM6{float:left; margin-left:2px; width:156px;}

.floatImgAreaM0, body#shopPage .floatImgAreaM0{margin-left:0px; margin-right:0px; margin-top:0px; margin-bottom:0px;}

.floatImgAreaS1R{float:right; margin-left:8px; width:180px;}
.floatImgAreaS2R{float:right; margin-left:8px; width:86px;}

.floatImgAreaS1L{float:left; margin-right:8px; width:180px;}
.floatImgAreaS2L{float:left; margin-right:8px; width:86px;}

body#maintenancePage .floatImgAreaS1L{width:260px; margin-right:67px; padding-bottom:30px; text-align:center; white-space:nowrap;}
body#shopPage .floatImgAreaS1L{width:260px; margin-right:47px; padding-bottom:30px; text-align:center;}
body#shopPage .floatImgAreaTopS1L{ float:left; width:440px; margin-right:15px; padding-bottom:30px; text-align:center;}
body#shopPage .floatImgAreaTopS1L img{margin-left:90px;}

.floatLeftI{float:left; margin-right:8px; margin-bottom:8px; width:180px;}
.floatLeftT{float:left; margin-right:8px; margin-bottom:8px; width:260px;}
.floatRightI{float:right; margin-left:8px; margin-bottom:8px; width:180px;}
.floatRightT{float:right; margin-left:8px; margin-bottom:8px; width:260px;}
body#maintenancePage .floatRightT{float:right; margin-left:0px; margin-bottom:8px; width:430px;}
body#shopPage .floatRightT{float:right; margin-left:0px; margin-bottom:8px; width:640px;}
body#shopPage .floatRightTopT{float:right; margin-left:0px; margin-bottom:8px; width:480px;}
body#shopPage .floatRightTopT p{width:350px;}
body#shopPage .floatRightTopT .commodityFormArea .amount{width:180px;}


.marginTopS{margin-top:6px;}
.marginTopM{margin-top:12px;}
.noMarginTop{margin-top:0px !important;}
.marginBtm{margin-bottom:25px;}
.marginBtm5{margin-bottom:5px !important;}
.marginBtm10{margin-bottom:10px !important;}
.noMarginBtm{margin-bottom:0px !important;}
.noWrapTextS{width:275px;}

.wrapsizeSS{width:100px;}
.wrapsizeS{width:150px;}
.wrapsizeM{width:200px;}
.wrapsizeL{width:250px;}
.wrapsizeLL{width:300px;}
.wrapsizeXL{width:400px;}


/* Clearfix
------------------------------------------------------------------*/
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
.clearfix {display: inline-block;}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}