@charset "utf-8";

body	{
	font: normal small "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS P Gothic", "Osaka", Arial, Helvetica, sans-serif;
	background: black url("http://www.shojikojima.com/img/luna_s.jpg");
	color: #2a2a2a;
	line-height: 1.7em;
}
a:link, a:visited, a:active, a:hover	{
	color: red;
	font-weight: bold;
	text-decoration: none;
}
img	{
	border: 0;
}

/* トップ */
.moon	{
	color: #ffe7c6;
	background: black;
	margin-left:15%;
	margin-right:45%;
	margin-top:15%;
	font-size: small;
	line-height: 1.5em;
	height: 250px;
	width: 400px;
	padding: 0.8em;
	overflow: auto;
}
.moon li	{
	margin-bottom: 20px;
}
.moon li ul li	{
	color: salmon;
	margin: 5px 0 5px 0;
}
.moon strong	{
	font-weight: bold;
	color: white;
}
.title	{
	font-weight: bold;
	color: brown;
}
.white	{
	color: white;
}

/* IE 6 向け センタリング*/
div.cover	{
	text-align: center; 
}

/* ルビ固め */
ruby	{
	position:relative;
	}
rt, rp	{
	font-size: 60%;
	color: gray;
	top: -1.6em;
	}

/* ごあいさつ */
.message	{
	text-align: left;
	width: 600px;
	margin: 10% auto 0 auto;
	padding-left: 1em;
	padding-right: 1em;
	padding-top: 2em;
	padding-bottom: 2em;
	background: #ffffff;
	color: #2a2a2a;
	filter: Alpha(opacity=85); /* IE系 */
	opacity:0.85; /* Mozilla系 */
}

/* お知らせ */
.news	{
	text-align: left;
	width: 600px;
	margin: 10% auto 0 auto;
	padding-left: 1em;
	padding-right: 1em;
	padding-top: 2em;
	padding-bottom: 2em;
	background: #ffffff;
	color: #2a2a2a;
	filter: Alpha(opacity=85); /* IE系 */
	opacity:0.85; /* Mozilla系 */
}
.news li	{
	padding-bottom: 20px;
}

/* 次回公演のご案内 */
.next	{
	text-align: left;
	width: 500px;
	margin: 10% auto 0 auto;
	padding-left: 4em;
	padding-right: 4em;
	padding-top: 2em;
	padding-bottom: 2em;
	background: #ffffff;
	color: #2a2a2a;
	filter: Alpha(opacity=85); /* IE系 */
	opacity:0.85; /* Mozilla系 */
}

.summary	{
	border: dotted 2px silver;
	padding: 3px 10px 3px 10px;
	margin-bottom: 2em;
}
.member	{
	margin-left: 20%;
	margin-right: 20%;
	margin-top: 10%;
}
h1	{
	border-left: 1em solid brown;
	font-size: 120%;
	padding: 0.4em;
	margin-top: 0em;
	margin-bottom: 1em;
	color: #000040;
}
h2	{
	border-bottom: 0.1em solid gray;
	font-size: 100%;
}
h3	{
	font-size: 90%;
}
blockquote	{
	border-left: 2px dotted darkgreen;
	margin-top: 0;
	margin-bottom: 3em;
	padding-left: 1em;
	padding-top: 0;
	padding-bottom: 0;
}
.critic	{
	text-align: right; font-size: 90%;
}
.small	{
	font-size: smaller;
}
.right	{
	text-align: right;
}
.atencion	{
	font-weight: bold;
	color: red;
}

/* 略歴 */
.profile	{
	text-align: left;
	width: 600px;
	margin: 5% auto 0 auto;
	padding-top: 2em;
	padding-bottom: 2em;
	font-size: 90%;
	filter: Alpha(opacity=85); /* IE系 */
	opacity:0.85; /* Mozilla系 */
}
h2.profile	{
	font-size: 90%;
	}

/* 受賞歴 */
.prize	{
	text-align: left;
	margin: 10% auto 0 auto;
	width: 500px;
	padding-left: 4em;
	padding-right: 4em;
	padding-top: 2em;
	padding-bottom: 2em;
	background: #ffffff;
	color: #2a2a2a;
	filter: Alpha(opacity=85); /* IE系 */
	opacity:0.85; /* Mozilla系 */
}

/* 各種メディアより */
h1.critic-title	{
	font-weight: bold;
}

#leftcolumn	{
	float:left;
	width:170px;
	height: 400px;
	border: 3px solid black;
	padding: 5px;
	padding-left: 8px;
	margin-left: 40px;
	margin-top: 100px;
	background: white;
	line-height: 1.5em;
}

#leftcolumn a	{
	color: brown;
	padding: 3px 1px;
	display: block;
	width: 100%;
	text-decoration: none;
	border-bottom: 1px solid gray;
}

#leftcolumn a:hover	{
	background-color: #FFFF80;
}

#rightcolumn	{
	float:left;
	width:500px;
	height: 400px;
	border: 3px solid black;
	margin-left: 10px;
	margin-top: 100px;
	padding: 15px;
	padding-bottom: 8px;
	background: white;
	overflow: auto;
	filter: Alpha(opacity=85); /* IE系 */
	opacity:0.85; /* Mozilla系 */
}

