@charset "utf-8";

html,
body,
#top  {height:100%; }
body {
  margin: 0;
  padding:0;
  width: 100%;
  background-color: #CCC;
  position: relative;
}

a img{border:none;}

#container{
  width: 708px;
  height: 100%;
  margin: auto;
}

/* banner */
.banner{
  margin-bottom: 36px;
  width: 708px;
  overflow: hidden;
}

.mainPhoto{
  height: 312px;
  float: left;
}


.StorymainPhoto{
  height: 340px;
  float: left;
}


.lead{
  margin: 0 36px;
  padding: 0;
  width: 396px;
  height: 312px;
  float: left;
}

.lead h1{
  margin: 36px 0;
  overflow: hidden;
}

.lead p{
  margin: 0;
  padding: 0;
  font-size: 85%;
  line-height:170%;
}

.contents{
  margin: 0 24px 12px;
  width: 660px;
  overflow: hidden;
  position: relative;
}

/* top */
#top .contents{
  margin:0;
  margin-top: -300px;
  margin-left: -403px;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 806px;
  height: 600px;
}

#top .images{
  width: 600px;
  height: 600px;
  float: left;
}

#top .menu{
  width: 206px;
  height: 600px;
  float: right;
  position:relative;
  background-color: #423b54;
}

#top .logo{
  position:absolute;
  bottom:42px;
  left: 46px;
}

#top ul{
  margin: 96px 0 0 0;
padding: 0;
list-style-type: none;
}

#top li{
margin:0;
padding: 0;
margin-bottom: 24px;
width: 100%;
}

#top li a{
margin: 0 auto;
}

#top li a span{
  display:none;
}

#top li a.en{
  display: block;
  width: 60px;
  height: 9px;
  background-image: url('../../images/menu-en.gif');
}#top li a.en:hover{
  display: block;
  width: 60px;
  height: 9px;
  background-image: url('../../images/menu-en-on.gif');
}

#top li a.fr{
  display: block;
  width: 54px;
  height: 9px;
  background-image: url('../../images/menu-fr.gif');
}#top li a.fr:hover{
  display: block;
  width: 54px;
  height: 9px;
  background-image: url('../../images/menu-fr-on.gif');
}

#top li a.ja{
  display: block;
  width: 67px;
  height: 11px;
  background-image: url('../../images/menu-ja.gif');
}#top li a.ja:hover{
  display: block;
  width: 67px;
  height: 11px;
  background-image: url('../../images/menu-ja-on.gif');
}

#top li a.de{
  display: block;
  width: 60px;
  height: 9px;
  background-image: url('../../images/menu-de.gif');
}#top li a.de:hover{
  display: block;
  width: 60px;
  height: 9px;
  background-image: url('../../images/menu-de-on.gif');
}

#top li a.it{
  display: block;
  width: 60px;
  height: 9px;
  background-image: url('../../images/menu-it.gif');
}#top li a.it:hover{
  display: block;
  width: 60px;
  height: 9px;
  background-image: url('../../images/menu-it-on.gif');
}



/* home */
#home {
  padding-bottom: 36px;
}

#home .banner{
  background-color: #000;
}

#home .lead{
  color: #fff;
}

#home .contents{
  font-weight: bold;
}

#home h2{
  margin: 0 0 24px;
  padding: 0;
}

#home h3{
  margin-bottom: 12px;
  font-size: small;
}

#home ul{
  list-style: none;
  padding-left: 12px;
  _margin-left: 6px;
}

#home li{
  margin-bottom: 6px;
}

#home .photo{
}

#home .product{
  width: 312px;
  float: left;
}

#home .product a,
#productTop  a{color: #423b54;}


#home .product ul{
  list-style: none;
margin: 10px 0 0 0;
padding: 0;
}

#home .product li{
padding: 0 0 0 10px;
background: url('../images/arrow_product.gif') no-repeat left center;
}

#home .story ul{
  list-style: none;
margin: 10px 0 0 0;
padding: 0;
}

#home .story{
  width: 312px;
  float: right;
}

#home .story li{
padding: 0 0 0 10px;
background: url('../images/arrow_story.gif') no-repeat left center;
}



/* product top */
#productTop{
  color: #333;
}

#productTop .banner{
  background-color: #423b54;
  position: relative;
}

