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

}





/* COMMON

 * --------------------------------------- */

body{

	font-family: "textbook-new-web",sans-serif;

	letter-spacing: 0.8px;

	color: #000000;

	/*color: rgba(0,0,0,0.5);*/

}

.jp{

    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;

}

#naviSet{

	z-index: 900;

	position: fixed;

	width:80px;

	left:0px;

	top:0px;

	cursor:pointer;

}



#naviSet ul li{

	position: relative;

	float: left;

	width:80px;

	vertical-align: top;

	margin: 0 auto;

	display:inline;

	cursor:pointer;

}



#naviSet li img{

	vertical-align: top;

	cursor:pointer;

}



a:link { color: #888888; }

a:visited { color: #888888; }

a:hover { color: #aaaaaa; }

a:active { color: #cccccc; }





/* HOME

 * --------------------------------------- */

.wrap{

	margin-left: auto;

	margin-right: auto;

	width: 960px;

	position: relative;

}

.img2{

	margin:0 auto;

	position: absolute;

}



#viewer {

	z-index: 0;

}



#logo{

	right:40px;

	top:40px;

	margin: 0;

	text-align: right;

	position: absolute;

	z-index: 40;

	border: 0;

}

#logo img{

	width:40%;

	height:auto;

}

#lang{

	right:40px;

	bottom:40px;

	margin: 0;

	position: absolute;

	z-index: 30;

	border: 0;

}

#lang ul li{

	position: relative;

	width:120px;

	margin: 0;

	display:inline;

	border: 0;

}



#lang li img{

	margin: 0;

	vertical-align: top;

	border: 0;

}



/* ABOUT

 * --------------------------------------- */

 .aboutAll{

	max-width: 800px;

	width: 60%;

	margin: 0 auto;

}



.about h1{

	font-style: normal;

	font-weight: 400;

	font-size: 2.5em;

	text-align:left;

	letter-spacing: 4px;

	line-height: 1;

}

.about p{

	font-style: normal;

	font-weight: 300;

	margin-top: 20px;

	font-size: 0.8em;

	text-align:left;

	line-height: 1.;

	color: #666666;

}

.space{

	height: 50px;

}



.footerspace{

    position: relative;

    float: left;

    width: 100%;

    height: 100px;

    /*background-color: #444;*/

}



/* PRODUCTS

 * --------------------------------------- */



.productAll{

	max-width: 800px;

	width: 60%;

	margin: 0 auto;

}



.thumbSet{

	width: 50%;

	text-align:left;

	position: relative;

	margin-bottom: 10px;

	float: left;

}



#thumbImg1 {

	margin-right: 3%;

    height: 140px;

    background: url(../imgs/img_thumb1.png) no-repeat;

    background-size: cover;

    cursor:pointer;

}

#thumbImg2 {

	margin-left: 3%;

    height: 140px;

    background: url(../imgs/img_thumb2.png) no-repeat;

    background-size: cover;

    cursor:pointer;

}

#thumbImg3 {

	margin-right: 3%;

    height: 140px;

    background: url(../imgs/img_thumb3.png) no-repeat;

    background-size: cover;

    cursor:pointer;

}

#thumbImg4 {

	margin-left: 3%;

    height: 140px;

    background: url(../imgs/img_thumb4.png) no-repeat;

    background-size: cover;

    cursor:pointer;

}

#thumbImg5 {

	margin-right: 3%;

    height: 140px;

    background: url(../imgs/img_thumb5.png) no-repeat;

    background-size: cover;

    cursor:pointer;

}

#thumbImg6 {

	margin-left: 3%;

    height: 140px;

    background: url(../imgs/img_thumb6.png) no-repeat;

    background-size: cover;

    cursor:pointer;

}

#thumbImg7 {

    margin-left: 3%;

    height: 140px;

    background: url(../imgs/img_thumb7.png) no-repeat;

    background-size: cover;

    cursor:pointer;

}

