/*! normalize.css v2.1.0 | MIT License | git.io/normalize */
/* ========================================================================== HTML5 display definitions ========================================================================== */
/** Correct `block` display not defined in IE 8/9. */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }

/** Correct `inline-block` display not defined in IE 8/9. */
audio, canvas, video { display: inline-block; }

/** Prevent modern browsers from displaying `audio` without controls. Remove excess height in iOS 5 devices. */
audio:not([controls]) { display: none; height: 0; }

/** Address styling not present in IE 8/9. */
[hidden] { display: none; }

/* ========================================================================== Base ========================================================================== */
/** 1. Set default font family to sans-serif. 2. Prevent iOS text size adjust after orientation change, without disabling user zoom. */
html { font-family: sans-serif; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -ms-text-size-adjust: 100%; /* 2 */ }

/** Remove default margin. */
body { margin: 0; }

/* ========================================================================== Links ========================================================================== */
/** Address `outline` inconsistency between Chrome and other browsers. */
a:focus { outline: thin dotted; }

/** Improve readability when focused and also mouse hovered in all browsers. */
a:active, a:hover { outline: 0; }

/* ========================================================================== Typography ========================================================================== */
/** Address variable `h1` font-size and margin within `section` and `article` contexts in Firefox 4+, Safari 5, and Chrome. */
h1 { font-size: 2em; margin: 0.67em 0; }

/** Address styling not present in IE 8/9, Safari 5, and Chrome. */
abbr[title] { border-bottom: 1px dotted; }

/** Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome. */
b, strong { font-weight: bold; }

/** Address styling not present in Safari 5 and Chrome. */
dfn { font-style: italic; }

/** Address differences between Firefox and other browsers. */
hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }

/** Address styling not present in IE 8/9. */
mark { background: #ff0; color: #000; }

/** Correct font family set oddly in Safari 5 and Chrome. */
code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; }

/** Improve readability of pre-formatted text in all browsers. */
pre { white-space: pre-wrap; }

/** Set consistent quote types. */
q { quotes: "\201C" "\201D" "\2018" "\2019"; }

/** Address inconsistent and variable font size in all browsers. */
small { font-size: 80%; }

/** Prevent `sub` and `sup` affecting `line-height` in all browsers. */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

/* ========================================================================== Embedded content ========================================================================== */
/** Remove border when inside `a` element in IE 8/9. */
img { border: 0; }

/** Correct overflow displayed oddly in IE 9. */
svg:not(:root) { overflow: hidden; }

/* ========================================================================== Figures ========================================================================== */
/** Address margin not present in IE 8/9 and Safari 5. */
figure { margin: 0; }

/* ========================================================================== Forms ========================================================================== */
/** Define consistent border, margin, and padding. */
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

/** 1. Correct `color` not being inherited in IE 8/9. 2. Remove padding so people aren't caught out if they zero out fieldsets. */
legend { border: 0; /* 1 */ padding: 0; /* 2 */ }

/** 1. Correct font family not being inherited in all browsers. 2. Correct font size not being inherited in all browsers. 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome. */
button, input, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 2 */ margin: 0; /* 3 */ }

/** Address Firefox 4+ setting `line-height` on `input` using `!important` in the UA stylesheet. */
button, input { line-height: normal; }

/** Address inconsistent `text-transform` inheritance for `button` and `select`. All other form control elements do not inherit `text-transform` values. Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+. Correct `select` style inheritance in Firefox 4+ and Opera. */
button, select { text-transform: none; }

/** 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls. 2. Correct inability to style clickable `input` types in iOS. 3. Improve usability and consistency of cursor style between image-type `input` and others. */
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ }

/** Re-set default cursor for disabled elements. */
button[disabled], html input[disabled] { cursor: default; }

/** 1. Address box sizing set to `content-box` in IE 8/9. 2. Remove excess padding in IE 8/9. */
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }

/** 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome. 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome (include `-moz` to future-proof). */
input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; }

/** Remove inner padding and search cancel button in Safari 5 and Chrome on OS X. */
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/** Remove inner padding and border in Firefox 4+. */
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/** 1. Remove default vertical scrollbar in IE 8/9. 2. Improve readability and alignment in all browsers. */
textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ }

/* ========================================================================== Tables ========================================================================== */
/** Remove most spacing between table cells. */
table { border-collapse: collapse; border-spacing: 0; }

.pie-element { behavior: url("/css/PIE.htc"); position: relative; }

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

