/* ///////////////////////////////////////////////// 1.common setting 	- css reset
	- font family
	- font size
	- image float -align
	- tags base setting
 2.universal class - font size
	- float clear - text align - vertical align - margin set
///////////////////////////////////////////////// */
/* common setting (ver 2.1)
==================================================*/
/* css reset
------------------------------------------------*/
body, div, p, h1, h2, h3, h4, h5, h6, dl, dt, dd, ul, ol, li, caption, form, fieldset, input, textarea, select, pre, address, blockquote, embed, object { margin: 0px; padding: 0px; }

/* font family
------------------------------------------------*/
body, form textarea { font-family: "hiragino kaku gothic pro", osaka, "ms p gothic", sans-serif; }

/* body
------------------------------------------------*/
body { color: #333; font-size: 62.5%; }

/* font size
------------------------------------------------*/
/*universal class > font size > ftmedium*/
h1, h2, h3, h4, h5, h6, p, dt, dd, li, caption, fieldset, input, textarea, select, pre, address, blockquote { font-size: 1.2em; line-height: 1.5em; }

/*universal class > font size > ftMedium*/
ul li ul li { font-size: 1.0em; }

table td table td { font-size: 1.0em; }

dl dd ul li { font-size: 1.0em; }

dl dd p { font-size: 1.0em; }

/* image float
------------------------------------------------*/
.imageleft { float: left; margin: 5px 10px 5px 0px; }

.imageright { float: right; margin: 5px 0px 5px 10px; }

/* align
------------------------------------------------*/
.txtalignl { text-align: left   !important; }

.txtalignc { text-align: center !important; }

.txtalignr { text-align: right  !important; }

/* tags base setting
------------------------------------------------*/
/*h*/
h1, h2, h3, h4, h5, h6 { font-weight: bold; }

/*p*/
p { font-weight: normal; }

/*em || strong*/
em, strong { font-style: normal; font-weight: bold; }

/*ul || ol*/
ul, ol { line-height: 0px; }

ul { list-style: none; }

li { display: list-item; }

li img { vertical-align: bottom; }

/*dl*/
dl { line-height: 0px; }

dt img, dd img { vertical-align: bottom; }

/*table*/
table { border-collapse: separate; border-spacing: 0; empty-cells: show; }

/*img*/
img { border: 0px; }

/*form*/
form { font-weight: normal; }

/* link
------------------------------------------------*/
a { outline: none; }

a:link { color: #404040; }

a:visited { color: #666666; }

a:hover { color: #898989; text-decoration: none; }

a:active, a:focus { color: #898989; }

/* universal class (ver 1.5)
==================================================*/
/* font size
------------------------------------------------*/
/*common setting > font size > ftmedium*/
.ftsmallxx, table.ftsmallxx th, table.ftsmallxx td { font-size: 0.7em      !important; line-height: 1.5em !important; }

.ftsmallx, table.ftsmallx th, table.ftsmallx td { font-size: 0.8em      !important; line-height: 1.5em !important; }

.ftsmall, table.ftsmall th, table.ftsmall td { font-size: 0.9em      !important; line-height: 1.5em !important; }

.ftmedium, table.ftmedium th, table.ftmedium td { font-size: 1.0em     !important; line-height: 1.6em !important; }

.ftlarge, table.ftlarge th, table.ftlarge td { font-size: 1.1em     !important; line-height: 1.6em !important; }

.ftlargex, table.ftlargex th, table.ftlargex td { font-size: 1.2em     !important; line-height: 1.6em !important; }

.ftlargexx, table.ftlargexx th, table.ftlargexx td { font-size: 1.3em     !important; line-height: 1.6em !important; }

.ftlargexxx, table.ftlargexxx th, table.ftlargexxx td { font-size: 1.6em     !important; line-height: 1.9em !important; }

/*common setting > font size > ftmedium*/
.ft10, table.ft10 th, table.ft10 td { font-size: 1.1em      !important; line-height: 1.5em !important; }

.ft12, table.ft12 th, table.ft12 td { font-size: 1.25em      !important; line-height: 1.5em !important; }

.ft14, table.ft14 th, table.ft14 td { font-size: 1.42em     !important; line-height: 1.6em !important; }

.ft16, table.ft16 th, table.ft16 td { font-size: 1.6em     !important; line-height: 1.6em !important; }

.ft18, table.ft18 th, table.ft18 td { font-size: 1.8em     !important; line-height: 1.6em !important; }

.ft20, table.ft20 th, table.ft20 td { font-size: 2.0em     !important; line-height: 1.6em !important; }

/* align (with table)
------------------------------------------------*/
.txtalignl, table.txtalignl th, table.txtalignl td { text-align: left   !important; }

.txtalignc, table.txtalignc th, table.txtalignc td { text-align: center !important; }

.txtalignr, table.txtalignr th, table.txtalignr td { text-align: right  !important; }

/* image float
------------------------------------------------*/
.imageleft { float: left; margin: 0px 15px 15px 0px; }

.imageright { float: right; margin: 0px 0px 15px 15px; }

/* valign (table)
------------------------------------------------*/
.valignt, table.valignt th, table.valignt td { vertical-align: top    !important; }

.valignm, table.valignm th, table.valignm td { vertical-align: middle !important; }

.valignb, table.valignb th, table.valignb td { vertical-align: bottom !important; }

/* float clear
------------------------------------------------*/
br.clearfloat, img.clearfloat { clear: both; height: 0px; }

div.clearfloat { clear: both; font-size: 0px; line-height: 0px; height: 0px; width: 0px; }

/* margin set
------------------------------------------------*/
/*reset*/
.margreset { margin: 0px !important; }

/*0px*/
.margt00 { margin-top: 0px !important; }

.margr00 { margin-right: 0px !important; }

.margb00 { margin-bottom: 0px !important; }

.margl00 { margin-left: 0px !important; }

/*5px*/
.margt05 { margin-top: 5px !important; }

.margr05 { margin-right: 5px !important; }

.margb05 { margin-bottom: 5px !important; }

.margl05 { margin-left: 5px !important; }

/*10px*/
.margt10 { margin-top: 10px !important; }

.margr10 { margin-right: 10px !important; }

.margb10 { margin-bottom: 10px !important; }

.margl10 { margin-left: 10px !important; }

/*15px*/
.margt15 { margin-top: 15px !important; }

.margr15 { margin-right: 15px !important; }

.margb15 { margin-bottom: 15px !important; }

.margl15 { margin-left: 15px !important; }

/*20px*/
.margt20 { margin-top: 20px !important; }

.margr20 { margin-right: 20px !important; }

.margb20 { margin-bottom: 20px !important; }

.margl20 { margin-left: 20px !important; }

/*25px*/
.margt25 { margin-top: 25px !important; }

.margr25 { margin-right: 25px !important; }

.margb25 { margin-bottom: 25px !important; }

.margl25 { margin-left: 25px !important; }

/*30px*/
.margt30 { margin-top: 30px !important; }

.margr30 { margin-right: 30px !important; }

.margb30 { margin-bottom: 30px !important; }

.margl30 { margin-left: 30px !important; }

/*40px*/
.margt40 { margin-top: 40px !important; }

.margr40 { margin-right: 40px !important; }

.margb40 { margin-bottom: 40px !important; }

.margl40 { margin-left: 40px !important; }

/*50px*/
.margt50 { margin-top: 50px !important; }

.margr50 { margin-right: 50px !important; }

.margb50 { margin-bottom: 50px !important; }

.margl50 { margin-left: 50px !important; }

/*60px*/
.margt60 { margin-top: 60px !important; }

.margr60 { margin-right: 60px !important; }

.margb60 { margin-bottom: 60px !important; }

.margl60 { margin-left: 60px !important; }

/*65px*/
.margt65 { margin-top: 65px !important; }

.margr65 { margin-right: 65px !important; }

.margb65 { margin-bottom: 65px !important; }

.margl65 { margin-left: 65px !important; }

/* width
==========================================================*/
/*w350*/
.w350 { width: 350px; }

/*w300*/
.w300 { width: 300px; }

/*w150*/
.w150 { width: 150px; }

/* a.hover
==========================================================*/
/*a.hover*/
.clearfix { overflow: hidden; *zoom: 1; }

html { overflow-y: scroll; }

html, body, #contentall { height: 100%; }

body, #contentall { text-align: center; background-color: #000; }

#contentall { background-color: transparent; }

body, div, p, dl, dt, dd, ul, ol, li { line-height: 1; }

.zoomContainer .zoomLens { background-color: #FFF; }

#bg { width: 100%; height: 100%; min-width: 1004px; min-height: 702px; overflow: hidden; position: absolute; left: 0; top: 0; z-index: -100; }
#bg .bgWrap { margin: auto; background-image: url(../../image/bg01.jpg); background-position: 0 0; background-repeat: repeat; width: 21800px; height: 21800px; position: absolute; top: 0; left: 0; z-index: 100; transform-origin: center; }
#bg .bg2Wrap { background-image: url(../../image/bg02.png); background-position: 0 0; background-repeat: repeat; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 200; }

#contentBody { background-color: transparent; border-bottom: 0 none; box-sizing: border-box; display: table; width: 100%; height: 100%; min-width: 1024px; min-height: 700px; }
#contentBody .contentBodyWrap { display: table-cell; text-align: center; vertical-align: middle; }
#contentBody .contentBodyWrap > div { padding-bottom: 38px; display: inline-block; width: 986px; height: 720px; box-sizing: border-box; }

#loading { background-color: #fff; display: table; width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 2000; background-image: url(../../image/bg01.jpg); background-position: center center; background-repeat: repeat; }
#loading p { display: table-cell; width: 100%; height: 100%; vertical-align: middle; }
#loading p img { visibility: hidden; }

#contentBody .contentBodyWrap > div #header { padding: 4px 0; position: relative; }
#contentBody .contentBodyWrap > div #header .headerWrap p { position: absolute; right: 98px; top: 23px; }


#footer { width: 100%; height: 38px; min-width: 992px; position: fixed; left: 0; bottom: 0; z-index: 1000; }
#footer .footerWrap { margin: 0 auto; width: 992px; height: 38px; position: relative; }
#footer .footerWrap .logo_rmk, #footer .footerWrap .copyright { position: absolute; top: 4px; }
#footer .footerWrap .logo_rmk { left: 1px; }
#footer .footerWrap .copyright { left: 156px; }
#footer .footerWrap .links_sns { position: absolute; right: 1px; top: 11px; }
#footer .footerWrap .links_sns ul { display: table; }
#footer .footerWrap .links_sns ul li { padding-left: 10px; display: table-cell; }

#navigator { min-width: 940px; position: relative; }
#navigator .navigatorWrap > ul { margin: 0 auto; display: table; }
#navigator .navigatorWrap > ul > li { display: table-cell; }
#navigator .navigatorWrap > ul > li.menuTop > a { background-image: url(../../image/btn_menu_top_on.html); }
#navigator .navigatorWrap > ul > li.menuConcept > a { background-image: url(../../image/btn_menu_concept_on.html); }
#navigator .navigatorWrap > ul > li.menuProducts > a { background-image: url(../../image/btn_menu_products_on.html); }
#navigator .navigatorWrap > ul > li.menuInterview > a { background-image: url(../../image/btn_menu_interview_on.html); }
#navigator .navigatorWrap > ul > li.menuMovie > a { background-image: url(../../image/btn_menu_movie_on.html); }
#navigator .navigatorWrap > ul > li.menuDownload > a { background-image: url(../../image/btn_menu_download_on.html); }
#navigator .navigatorWrap > ul > li.menuItemUsed > a { background-image: url(../../image/btn_menu_item_used_on.html); }
#navigator .navigatorWrap > ul > li > a { display: inline-block; background-position: 0 0; background-repeat: no-repeat; }
#navigator .navigatorWrap > ul > li.menuProducts:hover > .subNav { display: block; animation: showSubNav 0.6s linear; }
#navigator .navigatorWrap > ul > li.menuProducts > .subNav { background-color: rgba(0, 0, 0, 0.75); width: 100%; min-width: 940px; position: absolute; top: -140px; left: 0; display: none; }
#navigator .navigatorWrap > ul > li.menuProducts > .subNav > ul { margin: 0 auto; display: table; }
#navigator .navigatorWrap > ul > li.menuProducts > .subNav > ul > li { display: table-cell; }

@keyframes showSubNav { 0% { opacity: 0; }
  100% { opacity: 1; } }
div[data-id="menuTop"] { padding-top: 47px; display: none; position: relative; }
div[data-id="menuTop"] > div > ul { margin: 0 auto; display: table; }
div[data-id="menuTop"] > div > ul > li { padding: 13px; display: table-cell; }
div[data-id="menuTop"] > div > ul > li > a { display: inline-block; box-shadow: 0 0 16px 4px rgba(255, 255, 255, 0.35); }
div[data-id="menuTop"] > div > p { margin-top: -3px; padding-right: 30px; text-align: right; }

div[data-id="menuConcept"] { display: none; }
div[data-id="menuConcept"] div { margin: 22px auto 0; display: inline-block; width: 780px; height: 500px; position: relative; }
div[data-id="menuConcept"] div p.img01, div[data-id="menuConcept"] div dl.img02_03 dt, div[data-id="menuConcept"] div dl.img02_03 dd, div[data-id="menuConcept"] div p.img04 { position: absolute; }
div[data-id="menuConcept"] div p.img01 { left: 40px; top: 10px; }
div[data-id="menuConcept"] div dl.img02_03 dt, div[data-id="menuConcept"] div dl.img02_03 dd { left: 35px; }
div[data-id="menuConcept"] div dl.img02_03 dt { top: 380px; }
div[data-id="menuConcept"] div dl.img02_03 dd { top: 431px; }
div[data-id="menuConcept"] div p.img04 { left: 345px; top: 523px; }

div[data-id="menuKit"] { display: none; }
div[data-id="menuKit"] > div { margin: 22px auto 0; background-color: #fff; display: inline-block; width: 780px; height: 530px; position: relative; }
div[data-id="menuKit"] > div .img01, div[data-id="menuKit"] > div .ill_copyright, div[data-id="menuKit"] > div .ic_loupe, div[data-id="menuKit"] > div .img02, div[data-id="menuKit"] > div .img03, div[data-id="menuKit"] > div .btn_purchase, div[data-id="menuKit"] > div .img04, div[data-id="menuKit"] > div .img05_06 dt, div[data-id="menuKit"] > div .img05_06 dd, div[data-id="menuKit"] > div .img07, div[data-id="menuKit"] > div .img08, div[data-id="menuKit"] > div .img09 { position: absolute; }
div[data-id="menuKit"] > div .img01 { left: 107px; top: 21px; }
div[data-id="menuKit"] > div .ill_copyright { left: 496px; top: 211px; }
div[data-id="menuKit"] > div .ic_loupe { left: 679px; top: 190px; }
div[data-id="menuKit"] > div .img02 { left: 245px; top: 233px; }
div[data-id="menuKit"] > div .img03 { left: 230px; top: 259px; }
div[data-id="menuKit"] > div .btn_purchase { left: 307px; top: 290px; }
div[data-id="menuKit"] > div .img04 { left: 38px; top: 322px; }
div[data-id="menuKit"] > div .img05_06 dt, div[data-id="menuKit"] > div .img05_06 dd { top: 432px; }
div[data-id="menuKit"] > div .img05_06 dt { left: 40px; }
div[data-id="menuKit"] > div .img05_06 dd { left: 115px; }
div[data-id="menuKit"] > div .img07, div[data-id="menuKit"] > div .img08 { top: 174px; }
div[data-id="menuKit"] > div .img07 { left: -96px; }
div[data-id="menuKit"] > div .img08 { left: 790px; }
div[data-id="menuKit"] > div .img09 { left: 357px; top: 545px; }

div[data-id="menuBasemake"] { display: none; }
div[data-id="menuBasemake"] > div { margin: 22px auto 0; background-color: #fff; display: inline-block; width: 780px; height: 530px; position: relative; }
div[data-id="menuBasemake"] > div .img01, div[data-id="menuBasemake"] > div .ill_copyright, div[data-id="menuBasemake"] > div .ic_loupe, div[data-id="menuBasemake"] > div .img02, div[data-id="menuBasemake"] > div .img03, div[data-id="menuBasemake"] > div .btn_purchase, div[data-id="menuBasemake"] > div .img04, div[data-id="menuBasemake"] > div .img05_06 dt, div[data-id="menuBasemake"] > div .img05_06 dd, div[data-id="menuBasemake"] > div .img07, div[data-id="menuBasemake"] > div .img08, div[data-id="menuBasemake"] > div .img09 { position: absolute; }
div[data-id="menuBasemake"] > div .img01 { left: 173px; top: 11px; }
div[data-id="menuBasemake"] > div .ill_copyright { left: 422px; top: 212px; }
div[data-id="menuBasemake"] > div .ic_loupe { left: 610px; top: 190px; }
div[data-id="menuBasemake"] > div .img02 { left: 245px; top: 233px; }
div[data-id="menuBasemake"] > div .img03 { left: 160px; top: 257px; }
div[data-id="menuBasemake"] > div .btn_purchase { left: 307px; top: 287px; }
div[data-id="menuBasemake"] > div .img04 { left: 38px; top: 322px; }
div[data-id="menuBasemake"] > div .img05_06 dt, div[data-id="menuBasemake"] > div .img05_06 dd { top: 432px; }
div[data-id="menuBasemake"] > div .img05_06 dt { left: 40px; }
div[data-id="menuBasemake"] > div .img05_06 dd { left: 115px; }
div[data-id="menuBasemake"] > div .img07, div[data-id="menuBasemake"] > div .img08 { top: 174px; }
div[data-id="menuBasemake"] > div .img07 { left: -96px; }
div[data-id="menuBasemake"] > div .img08 { left: 790px; }
div[data-id="menuBasemake"] > div .img09 { left: 357px; top: 545px; }

div[data-id="menuNail"] { display: none; }
div[data-id="menuNail"] > div { margin: 22px auto 0; background-color: #fff; display: inline-block; width: 780px; height: 530px; position: relative; }
div[data-id="menuNail"] > div .img01, div[data-id="menuNail"] > div .ill_copyright, div[data-id="menuNail"] > div .ic_loupe, div[data-id="menuNail"] > div .img02, div[data-id="menuNail"] > div .img03, div[data-id="menuNail"] > div .btn_purchase, div[data-id="menuNail"] > div .img04, div[data-id="menuNail"] > div .img05_06 dt, div[data-id="menuNail"] > div .img05_06 dd, div[data-id="menuNail"] > div .img07, div[data-id="menuNail"] > div .img08, div[data-id="menuNail"] > div .img09 { position: absolute; }
div[data-id="menuNail"] > div .img01 { left: 168px; top: 10px; }
div[data-id="menuNail"] > div .ill_copyright { left: 424px; top: 213px; }
div[data-id="menuNail"] > div .ic_loupe { left: 615px; top: 184px; }
div[data-id="menuNail"] > div .img02 { left: 245px; top: 235px; }
div[data-id="menuNail"] > div .img03 { left: 190px; top: 270px; }
div[data-id="menuNail"] > div .btn_purchase { left: 307px; top: 300px; }
div[data-id="menuNail"] > div .img04 { left: 38px; top: 322px; }
div[data-id="menuNail"] > div .img05_06 dt, div[data-id="menuNail"] > div .img05_06 dd { top: 432px; }
div[data-id="menuNail"] > div .img05_06 dt { left: 40px; }
div[data-id="menuNail"] > div .img05_06 dd { left: 115px; }
div[data-id="menuNail"] > div .img07, div[data-id="menuNail"] > div .img08 { top: 174px; }
div[data-id="menuNail"] > div .img07 { left: -96px; }
div[data-id="menuNail"] > div .img08 { left: 790px; }
div[data-id="menuNail"] > div .img09 { left: 357px; top: 545px; }