@charset "utf-8";
/* =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, i, center, 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 { margin: 0; padding: 0; border: 0; font-size: 13px; vertical-align: baseline; }

body { line-height: 1; font-size: 13px; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

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

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

caption, th, td { font-weight: normal; text-align: left; }

h1, h2, h3, h4, h5, h6 { clear: both; }

html { overflow-y: scroll; font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

a:focus { outline: thin dotted; }

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

audio, canvas, video { display: inline-block; }

audio:not([controls]) { display: none; }

del { color: #333; }

ins { background: #fff9c0; text-decoration: none; }

hr { background-color: #ccc; border: 0; height: 1px; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

small { font-size: smaller; }

img { border: 0; -ms-interpolation-mode: bicubic; }

/* variables */
html { width: 640px; }

.clearfix:after { content: "."; display: block; height: 0; font-size: 0; clear: both; visibility: hidden; }

.clearfix { display: inline-block; }

/* Hides from IE Mac */
* html .clearfix { height: 1%; }

.clearfix { display: block; }

/* End Hack */
a { text-decoration: none; }

body { background: #fff; font-size: 14px; font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif; }

#bar { position: absolute; height: 120px; }
#bar #logo { width: 519px; height: 120px; background: #fff; float: left; border-right: 1px solid #ddd; text-align: center; }

#menu-wrapper #menu { width: 120px; height: 120px; margin: 0 0 0 519px; text-align: center; }
#menu-wrapper #menu img { width: 52px; height: 45px; margin: 38px auto 0 auto; }
#menu-wrapper #menu-list { background: #eee; }
#menu-wrapper #menu-list #menu-inside { margin: 0 40px 0 40px; padding: 30px 0 10px 0; }
#menu-wrapper #menu-list #menu-inside li { width: 560px; margin: 0 0 25px 0; background: white url(../img/header/arrow.gif) right no-repeat; }
#menu-wrapper #menu-list #menu-inside li .btn-area { padding: 20px 30px; display: block; }

#footer { margin: 60px 0 0 0; }
#footer #menu-list { background: #eee; }
#footer #menu-list #menu-inside { margin: 0 40px 0 40px; padding: 30px 0 10px 0; }
#footer #menu-list #menu-inside li { width: 560px; margin: 0 0 25px 0; background: white url(../img/header/arrow.gif) right no-repeat; }
#footer #menu-list #menu-inside li .btn-area { padding: 20px 30px; display: block; }
#footer #menu-list #menu-inside li.copyright { background: transparent; margin: 40px 0 0px 0; padding: 0; }

#list-wrapper #listSwitch div { width: 320px; padding: 20px 0 14px 0; float: left; text-align: center; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }
#list-wrapper #list #nameList { position: absolute; }
#list-wrapper #list #nameList ul { width: 640px; }
#list-wrapper #list #nameList ul li { border-bottom: 1px solid #ddd; background: white url(../img/header/arrow.gif) right no-repeat; }
#list-wrapper #list #nameList ul li a { color: #000; }
#list-wrapper #list #nameList ul li .j-name { padding: 0 20px 0 0; font-size: 35px; font-weight: bold; line-height: 1.7; }
#list-wrapper #list #nameList ul li .e-name { font-size: 20px; line-height: 1.7; }
#list-wrapper #list #nameList ul li .btn-area { padding: 20px 0 20px 30px; display: block; }
#list-wrapper #list #thumbnailList { position: relative; }
#list-wrapper #list #thumbnailList ul li { float: left; padding: 20px; border-bottom: 1px solid #ddd; }

#designerName { padding: 20px 30px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }
#designerName .j-name { padding: 0 20px 0 0; font-size: 30px; font-weight: bold; line-height: 1.4; }
#designerName .e-name { font-size: 18px; }

#photo-wrapper { padding: 0 0 20px 0; }
#photo-wrapper li { padding: 30px 30px 0 30px; }
#photo-wrapper li img { width: 580px; }

#staff ul { padding: 10px 30px 30px 30px; float: right; }
#staff ul li { text-align: right; }
#staff ul li .job { font-size: 18px; font-weight: bold; line-height: 1.6; }
#staff ul li .name { font-size: 18px; line-height: 1.6; }

#profile { margin: 180px 0 0 0; padding: 0 30px 50px 30px; }
#profile #profPhoto { margin: 20px 0 0 0; }
#profile #profPhoto img { width: 200px; float: left; }
#profile #profPhoto #profName { width: 330px; margin: 0 0 0 0; padding: 0 0 0 20px; border-left: 3px solid #000; float: right; }
#profile #profPhoto #profName .j-name { padding: 0 20px 10px 0; font-size: 36px; font-weight: bold; line-height: 1.4; }
#profile #profPhoto #profName .e-name { font-size: 24px; }
#profile #profPhoto #profName .swaro { margin: 15px 0 0 0; }
#profile #profPhoto #profName .swaro img { width: 150px; }
#profile #profText .title { margin: 30px 0 0 0; padding: 0 0 35px 0; font-size: 30px; font-weight: bold; }
#profile #profText .title .e-title { margin: 0 10px 0 0; font-size: 36px; font-weight: bold; }
#profile #profText .title .j-title { font-size: 24px; }
#profile #profText .title.history { margin: 50px 0 0 0; }
#profile #profText .txt { padding: 0 0 40px 0; font-size: 26px; line-height: 1.4; }
#profile #profText .txt ul li { line-height: 1.7; }
#profile #profText .txt ul li .key { float: left; font-size: 26px; word-wrap: normal; }
#profile #profText .txt ul li .value { float: left; font-size: 26px; }
#profile #profText hr { height: 1px; margin: 50px 0 100px 0; border-color: #ccc; }
#profile #profText hr.txt-spacer { margin: 0 auto 40px auto; background-color: #fff; border-bottom: 1px dashed #ccc; }

#contact { margin: 20px 0; padding: 0 0 40px 30px; clear: both; }

#contents { padding: 30px; border-top: 1px solid #ddd; }

#support-list { width: 300px; margin: 0 auto; }
#support-list li { padding: 0 0 60px 0; text-align: center; font-size: 18px; line-height: 1.5; }
#support-list li a { color: #666; font-size: 18px; line-height: 1.5; }

.staff { margin: 40px 0 0 0; line-height: 1.4; }
.staff .name-wrapper { margin: 0 0 40px 0; }
.staff p.position { padding: 0 0 5px 0; font-size: 22px; font-weight: bold; }
.staff p.name { font-size: 18px; }
.staff .name-co { font-size: 19px; }
.staff .name-en { font-size: 18px; }
.staff a { color: #000; }

#msg { margin: 20px 0 0 0; }
#msg .bar { margin: 15px 0 0 0; padding: 20px 15px; color: #000; font-size: 30px; border: 1px solid #ddd; }
#msg .inside { padding: 30px 20px; font-size: 20px; line-height: 1.5; border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; }
#msg .name-wrapper { padding: 0 0 40px 0; }
#msg .name-wrapper p.position { font-size: 19px; line-height: 1.4; }
#msg .name-wrapper p.name { font-size: 26px; font-weight: bold; }
#msg .msg-txt { padding: 0 0 60px 0; font-size: 17px; }
#msg .msg-txt-en { padding: 0 0 40px 0; font-size: 17px; }

#bfgu .bfgu-info { margin: 50px 0 0 0; font-size: 20px; line-height: 1.5; }
#bfgu .bfgu-info .name { margin: 0 0 10px 0; font-size: 24px; line-height: 1.7; }
#bfgu .bfgu-info .en, #bfgu .bfgu-info .en a { font-size: 20px; line-height: 1.5; }
#bfgu .bfgu-info a { color: #000; }

#first { text-align: center; position: relative; }
#first #arrow { position: absolute; bottom: 0; left: 271px; }