@charset "UTF-8";

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

	@ Style Name	/homepage_esp/css/style.css

--------------------------------------------

		- Reset
		- Layout
		- Clearfix

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

/*------------------------------------------
 *	Reset
------------------------------------------*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, icenter, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    border:0 none;
    font:inherit;
    margin:0;
    padding:0;
    vertical-align:baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display:block;
}

ol, ul {
    list-style:none outside none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after, q:before, q:after {
    content:none;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

img {
    line-height:0;
    vertical-align:bottom;
}

input, select, textarea {
	font-size:100%;
}


/*------------------------------------------
 *	html, body
------------------------------------------*/

html {
	font-size:62.5%;
	-webkit-text-size-adjust:100%;
}

body {
    color:#505050;
	font-family:Arial, Helvetica, sans-serif, serif;   
	font-size:16px;
	font-size:1.6rem;
	-webkit-text-size-adjust:100%;
}

.bodyInner {
	min-width:950px;
	overflow:hidden;
}

h2.ttl {
	color:#404040;
	font-size:22px;
	font-size:2.2rem;
	font-style:oblique;
	letter-spacing:0.05em;
	margin:0 0 12px 0;
	line-height:24px;
}

h2.ttl span {
	font-size:32px;
	font-size:3.2rem;
}

.italic {
	font-style:italic;
}

.bold {
	font-weight:bold;	
}


/*------------------------------------------
/*	Link
------------------------------------------*/

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

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

a:hover {
	color:#2d1500;
}


/*------------------------------------------
/*	Header
------------------------------------------*/

#header {
	width:100%;
	height:446px;
	background:#e7e0cc;
}

#header .mainImg {
	width:1200px;
	height:446px;
	margin:0 auto;
	position:relative;
}

#header .mainImg .btnTop {
	width:84px;
	height:12px;
	line-height:12px;
	position:absolute;
	left:180px;
	top:40px;
}

#header .mainImg .btnTop img:hover {
	box-shadow:#000 0em 0em 0em;
	opacity:0.7;
	filter:alpha(opacity=70);/* ie lt 6,7 */
	-ms-filter:"alpha(opacity=70)"; /* ie 8 */
	zoom:1;
}

#header .mainImg .languageArea {
	position:absolute;
	right:100px;
	top:35px;
	width:240px;
	text-align:right;
}

#header .mainImg .languageArea .language {
	width:240px;
	font-size:13px;
	font-size:1.3rem;
	font-family:"Times New Roman", Times, serif;
	overflow:hidden;
}

#header .mainImg .languageArea .language li {
	float:right;
	width:65px;
	text-align:right;
}

#header .mainImg .languageArea .language li a {
	text-decoration:underline;
}

#header .mainImg .languageArea .language li a:hover {
	text-decoration:none;
}

/*------------------------------------------
/*	sectionFormality
------------------------------------------*/

.sectionFormality {
	width:950px;
	margin:0 auto;
}

.sectionFormality .attention {
	color:#c00202;
	text-align:right;
	margin:5px 0 30px 0;
	font-size:14px;
	font-size:1.4rem;
}

.sectionFormality .txt {
	margin:0 0 10px 0;
}

.sectionFormality .txtArea {
	width:665px;
	letter-spacing:0.06em;
}

.sectionFormality .section01,
.sectionFormality .section02,
.sectionFormality .section03,
.sectionFormality .section04,
.sectionFormality .section05 {
	margin:0 0 90px 0;
}

.sectionFormality .section01 .txtArea,
.sectionFormality .section03 .txtArea,
.sectionFormality .section05 .txtArea {
	float:left;
}

.sectionFormality .section02 .txtArea,
.sectionFormality .section04 .txtArea {
	float:right;
}

.sectionFormality .section01 .imgArea,
.sectionFormality .section03 .imgArea, 
.sectionFormality .section05 .imgArea { 
	float:right;
}

.sectionFormality .section02 .imgArea,
.sectionFormality .section04 .imgArea { 
	float:left;
}

.sectionFormality .section01 .txtArea .space {
	margin:50px 0 8px 0;
}

.sectionFormality .section01 .imgArea .space {
	margin:15px 0 0 0;
}

