@charset "utf-8";
body { background: black url(../img/bg-img.jpg) no-repeat fixed 45px bottom; width: 80%; height: 80%; z-index: 0; min-width: 500px; min-height: 400px; max-width: 1024px; max-height: 760px; margin: 0; padding: 0; }
.logo { color: white; font-size: 25px; line-height: 20px; text-decoration: none; position: absolute; top: 50px; left: 780px; width: 149px; height: 20px; margin: 0; padding: 0; border: black; }
.logo a { background-image: url(../img/icon/707logo.jpg); background-repeat: no-repeat; text-indent: -1400px; position: absolute; width: 149px; cursor: crosshair; }
.logo a:hover { background-image: url(../img/icon/707logo_h.jpg); background-repeat: no-repeat; text-indent: -1400px; position: absolute; width: 149px; }
a { color: white; text-decoration: none; border: 0 ; }
#box { color: black; background-image: url(../img/bg-img3.jpg); background-repeat: no-repeat; background-attachment: fixed; background-position: 140px top; width: 800px; height: 800px; z-index: 1; overflow: visible; margin: 0; padding: 0; }
#flashcontent { background-repeat: no-repeat; background-position: 0 top; text-align: center; position: absolute; top: -14px; left: 50px; width: 600px; z-index: 2; margin: 0; padding: 0; }
.name { color: white; font-size: 13px; font-family: geneva, arial, times; line-height: 15px; text-decoration: none; text-align: center; position: absolute; top: 480px; width: 800px; z-index: 20; display: block; }
.studio { color: white; font-size: 11px; font-family: geneva, arial, times; line-height: 14px; text-decoration: none; text-align: center; position: absolute; top: 496px; width: 800px; z-index: 20; display: block; }
.works { color: white; font-size: 16px; font-family: geneva, arial, times; text-decoration: none; text-align: center; position: absolute; top: 230px; left: 373px; z-index: 20; }
.space { color: white; font-size: 10px; font-family: geneva, arial, times; text-decoration: none; text-align: center; position: absolute; top: 253px; left: 339px; z-index: 20; }
*html .works { color: white; font-size: 16px; font-family: geneva, arial, times; text-decoration: none; text-align: center; position: absolute; top: 230px; left: 373px; z-index: 20; }
*html .space { color: white; font-size: 11px; font-family: geneva, arial, times; text-decoration: none; text-align: center; position: absolute; top: 243px; left: 339px; z-index: 20; }
/**/
#g_navi { text-align: left; position: absolute; top: 70px; left: 740px; z-index: 20; }
#g_navi ul { text-align: left; }
#g_navi ul li { color: black; font-size: 11px; font-family: "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", Osaka−等幅, Osaka, 平成角ゴシック; line-height: 13px; background-color: silver; text-align: center; width: 110px; height: 14px; margin-top: 20px; margin-bottom: 0; margin-left: 0; padding: 0; list-style-type: none; }
#g_navi a { color: black; font-size: 11px; line-height: 13px; background-color: white; text-decoration: none; height: 14px; margin: 0; padding: 0; cursor: crosshair; display: block; }
#g_navi a:hover { font-family: "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", Osaka−等幅, Osaka, 平成角ゴシック; background-color: silver; text-decoration: none; height: 14px; margin: 0; padding: 0; cursor: crosshair; display: block; }
#g_navi li.about { text-decoration: none; position: absolute; top: 414px; left: 40px; height: 14px; margin: 30px 0 0; padding: 0; }
#g_navi li.event { position: absolute; top: 125px; left: 40px; height: 14px; margin: 0; padding: 0; }
#g_navi li.design { position: absolute; top: 160px; height: 14px; margin: 0; padding: 0; }
#g_navi li.demand { position: absolute; top: 195px; height: 14px; margin: 0; padding: 0; }
#g_navi li.produce { position: absolute; top: 90px; height: 14px; margin: 0; padding: 0; }
#g_navi li.heart { text-decoration: none; position: absolute; top: 230px; height: 14px; margin: 0; padding: 0; }
#g_navi li.tag { position: absolute; top: 55px; height: 14px; margin: 0; padding: 0; }
#g_navi li .brand { top: 55px; left: 40px; height: 14px; margin: 0; padding: 0; }
#g_navi_on a { line-height: 8px; background-color: silver; height: 14px; margin: 0; padding: 8px 0 0; }
/**/
.main { text-align: center; position: absolute; top: 90px; left: 270px; width: 480px; height: 438px; z-index: 15; margin: 0; padding: 0; }
*:first-child+html .main { text-align: left; position: absolute; top: 90px; left: 273px; }
*html .main { text-align: left; position: absolute; top: 90px; width: 470px; margin: 0; padding: 0; }
.main ul { margin: 0; padding: 0; }
.main ul li { line-height: 10px; float: left; margin: 0; padding: 0 26px 22px 0; list-style-type: none; display: block; }
.main a { color: black; position: relative; z-index: 15; margin: 0; padding: 0; }
.title { color: white; font-size: 16px; font-family: "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", Osaka−等幅, Osaka, 平成角ゴシック; font-weight: bold; line-height: 20px; text-decoration: none; text-align: center; position: absolute; top: 62px; left: 250px; width: 480px; z-index: 15; }
.title2 { color: white; font-size: 20px; font-family: "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", Osaka−等幅, Osaka, 平成角ゴシック; font-weight: 100; line-height: 20px; text-decoration: none; text-align: center; position: absolute; top: 270px; left: 350px; width: 980px; z-index: 15; }
.contents { color: white; font-size: 9px; font-family: "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", Osaka−等幅, Osaka, 平成角ゴシック; line-height: 12px; text-align: justify; position: absolute; top: 120px; left: 170px; width: 500px; height: 412px; z-index: 20; margin: 0; padding: 0; }
#heartext { font-size: 11px; font-family: "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", Osaka−等幅, Osaka, 平成角ゴシック; line-height: 17px; text-decoration: none; text-align: justify; position: absolute; top: 110px; left: 270px; width: 450px; height: 400px; z-index: 15; overflow: auto; margin: 0; padding: 0 5px 0 0; }
#heading { color: white; font-size: 14px; font-family: "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", Osaka−等幅, Osaka, 平成角ゴシック; font-weight: bold; line-height: 13px; text-align: left; position: absolute; top: 88px; left: 200px; width: 500px; z-index: 15; margin-left: -60px; }
#eng { font-size: 8px; line-height: 20px; text-align: left; width: 490px; }
.contents2 { color: white; font-size: 9px; font-family: "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", Osaka−等幅, Osaka, 平成角ゴシック; line-height: 12px; position: absolute; top: 0; right: 70px; z-index: 15; }
.text { color: white; font-size: 10px; font-family: "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", Osaka−等幅, Osaka, 平成角ゴシック; line-height: 14px; text-align: justify; position: absolute; top: 120px; left: 200px; width: 463px; height: 412px; z-index: 20; margin: 0; padding: 0; }
/**/
.pre { color: white; font-size: 21px; position: absolute; top: 534px; left: 680px; z-index: 50; }
.pre a { color: white; text-decoration: none; }
.pre a:hover { color: silver; text-decoration: none; }
.next { color: white; font-size: 23px; line-height: 23px; vertical-align: middle; position: absolute; top: 536px; left: 700px; z-index: 50; margin-top: 2px; margin-bottom: 2px; }
.next a { color: white; text-decoration: none; }
.next a:hover { color: silver; text-decoration: none; }
*:first-child+html .pre { color: white; font-size: 30px; font-weight: bold; position: absolute; top: 525px; left: 683px; }
*:first-child+html .next { color: white; font-size: 30px; font-weight: bold; position: absolute; top: 525px; left: 700px; }
/**/
.mail { color: white; font-size: 11px; text-decoration: none; text-align: center; position: absolute; top: 65px; left: 760px; width: 150px; cursor: crosshair; }
.mail a:hover { color: gray; text-decoration: none; cursor: crosshair; }
*html .mail { color: white; font-size: 11px; font-family: "ＭＳ Ｐゴシック", "ＭＳ ゴシック", "ヒラギノ角ゴ Pro W3", Osaka−等幅, Osaka, 平成角ゴシック; text-decoration: none; position: absolute; top: 67px; left: 762px; width: 150px; }
*html .mail a:hover { color: gray; font-size: 11px; font-family: "ＭＳ Ｐゴシック", "ＭＳ ゴシック", "ヒラギノ角ゴ Pro W3", Osaka−等幅, Osaka, 平成角ゴシック; text-decoration: none; cursor: crosshair; }
*:first-child+html .mail { color: white; font-size: 11px; font-family: "ＭＳ Ｐゴシック", "ＭＳ ゴシック", "ヒラギノ角ゴ Pro W3", Osaka−等幅, Osaka, 平成角ゴシック; text-decoration: none; position: absolute; top: 67px; left: 758px; width: 150px; }
*:first-child+html .mail a:hover { color: gray; font-size: 11px; font-family: "ＭＳ Ｐゴシック", "ＭＳ ゴシック", "ヒラギノ角ゴ Pro W3", Osaka−等幅, Osaka, 平成角ゴシック; text-decoration: none; cursor: crosshair; }
#bold { color: white; font-weight: bold; }
/**/
.faq { color: white; font-size: 11px; font-family: "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", Osaka−等幅, Osaka, 平成角ゴシック; line-height: 14px; text-decoration: none; position: absolute; top: 120px; left: 140px; width: 580px; height: 412px; z-index: 30; overflow: auto; }
.faq li { text-align: justify; left: 10px; margin-bottom: 13px; padding: 10px; border: solid 1px white; list-style-type: none; list-style-position: inside; display: block; }
.faq ul { left: 10px; width: 550px; margin: 0; padding: 0; list-style-type: none; }
.faq li a { color: white; text-decoration: none; }
.faq li a:hover { color: silver; text-decoration: none; cursor: crosshair; }
/**/
#art { text-align: center; vertical-align: middle; position: absolute; top: 50px; left: 290px; width: 450px; height: 400px; z-index: 15; margin-top: 40px; padding-bottom: 0; display: table-cell; }
#brand { text-align: left; vertical-align: middle; position: absolute; top: 50px; left: 240px; width: 400px; height: 400px; z-index: 15; margin-top: 40px; padding-right: 5px; padding-bottom: 5px; display: table-cell; }
#brand2 { text-align: left; vertical-align: middle; position: absolute; top: 50px; left: 545px; width: 215px; height: 430px; z-index: 15; overflow: scroll; margin-top: 40px; padding-right: 5px; display: table-cell; }
.artist { color: white; font-size: 11px; font-family: "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", Osaka−等幅, Osaka, 平成角ゴシック; line-height: 12px; text-decoration: none; text-align: right; position: absolute; top: 413px; right: -28px; }
/**/
#listbox { line-height: 1; background-color: gray; position: absolute; top: 90px; left: 20px; direction: rtl; }
.menulist { color: silver; font-size: 10px; font-family: "ＭＳ Ｐゴシック", "MS PGothic", arial, "ヒラギノ角ゴ Pro W3", Osaka−等幅, Osaka, 平成角ゴシック; line-height: 14px; text-decoration: none; text-align: left; position: absolute; top: 90px; left: 13px; width: 210px; height: 430px; overflow: auto; margin: 0; padding: 0; list-style-type: none; }
.menulist ul { margin: 0; padding: 0; }
.menulist li { padding-left: 10px; list-style-type: none; }
.menulist li a { color: white; font-weight: normal; text-decoration: none; padding-left: 10px; list-style-type: none; cursor: crosshair; }
.menulist a:hover { color: silver; text-decoration: none; cursor: crosshair; }
/**/
#b1 { margin-left: -270px; display: inline; }
*html #b1 { margin-left: -200px; display: inline; }
*:first-child+html #b1 { margin-left: -200px; display: inline; }
#b3 { margin-left: 270px; }
.first { line-height: 1; text-align: center; vertical-align: middle; position: absolute; top: 100px; left: 290px; width: 400px; height: 300px; z-index: 50; margin: 0; padding: 0 2px; display: block; }
.second { line-height: 1; text-align: left; vertical-align: top; position: absolute; top: 100px; left: 290px; width: 400px; height: 300px; z-index: 50; margin: 0; padding: 0; display: block; }
.third { line-height: 1; text-align: right; vertical-align: bottom; position: absolute; top: 225px; left: 290px; width: 400px; height: 300px; z-index: 50; margin: 0; padding: 0 0 0 4px; display: block; }
.fourth { line-height: 1; text-align: right; position: absolute; top: 100px; left: 290px; width: 400px; height: 300px; }
.fifth { position: absolute; top: 247px; left: 290px; }
#wide { top: 270px; width: 250px; }
.textbox { color: white; font-size: 11px; font-family: "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", Osaka−等幅, Osaka, 平成角ゴシック; font-weight: normal; line-height: 15px; text-decoration: none; text-align: justify; position: absolute; top: 430px; left: 311px; width: 350px; height: 150px; margin: 0; padding: 0; display: block; }
.textbox2 { color: white; font-size: 11px; font-family: "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", Osaka−等幅, Osaka, 平成角ゴシック; font-weight: normal; line-height: 15px; text-decoration: none; text-align: justify; position: absolute; top: 480px; width: 350px; height: 150px; margin: 0 25px; padding: 0; display: block; }
.subject { color: white; font-size: 13px; font-family: "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", Osaka−等幅, Osaka, 平成角ゴシック; text-align: center; position: absolute; top: 62px; left: 290px; width: 400px; z-index: 15; }
#still { color: white; font-size: 9px; font-family: "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", Osaka−等幅, Osaka, 平成角ゴシック; text-decoration: none; }