/* CSS for Tokyo College of Music Official Web Site */

/* -------------------- Basic Tags ------------------- */
body {
	margin: 0px;
	padding: 0px;
	background-image: url(image/bg.gif);
	color: #333333;
	font-size: 12px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	text-align: center;
	line-height: 1.5;
}

a:link    { color: #990033; text-decoration: underline; }
a:visited { color: #990033; text-decoration: underline; }
a:hover   { color: #0099FF; text-decoration: underline; }
a:active  { color: #FF9900; text-decoration: underline; }

table {
	font-size: 12px;
	font-family: sans-serif;
	line-height: 1.5;
}

form {
	margin-top: 0px;
	margin-bottom: 0px;
}


/* -------------------- Texts ------------------- */
h2 { /* Page Title */
	color: #7F0030;
	font-size: 20px;
	font-family: serif;
	line-height: 100%;
}
h3 { /* Headers */
	color: #003366;
	font-size: 18px;
	/* hide from Mac IE \*/
	font-family: serif; /* end */
}
/* hide from Mac IE \*/
h3:first-letter {
	margin-right: 2px;
	padding: 4px;
	background-color: #003366;
	color: #FFFFFF;
	font-size: 24px;
}
/* end */
h4 { /* Subheadings */
	color: #003366;
	font-size: 14px;
}

div.text p { /* Text Indent */
	text-indent: 4em;
}


p#pageback { margin-top: 36px; }
p.signature { /* Signatures */
	font-size: 14px;
	font-weight: bold;
	text-align: right;
}
span.title { /* Titles */
	display: block;
	width: 99%; /* Avoid Win IE Bugs */
	margin-bottom: 0px;
	font-size: 12px;
	font-weight: normal;
	font-style: italic;
}
img.geturl { margin: 0px 3px; }


/* -------------------- Lists ------------------- */
ul#index { margin-left: 200px; font-size: 14px; list-style-image: url(image/icon_geturl.gif); }

dl.define dt {
	margin-top: 8px;
	font-weight: bold;
}

dl#curriculum {
	margin-left: 50px;
	margin-right: 50px;
}
#curriculum dt {
	margin-top: 0.7em;
	border-bottom: 1px dashed #DDDDDD;
	font-weight: bold;
}

dl#inline04 { /* Inline Lists (4 Letters) */
	padding-left: 40px;
}
dl#inline04 dt {
	float: left;
}
dl#inline04 dd {
	margin-left: 5em;
	font-weight: bold;
}

div#ulCols { /* Multicols Lists */
	width: 270px;
	float: left;
}
div#ulCols ul {
	list-style-type: none;
}

dl.profile {
	width: 495px;
}
.profile dt {
	color: #7F0030;
	font-family: serif;
	font-size: 18px;
	font-weight: bold;
}
.profile dd {
	color: #003366;
	font-style: italic;
}


/* -------------------- Standard Classes ------------------- */
.column1 { margin: 10px; padding: 10px; border: 1px solid #DDDDDD; background-color: #FFFFF8; }
.column2 { margin: 10px; padding: 10px; border: 1px solid #DDDDDD; background-color: #FFF8F8; }

.indent { margin-left: 50px !important; margin-right: 50px !important; }

.middle { vertical-align: middle; }

.clear { clear: both; }
.lclear { clear: left; }
.rvlear { clear: right; }
/* hide from Mac IE \*/
.lfloat { float: left; margin-right: 5px; }
.rfloat { float: right; margin-left: 5px; } /* end */


/* -------------------- Header Layouts ------------------- */
div#header {
	height: 49px;
	background-image: url(image/head_bg.gif);
	vertical-align: top;
}
div#headIndex {
	width: 740px;
	height: 49px;
	margin: 0px auto;
	background-image: url(image/head_bg2.gif);
	text-align: right;
}
div#headContent {
	width: 740px;
	height: 49px;
	margin: 0px auto;
	background-image: url(image/head_bg3.gif);
	text-align: right;
}
#header h1 {
	float: left;
	margin:0px;
	text-align: left;
	line-height: 100%;
}
#header input {
	vertical-align: middle;
}
input#search {
	margin-top: 4px;
}


/* -------------------- Main Layouts ------------------- */
div#main {
	width: 740px;
	margin: 0px auto;
	padding: 0px;
	background: #FFFFFF;
	text-align: left;
}
div#main:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
div#main{
	display: inline-block;
}
/* Hides from IE-mac \*/
*html div#main{ height: 1%; }
div#main { display: block; }
/* End hide from IE-mac */
/*
div#indexMain {
	width: 740px;
	height: 393px;
	margin: 0px auto;
	padding: 0px;
	background: #FFFFFF url(image/home_en.jpg) no-repeat;
	background-position: top right;
	text-align: left;
}
*/
div#indexMain {
	position: relative;
	width: 740px;
	height: 520px;
	margin: 0px auto;
	padding: 0px;
	background : #ffffff url(image/home.jpg) no-repeat right top;
	text-align: left;
}
div#menu {
	float: left;
	width: 180px;
}
div#mainContent {
	/* hide from Mac IE \*/
	float: left; /* end */
	width: 560px;
	padding-bottom: 50px;
	border-bottom: 1px solid #DDDDDD;
	background: #FFFFFF url(image/mainContent.gif) repeat-y;
}
#mainContent h2, #mainContent h3, #mainContent h4, #mainContent p, #mainContent dl {
	margin-left: 10px;
	margin-right: 10px;
}
#mainContent hr {
	width: 540px;
	margin-left: 10px;
	margin-right: 10px;
	color: #DDDDDD;
}