.txt-red { color: #ac272d; }

.reset { margin: 0; padding: 0; }
.reset li { list-style: none; }

.clear { overflow: hidden; *zoom: 1; }

body > section, body > section > .bg, body > section > .bg-mask { width: 100%; height: 768px; }

section { font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif; position: relative; overflow: hidden; }
section > .bg { position: absolute; top: -100%; left: 0; background: transparent center no-repeat; background-size: cover; z-index: 5; }
section > .bg-mask { position: absolute; top: 0; left: 0; z-index: 1; background: #efefef; }
section > .story { position: relative; z-index: 10; }

.story { width: 900px; padding-right: 0; margin: 0 auto; text-align: left; position: relative; top: 768px; }
.story .box-white { padding: 50px 40px 30px; background: rgba(255, 255, 255, 0.6);
	background: #fff\9; /* IE8 以下 */}
.story .box-white .excerpt { top: 0; width: 100%; padding: 0; background: none; }
.story h2 { font-family: "David", Times, serif; font-size: 48px; line-height: 52px; font-weight: normal; margin-bottom: 20px; }
.story h2:first-letter, .story h2 > .upper { font-size: 80px; font-weight: normal; }
.story h2 .txt-small { font-size: 24px; }
.story h2 .block-element { display: block; }
.story .excerpt { width: 600px; text-align: justify; padding: 30px 30px 10px; background: rgba(255, 255, 255, 0.3); position: relative; }
.story .excerpt p { font-size: 14px; }
.story .excerpt a { color: #754c24; font-weight: bold; }

#introduction { z-index: 10; }
#introduction .bg-mask { background: white; }
#introduction .story { padding-top: 125px; min-height: 450px; top: 0; }
#introduction .story h2 { margin-right: 345px; }
#introduction .story .excerpt { top: -30px; left: -30px; width: auto; margin-right: 290px; }
#introduction .story .nav { position: absolute; right: 0; top: 125px; width: 280px; }
#introduction .story .nav li { float: left; margin-left: 10px; margin-bottom: 10px; }
#introduction .story .nav li a { display: block; width: 100px; height: 100px; }
#introduction .story .nav li img { width: 100%; height: auto; }

#kabazaiku { z-index: 9; }
#kabazaiku .bg { background-image: url("../english/img/craft/national/img01.jpg"); }
#kabazaiku .story { padding-top: 50px; }
#kabazaiku .story h2 { color: #3c1206; }
#kabazaiku .story .excerpt { top: -30px; left: -30px; width: auto; margin-right: 420px; background: none; }

#kawatsuralacquer { z-index: 8; }
#kawatsuralacquer .bg { background-image: url("../english/img/craft/national/img02.jpg"); }
#kawatsuralacquer .story { padding-top: 75px; }
#kawatsuralacquer .story h2 { color: #222; }
#kawatsuralacquer .story .excerpt { top: 0; margin-right: 480px; width: auto; padding-top: 10px; }

#magewappa { z-index: 7; }
#magewappa .bg { background-image: url("../english/img/craft/national/img03.jpg"); }
#magewappa .story { padding-top: 50px; }
#magewappa .story h2 { color: #333; margin-left: 484px; text-align: right; }
#magewappa .story .excerpt { width: auto; margin-left: 490px; padding-top: 10px; }

#cedarcasks { z-index: 6; }
#cedarcasks .bg { background-image: url("../english/img/craft/national/img04.jpg"); }
#cedarcasks .story { padding-top: 50px; }
#cedarcasks .story h2 { color: #846345; }
#cedarcasks .story .excerpt { top: -30px; left: -30px; width: auto; margin-right: 420px; background: none; }

#itayazaiku { z-index: 4; }
#itayazaiku .bg { background-image: url("../english/img/craft/pref/img01.jpg"); }
#itayazaiku .story { padding-top: 50px; }
#itayazaiku .story h2 { margin-top: 0; }
#itayazaiku .story h2 .block-element { text-align: right; }
#itayazaiku .story .box-white { margin-right: 440px; }

#kawatsurakokeshi { z-index: 5; }
#kawatsurakokeshi .bg { background-image: url("../english/img/craft/pref/img02.jpg"); }
#kawatsurakokeshi .story { padding-top: 50px; }
#kawatsurakokeshi .story h2 { color: white; text-align: right; }
#kawatsurakokeshi .story .excerpt { width: auto; margin-left: 480px; padding-top: 10px; }

#ginsenzaiku { z-index: 3; }
#ginsenzaiku .bg { background-image: url("../english/img/craft/pref/img03.jpg"); }
#ginsenzaiku .story { padding-top: 175px; }
#ginsenzaiku .story .box-white { margin-right: 390px; }
#ginsenzaiku .story h2 { margin: 0 0 20px; text-align: justify; color: #0b0b1f; }
#ginsenzaiku .story h2 .block-element { text-align: right; }

#omagarifireworks { z-index: 2; }
#omagarifireworks .bg { background-image: url("../english/img/craft/pref/img04.jpg"); }
#omagarifireworks .story { padding-top: 125px; }
#omagarifireworks .story .box-white { margin-left: 400px; }
#omagarifireworks .story h2 { margin: 0 0 20px; text-align: justify; }

#about { z-index: 1; }
#about .bg { top: 0; background-image: url("../english/img/about/bg.jpg"); }
#about .story { padding-top: 2.5em; top: 0; }
#about .story h2 { margin-top: 0; }
#about .story .excerpt { top: 0; left: -30px; width: auto; margin-right: 150px; padding-top: 0; background: none; }
#about .story .photo li { float: left; margin-right: 10px; width: 165px; }
#about .story .photo li img { width: 100%; height: auto; }