@charset "UTF-8";

/* Font Reset with YUI
------------------------------------------------*/
/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.2
*/
body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

/* Reset Richard Clark＋193
------------------------------------------------*/
/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/
html { overflow-y: scroll; }

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
	line-height: 1.2;
	font-weight:normal;
	font-style:normal;
	font-family: Georgia, "Times New Roman", Times, serif;
	letter-spacing: 0.18em;
}

* html body { font-family: "ＭＳ Ｐゴシック","MS PGothic",Sans-Serif; }/* for IF6 */
h1,h2,h3,h4,h5,h6 { font-weight:normal; font-size: 100%; } 
table { margin:0 auto 0 auto; }

hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {vertical-align:middle;}

ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/*for cell separate
table { border-collapse: separate; border-spacing: 0; }
*/
/*for cell collapse
table { border-collapse: collapse; border-spacing: 0; }
*/

th,td { margin: 0; padding: 0; }
th,td { text-align: left; }
caption,th { text-align: left; margin: auto; }

a:link { color: #515151;
	text-decoration: none;
}
a:visited { color: #515151;}
a:hover {  text-decoration: underline; color: black; }
a { overflow : hidden; }

a img:hover {
	opacity: 0.7;
	-ms-filter: "alpha( opacity=70 )";
	filter: alpha( opacity=70 );
}

img { vertical-align:bottom; }
fieldset,img,abbr { border:0; }
ol,ul,dl { list-style: none; } 
address,caption,cite,code,dfn,h1,h2,h3,h4,th,var { font-style: normal; font-weight: normal; }

/* for html 5
------------------------------------------------*/
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
	display:block;
}

/* clearfix
------------------------------------------------*/
.clearfix { /zoom:1; }
.clearfix:after { content : ''; display : block; clear : both; }




/* body,Anchor
------------------------------------------------*/
body { color: #000000; background-color: #FFFFFF; text-align: center; }

strong{color: red}


/* 大枠・共通のレイアウト
------------------------------------------------*/
#wrapper {
  width: 960px;
  margin: 0 auto;
  text-align: left;
}

header {
  width: 960px;
  height: 50px;
}

article{
	margin-bottom: 130px;
	clear: both;
}

.common_wrap{
	margin-bottom: 20px;
	margin-top: 45px;
}

footer {
  clear: both;
  width: 960px;
  margin-bottom: 50px;
  text-align: center;
  margin-top: -40px;
  border-top: 1px solid #E6E6E6;
}

p.pageTop{
	clear: both;
	float: right;
	margin-bottom: 20px;
}

/* 詳細なレイアウト 装飾
------------------------------------------------*/

/* ヘッダー
-----------------------------*/
header{
	position: relative;
}
header h1{ float: left; }

header h2{
	border-bottom: 1px solid #E6E6E6;
	width: 960px;
}
header ul{ float: right; }

header .sub_nav{
	position: absolute;
	right: 0;
	top: 0;
	height: 60px;
}
header li{
  float: left;
}


/* ランダムフォト
-----------------------------*/


/* アバウト
-----------------------------*/
#about .common_wrap{
	background: url(../img/bg_about.jpg) no-repeat right top;
	height: 440px;
	font-size: 80%;
}

#about .common_wrap li{
	margin-bottom: 30px;
	line-height: 1.5em;
}

#about .common_wrap ul{
	padding-top: 30px;
}


/* メンバー
-----------------------------*/
#member .common_wrap{
	font-size: 80%;	
}

#member .common_wrap .menber_wrap{
	width: 240px;
	float: left;
	margin-right: 78px;
	margin-right: 70px\9;
}

#member .common_wrap .menber_wrap:first-child{margin-left: 23px;}
#member .common_wrap .menber_wrap:last-child{margin-right: 0px;}

#member h3{
	margin-top: 15px;
	margin-bottom: 12px;
}

#member dt{
	color: #424242;
	font-size: 85%;
	margin-bottom: 3px;
}

#member dd{
	margin-bottom: 18px;
	line-height: 1.4em;
	text-align: justify;
}


/* エキシビジョン
-----------------------------*/
#exhibition .common_wrap ul{
	font-size: 85%;
	letter-spacing: 0.1em;
	margin-top: 50px;
	margin-left: 165px;
	padding-bottom: 10px;
}

#exhibition .common_wrap li{
	float: left;
	margin-right: 30px;
}


/* プレイス
-----------------------------*/
#place .common_wrap{
	background: url(../img/bg_place.jpg) no-repeat right top;
	height: 555px;
	font-size: 77%;
	padding-top: 25px;
}

#place dl{
	width: 240px;
	margin-bottom: 35px;
	padding-left: 55px;
}

#place .common_wrap #place_stlou{
	margin-top: 30px;
}

#place dt{
	border-bottom: 1px solid gray;
	padding-bottom: 2px;
	margin-bottom: 4px;
}

#place dd{
	padding-bottom: 4px;
}

#place #place_stlou{
	background: url(../img/place_monstlou.jpg) no-repeat 0 15px;
}
#place #place_apple{
	background: url(../img/place_apple.jpg) no-repeat 0 10px;
}




/* 個別ページ
------------------------------------------------*/
#indivi_top img{
	float: left;
}
#indivi_top dl{
	margin-left: 630px;
	padding-top: 160px;
	line-height: 1.3em;
}

#indivi_top dt{
	font-size: 116%;
	font-weight: bold;
	border-bottom: 1px solid silver;
	padding-bottom: 10px;
	margin-bottom: 13px;
}

#indivi_top dd{
	margin-bottom: 25px;
	font-size: 85%;
}

#indivi_top dd:last-child{
	margin-top: 30px;
	font-size: 77%;
}

#arrow{
	margin-top: -110px; 
    width: 960px;
    margin-bottom: 60px;
}

#arrow #up{float: left;}
#arrow #down{float: right;}

body.no_scene #arrow{
    padding-bottom: 60px;
}

#scene ul{
	width: 986px;
	margin-right: -26px;
	overflow: hidden;
	_zoom: 1;
}

#scene ul li{
	margin-right: 26px;
	margin-bottom: 26px;
	float: left;
}

#music_slide dl{
	font-size: 77%;
	margin-bottom: 100px;
	clear: both;
	position: relative;
}

#music_slide dt{
	float: left;
}

#music_slide dd{
	margin-left: 660px;
	bottom: 0;
	position: absolute;
}

#music_slide dd li{
	margin-bottom: 5px;
}


ul#indiv_link{
	font-size: 85%;
	letter-spacing: 0.1em;
	margin-top: 50px;
	margin-left: 155px;
	clear: both;
}

ul#indiv_link li{
	float: left;
	margin-right: 30px;
	padding-bottom: 30px;
	font-weight:bold;
}

ul#indiv_link li a{
	font-weight: normal;
	font-style: normal;
}