@charset "UTF-8";

body,div,dl,dt,dd,ul,ol,li,p {
padding: 0;
margin: 0;
}
ol,ul {
list-style: none;
}
a img {
border: none;
}

a {
color: #000;
text-decoration: none;
outline: none;
}
a:hover {
color: #888888;
}
.clear {
clear: both;
}

body {
font-family: Helvetica,Verdana,Sans-Serif;
font-size: 12px;
line-height: 18px;
margin-left: 20px;
margin-right: 20px;
}

/* ★★★ LAYOUT ★★★ */
div#wrapper {
padding-bottom: 50px;
}
div#logo {
border-bottom: 1px solid #666666;
margin-bottom: 20px;
}
div#logo a {
display: block;
padding: 20px 20px 18px 0;
}

div#menu {
width: 125px;
position: absolute;
top: 70px;
padding-bottom: 50px;
}

/* ★★★ MENU ★★★ */

div#menu dd {
font-size: 13px;
}
div#menu dd a {
padding: 3px 0;
}
div#menu dl a {
display: block;
background: #ffffff;
}
div#menu dt {
font-size: 19px;
padding-bottom: 18px;
}
div#menu dt.active {
color: #888888;
}
div#menu dt.active a {
color: #888888;
}
div#menu dt.line {
padding-top: 18px;
margin-top: 18px;
width: 3.5em;
border-top: 1px solid #666666;
}
div#menu dl.history dt {
font-size: 13px;
margin-bottom: 0;
padding: 3px 0;
display: block;
background: #ffffff;
}
div#menu dl.history dd {
margin-left: 0.5em;
font-size: 12px;
line-height: 16px;
}

div#menu dd.active {
font-size: 19px;
margin-bottom: 18px;
}
div#menu dd.category {
font-size: 12px;
line-height: 16px;
}
div#menu dd.selected a {
font-weight: bold;
}
div#menu dd.old {
margin-top: 18px;
}
p#copy {
font-size: 10px;
line-height: 14px;
margin-top: 18px;
}

/* for IE6 */
dl.history li a {
zoom: 1;
}

/* ★★★ INDEX ★★★ */

div#main-index {
margin-left: 140px;
position: relative;
}
div#loading {
display: none;
color: #888888;
margin-left: 140px;
}
div#main-index div.content {
position: absolute;
padding-bottom: 20px;
}
#content {
position: absolute;
padding-bottom: 20px;
}

div.img-show, div.img-more, div#button-more, div#loading2 {
width: 95px;
margin: 0 15px 15px 0;
float: left;
}
div#button-more a {
display: block;
background: #ffffff;
width: 90px;
text-align: center;
line-height: 69px;
}
div#loading2 {
text-align: center;
margin-top: 26px;
color: #888888;
}

/* ★★★ WORKS ★★★ */

div#main-works {
margin-left: 250px;
position: relative;
padding-bottom: 50px;
}
div#main-works p.navi {
margin-bottom: 5px;
}
div#main-works div#back {
font-weight: bold;
position: absolute;
left: -125px;

}
div#main-works div#back span {
color: #666666;
font-weight: normal;
}
ul.gallery_demo_unstyled li {
width: 95px;
margin: 0 15px 15px 0;
float: left;
}
p.caption {
padding-top: 10px;
}
div#main_image {
height: 535px;
}

/* ★★★ CONTACT ★★★ */

div#main-contact {
margin-left: 140px;
margin-top: 58px;
position: relative;
}
div#map {
position: absolute;
top: 0;
left: 180px;
}
div#main-contact dt {
font-size: 12px;
font-weight: bold;
padding-bottom: 3px;
}
div#main-contact dd {
padding: 3px 0;
}

/* ★★★ ABOUT ★★★ */