#productTop .lead{
  color: #fff;
}

#productTop .banner p.credit{
  position: absolute;
  top: 24px;
  right: 36px;
}

#productTop h1{
  margin: 36px 0;
}

#productTop h2{
  margin: 0 0 24px 0;
}

#productTop h3{
  font-size: 110%;
  margin: 0 0 12px 0;
}

#productTop p{
  margin: 0;
}

#productTop ul{
  margin: 0;
  padding-left: 0;
  list-style: none;
  clear: both;
}

#productTop li{
  position: relative;
  
}

#productTop li span{
  padding-top: 1.5em;
  display: block;
}

#productTop li span.double{
  padding-top: 1em;
}

#productTop li span.triple{
  padding-top: 0;
}

#productTop .article{
  margin-bottom: 0;
  width: 660px;
  overflow: hidden;
  position: relative;
}

#productTop .article .A,
#productTop .article .B{
	width:234px;
	float:left;
}#productTop .article .B{
	_width:232px;
}

#productTop .article .C{
	width:192px;
	float:right;
}

#productTop .contents .knivesA li,
#productTop .contents .knivesB li,
#productTop .contents .knivesC li{
  height: 48px;
}#productTop .contents li.end{
  margin-bottom: 0;
}

#productTop ul.knivesA,
#productTop ul.knivesB{
}

#productTop ul.knivesC{
}

#productTop ul.knivesA li,
#productTop ul.knivesB li,
#productTop ul.knivesC li{
  line-height: 100%;
}

#productTop .productNavigation{
  margin: 0 24px 48px;
}
#productTop .productNavigation .product-links{
  margin-bottom: 12px;
}

/* product detail */
#productDetail{
   margin: 0 24px 48px 24px
}

#productDetail h1{
  font-size: 1.25em;
  margin-bottom: 24px;
}

#productDetail h2{
  font-size: 1.05em;
  margin-bottom: 12px;
}

#productDetail h3{
  font-size: 1em;
  margin-bottom: 12px;
}

#productDetail img.mainPhoto{
  float: none;
  margin-bottom: 24px;
}

#productDetail .product-lead{
  margin: 0 0 48px 0;
  width: 660px;
}

#productDetail .product-cutlery{
  margin: 0 0 48px 0;
  width: 660px;
}

#productDetail .product-cutlery p{
  margin-bottom: 6px;
}

#productDetail .product-comment{
  margin: 0 0 24px 0;
  width: 660px;
}

#productDetail p.product-spec{
  margin:0;
  padding: 0;
	font-size: x-small;
}

#productDetail .knifeDetail{
  margin-bottom: 0px;
}

#productDetail .knifeDetail .article{
  margin-bottom: 24px;
  width: 660px;
  overflow: hidden;
}

#productDetail .knifeDetail .article .leftphoto{
  width: 160px;
  float: left;
}

#productDetail .knifeDetail .article .right{
  width: 476px;
  float: right;
}

#productDetail .knifeDetail .article .rightphoto{
  width: 160px;
  float: right;
}

#productDetail .knifeDetail .article .left{
  width: 476px;
  float: left;
}

#productDetail .knifeDetail .article h3{
  margin-top: 0;
}

#productDetail .KnifeBlockDetail{
  margin-bottom: 0px;
}

#productDetail .KnifeBlockDetail .article{
  margin-bottom: 24px;
  width: 660px;
  overflow: hidden;
}

#productDetail .KnifeBlockDetail .article img{
  width: 267px;
  float: left;
}
#productDetail .KnifeBlockDetail .article .right{
  width: 369px;
  float: right;
}

#productDetail .KnifeBlockDetail .article h3{
  margin-top: 0;
}


#productDetail .OthersDetail{
  margin-bottom: 0px;
}

#productDetail .OthersDetail .article{
  margin-bottom: 24px;
  width: 660px;
  overflow: hidden;
}

#productDetail .OthersDetail .article .leftphoto{
  width: 300px;
  float: left;
}

#productDetail .OthersDetail .article .right{
  width: 336px;
  float: right;
  overflow: hidden;
}

#productDetail .OthersDetail .article .cistre{
  width: 40px;
  float: left;
}

#productDetail .OthersDetail .article .Size{
  width: 283px;
  float: right;
  margin-top: 6px;
}