#thumbImg8 {

    margin-left: 3%;

    height: 140px;

    background: url(../imgs/img_thumb8.png) no-repeat;

    background-size: cover;

    cursor:pointer;

}







.thumbTitle{

	font-style: normal;

	font-weight: 300;

	font-size: 1.3em;

	letter-spacing: 0.6px;

	height: 40px;

	margin-top: 5px;

	color: #333333;

}

.thumbTitle b{

	font-weight: 400;

	display: inline;

}

.thumbTitle p{

	font-style: normal;

	font-weight: 300;

	font-size: 0.3em;

	color: #666666;

	display: block;

}



.thumbTitle2{

	font-style: normal;

	font-weight: 300;

	font-size: 1.3em;

	letter-spacing: 0.6px;

	height: 40px;

	margin-top: 5px;

	margin-left: 3%;

	color: #333333;

}

.thumbTitle2 b{

	font-weight: 400;

	display: inline;

}

.thumbTitle2 p{

	font-style: normal;

	font-weight: 300;

	font-size: 0.3em;

	color: #666666;

	display: block;

}



p.linkarea{

	font-size:93%;

	text-align: right:

}



/*a要素を全谷に広げる（IE6以外）*/

html > body p.linkarea a{

	display:block;

	position: absolute;

	top:0;

	left:0;

	width: 100%;

	height:140px;

	text-align: left;

	text-indent:-999px;

	background:#fff;

	opacity: 0;

	filter:alpha(opacity=0);/*フィルターで透明に*/

}



.lbdefault{

	display: none;

}



/* EFFECTS */

.linkarea a {

  -webkit-transition: 0.2s ease-out;

     -moz-transition: 0.2s ease-out;

       -o-transition: 0.2s ease-out;

          transition: 0.2s ease-out;

}

.linkarea a:hover {

  opacity: 0.4;

  filter: alpha(opacity=40);

}





 /* NEWS

 * --------------------------------------- */

.newsAll{

	max-width: 800px;

	width: 60%;

	margin: 0 auto;

 }

.newsSet {

	width: 100%;

	margin-top: 20px;

	margin-bottom: 20px;

	float: left;

}

.newstxtSet {

	width: 60%;

	width: -webkit-calc(100% - 140px);

	width: calc(100% - 140px);

	margin-left: 20px;

	float: left;

}

.newsthumb {

	width: 120px;

	height: 90px;

	float: left;

}

.newstxtSet h1{

	font-size: 1.6em;

	font-weight: 400;

	text-align:left;

	letter-spacing: 1px;

	line-height: 1;

}

.newstxtSet p{

	margin-top: 10px;

	font-size: 0.8em;

	text-align:left;

	line-height: 1.2;

	color: #666666;

}

.newstxtSet a{

	color: #666666;

}

.newslogo {

    float: right;

    padding-left: 20px;

    padding-top: 20px;

}

.newsThumbSet{

	width: 100%;

	text-align:left;

	position: relative;

	margin-top: 20px;

	margin-bottom: 10px;

	float: left;

}

#newsThumbImg1 {

    height: 70px;

    background: url(../imgs/newsImg_thumb1.png) no-repeat;

    background-size: cover;

    cursor:pointer;

}

#newsThumbImg2 {

    height: 70px;

    background: url(../imgs/newsImg_thumb2.png) no-repeat;

    background-size: cover;

    cursor:pointer;

}

#newsThumbImg3 {

    height: 70px;

    background: url(../imgs/newsImg_thumb3.png) no-repeat;

    background-size: cover;

    cursor:pointer;

}

#newsThumbImg5 {

    height: 70px;

    background: url(../imgs/newsImg_thumb5.png) no-repeat;

    background-size: cover;

    cursor:pointer;

}

#newsThumbImg6 {

    height: 70px;

    background: url(../imgs/newsImg_thumb6.png) no-repeat;

    background-size: cover;

    cursor:pointer;

}

#newsThumbImg7 {

    height: 70px;

    background: url(../imgs/newsImg_thumb7.png) no-repeat;

    background-size: cover;

    cursor:pointer;

}

