@charset "utf-8";
/* CSS Document */




@media screen and (min-width: 640px){
body,div,p,ul,li,dl,dt,dd,h1,h2,h3{
	font-size: 14px;
}
img{
	max-width: 100%;
	height: auto;
	width /***/:auto;　
}
#container{
	width:100%;
}



#Wrap{
	width:970px;
	padding:30px 10px 0 10px;
	margin:0 auto;
}

#Logo{
	float:left;
}
#LogoSp{
	display:none
}
#MenuWrap{
	position:relative;
}


ul#Language{
	position: absolute;
	top:0;
	right:0;
}
ul#Language li{
	float:left;
}
ul#Language li.LanguageTxt{
	margin-right:5px;
	background-repeat:no-repeat;
}
ul#Language li.LanguageTxt img{
	vertical-align:middle;
}
ul#Language li.JPN{
	background-image:url(../img/jpn_button.png);
	margin-right:5px;
}
ul#Language li.EN{
	background-image:url(../img/eng_button.png);
}
ul#Language li a{
	display:block;
	text-indent:-9999px;
	width:57px;
	height:20px;
}
ul#Language li:hover{
	background-position:0 -20px;
}

/* HeaderMenu ---------------------------------------- */
.MenuzButton{
	display:none;
}
#MenuWrap ul.Menu{
	position: absolute;
	bottom:0;
	left:250px;
}
#MenuWrap ul.Menu li{
	float:left;
	background-repeat:no-repeat;
	background-position:left top;
}
#MenuWrap ul.Menu li.Menu01{
	background-image:url(../img/menu01.png)
}
#MenuWrap ul.Menu li.Menu02{
	background-image:url(../img/menu02.png)
}
#MenuWrap ul.Menu li.Menu03{
	background-image:url(../img/menu03.png)
}
#MenuWrap ul.Menu li.Menu04{
	background-image:url(../img/menu04.png)
}
#MenuWrap ul.Menu li.Menu05{
	background-image:url(../img/menu05.png)
}
#MenuWrap ul.Menu li.Menu06{
	background-image:url(../img/menu06.png)
}
#MenuWrap ul.Menu li a{
	display:block;
	text-indent:-99999px;
	width:120px;
	height:10px;
}
#MenuWrap ul.Menu li:hover{
	background-position:0 -10px;
}

/* FooterMenu ---------------------------------------- */
footer{
	position: relative;
	border-top:1px #898989 solid;
	padding:10px;
	color:#898989;
}
footer ul{
	position: absolute;
	top:10px;
	right:10px;
}
footer ul.Menu li{
	float:left;
}
footer ul.Menu li a{
	color:#898989;
	display:block;
	text-decoration:none;
	margin-left:30px;
	font-size:85%;
}
footer ul.Menu li a:hover{
	color:#6a6a6a;
}
#Copylight{
	float:left;
}



/* Main ---------------------------------------- */
#Main{
	position:relative;
	padding-top:100px;
	height:550px;
}

#Main .TxtBox{
	position:absolute;
}
#Main .TxtBox h2{
	margin-bottom:20px;
}
#Main .TxtBox h3{
	margin:10px 0 -5px;
}
#Main .TxtBox p{
	line-height:1.8em;
	font-size:105%;
}
#Main p.ImagesPhoto{
	padding-top:inherit;
	text-align:right;
}

#Main #ListBox ul li{
	float:left;
	margin:15px;
}

br.SP{
	display:none;
}


/* Index */
.IndexMainImages01{
	position:absolute;
	bottom:0;
	left:120px;
}
.IndexMainImages02{
	position:absolute;
	top:280px;
	right:80px;
}
.IndexMainText01{
	position:absolute;
	top:210px;
	left:530px;
}

.IndexMainRakuten{
	position:absolute;
	top:550px;
	left:590px;
}

#Index #News{
	position:absolute;
	bottom:0;
	right:0;
}
#News{
	width:300px;
	height:170px;
	margin-bottom:100px;
	padding-right:80px;
	position:absolute;
	bottom:0;
	right:0;	
}
#List01{
	line-height:2.2em;
}
#List01 span{
	display:block;
	float:left;
}

/*philosophy*/
.PhilosophyImages01{
	position:absolute;
	bottom:0px;
	right:0px;
}
.PhilosophyTxt01{
	top:190px;
	left:100px;
}

/*BusinessAreas*/
.BusinessAreasTxt01{
}
.BusinessAreasTxt02{
}
.BusinessAreasImages{
	position:absolute;
	top:100px;
	left:10px;
}

/*Product*/
#Product #Main{
	padding-top:50px;
}
.ProductImages01{
	position:absolute;
	bottom:0;
	left:30%;
}
.RakutenCart{
	text-align:right;
	margin:10px 10px 0 0;
	}
.ItemImage{
	width:950px;
	height:440px;
	margin:0 auto;
	overflow-y: scroll;
}
.ItemImage img{
	display:block;
	width:80%;
	margin:0 auto;
}

/*Company*/
.CompanyImages01{
	position:absolute;
	bottom:0;
	left:10px;
}
.CompanyTxt01{
	top:100px;
	right:0px;
	width:490px;
}

.menuUL{
	visibility:hidden;
	width:0;
	height:0;
	display:none;
}

/*PrivacyPolicy*/
.ScrollWindow{
	height:510px;
	margin:0 auto;
	overflow-y: scroll;
}


}/*PC CSS　END*/