#productDetail .OthersDetail .article h3{
  margin-top: 0;
}

#productDetail .knifeDetail .account{
  margin-bottom: 24px;
  width: 660px;
  overflow: hidden;
}

#productDetail .knifeDetail .account img{
  width: 132px;
  float: left;
}

#productDetail .knifeDetail .account .right{
  width: 504px;
  float: right;
}

#productDetail .knifeDetail .account h3{
  margin-top: 0;
}


#productDetail .knifeDetail .technology{
  margin-bottom: 24px;
  width: 660px;
  overflow: hidden;
}

#productDetail .knifeDetail .technology img{
  width: 120px;
  float: right;
}

#productDetail .knifeDetail .technology .left{
  width: 516px;
  float: left;
}

#productDetail .knifeDetail .technology h3{
  margin-top: 0;
}

#productDetail .cutleryDetail .mainPhoto{
  width: 660px;
  height: 264px;
}

#productDetail .cutleryDetail .lead{
  margin:0 0 36px 0;
  width: 660px;
  height: 100%;
  float: none;
}

#productDetail .cutleryDetail .article{
  margin-bottom: 24px;
  width: 660px;
  overflow: hidden;
}

#productDetail .cutleryDetail .article img{
  width: 324px;
  float: left;
}

#productDetail .cutleryDetail .article .right{
  width: 312px;
  float: right;
}

#productDetail .cutleryDetail .article h3{
  margin-top: 0;
}

#productDetail .cutleryDetail .article  p{
  margin: 0;
}

#productDetail .productNavigation,
#productTop .productNavigation{
  margin-top: 48px;
  width: 660px;
  overflow: hidden;
}

#productDetail .productNavigation .subNaviA,
#productTop .productNavigation .subNaviA{
  width: 168px;
  float: left;
}

#productDetail .productNavigation .subNaviB,
#productTop .productNavigation .subNaviB{
  width: 216px;
  float: left;
}#productDetail .productNavigation .subNaviB h4,
#productTop .productNavigation .subNaviB h4{
	margin-bottom: 18px;
}

#productDetail .productNavigation .subNaviC,
#productTop .productNavigation .subNaviC{
  width: 180px;
  float: left;
}

#productDetail .productNavigation .subNaviC .bottom,
#productTop .productNavigation .subNaviC .bottom{
  margin-bottom: 24px;
}
#productDetail .productNavigation .subNaviD,
#productTop .productNavigation .subNaviD{
  width: 96px;
  float: right;
}

#productDetail .productNavigation .product-links,
#productTop .productNavigation .product-links{
  margin-left: 0;
  color: #999;
  line-height: 160%;
}

#productDetail .productNavigation .cutlery img,
#productTop .productNavigation .cutlery img{
  margin-bottom : 12px;
}

#productDetail .productNavigation h4,
#productTop .productNavigation h4{
  margin: 0 0 12px 0;
}

#productDetail ul.productspec,
#productTop ul.productspec{
  list-style-type: none;
  padding: 0;
}


/* movie */
#movie h1{
  font-size: 1.25em;
  margin-bottom: 24px;
}

#movie h2{
  font-size: 1.05em;
  margin-bottom: 12px;
}

#movie{
  width: 660px;
  margin-left: 24px;
  margin-bottom: 48px;
  overflow: hidden;
}

#movie .movie{
  float: left;
  width: 480px;
}

#movie .movieThumbnail{
  float: right;
  width: 156px;
}

#movie .movieThumbnail iframe{
  border: 1px solid #CCC;
}


/* storyTop */
#storyTop .lead h1{
  margin: 24px 0 18px;
}

#storyTop .lead h2{
  margin-bottom: 6px;
}

#storyTop .lead h2,
#storyTop .lead p{
	font-size: 85%;
	line-height:170%;
}

#storyTop .banner{
  background-color: #300;
}

#storyTop .lead{
  color: #fff;
}

#storyTop h1{
  margin: 0 0 24px 0;
}

#storyTop h2{
  font-size: 110%;
  margin: 0 0 12px 0;
}

#storyTop h3{
  font-size: 100%;
  margin: 0 0 12px 0;
}

#storyTop dl{
  height: 60px;
  overflow: hidden;
}