#newsThumbImg8 {

    height: 70px;

    background: url(../imgs/newsImg_thumb8.png) no-repeat;

    background-size: cover;

    cursor:pointer;

}

.newsImg{

    max-width: 800px;

    width: 100%;

    margin: 0 auto;

    margin-bottom: 40px;

}

.newsdate{

    font-size: 0.6em;

    margin-top: 5px;

    text-align:left;

}

/* CONTACT

 * --------------------------------------- */

.contactAll{

	width: 420px;

	margin: 0 auto;

}

.contact h1{

	width: 420px;

	margin-bottom: 40px;

	font-size: 2.5em;

	font-weight: 400;

	text-align:left;

	letter-spacing: 3px;

	line-height: 1;

}



.contact h2{

	width: 420px;

	margin-bottom: 10px;

	font-size: 1.2em;

	font-weight: 700;

	text-align:left;

	letter-spacing: 2px;

	line-height: 1;

}



.contact p{

	width: 420px;

	font-size: 0.8em;

	text-align:left;

	line-height: 1.5;

	color: #666666;

}



.contact a{

	color: #333333;

	text-decoration:none;

	font-weight: 700;

}



.contact a:hover{

	color: #666666;

	text-decoration:none;

	font-weight: 700;

}









.downloadAll{

    width: 600px;

    margin: 0 auto;

}

.downloadtxt{

    margin-top: 10px;

    display: block;

    position: relative;

    float: left;

    font-size: 0.7em;

    letter-spacing: 1px;

}

.downloadbtnset{

    margin-left: 20px;

}

.downloadbtn{

    margin-top: 30px;

    margin-left: 0px;

    height: 100px;

    /*background-color: #444;*/

    position: relative;

    float: left;

    text-align: center;

}

.downloadbtn2{

    margin-left: 50px;

    height: 300px;

    /*background-color: #444;*/

    position: relative;

    float: left;

    text-align: center;

}

.downloadbtn2 img{

    height: 100%;

    width: auto;

    position: relative;

}

/*.dbtn{

    color: #fff;

    font-size: 0.8em;

    font-weight: 700;

    letter-spacing: 2px;

    line-height: 1;

    margin: auto;

    top: 0; bottom: 0; left: 0; right: 0;

    position: relative;

}

.dbtn b{

    color: #aaa;

}*/

.downloadbtn2 a{

    width: 100%;

    height: 100%;

    display: block;

}

.downloadbtn2 a:hover{

    /*background-color: #666;*/

    display: block;

}

.downloadbtn2 a{

  -webkit-transition: 0.2s ease-out;

     -moz-transition: 0.2s ease-out;

       -o-transition: 0.2s ease-out;

          transition: 0.2s ease-out;

}



/* Sections

 * --------------------------------------- */



.section{

	text-align:center;

	margin: 0 auto;

}



#section1 img{

	margin: 0 auto;

}

#section2 img{

	margin: 0 auto;

}

#section3 img{

	margin: 0 auto;

}

#section4 img{

	margin: 0 auto;

}

#section5 img{

	margin: 0 auto;

}



#section1{

	z-index: 2;

	/*background-image: url(../imgs/home1.png);*/

}

#section2{

	z-index: 3;

	/*background-image: url(../imgs/about.png);*/

}

#section3{

	z-index: 2;

	/*background-image: url(../imgs/product.png);*/

	/*padding: 6% 0 0 0;*/

}

#section4{

	z-index: 3;

}

#section5{

	z-index: 4;

	/*background-image: url(../imgs/contact.png);*/

}



#section0,

#section1,

#section2,

#section3,

.slide{

	background-size: cover;

}

/*Creatin a ull height slide */

.slides{

	height: 100%;

	display:block;

}

#slide1{

	padding: 6% 0 0 0;

	height: 100%;

	display:block;

}

#slide2{

	padding: 6% 0 0 0;

	height: 100%;

}