/** 基本設定 ***********************************************/


*{
	font-family:'Arial','Century Gothic','Verdana','ヒラギノ角ゴ Pro W3','Osaka','MS UI GOTHIC','ＭＳ ゴシック',sans-serif;
	font-size:9pt;
	font-style:normal;
	font-weight:normal;
	line-height:125%;
	margin:0;
	padding:0;
}

body{
	color:#666666;
	background-color:#ffffff;
	text-align:center;
	margin:0;
	padding:0;
}
a{
	color:#333333;
	text-decoration:none;
}
a:hover{
	color:#000000;
}

img{
	border:0;
}


/***********************************************************/


#container{
	width:100%;
	background-color:#ffffff;
	text-align:center;
	margin:0;
	padding:0;
}

#wrapper{
	width:812px;
	margin:0 auto;
}


/***********************************************************/


#header{
	width:100%;
	height:63px;
	background:url('../images/head_base01.gif') repeat-x;
}

#header div#wrapper{
	padding:22px 0 0;
}

#header div#wrapper h1{
	width:292px;
	float:left;
	margin:0;
}

#header div#wrapper ul{
	width:456px;
	float:right;
	list-style-type:none;
	margin:0;
}

#header div#wrapper ul li{
	width:114px;
	float:left;
	text-align:center;
}


/***********************************************************/


#title{
	width:100%;
	height:83px;
	background:url('../images/title_base01.gif') repeat-x;
}

#title div#wrapper{
	padding:8px 0 0;
}

#title div#wrapper a{
	margin:0 30px 0 297px;
}


/***********************************************************/


#main{
	width:100%;
}

#main div#wrapper{
	padding:20px 0;
}

#main div#wrapper h2{
	font-family:'Arial','Century Gothic','Verdana','ヒラギノ角ゴ Pro W3','Osaka','MS UI GOTHIC','ＭＳ ゴシック',sans-serif;
	font-size:18pt;
	text-align:left;
	line-height:180%;
	border-style:solid;
	border-width:0 0 1px;
	border-color:#999999;
	margin:30px 0 10px;
	padding:0;
}

#main div#wrapper h3{
	clear:both;
	height:35px;
	text-align:left;
	line-height:35px;
	margin:20px 0 10px;
}

#main div#wrapper div.left{
	width:211px;
	float:left;
	background-color:#f6f6f6;
	border-style:solid;
	border-width:1px;
	border-color:#dbdbdb;
}

#main div#wrapper div.left ul{
	list-style-type:none;
	text-align:center;
	margin:20px 0;
}

#main div#wrapper div.left ul li{
	width:211px;
	height:33px;
	text-align:left;
	line-height:33px;
}

#main div#wrapper div.left a{
	font-size:8pt;
	color:#999999;
	margin:0 0 0 60px;
}
#main div#wrapper div.left a:hover{
	color:#000000;
	text-decoration:underline;
}

#main div#wrapper div.left ul li.red{
	background:url('../lyricmusic/images/menu_01_red.gif') no-repeat;
}
#main div#wrapper div.left ul li.orange{
	background:url('../lyricmusic/images/menu_02_orange.gif') no-repeat;
}
#main div#wrapper div.left ul li.yellow{
	background:url('../lyricmusic/images/menu_03_yellow.gif') no-repeat;
}
#main div#wrapper div.left ul li.green{
	background:url('../lyricmusic/images/menu_04_green.gif') no-repeat;
}
#main div#wrapper div.left ul li.skyblue{
	background:url('../lyricmusic/images/menu_05_skyblue.gif') no-repeat;
}
#main div#wrapper div.left ul li.blue{
	background:url('../lyricmusic/images/menu_06_blue.gif') no-repeat;
}
#main div#wrapper div.left ul li.purple{
	background:url('../lyricmusic/images/menu_07_purple.gif') no-repeat;
}
#main div#wrapper div.left ul li.pink{
	background:url('../lyricmusic/images/menu_08_pink.gif') no-repeat;
}

#main div#wrapper div.right{
	width:590px;
	float:right;
	background-color:#f6f6f6;
	border-style:solid;
	border-width:1px;
	border-color:#dbdbdb;
	text-align:center;
}

#main div#wrapper div.right h2{
	color:#666666;
	font-size:10pt;
	font-weight:bold;
	text-align:left;
	line-height:200%;
	border-style:solid;
	border-width:0 0 1px;
	border-color:#cccccc;
	margin:0 5px 10px;
	padding:0 3px;
}

#main div#wrapper div.right h3{
	height:auto;
	color:#9d0033;
	font-size:10pt;
	font-weight:bold;
	text-align:left;
	line-height:175%;
	margin:10px 15px 5px;
}

#main div#wrapper div.right p{
	font-size:8pt;
	text-align:left;
	margin:0 25px 10px;
}

#main div#wrapper div.right dl{
	width:480px;
	text-align:center;
	margin:10px auto 20px;
	padding:0;
}

#main div#wrapper div.right dl dt{
	width:180px;
	float:left;
}

#main div#wrapper div.right dl dd{
	width:290px;
	float:right;
	text-align:left;
}

#main div#wrapper div.right ul{
	list-style-type:decimal;
	margin:0 0 10px 30px;
}

#main div#wrapper div.right ul li{
	color:#999999;
	font-size:8pt;
	text-align:left;
	line-height:150%;
	margin:0 0 0 30px;
}

#main div#wrapper div.right dl dd p{
	margin:0 0 10px;
}

#main div#wrapper div.right dl dd ul{
	list-style-type:decimal;
	margin:0 20px 10px;
}

#main div#wrapper div.right a{
	font-size:8pt;
	color:#999999;
}
#main div#wrapper div.right a:hover{
	color:#000000;
	text-decoration:underline;
}


/***********************************************************/


#foot{
	width:100%;
	border-style:double;
	border-width:3px 0 0;
	border-color:#dbdbdb;
}

#foot ul{
	width:400px;
	float:left;
	list-style-type:none;
	text-align:left;
}

#foot ul li{
	display:inline;
}

#foot ul li a{
	line-height:200%;
	margin:0 10px 0 0;
}

#foot address{
	display:block;
	width:370px;
	float:right;
	font-size:8pt;
	text-align:right;
	line-height:200%;
}


/***********************************************************/


#ptop{
	width:100%;
	background-color:#dbdbdb;
	margin:20px 0 0;
}

#ptop p{
	text-align:right;
	padding:5px 0;
}


/***********************************************************/


.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}


/***********************************************************/