.sectionFormality .section01 .imgArea,
.sectionFormality .section03 .imgArea,
.sectionFormality .section04 .imgArea,
.sectionFormality .section05 .imgArea {
	width:246px;
}

.sectionFormality .section02 .imgArea {
	width:261px;
}

 
/*------------------------------------------
/*	sectionIntroduce
------------------------------------------*/

.sectionIntroduce {
	width:100%;
	height:643px;
	background:url(/homepage_eng/imgs/bg_introduce.jpg) #3c2201 center center no-repeat;
}
	
.sectionIntroduce .inner {
	color:#fff1e4;
	width:950px;
	margin:0 auto;
	padding:60px 0 60px 0;
}

.sectionIntroduce .inner .content {
	width:950px;
}

.sectionIntroduce .inner .space {
	margin:40px 0 0 0;
}

.sectionIntroduce .inner .content .img {
	width:134px;
	float:left;
}

.sectionIntroduce .inner .content .txtArea {
	width:770px;
	float:right;
}

.sectionIntroduce .inner .content .txtArea .ttl {
	color:#e8e8e8;
	font-size:22px;
	font-size:2.2rem;
	font-style:oblique;
	letter-spacing:0.05em;
	margin:0 0 12px 0;
	line-height:24px;
}

.sectionIntroduce .inner .content .txtArea .txt {
	color:#e8e8e8;
	letter-spacing:0.07em;
	line-height:22px;
}

.sectionIntroduce .inner .content .txtArea .linkArea01 {
	width:950px;
	margin:30px 0 0 0;
}

.sectionIntroduce .inner .content .txtArea .linkArea02 {
	width:950px;
	margin:25px 0 0 0;
}

.sectionIntroduce .inner .content .txtArea .name {
	float:left;
	margin:0 35px 0 0;
}

.sectionIntroduce .inner .content .txtArea .link {
	float:left;
}

.sectionIntroduce .inner .content .txtArea .link a {
	color:#e8e8e8;
	font-size:15px;
	font-size:1.5rem;
	letter-spacing:0.07em;
	line-height:15px;
}

.sectionIntroduce .inner .content .txtArea .link a:visited {
	color:#e8e8e8;
	text-decoration:none;
}

.sectionIntroduce .inner .content .txtArea .link a:hover {
	color:#e8e8e8;
	text-decoration:underline;
}

.sectionIntroduce .inner .content .txtArea .linkArea01 .link {
	margin:6px 0 0 0;
}

.sectionIntroduce .inner .content .txtArea .linkArea02 .link {
	margin:1px 0 0 0;
}

/*------------------------------------------
/*	sectionIntroduce02
------------------------------------------*/

.sectionIntroduce02 {
	width:100%;
	padding:30px 0 30px 0;
	margin:0 0 60px 0;
	background:#492900;
}
	
.sectionIntroduce02 .inner {
	color:#e8e8e8;
	width:950px;
	margin:0 auto;
}

.sectionIntroduce02 .inner .img {
	width:350px;
	float:left;
}

.sectionIntroduce02 .inner .txtArea {
	width:570px;
	float:right;
}

.sectionIntroduce02 .inner .txtArea .txt {
	letter-spacing:0.07em;
	line-height:19px;
	margin:0 0 20px 0;
}

.sectionIntroduce02 .inner .txtArea .performance {
	letter-spacing:0.07em;
	line-height:20px;
}

.sectionIntroduce02 .inner .txtArea h3 {
	font-weight:bold;
	font-size:17px;
	font-size:1.7rem;
	margin:0 0 5px 0;
	letter-spacing:0.04em;
}

.sectionIntroduce02 .inner .txtArea h3 a {
	font-weight:normal;
	font-size:14px;
	font-size:1.4rem;
	color:#fff;
	text-decoration:underline;
}

.sectionIntroduce02 .inner .txtArea h3 a:hover {
	text-decoration:none;
}


/*------------------------------------------
/*	sectionHistory
------------------------------------------*/

.sectionHistory {
	width:820px;
	margin:0 auto;
	padding:75px 0 0 0;
}