p#globalNav {
	margin: 30px 0px 0px 12px;
}


/* -------------------- Sub Menu ------------------- */
p#submenu {
	margin: 0px;
	padding: 0px 3px;
	border: 1px solid #E0E0E0;
	border-width: 1px 0px 1px 1px;
	background-color: #F8F8F8;
	color: #BBBBBB;
	font-size: 10px;
}
#submenu a {
	padding: 0px;
	color: #003366;
	text-decoration: none;
	white-space: nowrap;
}
#submenu a:hover {
	color: #990033;
}

p#subsub {
	font-size: 10px;
	text-align: right;
}


/* -------------------- Footer ------------------- */
div#bottom {
	width: 740px;
	margin: 0px auto 20px auto;
	padding: 0px;
	border-bottom: 7px solid #C0C0C0;
	background-color: #FFFFFF;
	color: #999999;
	font-size: 10px;
	font-family: monospace;
	text-align: right;
	position: relative;
}
#bottom img {
	margin: 10px;
	margin-bottom: 50px;
}


/* -------------------- Tables ------------------- */
table.style01 {
	padding: 5px;
	border: 1px solid #339966;
	background-color: #EEFFEE;
}
.style01 caption {
	padding: 5px;
	background-color: #006633;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	line-height: 100%;
}
.style01 th {
	padding: 3px;
	background-color: #339966;
	color: #FFFFFF;
}
.style01 td {
	padding: 3px;
	vertical-align: top;
}
.nowrap, .nowrap th, .nowrap td {
	white-space: nowrap;
}

table#history {
	width: 520px;
	margin: 20px;
}
table#history th {
	width: 1em;
}
table#history td.nowrap {
	color: #339966;
	font-weight: bold;
}

table#winner {
	width: 540px;
	margin: 10px;
}
table#winner td {
	border-bottom: 1px solid #339966;
	font-size: 10px;
}
table#winner tr.nowrap td {
	font-weight: bold;
}

table#support01 {
	float: left;
	width: 260px;
	margin-left: 5px;
}
table#support01 tr, table#support02 tr {
	border-bottom: 1px solid #339966;
}

table#events {
	float: right;
	margin: 10px;
}

/* -------------------- Others ------------------- */
/* sekcss (Additional) */
.imgpadl {
	margin-left: 15px;
	margin-bottom: 10px;
}
.imgpadr {
	margin-right: 15px;
	margin-bottom: 10px;
}
/*ENGLISH*/
div#enindexMain {
	width: 740px;
	height: 393px;
	margin: 0px auto;
	padding: 0px;
	text-align: left;
}
.jpmenu {
	margin-left: 10px;
	width: 160px;
}
div#enmenu {
	float: left;
	width: 180px;
}
.enmenuon {
	margin-left: 10px;
	margin-bottom: 5px;
	width: 160px;
	padding: 0px 0px 0px 5px;
 border-width: 0px 0px 0px 5px;
 border-style: solid;
 border-color: #7F0030;
}
.enmenuoff {
	margin-left: 10px;
	margin-bottom: 5px;
	width: 160px;
	padding: 0px 0px 0px 5px;
 border-width: 0px 0px 0px 5px;
}
.txtwhite {
	color: #FFFFFF;
}
.titlesize {
	font-size: 16px;
}
.titleconte{
	font-size: 14px;
	padding: 4px 10px 4px 10px;
	background-color: #003366;
	color: #FFFFFF;
}
.marconte {
	padding: 4px 9px 4px 10px;
}
.sideline {
	margin-left: 10px;
	margin-bottom: 5px;
	padding: 0px 0px 0px 5px;
 border-width: 0px 0px 0px 5px;
 border-style: solid;
 border-color: #666666;
}
.menusize {
	font-size: 14px;
}
.bb {
	font-weight: bold;
}
.space10 {
	width: 10px;
}

/* search */
#search-results {
	margin-left: 10px;
	margin-top: 20px;
}

/* banner */
p#bnr2009ttsoet {
	position: absolute;
	top: 0;
	left: 170px;
	margin: 0px;
}
.infoPanel {
	padding: 5px 10px;
	background-color: #F0F0F0;
	text-align: left;
}
.infoPanel h2 {
	margin: 5px 0 0.5em;
}
.infoPanel p {
	margin: 0.5em 0 0.5em 5px;
}
.infoPanel ul {
	margin: 0.5em 0 0.5em 5px;
	padding: 0;
}
.infoPanel li {
	background: url(image/info_panel/info_panel_arrow.png) no-repeat left 0.5em;
	list-style-type: none;
	padding-left: 10px;
	margin-bottom: 1em;
}