@charset "UTF-8";

/*
=========================
(1) BASE
=========================
*/
/*body*/
body {
	margin           : 0px;
	padding          : 0px;
	font-family      : "Hiragino Maru Gothic Pro W3", "MS P Gothic",
	                   Lucida Grande, Lucida Sans Unicode, Lucida,
	                   Verdana, Trebuchet MS, sans-serif;
	font-size        : medium;
	color            : #000000; 
	background-color : #ffffff;
}
/*anchors*/
a:link {
    color            : #3333FF; 
    text-decoration: none;
    background-color : transparent;
}
a:visited {
    color            : #6666FF; 
    text-decoration: none;
    background-color : transparent;
}
a:hover {
    text-decoration  : underline; 
    color: #333333;
    font-style       : normal; 
    background-color: transparent;
}

/*list*/
ul li {
    line-height      : 180%;
}
ol li {
    line-height      : 180%;
}
dl {
    line-height      : 180%;
}
dt {
    font-size        : 100%;
    font-weight		: bold;
}
dd {
    margin-bottom    : 5px;
}
/*images*/
img {
    border           : 0px;
}

p {
    font-size        : 100%;
    line-height      : 180%;
}

table {
}

td {
	vertical-align	: top;
	padding		: 0.3em;
}

th {
	vertical-align	: top;
	padding		: 0.3em;
}

fieldset {
	margin		: 0.5em;
}


hr {
	margin-top		: 3em;
	margin-bottom	: 3em;
}

/*
=========================
(2) CONTENTS
=========================
*/

/*
(2.0)	Base
*/

div.content_d {
	margin	: 20px;
}

.content_d h1 {
    font-size			: 200%;
	border-bottom   	: 1px solid #333333;
    padding-bottom  	: 5px;
    text-shadow			: #666666 0.2em 0.2em 0.2em;
}

div#contents {
    width            : 90%;
	margin-left      : 5%;
    margin-right     : 5%;
	margin-bottom    : 5px;
}

#contents h1 {
    font-size			: 200%;
	border-bottom   	: 1px solid #333333;
    padding-bottom  	: 5px;
    text-shadow			: #666666 0.2em 0.2em 0.2em;
}

#contents h2 {
    font-size			: 150%;
	border-bottom   	: 1px dotted #333333;
    padding-bottom  	: 3px;
}

/*
(2.)	top
*/
#top {
	text-align	: center;
}

#announce {
	width	: 50%;
	margin	: 0em auto;
	text-align	: center;
	border	: 1px solid #999999;
}

/*
(2.)	concert
*/

#concert dl {
	margin			: 0px;
    line-height     : 180%;
	background		: #ffff99;
	padding			: 1em;
}

#concert dt {
}

#concert dd {
}

#concert table {
	width			: 90%;
}

#concert img.profile {
	float			: left;
	margin			: 1em;
}

/*
(2.)	kaiin
*/

#kaiin strong {
	font-size	: 120%;
	border		: 1px solid #333333;
	padding		: 0.2em;
    line-height     : 180%;
}

#kaiin hr {
	width		: 50%;
	margin-top	: 2em;
	margin-bottom	: 2em;
}

#kaiin dt {
	font-weight	: bold;
	margin-left	: 1.5em;
}

/*
(2.)	schedule
*/

#schedule table {
	width			 : 100%;
	line-height		 : 180%;
    border-collapse  : collapse;
    border-spacing	 : 1px;
    font-size		 : 1em;
    color            : #000000;
    border           : 1px solid #333333;
}

#schedule th {
    padding          : 0.3em;
    color            : #000000;
    background-color : #cccccc;
    border           : 1px solid #333333;
}
#schedule td {
    padding          : 0.3em;
    color            : #000000;
    background-color : #ffffff;
    border           : 1px solid #333333;
}

.schedule td.conductor {
	background-color : #ccffcc;	
}

.schedule td.conductorcenter {
	background-color : #ccffcc;	
	text-align:center;
}

.schedule td.centerred {
	text-align	: center;
	color		: #ff0000;
}

.schedule td.conductorcenterred {
	color		: #ff0000;
	background-color : #ccffcc;	
	text-align	: center;
}

.schedule td.dummy {
	height	: 0px;
	margin	: 0px;
	padding	: 0px;
}

/*
(2.)	about
*/

#about table.normal {
	font-size 	: 100%;
	margin		: 0px;
	padding		: 0px;
	padding-bottom : 1em;
}

#about table.concert {
	font-size 	: 80%;
	margin		: 0px;
	padding		: 0px;
	padding-bottom : 1em;
}

#about th {
	font-size	: 120%;
	text-align	: left;
}

/*
(2.)	private
*/

.bbs_title {
	padding	: 0px;
}

