@charset "utf-8";

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin: 0; padding: 0; }
a img,:link img,:visited img { border: none; }

body {
font-family: Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-size: 17px;
  color: #000;
  background-color: #efefef;
  padding-bottom: 20px;
  line-height: 2.2em;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

.engText {
  font-size: 14px;

}

a:link {
  color:#cc9933;
    text-decoration: none;
}

a:visited {
  color:#b59554;
    text-decoration: none;
}

a:hover {
  color: #fba700;
  text-decoration: underline;
}


input, textarea, select {
  padding: 2px;
  font-size: 100%;
  vertical-align: middle;
}




.float-left {
  float: left;
}

.float-right {
  float: right;
}

.clear {
  clear: both;
}

.center {
  text-align: center;
}

.left {
  text-align: left;
}

.right {
  text-align: right;
}
.small {
	font-size:90%;
	margin-left:5px;
	margin-right:5px;
}


.wrap {
  /*white-space: pre;*/           /* CSS 2.0 */
  /*white-space: pre-wrap;*/      /* CSS 2.1 */
  /*white-space: pre-line;*/      /* CSS 3.0 */
  /*white-space: -pre-wrap;*/     /* Opera 4-6 */
  /*white-space: -o-pre-wrap;*/   /* Opera 7 */
  /*white-space: -moz-pre-wrap;*/ /* Mozilla */
  /*white-space: -hp-pre-wrap;*/  /* HP Printers */
  word-wrap: break-word;      /* IE 5+ */
  word-break: break-word;     /* Safari */
}

/* ========== header kyotsu ========== */
#headerarea {
  width:100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #efefef; 
  margin-top:20px; 
  margin-bottom:30px; 
  height:330px;
}

#SNS {
  width:1200px;
  height:26px;
  background-color: #efefef;   
  margin: auto;
}

#SNS .sitetitle {
	padding:0;
	margin:0;
	font-size:10px;
	font-family: helvetica,  sans-serif;
	font-weight:bold;
	display:table-cell;
	height:17px;
	margin-right:10px;
	padding-top:7px;
	padding-bottom:2px;	
	letter-spacing:0.1em;
	line-height:1.6em;
	float:right;
}

#SNS .sns_btns {
	padding:0;
	margin:0;
  	height:26px;	
	float:right;
}
#SNS .sns_btns img {
	width:24px;
 	height:24px; 
}
#SNS .englishbtn {
	padding:0;
	margin:0;
	margin-left:10px;
}
#SNS .sns_btns img.englishbtn {
	width:50px;
 	height:20px; 
}
#SNS .sns_btns img.webshopbtn {
	width:87px;
 	height:20px; 
}


#logo_img {
	clear:both;
	width:1200px;
 	height:240px;
 	padding-left:0px;
 	margin-top:0px;
 	padding-top:60px;
 	padding-bottom:0px;
 	text-align:center;
 	margin: auto;  
 	border-bottom:solid 1px #000;
}

#logo_img img {
	width:184px;
 	height:184px; 
}


#header {
   position: absolute;
   top: 350px;
   width:100%;
   background-color: #efefef;  
 	z-index: 1;
    }



#navigation {
 padding:0;
 margin:auto;
   width:1200px;
  height:138px;
  clear:both; 
}

#header.follow {
    position: fixed;
    top: 0;
}


/* ========== menu ========== */
#navigation #menu {
  margin: 0;
  padding:0;
  width:1200px;
  height:60px;
}

#navigation #menu img {
   width: 200px;
   height:55px;

}

#menu ul {
  list-style: none;
}

#menu li {
  float: left;
  width: 218px;
  height:60px;
  margin: 0;
  padding: 0;
  padding-left:11px;
  padding-right:11px;
}





#menu li.last {
  float: left;
  width: 218px;
  height:60px;
  margin: 0;
  padding: 0;
  padding-left:11px;
  padding-right:11px;
}


#menu li a {
  display: block;
  margin: 0;
  padding: 0; 
  height:60px; 
  width: 190px;
  text-decoration: none;
  text-align: center;
  color: #333;
  font-size: 12px;
  letter-spacing:0.1em;
  font-weight: normal;
  line-height: 16px;
  border: none;
  text-decoration: none;
}

#menu li a:hover {
  
   }

#menu li a.current {

}

#menu li a:hover.current {

}







/* ========== content kyotsu ========== */

#wrap {
	margin-top:140px;
    width:100%;
    background-color: #efefef;
    display:block;
   text-align:center;
   clear:both; 
}

#mainarea {
    background-color: #efefef; 
    width:1200px;
    margin:auto;
    margin-top:50px;
    text-align:center;
    display:block;
}

#contentarea {
  clear:both;
  width: 1000px;
  margin:auto;
  text-align:left;
  padding-top:50px;
}




h2 {
 padding-left:10px;
 padding-bottom:3px;
 padding-top:3px;
 font-size:16px;
 font-weight:bold;
 margin-bottom:30px;
 letter-spacing:0.1em;
}

h3 {
 font-size:15px;
 font-weight:bold;
  color:#4f3f2a;
  letter-spacing:0.1em; 
}
h4 {
 font-size:14px;
 font-weight:bold;
  color:#4f3f2a;
}

.english {
  font-family: helvetica, san-serif;
  font-size: 14px;
  font-style:italic;
  line-height:1.2em;
}






/* ========== footer ========== */
#footer {
  clear:both;
  padding:15px 0px 0px 0px;
  text-align:center;
  height:30px;
  margin:auto;
  margin-top:100px;
  font-size:16px;
  font-style:normal;
  color:#999;
  background-color: #efefef;
}