@CHARSET "ISO-8859-1"; 
/* Reset CSS
 * --------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {padding: 0;  margin: 0; }
a{text-decoration:none; }
table {border-spacing: 0;     }
fieldset,img {border: 0; }
address,caption,cite,code,dfn,em,strong,th,var {font-weight: normal; font-style: normal; }
strong{font-size:18px; font-weight: bold; }
ol,ul {list-style: none; margin:0; padding:0; }
caption,th {text-align: left; }
h1,h2,h3,h4,h5,h6 {font-weight: normal; font-size: 100%; margin:0; padding:0; color:#444; }
q:before,q:after {content:''; }
abbr,acronym { border: 0; }
.slimScrollBar{opacity:1!important; }


/* Custom CSS
 * --------------------------------------- */
body{font-family: arial,helvetica; color: #333; color: rgba(0,0,0,0.5); line-height:1.4; background-color:#fff;  }
.Baskerville{font-family: 'Libre Baskerville', serif; }
.wrap{margin-left: auto; margin-right: auto; width: 960px; position: relative; background-color:#fff;  }
h1{font-size: 6em; 	
}
p{font-size: 2em;  }

.layer_board_bg {position: fixed; width: 100%; height: 100%; z-index: 9955; top: 0; left: 0; display: none !important; cursor: pointer; background-color:#000;  }

.layer_board {position: fixed; bottom:50%; left: 100%; margin: -75px 0px 0px -75px; text-align: center; z-index: 9999;  }

#actions { position: fixed; bottom:48%; right: 30px; margin: -32px 0px 0px -75px; text-align: center; z-index: 99999;  }
#actions a{ display: block; height:30px;  }
#actions a#moveSectionUp{ margin-bottom:15px; }
#actions a:hover img{opacity:0.3;  filter:alpha(opacity=80);  -ms-filter: "alpha( opacity=80 )"; }
.entry a:hover {opacity:0.8;  filter:alpha(opacity=80);  -ms-filter: "alpha( opacity=80 )"; }
p.editorNum{ position:fixed; top:20px; right:55px; height:12px; width:auto; font-size:12px; font-style: italic; padding:0; color:#000; z-index: 99999;}


#tab-box{ position:relative;  }

.intro p{ margin: 0 auto;  font-size: 1.5em;}
.intro p.cat { width:500px;  text-align:left;   }
.intro p.cat strong { font-size:12px;  font-weight:bold;}
.twitter-share-button{ position: absolute;  z-index: 99;  right: 149px;  top: 9px; 	}
/*#section4 .tableCell,#section7 .tableCell,#section13 .tableCell,#section16 .tableCell {padding-right:5%; padding-right:15%\9; padding-top:3%;  }
*/.tableCell {float:right; 
    height: 100%;  }
.scrollable{height:88%!important; margin-top:53px;  }
#section0{overflow:auto;  }

.spec {font-size:12px; font-weight:bold;  }

.size {font-size:10px;  }

.num { display:block; margin-bottom:16px; font-size:24px; font-weight:bold; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;  }
.num span { font-size:8px; font-weight:bold; font-style: italic; }
.name { display:block; margin-bottom:28px; }
.name strong { padding-bottom:3px; font-size:18px; font-weight:bold;  }
.midashi { display:block; margin-bottom:14px; font-size:18px; font-weight:bold; line-height:24px; }
.txt { display:block; font-size:12px; line-height:1.2; width: 300px;}

p.contact{ position:absolute; bottom:30px; right:55px; height:12px; width:auto; padding:0; font-weight:bold; text-align:right;}
p.contact a{ color:#000; }
p.nextSelector{ height:48px; width:66px; position:absolute; bottom:20px; left:50%; padding:0; margin-left:-48px;}
.tableCell p .CAP {font-size:11px; line-height: 1.4em;  }




/*iframe{position:absolute; top:50%; left:50%; margin:-240px 0 0 -426px;  }*/
.tableCell p.itemBG {color:#fff; 
    width: 24%; float:right; background-color:#000; filter:alpha(opacity=85); -moz-opacity:0.85; -khtml-opacity:0.85; opacity:0.85;  }
.tableCell p.itemBG_right{color:#fff; 
    width: 24%; float:right; background-color:#000; filter:alpha(opacity=75); -moz-opacity:0.75; -khtml-opacity:0.75; opacity:0.75;  }

.tableCell p a.urlLink {color:#fff; background-color:#000; padding:6px;  }

.tableCell p a:hover {opacity:0.7;  }

.catalog_main p .CAP {font-size:13px; line-height: 1.2em;  }


#menu{position:fixed; top:0; left:0; height: 100%; z-index: 70; background-color:#fff; width: 200px; padding: 0; margin:0; border-right:1px solid #000;  }
#menu li {display:block; margin-left:20px; width:160px; color: #000; font-size:17px; font-weight:900; margin-left:17px; /*background:#fff; width:45%; margin-bottom:5px; */
}

#menu li.active{color: #000; /*text-decoration:underline;*/ /*padding-right: 63px; margin-bottom:5px; border-bottom: 1px solid #000; */
}
#menu li a{text-decoration:none; /*width:140px; height:12px; */width:140px; color: #000;  }
#menu li a:hover{color: #000; opacity:0.7; text-decoration:underline;  }
#menu li.logo {display:inline-block; margin-left:18px; margin-top:25px; margin-bottom:25px;  }

#menu li.selector {margin-bottom:18px; font-weight:bold; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-style: italic;  }
#menu li.selector_icon {margin-bottom:10px; text-align:center; /*width:100px; padding-left:30px;*/  }
#menu li.selector_icon img { padding-right: 40px;  }

#menu li .selector_detail{ display:none;}
#menu li.active .selector_detail { display:block; margin-top:10px; text-decoration:none; }
#menu li .selector_detail .selector_icon{ margin-left:0; text-decoration:none;}
#menu li .selector_detail .activeArea{ margin-left:0; text-decoration:none;}

#menu li.selector{ display:none;}
#menu li.active.selector.wm,#menu li.active.active.wm,#menu li.active.dj,#menu li.active.yu,#menu li.active.sh,#menu li.active.tate { display:block; }
#menu li.active.selector.bdTop { padding-top:15px; border-top: 1px dotted #000; }


#menu li.activeArea {padding-bottom:20px; margin-bottom:20px; border-bottom:1px dotted #000;  }

#menu li.activeArea .selectTtl {font-size: 12.5px; font-weight:bold; margin-bottom:7px;  }

#menu li.activeArea .selectDes {letter-spacing: 0.1em;  }

#menu li#ac1 {margin-bottom:14px;  }

#menu li#acbo2 {margin-bottom:14px;  }

#menu li#ac2 {margin-bottom:14px;  }

#menu li#ac3 {margin-bottom:14px;  }

#menu li#ac4 {margin-bottom:14px;  }

#menu li#ac5 {margin-bottom:14px;  }

#menu li#ac6 {margin-bottom:14px;  }

#menu li#ac7 {margin-bottom:14px;  }
.twitter-share-button{position: fixed; z-index: 99; right: 149px; top: 9px;  }
#infoMenu{height: 20px; color: #f2f2f2; position:fixed; z-index:70; bottom:0; width:100%; text-align:right; font-size:0.9em; padding:8px 0 8px 0;  }
#infoMenu ul{padding: 0 40px;  }
#infoMenu li a{display: block; margin: 0 22px 0 0; 	color: #333;  }
#infoMenu li a:hover{text-decoration:underline;  }
#infoMenu li{display:inline-block; position:relative;  }
#examplesList{display:none; background: #282828; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; padding: 20px; float: left; position: absolute; bottom: 29px; right: 0; width:638px; text-align:left;  }
#examplesList ul{padding:0;  }
#examplesList ul li{display:block; margin: 5px 0;  }
#examplesList ul li a{color: #BDBDBD; margin:0;  }
#examplesList ul li a:hover{color: #f2f2f2;  }
#examplesList .column{float: left; margin: 0 20px 0 0;  }
#examplesList h3{color: #f2f2f2; font-size: 1.2em; margin: 0 0 15px 0; border-bottom: 1px solid rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1); -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.1); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1); padding: 0 0 5px 0;  }



.section{text-align:center;  background-color:#fff; }




/*sugawara custom*/
/*.tableCell p {
    font-size:12px;
    color:#fff;
    text-align:left; 
    width: 300px;
    margin:40px;
    float:left;
    line-height: 1.2em;
}*/

.tableCell p.right {
    float: right !important;
}

.interview .tableCell p {
    font-size: 12px;
    color: #000;
    text-align: left; 
    width: 400px;
    height: 85%;
    padding: 0 20px 20px 40px;
    float: left;
    line-height: 2em;
    margin-right: 120px;
}

.interview .intro p {
    margin: 0 auto;
    font-size: 1.5em;
    float: right;
    margin-right:50px;
    float: right !important;
}

.interview .intro .info {
    display: block;
    background-color: #f2f2f2;
    padding: 1em;
    font-size: 12px;
    line-height:1.2;
    color: #000;
    margin-top: 1em;
}






@media only screen and (min-width: 1500px)  {
#fullpage p.contact{ right:65px; }
}
@media only screen and (min-width: 1400px) and (max-width: 1500px)  {
#fullpage p.contact{ right:65px; }
}
@media only screen and (min-width: 1300px) and (max-width: 1399px)  {
#fullpage p.contact{ right:75px; }
}
@media only screen and (min-width : 1330px) {
.section{width:89%!important;  height:89%!important; }

}
@media screen and (min-width: 1150px) and (max-width: 1329px) {
.section{width:86%!important;  height:86%!important; }

}
@media screen and (min-width: 1000px) and (max-width: 1149px) {
.section{width:83%!important;  height:83%!important; }

}
@media only screen and (max-width : 999px), only screen and (max-device-width : 999px){
.section{text-align:center;  width:80%!important;  height:80%!important; }

}
#section1 {
    background: url(images/01_pc_w1800_1.jpg) #fff no-repeat 50% 50%;   background-size: contain;  
    background: url(images/01_pc_w1800_1.jpg) #fff no-repeat left top\9;  
}
#section2 {
    background: url(images/02_pc_w1800_2.jpg) #fff no-repeat 50% 50%;   background-size: contain;  
    background: url(images/02_pc_w1800_2.jpg) #fff no-repeat left top\9;
}
#section3 {
    background: url(images/03_pc_w1800_3.jpg) #fff no-repeat 50% 50%;   background-size: contain;  
    background: url(images/03_pc_w1800_3.jpg) #fff no-repeat left top\9;  
}
#section4 {
    background: url(images/04_pc_w1800_4.jpg) #fff no-repeat 50% 50%;   background-size: contain;  
    background: url(images/04_pc_w1800_4.jpg) #fff no-repeat left top\9;
}
#section5 {
    background: url(images/05_pc_w1800_5.jpg) #fff no-repeat 50% 50%;   background-size: contain;  
    background: url(images/05_pc_w1800_5.jpg) #fff no-repeat left top\9; 
}
#section6 {
    background: url(images/06_Product01.jpg) #fff no-repeat 50% 50%;  background-size: contain; 
    background: url(images/06_Product01.jpg) #fff no-repeat left top\9; 
}
#section7 {
    background: url(images/07_Product01.jpg) #fff no-repeat 50% 50%;  background-size: contain; 
    background: url(images/07_Product01.jpg) #fff no-repeat left top\9; 
}
#section8 {
    background: url(images/08_Product02.jpg) #fff no-repeat 50% 50%;  background-size: contain; 
    background: url(images/08_Product02.jpg) #fff no-repeat left top\9; 
}
#section9 {
    background: url(images/09_Product02.jpg) #fff no-repeat 50% 50%;  background-size: contain; 
    background: url(images/09_Product02.jpg) #fff no-repeat left top\9; 
}
#section10 {
    background: url(images/10_Product03.jpg) #fff no-repeat 50% 50%;  background-size: contain; 
    background: url(images/10_Product03.jpg) #fff no-repeat left top\9; 
}
#section11 {
    background: url(images/11_Product03.jpg) #fff no-repeat 50% 50%;  background-size: contain; 
    background: url(images/11_Product03.jpg) #fff no-repeat left top\9; 
}
#section12 {
    background: url(images/12_Product04.jpg) #fff no-repeat 50% 50%;  background-size: contain; 
    background: url(images/12_Product04.jpg) #fff no-repeat left top\9; 
}
#section13 {
    background: url(images/13_Product04.jpg) #fff no-repeat 50% 50%;  background-size: contain; 
    background: url(images/13_Product04.jpg) #fff no-repeat left top\9; 
}
#section14 {
    background: url(images/14_Product05.jpg) #fff no-repeat 50% 50%;  background-size: contain; 
    background: url(images/14_Product05.jpg) #fff no-repeat left top\9; 
}
#section15 {
    background: url(images/15_Product05.jpg) #fff no-repeat 50% 50%;  background-size: contain; 
    background: url(images/15_Product05.jpg) #fff no-repeat left top\9; 
}
#section16 {
    background: url(images/16_Product06.jpg) #fff no-repeat 50% 50%;  background-size: contain; 
    background: url(images/16_Product06.jpg) #fff no-repeat left top\9; 
}
#section17 {
    background: url(images/17_Product06.jpg) #fff no-repeat 50% 50%;  background-size: contain; 
    background: url(images/17_Product06.jpg) #fff no-repeat left top\9; 
}
#section18 {
    background: url(images/18_Product07.jpg) #fff no-repeat 50% 50%;  background-size: contain; 
    background: url(images/18_Product07.jpg) #fff no-repeat left top\9; 
}
#section19 {
    background: url(images/19_Product07.jpg) #fff no-repeat 50% 50%;  background-size: contain; 
    background: url(images/19_Product07.jpg) #fff no-repeat left top\9; 
}
#section20 {
    background: url(images/20_Product08.jpg) #fff no-repeat 50% 50%;  background-size: contain; 
    background: url(images/20_Product08.jpg) #fff no-repeat left top\9; 
}
#section21 {
    background: url(images/21_Product08.jpg) #fff no-repeat 50% 50%;  background-size: contain; 
    background: url(images/21_Product08.jpg) #fff no-repeat left top\9; 
}
#section22 {
    background: url(images/22_Product09.jpg) #fff no-repeat 50% 50%;  background-size: contain; 
    background: url(images/22_Product09.jpg) #fff no-repeat left top\9; 
}
#section23 {
    background: url(images/23_Product09.jpg) #fff no-repeat 50% 50%;  background-size: contain; 
    background: url(images/23_Product09.jpg) #fff no-repeat left top\9; 
}
#section24 {
    background: url(images/24_pc_w1800_6.jpg) #fff no-repeat 50% 50%;  background-size: contain; 
    background: url(images/24_pc_w1800_6.jpg) #fff no-repeat left top\9; 
}
/* Demos Menu
 * --------------------------------------- */
 #demosMenu{position:fixed; bottom: 10px; right:10px; z-index: 999; 
 }
#fullpage{ left:194px; }










#menu .anchor-menu {
    display: block;
    margin-bottom: 10px;
    margin-left: 20px;
    color: #000;
    font-size: 10px;
    font-weight: normal;
}

#menu .anchor-menu a {
    color: #000;
}

#menu .anchor-menu a,
#menu .anchor-menu.active a {
    display: block;
}

#menu .anchor-menu a {
    text-decoration: none;
    height: 12px;
}

.outer {
    text-align: left;
}

.outer .header {
    margin: 2.5% 0 0 2.5%;
}

.outer h2 {
    font-size: 12px;
    line-height: 1.2;
    font-weight: normal;
    color: #000;
}

.outer h3 {
    font-size: 12px;
    line-height: 1.2;
    font-weight: bold;
    color: #000;
    margin-top: .5em;
}

.inner {
    width: 50%;
    margin: 2.5% 0 0 2.5%;
}

.inner h2 {
    font-size: 14px;
    font-weight: bold;
}

.inner p {
    font-size: 12px;
    line-height: 1.5;
    font-weight: normal;
    color: #000;
    margin-top: 1em;
}

.store a {
    display: inline-block;
    padding: 1em;
    background-color: #000;
    color: #fff;
}