.bbs_sub {
	font-size		: 85%;
	border-bottom	: 1px dotted #333333;
	text-align		: right;
}

.bbs_content {
	margin	: 1em;
}

#private table {
	width			 : 100%;
	line-height		 : 180%;
    border-collapse  : collapse;
    border-spacing	 : 1px;
    font-size		 : 1em;
    color            : #000000;
    border           : 1px solid #333333;
    margin-bottom	: 2em;
}
#private th {
    padding          : 0.3em;
    color            : #000000;
    background-color : #cccccc;
    border           : 1px solid #333333;
}
#private td {
    padding          : 0.3em;
    color            : #000000;
    background-color : #ffffff;
    border           : 1px solid #333333;
}

table.bbs_form {
	width			 : 100%;
	line-height		 : 180%;
    border-collapse  : collapse;
    border-spacing	 : 1px;
    font-size		 : 1em;
    color            : #000000;
}
th.bbs_form {
    padding          : 0.3em;
    color            : #000000;
    background-color : #cccccc;
}
td.bbs_form {
    padding          : 0.3em;
    color            : #000000;
    background-color : #ffffff;
}

.print {
	font-family      : "MS P Gothic", Osaka;
}

/*
=========================
(3) HEADER & FOOTER
=========================
*/

div.header {
    width            : 100%;
	height           : 100px;
    margin-top       : 10px;
    padding-top      : 5px;
}

.header h1 {
	float			: left;
	margin-left		: 5%;
	font-size		: 200%;
	border-bottom   	: 1px solid #333333;
    padding-bottom  	: 5px;
    padding-left		: 25px;
    padding-right		: 25px;
    text-shadow			: #666666 0.2em 0.2em 0.2em;
}

.header img {
	float			: right;
    margin-right    : 5%;
}

div.footer {
	clear			: both;
	font-size		: 90%;
	width           : 90%;
	margin-top		: 3em;
	margin-right	: 5%;
	margin-left		: 5%;
}

.footer p {
	width		: 80%;
	margin-right: 10%;
	margin-left	: 10%;
	padding		: 0.5em;
	border		: 1px dotted #333333;
	text-align: center;
	background-color: #eeeeee;
}


/*
=========================
(4) MENU
=========================
*/

div.menu {
	clear			: both;
	width			: 100%;
/*	height			: 40px;*/
    font-size       : 100%;
    font-height		: 180%;

    background-color : #dddddd;
}

ul.menu {
    list-style-type		: none;
    font-size			: 100%;
    background-color	: transparent;
    margin				: 0px;
    padding				: 0px;
    text-decoration		: none;
	text-align			: center;
	text-valign			: middle;
}

.menu li {
	display			: inline;
    list-style      : none;
    margin			: 0px;

	padding-top		: 5px;
	padding-bottom	: 5px;
    padding-right	: 10px;
    padding-left	: 10px;
}

li.menu {

}

li.cur-menu {
    color				: #6666ff;
    background-color	: #ffffff;
    font-weight			: bold;
/*
    border-top			: 1px solid #666666;
    border-left     	: 1px solid #666666;
    border-right    	: 1px solid #666666;
    border-bottom 		: 0px solid #666666;
    */
}

a.menu {
    color            : #333333;
    background-color : transparent;
}
a.menu:hover {
    color            : #6666ff;
    background-color : transparent;
}


/*
=========================
(5) SUB_MENU
=========================
*/
div.sub_menu {
    width            : 20%;
    font-size        : 100%;
    float            : left;
    margin-left      : 0px;
    margin-top		: 0px;
    color            : #000000; 
    background-color : transparent;
}

ul.sub-menu {
    font-size        : 100%;
    color            : #000000;
    background-color : transparent;
    width            : 100%;
    margin-left      : 0px;
    padding          : 0px;
}

li.sub-menu {
    line-height      : 16px;
    list-style       : none;
    text-indent		 : 0px;
    width			 : 80%;
    margin-top		 : 7px;
    padding-bottom	 : 5px;
    border-bottom    : 1px solid #666666;
}

ul.sub-sub-menu {
	font-size		: 85%;
    list-style       : none;
}

li.sub-sub-menu {
	line-height		: 16px;
    text-indent		 : -20px;
	margin-top		 : 5px;
    padding-bottom	 : 2px;
}

/*
=========================
(6) SUB_CONTENT
=========================
*/
div.sub_content {
    width            : 80%;
    font-size        : 100%;
    float            : right;
    margin-top       : 0px;
    margin-right     : 0px;
    color            : #000000; 
    background-color : transparent;
}


/*
=========================
() OTHER
=========================
*/

.center {
	text-align:center;
}

.right {
	text-align:right;
}

.underline {
	text-decoration	: underline;
}

em {
	font-size		: 100%;
	font-weight		: bold;
	font-style		: normal;
	text-decoration	: underline;
}