.sectionHistory .ttlOwner {
	font-size:24px;
	font-size:2.4rem;
	margin:0 0 5px 0;
	font-style:oblique;
	letter-spacing:0.05em;
}

.sectionHistory .txtOwner {
	font-size:16px;
	font-size:1.6rem;
	font-style:oblique;
	letter-spacing:0.05em;
	margin:0 0 15px 0;
}

.sectionHistory .img {
	margin:0 0 40px 0;
}

.sectionHistory .txt {
	margin:0 0 15px 0;
	letter-spacing:0.07em;
}

.sectionHistory .space {
	margin:30px 0 0 0;
}

.sectionHistory .txt .sign {
	margin:5px 0 0 0;
}

.sectionHistory .imgArea {
	width:658px;
}

.sectionHistory .content03,
.sectionHistory .content05,
.sectionHistory .content08 {
	width:658px;
	margin:0 0 40px 0;
	padding:15px 0 0 0;
	box-shadow:#000 0em 0em 0em;
}

.sectionHistory .content07 {
	text-align:center;
	margin:50px 0 0 0;
}

.sectionHistory .content07 .img {
	margin:0 0 15px 0;
}

.sectionHistory .content07 .txt {
	text-align:left;
	margin:0 0 30px 0;
}

.sectionHistory .content08 {
	padding:0;
	margin:0 0 40px 0;
	text-align:center;
}

.sectionHistory .container {
	width:658px;
	margin:0 0 80px 90px;
}

.sectionHistory .img08 {
	margin:0 0 20px 0;
}

.sectionHistory .taR {
	text-align:right;
}
	
/*------------------------------------------
/*	sectionInformation
------------------------------------------*/

.sectionInformation {
	width:910px;
	padding:0 130px 0 140px;
	background:url(/homepage_eng/imgs/bg_logo.png) right 35px no-repeat;
	margin:0 auto;
}
	
.sectionInformation h2.ttl {
	font-size:24px;
	font-size:2.4rem;
	letter-spacing:0.05em;
	margin:0 0 15px 0;
}
	
.sectionInformation .txt {
	width:760px;
	margin:0 0 20px 0;
	letter-spacing:0.06em;
}

.sectionInformation h3.ttl {
	margin:0 0 10px 0;
}

.sectionInformation h3.ttl span {
	color:#e8e8e8;
	font-size:18px;
	font-size:1.8rem;
	font-style:oblique;
	background:#422c12;
	line-height:32px;
	padding:0 5px 0 5px;
	letter-spacing:0.05em;
}

.sectionInformation .addressArea {
	width:370px;
	margin:0 auto;
	padding:20px 0 0 0;
	overflow:hidden;
}

.sectionInformation .addressArea div {
	float:left;
}

.sectionInformation .addressArea .img {
	margin:40px 0 0 0;
	color: #643800;
	text-align:center;
	font-size:12px;
	font-size:1.2rem;
}

.sectionInformation .addressArea .img a {
	color: #643800;
	text-decoration:underline;
}

.sectionInformation .addressArea .img a:hover {
	text-decoration:none;
}

.sectionInformation .addressArea .img .hover:hover {
	box-shadow:#000 0em 0em 0em;
	opacity:0.7;
	filter:alpha(opacity=70);/* ie 6 7 */
	-ms-filter:"alpha(opacity=70)"; /* ie 8 */
	zoom:1;
}

.sectionInformation .imgProduct {
	width:668px;
	text-align:center;
	margin:120px auto 0;
}


/*------------------------------------------
/*	sectionproductInfo
------------------------------------------*/

.sectionproductInfo {
	width:910px;
	margin:50px auto 50px;
}

.sectionproductInfo .ttl {
	font-size:24px;
	font-size:2.4rem;
	letter-spacing:0.05em;
	margin:0 0 15px 0;
}

.sectionproductInfo .content01,
.sectionproductInfo .content02,
.sectionproductInfo .content03,
.sectionproductInfo .content04,
.sectionproductInfo .content05 {
	margin:0 0 30px 0;
}

.sectionproductInfo .content03 {
	width:950px;
	text-align:center;
}

.sectionproductInfo .content04 {
	overflow:hidden;	
}

.sectionproductInfo .content04 .txtArea {
	width:670px;
	float:left;
}