#storyTop dl.list{
  height: 100%;
}

#storyTop dt{
  padding-right: 9px;
  width: 60px;
  float: left;
}

#storyTop dd{
  padding-top: 1.5em;
  margin-left: 69px;
}

#storyTop dd.double{
  padding-top: 1em;
}

#storyTop ul.submenu{
  margin: 6px 0 0 3px;
  padding: 0;
}

#storyTop ul.submenu li {
  list-style-type: none;
  background: url('../images/arrow_story.gif') no-repeat left 6px;
  padding: 0 0 0 12px;
  margin:0 0 6px 3px;
  line-height: 140%;
}

#storyTop .article{
  width: 660px;
  overflow: hidden;
  position: relative;
  margin-bottom: 48px;
}

#storyTop .listLeft{
  padding-right: 36px; 
  width: 216px;
  float: left;
  overflow: hidden;
}

#storyTop .listLeft .movie{
  float: left;
  width: 25px;
  padding-right: 12px;
}

#storyTop .listLeft p{
padding: 0;
margin: 0;
}

#storyTop .listCenter{
  padding-right: 12px; 
  width: 204px;
  float: left;
  overflow: hidden;
}

#storyTop .listRight{
  width: 180px;
  float: right;
  overflow: hidden;
}
#storyTop .txtSide{
  padding-right: 36px; 
  width: 216px;
  float: left;
}

#storyTop .txtContents{
  width: 408px;
  float: left;
}

#storyTop .marginNone{
  margin: 0;
}

#storyTop li.marginBottom{
  margin: 0;
 }

#storyTop .topMargin{
  margin-top: 0;
}

#storyTop .bottomMargin{
  margin-bottom: 12px;
}


#contents td ul.news{
  list-style: none;
  margin: 12px 0 36px 0;
  padding :0;
}

#contents td ul.news li{
  background: #FFF;
  margin: 0;
  line-height: 180%;
}


/* FAQ */

#faq ul{
  list-style: none;
margin: 10px 0 36px 0;
padding: 0;
}

#faq li{
padding: 0 0 0 10px;
background: url('../images/arrow_product.gif') no-repeat left center;
}


#qa ul{
	padding-left: 0;
	list-style: none;
}


#qa ul li{
 	width: 660px;
	padding-left: 0;
	background: none;
}

	
#qa span.Q{
	float: left;
	width: 20px;
	display: block;
}


#qa span.body{
	margin-left: 20px;
	width: 620px;
	display: block;
}


#qa span.A{
	margin-left: 20px;
	margin-bottom: 24px;
	width: 620px;
	display: block;
}


.footer{
	margin-left:24px;
	font-size: x-small;
	margin-bottom: 12px;
}

.footer a{
  margin-right: 24px;
}


/* PRAIVATE */
#private {
	margin-left: 24px;
	margin-right: 16px;
	margin-bottom: 24px;
}

#private .arrow{
	padding-left: 10px;
	background: url("/common/images/arrow_story.gif") no-repeat center left;
}

#private p.lead{
	margin-left: 24px;
}

#private form {
	margin: 0;
	padding: 0;
}

#private .product-notice {
	border: 1px solid #666666;
	padding: 0px 6px 0px 6px;
}

.caution{
	font-size: x-small;
	color: #008000;
	line-height:160%;
}

.mypage{
	background-color: #eeeef3;
	font-size: small;
	line-height:120%;
	font-family:"Hiragino Kaku Gothic Pro",Helvetica,Arial,sans-serif;
	color: #999999;
}

.mypage a{
	margin-left: 24px;
	margin-right: 24px;
	font-weight:bold;
	font-family:"Hiragino Kaku Gothic Pro",Helvetica,Arial,sans-serif;
	color: #111111;
}

.submit_flame{
	background-color: #eeeeee;
	font-size: x-small;
	color: #111111;
}

.submit_flame td{
	padding-left: 10px;
}

.registerd_flame{
	margin-top: 5px;
	margin-bottom: 5px;
	background-color: #999999;
	font-size: x-small;
	color: #111111;
}

.registerd_title{
	background-color: #eeeeee;
	color: #000099;
	text-align: center;
}

.registerd_column{
	background-color: #ffffff;
	color: #111111;
	text-align: center;
}