* html #rightcolumn	{ /*IE only style*/
	height: 400px;
}

/* ギャラリー */
.gallery	{
	text-align: left;
	width: 650px;
	margin: 10% auto 0 auto;
	padding: 5%;
	background: #ffffff;
	color: #2a2a2a;
	filter: Alpha(opacity=85); /* IE系 */
	opacity:0.85; /* Mozilla系 */
}

ul#profile li	{
	margin-top: 1.5em;
	font-weight: bold;
}

/* 作品・出演者 */
.artist	{
	text-align: left;
	width: 600px;
	margin: 5% auto 0 auto;
	padding-left: 4em;
	padding-right: 4em;
	padding-top: 2em;
	padding-bottom: 2em;
	background: #ffffff;
	color: #2a2a2a;
	filter: alpha(opacity=85);
	-moz-opacity:0.85;
	opacity:0.85;
}
.artist th	{
	text-align: center;
}
table.a	{ 
	border: 2px ridge silver;
	border-collapse: collapse; 
}
td.a	{
	width: 15%;
	font-size: 90%;
	border: solid 1px silver;
	padding:5px;
}
td.b	{
	font-size: 90%;
	font-weight: bold;
	color: brown;
	border: solid 1px silver;
	padding:5px;
}
td.c	{
	font-size: 90%;
	border: solid 1px silver;
	padding:5px;
}

/* プログラム */
.program	{
	text-align: left;
	width: 500px;
	margin: 10% auto 0 auto;
	padding-left: 1em;
	padding-right: 1em;
	padding-top: 2em;
	padding-bottom: 2em;
	background: #ffffff;
	color: #2a2a2a;
	filter: Alpha(opacity=80); /* IE系 */
	opacity:0.8; /* Mozilla系 */
}

/* 団員紹介 */
	img.left	{
	float: left;
	padding: 0.5em;
}

/* クラスレッスン */
.lesson	{
	text-align: left;
	width: 600px;
	margin: 10% auto 0 auto;
	padding-left: 3em;
	padding-right: 4em;
	padding-top: 2em;
	padding-bottom: 2em;
	background: #ffffff;
	color: #2a2a2a;
	filter: Alpha(opacity=85); /* IE系 */
	opacity:0.85; /* Mozilla系 */
}
.lesson h1	{
	color: #000000;
	border-left: 1em solid darkgreen;
	border-bottom: 1px solid darkgreen;
	font-size: 120%;
	padding: 0.4em;
	margin-top: 0em;
	margin-bottom: 1em;
}
#nyukai	{
	margin: 20px 25px 40px 25px;
}
#kojin	{
	margin: 20px 25px 40px 25px;
}
table#gessha	{
	margin: 0 auto 40px auto;
	text-align: center; /* IE 6 向け */
	width: 470px;
	border: 2px ridge silver;
	border-collapse: collapse; 
}
.lesson dt	{
	font-weight: bold;
}
td.l1	{
	width: 15%;
	border: solid 1px silver;
	padding: 0.3em;
}
table#jikan	{ 
	width: 600px;
	margin: 0 auto 40px auto;
	text-align: center; /* IE 6 向け */
	border: 2px ridge silver;
	border-collapse: collapse; 
}
#jikan th	{
	text-align: center;
}
#jikan td	{
	padding: 5px;
}
td.a1	{
	width: 14%;
	background: silver;
	text-align: center;
}
td.a2	{
	width: 14%;
	background: gray;
	text-align: center;
}
td.b1	{
	width: 14%;
	background: orange;
	text-align: center;
}
td.b2	{
	width: 14%;
	background: tan;
	text-align: center;
}
td.c1	{
	width: 14%;
	background: lightblue;
	text-align: center;
}
td.c2	{
	width: 14%;
	background: lightseagreen;
	text-align: center;
}
td.d1	{
	width: 14%;
	background: lightsalmon;
	text-align: center;
}
td.d2	{
	width: 14%;
	background: salmon;
	text-align: center;
}
td.e1	{
	width: 14%;
	background: red;
	text-align: center;
}
td.e2	{
	width: 14%;
	background: red;
	text-align: center;
}
td.s	{
	width: 14%;
	background: yellow;
	text-align: center;
}
ul.square	{	
	list-style: square outside;
}

/* お問い合わせ */
.info	{
	margin-left: 20%;
	margin-right: 20%;
	margin-top: 10%;
	width: 600px;
	padding-left: 1em;
	padding-right: 1em;
	padding-top: 2em;
	padding-bottom: 2em;
	background: #ffffff;
	color: #2a2a2a;
}
.info h1	{
	font-size: 150%;
	font-weight: bold;
}
#jusho	{
	margin: 15px 0 0 50px;
}
.info dt	{
	font-weight: bold;
	color: darkgreen;
	padding: 1em 0 0 1em;
}
.info ds	{
	margin: 0;
}
.station	{
	font-weight: bold;
	color: blue;
}
.map	{
	width: 425px;
	margin: 40px auto 0 auto;
	text-align: center; /* IE 6 向け */
}