/**************************************************/
/* CSS Document (Common)                          */
/**************************************************/

/**************************************************/
/* HTML tag styles                                */
/**************************************************/
body{
    font-family:ＭＳ Ｐゴシック, Osaka, "ヒラギノ角ゴ Pro W3" ,sans-serif;
	color:#555555;
	background:#ffffff;
	margin:0px;
	padding:0px;
	text-align:center;
	line-height:124%;
    font-size:84%;
}

a:active, a:link, a:visited, A:hover {
	color:#0080f0;
    text-decoration:none;
}

a:hover   {
    color:#cc99ff;
}


h1, h2, h3, h4, h5, h6 {
    margin:0px;
	padding:0px;
	font-weight:normal;
}

h1{
    font-size:12px;
}

h2{
    font-size:90%;
}

h3{
    font-size:90%;
	letter-spacing:1px;
}

h4{
    font-size:80%;
}

h5, h6{
    font-size:100%;
}

table, form	{
    font-size:100%;
	line-height:124%;
 }

.style01 {color: #999999;}
.style02 {color: #6699FF;}
.style03 {color: #FF66FF;}
.style04 {color: #333333;}
.style05 {color: #006699;}
.style06 {color: #FF3366;}

.style11 {color: #999999; font-size:110%; }
.style12 {color: #6699FF; font-size:110%; }
.style13 {color: #FF66FF; font-size:110%; }
.style14 {color: #333333; font-size:110%; }
.style15 {color: #006699; font-size:110%; }
.style16 {color: #CC00FF; font-size:110%; }


/**************************************************/
/* Layout Divs                                    */
/**************************************************/

#container{
	width:800px;
	padding:0px;
	margin-top:4px;
    margin-right:auto;
    margin-left:auto;
}

#top{
    background:#eeeeee;
	width:100%;
	padding:0px 0px 0px 10px;
	margin:0px;
	text-align:left;
	line-height:16px;
}

#leftcolumn{
	float:left;
    margin:4px 0px 0px 0px;
    padding:0px;
	width:15%;
}

#rightcolumn{
	float:right;
    margin:2px 0px 0px 0px;
    padding:0px;
	width:78%;
}

#bottom{
    clear:both;
	margin:70px 0px 10px 0px;
	padding:0px;
}

/**************************************************/
/* Component Divs                                 */
/**************************************************/

/* ナビゲーションバーのスタイル設定 --------------*/
.navbar{
	width:100%;
	margin:0px;
	text-align:left;
}

.navbar ul {list-style: none; margin: 0; padding: 0;}
.navbar ul a{
    border: 1px solid #bbbbbb;
    display: block;
}
.navbar ul a:hover{background:#dEF3FF;}
.navbar li {
    text-align:center;
	background:#ffffff;
}

.scroll{
    width:115px;
	height:132px;
	overflow:auto;
	margin:2px 0px 2px 0px;
}

#menu{
    position:relative; top:0; left:0;
}

/* 各種ナビゲーションボタンのスタイル設定 */
.menu , .menu_a,{
	width:115px;
	margin:1px 1px 1px 1px;
}

.menu a , .menu_a a{
	line-height:123%;
	width:100%;
}

.menu2 , .menu2_a{
	width:107px;
	margin:1px 1px 1px 9px;
}
.menu2 a , .menu2_a a{
	line-height:118%;
	width:100%;
}

.menu3 , .menu3_a{
	width:93px;
	margin:1px 0px 1px 5px;
}
.menu3 a , .menu3_a a{
	line-height:113%;
	width:100%;
}

.menu4 , .menu4_a {
    font-size:90%;
 	width:83px;
	margin:1px 0px 1px 15px;
}
.menu4 a , .menu4_a a{
	line-height:113%;
	width:100%;
    text-align:left;
}

.menu_a A:link  , .menu_a A:visited  { COLOR: #ff66ff;}
.menu2_a A:link , .menu2_a A:visited { COLOR: #ff66ff;}
.menu3_a A:link , .menu3_a A:visited { COLOR: #ff66ff;}
.menu4_a A:link , .menu4_a A:visited { COLOR: #ff66ff;}

/* Topのスタイル設定 （追加）-------------*/
#top2{
    background:#effaff;
    filter: Alpha(opacity=40);
    color:#333333;
	width:100%;
	padding:0px 0px 0px 10px;
	margin:0px;
	text-align:left;
	line-height:16px;
}

#top3{
    color:#0033ff;
	width:100%;
	padding:0px 0px 0px 10px;
	margin:0px;
	text-align:left;
	line-height:16px;
}

/*　トピックパスのスタイル設定 -------------*/
#topicpath{
	width:650px;
	margin:0px 0px 0px 10px;
    padding:0px;
	text-align:left;
}

/* コンテンツエリアのスタイル設定 -------------*/
#contents{
    width:100%;
    margin:0px;
    padding:0px;
}

.contents1{
	margin:10px 0px 0px 0px;
	width:100%;
    text-align:left;
}

.contents2{
	margin:10px 0px 0px 0px;
	width:100%;
    text-align:center;
}
	
.contents1 p, .contents2 p{
    margin:6px 0px 0px 0px;
}

/*　広告のスタイル設定　-------------*/
.afiliate{
    border:1px solid #aaddff;
	padding:1px 0px;
	margin:30px auto 0px auto;
	width:100%;
	text-align:center;
}

/*　Copyright のスタイル設定 -------------*/
#copyright{
    margin-top:30px;
	line-height:105%;
    color:#0088ff;
}


/*　左右２列のスタイル設定 -------------*/
/*　Leftpartのスタイル設定　*/
.leftpart{
	float:left;
    margin:0px 0px 0px 3px;
    padding:0px;
	width:48%;
	text-align:left;
}

/*　Rightpartのスタイル設定　*/
.rightpart{
	float:right;
    margin:0px;
    padding:0px;
	width:48%;
	text-align:left;
}

/*-- controllerのスタイル設定（midi再生画面用） -----------*/
#controller{
    margin:25px 0px 0px 0px;
    padding:0px;
	width:100%;
	text-align:center;
	clear:both;
}

#controller a{
	font-size:90%;
}

#controller button{
    margin:5px 0px 0px 0px;
}


/*　WEB拍手のスタイル設定 -------------*/
#clap{
    text-align:center;
}

#clap a {
    display: block; width: 37px; height:37px;
/*    background-image : url("../images/common/onpu2.gif");*/
    background-image : url("../images/common/to-03.gif");
    background-repeat : no-repeat;
    background-position : center;
    margin: 0px auto;
	padding-top:4px;
    font-size:77%;
	text-align:center;
	line-height:90%;
}

#clap a:hover {
/*    background-image : url("../images/common/onpu1.gif");*/
    background-image : url("../images/common/to-01.gif");
}

/*　非表示のスタイル設定 -------------*/
.visible{
    visibility:hidden;
}


/* 広告 */
#pr_bottom {
 color:#C0C0C0;
 font-size: xx-small ;
}

#pr_bottom a{ /*リンクされた文字*/
	color:#C0C0C0;
}

#pr_bottom a:link {/*未訪問のリンク*/
  color:#C0C0C0;
}
#pr_bottom a:visited {/*訪問後のリンク*/
  color:#C0C0C0;
}