*{
	margin: 0px;
	padding: 0px;
        font-size: 100%;
}

body{
	background-color: #ffffff;
	color: #000000;
	font-size: 75%;
	font-family: "ヒラギノ角ゴ Pro W3",Osaka,Verdana,sans-serif,Tahoma;
	text-align: center;
        height: 100%;
}

/*<!--==================================================
見出し(h1,h2,h3)
===================================================-->*/

h1{
        margin: 10px 0px 0px 0px;
	font-size: 180%;
	color: #000000;
	height: 50px;
        line-height: 50px;
        vertical-align: middle;
	/*
        background-image: url("img/title.jpg");
	background-repeat: no-repeat;
        background-position: left;
	text-indent: -10000px;
        */
        padding-left: 10px;
        margin: 0px;
}

h2{
	font-size: 120%;
        margin: 0px 0px 10px 0px;
        padding: 5px 5px 5px 5px;
	font-weight: bolder;
}


h3{
	font-size: 100%;
        width:720px;
        border-bottom: 1px solid #a9a9a9;
}

h3.about{
        margin-top: 35px;
}

/*<!--==================================================
インライン(span)
===================================================-->*/
span.title1{
       color: #1e90ff;
} 

span.title2{
       color: #3cb371;
} 

span.h2_1{
        color: #1e90ff;
        margin-right: 5px;
}

span.h2_2{
        color: #3cb371;
        margin-right: 5px;
}


/*<!--==================================================
ボディボックス(div)
===================================================-->*/

div.body{
	width: 800px;
	margin-left: auto;
	margin-right: auto;
        padding-bottom: 30px;
	text-align: left;
        border-left: 1px solid black;
        border-right: 1px solid black;
        min-height: 100%;
}

* html div.body{
        height: 100%;
}

/*<!--==================================================
コンテンツボックス(div)
===================================================-->*/
div#head_left{
        width: 400px;
        float: left;
        height: 50px;
}

div#head_right{
        margin-left: 400px;
        height: 50px;
        line-height: 50px;
        vertical-align: middle;
        text-align: right;
        padding-right: 10px;
}


div#menu{
	background-color: #ffffff;
        height: 50px;
	font-size: 100%;
        border-top: 1px solid #000000;
        border-bottom: 1px solid #000000;
}

div#left_contents{
	width: 400px;
        margin-top: 20px;
        padding-left: 20px;
	float: left;
}

div#right_contents{
        height: 100%;
        margin-top: 20px;
        margin-left: 400px;
}

div#center_contents{
	margin-top: 20px;
        margin-left: 20px;
}

div.contents{
	padding-left: 30px;
}

div#footer{
        width: 800px;
        height: 30px;
        line-height: 30px;
        background-color: #ffffff;
        border-top: 1px solid #000000;
        border-bottom: 1px solid #000000;
        color: #ffffff;
        text-align: center;
        vertical-align: middle;
}
        


/*<!--==================================================
メニューリスト(ul,li)
===================================================-->*/

ul#menu_list {
	width: 800px;
        overflow: hidden;
        font-size: 120%;
}

ul#menu_list:after {
	height: 0px;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

ul#menu_list li {
	float: left;
	width: 150px;
        line-height: 40px;
        text-align: center;
	list-style-type: none;
        margin: 5px;
        vertical-align: middle;
}

ul#menu_list li a {
	height: 40px;
	display: block;
        text-decoration: none;
        position: relative;
        color: #000000;

}

ul#menu_list li a:focus,
ul#menu_list li a:hover,
ul#menu_list li a:active {
        background-color: #1e90ff;
        color: #ffffff;
}

li.active{
        font-weight: bolder;
}

/*
a#home{
	margin: 5px;
        padding: 5px;
}


a#music{
	margin: 5px;
        padding: 5px;
}

a#bbs{
	margin: 5px;
        padding: 5px;
}

a#diary{
	margin: 5px;
        padding: 5px;
}

a#link{
	margin: 5px;
        padding: 5px;
}
*/

/*<!--==================================================
ミュージックリスト(table,tr,td)
===================================================-->*/

table.music_list{
	width: 700px;
	margin: 0px 0px 30px 20px;
}

table.music_list th.title{
	width: 200px;
	text-align: left;
        font-weight: normal;
	border-bottom: 1px solid #a9a9a9;
}

table.music_list td.series{
	background-image: url("img/border_solid.gif");
        background-repeat: repeat-y;
        background-position: left;
	width: 280px;
        height: 35px;
	text-align: center;
	border-bottom: 1px solid #a9a9a9;
}

table.music_list td.date{
	background-image: url("img/border_solid.gif");
        background-repeat: repeat-y;
        background-position: left;
	width: 100px;
	text-align: center;
	border-bottom: 1px solid #a9a9a9;
}

table.music_list td.download{
	background-image: url("img/border_solid.gif");
        background-repeat: repeat-y;
        background-position: left;
	width: 120px;
	text-align: center;
	border-bottom: 1px solid #a9a9a9;
}

/*<!--==================================================
リンクリスト(table,tr,td)
===================================================-->*/

table.link_list{
	width: 700px;
	margin: 0px 0px 30px 20px;
}

table.link_list th.banner{
	background-image: url("img/border_solid.gif");
        background-repeat: repeat-y;
        background-position: right;
	width: 240px;
	text-align: left;
	border-bottom: 1px solid #a9a9a9;
}

table.link_list td.name{
	background-image: url("img/border_solid.gif");
        background-repeat: repeat-y;
        background-position: right;
	width: 160px;
	text-align: center;
	border-bottom: 1px solid #a9a9a9;

}

table.link_list td.comment{
	width: 300px;
	text-align: center;
	border-bottom: 1px solid #a9a9a9;

}

/*<!--==================================================
定義リスト(dl,dt,dd)
===================================================-->*/

dt{
	margin-top: 10px;
}

dd{
	margin-left: 20px;
}

/*<!--==================================================
上部リンク(a)
===================================================-->*/
a.head{
        margin-right:15px;
}

a.head:link{
	color: #000000;
	text-decoration: underline;
}

a.head:visited{
	color: #000000;
	text-decoration: underline;
}

a.head:active{
	color: #000000;
	text-decoration: none;
}

a.head:hover{

	color: #000000;
	text-decoration: none;
			
}

/*<!--==================================================
標準リンク(a)
===================================================-->*/

a:link{
	color: #00008b;
	text-decoration: underline;
}

a:visited{
	color: #00008b;
	text-decoration: underline;
}

a:active{
	color: #00008b;
	text-decoration: none;
}

a:hover{

	color: #00008b;
	text-decoration: none;
			
}

/*<!--==================================================
段落・その他(p,img...)
===================================================-->*/

p{
	padding: 5px 0px 20px 20px;
}

p.mail1{
	margin: 0px 0px 20px 0px;
} 

p.mail2{
	margin: 0px;
} 

img{
	border: none;
}

form.mail{
	margin-bottom: 20px;
        margin-left:20px;
}

input{
	border: 1px solid #000000;
	background-color: #FFFFFF;
	color: #000000;
}


div#kaiseki{

	text-align: right;
        padding-right: 20px;
}