div#main-about {
background: url(img/about_logo.gif) 250px 15px no-repeat;
}
div#main-about div.left {
width: 195px;
vertical-align:bottom;
display:-moz-inline-box;
display:inline-block;
/display:inline;
/zoom: 1;
margin-bottom: 18px;
}
div.left > div {
width: 195px;
display:block;
}
div#main-about div.left p {
font-size: 11px;
}
div#main-about div.left p.menu1 {
color: #666666;
font-size: 19px;
margin-bottom: 18px;
}
div#main-about div.left p.menu2 {
font-size: 19px;
margin-bottom: 18px;
}
/* ie6 only */
*html div#main-about div.left p.menu3 {
font-family: 'ＭＳ Ｐゴシック', sans-serif;
}
/* ie7 only */
*:first-child+html div#main-about div.left p.menu3 {
font-family: 'ＭＳ Ｐゴシック', sans-serif;
}

div#main-about div.right {
width: 125px;
font-size: 11px;
vertical-align:bottom;
display:-moz-inline-box;
display:inline-block;
/display:inline;
/zoom: 1;
margin-bottom: 18px;
padding-left: 55px;
}
div.right > div {
width:125px;
display:block;
}
div#main-about div.right dl {
color: #666666;
}

div#main-about div.right2 {
width: 125px;
font-size: 11px;
vertical-align:bottom;
display:-moz-inline-box;
display:inline-block;
/display:inline;
/zoom: 1;
margin-bottom: 18px;
padding-left: 10px;
}
div.right2 > div {
width:125px;
display:block;
}
div#main-about div.right dt, div#main-about div.right2 dt {
font-weight: bold;
}


div#menu-about {
position: absolute;
padding-bottom: 50px;
width: 125px;
}
div#menu-about dl a {
display: block;
background: #ffffff;
}
div#menu-about dt {
font-size: 19px;
padding-bottom: 18px;
}
div#menu-about dl.history dt {
font-size: 13px;
margin-bottom: 0;
padding: 3px 0;
display: block;
background: #ffffff;
}
div#menu-about dl.history dd {
margin-left: 5px;
font-size: 12px;
line-height: 16px;
}
div#menu-about dt.line {
padding-top: 18px;
margin-top: 18px;
border-top: 1px solid #666666;
width: 3.5em;
}
div#menu-about dd {
font-size: 13px;
}
div#menu-about dd a {
padding: 3px 0;
}


/* ★★★ STUDIO ★★★ */

div#main-studio {
margin-left: 180px;
margin-top: 58px;
position: relative;
padding-bottom: 50px;
}
div#main-studio p {
margin-bottom: 18px;
}
div#main-studio p span {
font-weight: bold;
}
#main-studio div.section {
position: relative;
width: 715px;
margin-top: 5px;
}
#main-studio div.section div.flashlink {
position: absolute;
top: 0;
right: 0;
font-weight: bold;
text-align: right;
}
#main-studio div.section div.flashlink span {
font-weight: normal;
color: #888888;
}
#main-studio div.planlink {
position: absolute;
margin-top: -23px;
font-weight: bold;
width: 715px;
text-align: right;
}
#main-studio div.planlink span {
font-weight: normal;
color: #888888;
}

/* ★★★DESIGNERS★★★ */

div#main-designers {
margin-left: 195px;
padding-top: 55px;
position: relative;
}
div#main-designers dl {
margin-left: 15px;
margin-top: 15px;
}
div#main-designers dt {
font-size: 13px;
font-weight: bold;
margin-bottom: 5px;
}
div#main-designers dd {

}
div#main-designers dd.mail {
margin-top: 5px;
}
div#main-designers img.arrow {
margin-left: 15px;
padding: 15px 0;
}
div#main-designers p {
margin-left: 15px;
font-size: 11px;
}
div#main-designers div#shun {
width: 210px;
padding-bottom: 50px;
position: absolute;
}
div#main-designers div#kazu {
width: 210px;
padding-bottom: 50px;
position: absolute;
left: 255px;
}
div#main-designers div#kosu {
width: 210px;
padding-bottom: 50px;
position: absolute;
left: 510px;
}

/* ie6 only */
*html div.detail {
font-family: 'ＭＳ Ｐゴシック', sans-serif;
}
/* ie7 only */
*:first-child+html div.detail {
font-family: 'ＭＳ Ｐゴシック', sans-serif;
}