.sectionproductInfo .content04 .img {
	width:200px;
	float:right;
	text-align:center;
}

.sectionproductInfo .content04 .img a {
	color:#643800;
	font-size:1.4px;
	font-size:1.4rem;
}

.sectionproductInfo .content04 .img a:hover {
	text-decoration:underline;
}
	
.sectionproductInfo .txt {
	font-size:16px;
	font-size:1.6rem;
	letter-spacing:0.05em;
	margin:0 0 20px 0;
}

.sectionproductInfo .list {
	list-style:outside none;
	margin:0 0 15px 0;
}

/*------------------------------------------
/*	pageTop
------------------------------------------*/
.pageTop {
	text-align:right;
	font-size:1.4rem;
	font-size:14px;
	line-height:14px;
	margin:35px 0 0 0;
}

.pageTop a {
	display:inline-block;
	background:url(/homepage_eng/imgs/ico_arrow.jpg) 0 3px no-repeat;
	padding:0 0 0 20px;
	color:#643800;
}

.pageTop a:hover {
	text-decoration:underline;
}

.backHome:hover {
	box-shadow: #000 0em 0em 0em;
	opacity:0.7;
}

.corporateTop {
	text-align:right;
	font-size:14px;	
	clear:both;
	padding:30px 0 0 0;
}

.corporateTop a {
	color:#643800;
	text-decoration:underline;
}

.corporateTop a:hover {
	text-decoration:none;
}

/*------------------------------------------
/*	slider
------------------------------------------*/
.content05 {
	overflow:hidden;	
}

#craftsmanImg {
	width:328px;
	height:492px;
	float:left;
    position:relative;
	overflow:hidden;
}

#slider {
    width:328px;
    height:492px;
    overflow:hidden;
    position:relative;
}
 
#slider li {
    float:left;
    width:328px;
    position: absolute;
	display:none;
}
 
#slider li img {
    width:100%;
}

.thumbnailArea {
	overflow:hidden;
	width:316px;
	float:right;
	padding:35px 7px 0 7px;
}

.thumbnailArea .thumbnail {
	width:100px;
	float:left;
	margin:0 6px 8px 0;
	cursor:pointer;
}

.thumbnailArea .m0 {
	margin:0;
}

.textClick {
	margin:0 0 15px 0;
	font-size:1.6rem;
	font-size:16px;
	clear:left;	
}

/*------------------------------------------
/*	footer
------------------------------------------*/

#footer {
	width:910px;
	text-align:center;
	margin:0 auto;
	padding:0 0 50px 0;
}

#footer .copyright {
	margin:20px 0 0 0;
	line-height:24px;
	letter-spacing:0.05em;
}

#footer .copyright a:hover {
	box-shadow:#000 0em 0em 0em;
	opacity:0.7;
	filter:alpha(opacity=70);        /* ie 6 7 */
	filter:alpha(opacity=70);        /* ie lt 8 */
	-ms-filter:"alpha(opacity=70)"; /* ie 8 */
	zoom:1;
}

/* --------------------------------------------------
    clearfix
-------------------------------------------------- */

.sectionFormality .section01:after,
.sectionFormality .section02:after,
.sectionFormality .section03:after,
.sectionFormality .section04:after,
.sectionFormality .section05:after,
.sectionIntroduce .inner .content:after,
.sectionIntroduce .inner .content .txtArea .linkArea01:after,
.sectionIntroduce .inner .content .txtArea .linkArea02:after,
.sectionInformation .addressArea:after,
.sectionHistory .imgArea:after,
.sectionIntroduce02 .inner:after {
	visibility: hidden;
	clear: both;
	display: block;
	content: " ";
	height: 0;
	font-size: 0;
}

.sectionFormality .section01,
.sectionFormality .section02,
.sectionFormality .section03,
.sectionFormality .section04,
.sectionFormality .section05,
.sectionIntroduce .inner .content,
.sectionIntroduce .inner .content .txtArea .linkArea01,
.sectionIntroduce .inner .content .txtArea .linkArea02,
.sectionInformation .addressArea,
.sectionHistory .imgArea,
.sectionIntroduce02 .inner {
  	zoom: 1;
}