body
{ 
background:url(../images/bg1.gif) repeat-x top #FFFFFF;
margin:auto;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size:16px;/*\*/font-size:100%;/**/
color:#333333;
}li.music{
width:199px;
height:60px;
margin-left:23px;
margin-top:10px;
}
h1{
font-size:80%;
line-height:140%;
color:#000000;
text-align:left;
padding:24px 0px 0px 400px;
margin:0;
font-weight:bold;
}
h2{
color:#3366FF;
padding:5px 10px 4px 200px;
margin:0px;
font-size:84%;
}
h3{
height:30px;
font-size:86%;
color:#000033;
margin:0px;
padding:9px;
}
h4{
font-size:12px;
color: #CE6700;
margin:0px;
padding:3px;
font-weight:normal;
}
.clear {
clear:both;
overflow:hidden;
height:4px;
}
#main_content{
width:780px;
height:auto;
margin:auto;
background:url(../images/bg.png) repeat-y top #FFFFFF;
}
#top_banner{
width:760px;
height:80px;
padding-left:10px;
padding-right:10px;
background:url(../images/header_white.png) no-repeat center;
}

#page_content{
width:760px;
height:auto;
padding-left:10px;
padding-right:10px;
}

/*------top menu---------*/
#global_menu{
width:760px;
height:33px;
margin-left:10px;
background:#CCCCCC;
}
ul.menu {
list-style-type:none;display:block; width:760px; height:30px; 
clear:both; margin-top:3px; padding:0;}

ul.menu li {
display:inline;}

a.nav:link, a.nav:visited {
display:block; float:left; padding:2px 9px 4px 9px; margin:2px;width: auto; height:22px; text-align:center; line-height:20px; font-weight:bold; font-size:64%;
text-decoration:none; color:#000033;}

a.nav:hover {
display:block; float:left; padding:3px 9px 4px 9px; margin:2px;width: auto; height:18px; text-align:center; line-height:20px;
text-decoration:none;  color:#FFFFFF; border-bottom:1px #FFFFFF dashed;}
/*------left section-----*/
#left_section{
width:230px;
float:left;
padding:0 10px 10px 20px;
}

ul.leftmenu {
list-style-type:none; 
display:block; 
width:220px; 
height:680px; 
clear:both; 
margin-left:3px;
margin-top:18px; 
padding:0;
background:#FFFFFF;
}

ul.leftmenu li {
display:block;
}

li.leftnav_cd{
width:149px;
height:42px;
margin-top:0px;
margin-left:0px;
}

li.leftnav_cdpress{
width:190px;
height:15px;
font-size:64%;
text-align:left;
padding:3px 3px 2px 12px; 
margin:2px 0 2px 8px;
background:url(images/bullet.jpg) left no-repeat;
}

li.leftnav_dvd{
width:150px;
height:40px;
margin-top:0px;
margin-left:0px;

}
li.leftnav_dvdpress{
width:190px;
height:15px;
font-size:64%;
text-align:left;
padding:3px 3px 2px 12px; 
margin:2px 0 2px 8px;
background:url(images/bullet2.jpg) left no-repeat;
}
li.leftnav_tw{
width:190px;
height:15px;
font-size:64%;
text-align:left;
padding:3px 3px 2px 12px; 
margin:2px 0 2px 8px;
background:url(images/bullet3.jpg) left no-repeat;
}
li.leftnav_authoring{
width:100px;
height:17px;
margin-top:0px;
margin-left:0px;
}


li.leftnav_link{
width:130px;
height:62px;
margin-top:5px;
}
li.leftnav_hyouki{
width:130px;
height:32px;
margin-top:10px;
}
li.leftnav_hajimete{
width:220px;
height:91px;
margin-left:3px;
margin-top:10px;
}
li.leftnav_mitu{
width:220px;
height:83px;
margin-top:5px;
margin-left:3px;
}
li.leftnav_temp{
width:220px;
height:74px;
margin-top:5px;
margin-left:3px;
}
li.leftnav_date{
width:175px;
height:67px;
margin-left:3px;
margin-top:5px;
}
li.leftnav_zeami{
width:199px;
height:56px;
margin-left:3px;
margin-top:15px;
}
li.leftnav_kaa{
width:199px;
height:60px;
margin-left:3px;
margin-top:10px;
}
li.leftnav_sample{
	height:62px;
margin-top:15px;
}
li.leftnav_milky{
margin-top:10px;
}

img.imgover{border:none;}

a.cd_nav:link, a.cd_nav:visited {
display:block; float:left;font-weight:bold;text-decoration:none; color:#1084EB;}

a.cd_nav:hover {
display:block; float:left; text-align:left;text-decoration:none; color:#0D6DE5;}

a.dvd_nav:link, a.dvd_nav:visited {
display:block; float:left;text-align:left;font-weight:bold;text-decoration:none; color:#F5AC21;}

a.dvd_nav:hover {
display:block; float:left;text-align:left;text-decoration:none; color:#F3971C;}
a.tw_nav:link, a.tw_nav:visited {
display:block; float:left;text-align:left;font-weight:bold;text-decoration:none; color:#F6F;}

a.tw_nav:hover {
display:block; float:left;text-align:left;text-decoration:none; color:#F6F;}


.left_box_border{
width:220px;
height:700px;
padding:2px;
margin-top:8px;
margin-bottom:0px;

}
.left_box{
width:180px;
height:auto;
padding-top:10px;
}
#login{
padding:10px;
}
.input{
width:140px;
height:12px;
font-size:10px;
}
.submit{
float:right;
margin-right:30px;
margin-top:5px;
}
img.pic{
float:left;
padding:10px;
}
.title{
font-size:14px;
font-weight:bold;
color:#7B0E10;
}
.title a{
text-decoration:none;
font-weight:bold;
color:#7B0E10;
}

/*------right section-----*/
table {
	width:100%;
	border-top:1px solid #e5eff8;
	border-right:1px solid #e5eff8;
	margin:1em auto;
		border-collapse:collapse;
	}
caption {
	color: #0066FF;
	font-size:100%;
	font-weight:bold;
		letter-spacing:.1em;
		margin:1em 0 0 0;
		padding:0;
		caption-side:top;
		text-align:center;
	}	
tr.odd td	{
	background:#f7fbff
	}
tr.odd .column1	{
	background:#f4f9fe;
	}	
.column1	{
	background:#f9fcfe;
	}
td {
font-size:74%;
	color:#678197;
	border-bottom:1px solid #e5eff8;
	border-left:1px solid #e5eff8;
	padding:.3em 1em;
	text-align:center;
	}				
th {
	font-weight:normal;
	color: #678197;
	text-align:left;
	border-bottom: 1px solid #e5eff8;
	border-left:1px solid #e5eff8;
	padding:.3em 1em;
	}							
thead th {
	background:#f4f9fe;
	text-align:center;
	font:bold 96% "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
	color:#66a3d3
	}	
tfoot th {
	text-align:center;
	background:#f4f9fe;
	}	
tfoot th strong {
	font:bold 96% "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
	margin:.5em .5em .5em 0;
	color:#66a3d3;
		}		
tfoot th em {
	color:#f03b58;
	font-weight: bold;
	font-size: 1.1em;
	font-style: normal;
	}	
.td_cost{
font-size:86%;
}
.sml {font-size: 56%}
.content{
padding:5px;
text-align:justify;
}
.content p{
background:#FFFFCC;
color:#666666;
font-size:72%;
padding:10px;
border:#F7D586 1px solid;
}
.content h3{
background:url(images/cdpress_head.jpg) left no-repeat;
height:25px;
font-size:150%;
color:#000033;
margin:0 0 10px 0;
padding:9px 9px 9px 55px;
}
.topnews{font-size:11px;
color:#333333}
#right_section{
width:480px;
height:auto;
float:left;
margin-bottom:20px;
}
#right_section h2{
background:url(images/ya.jpg) left no-repeat;
height:28px;
font-size:100%;
color:#CC6699;
margin:0;
padding:9px 9px 9px 22px;
border-bottom:#000000 solid 1px;
}

.midashi{
color:#000000;
margin:5px 0 0 0;
padding:6px 0px 4px 10px;
font-size:120%;
background:#FFFFFF;
}
.midashi h3{
font-size:82%;
color:#0099FF;
margin:0;
}
.yks{
font-size:64%;
color:#0033FF;
}
.midashi p{
margin:0;
font-size:64%;
padding:0;
}
.top_m{
margin:0px;
padding:0px;
}
.top_cd{
width:220px;
height:90px;
float:left;
margin:0 0 8px 8px;
padding:0px 0px 5px 0px;
font-size:100%;
background:#DBEDFD;
}
.top_cd h3{
background:#1084EB url(images/top_cd_b2.jpg) left no-repeat;
font-size:94%;
color:#000000;
height:35px;
padding:5px 0px 0px 44px;
margin:0px;
}
.top_cd p{
height:60px;
margin:0px;
font-size:86%;
line-height:140%;
color:#004F7D;
padding:10px 0 0 10px;
font-weight:bold;
}
.top_cd li{
margin:0px;
font-size:150%;
list-style:none;
color:#000000;
}
.top_cd a{
color:#FFFFFF;
font-size:72%;
}
.top_dvd{
width:220px;
height:90px;
float:left;
margin:0 0 8px 8px;
padding:0px 0px 5px 0px;
font-size:100%;
background:#FEEDD3;
}
.top_dvd h3{
background:#1084EB url(images/top_cd_b3.jpg) left no-repeat;
font-size:94%;
color:#000000;
height:35px;
padding:5px 0px 0px 44px;
margin:0px;
}
.top_dvd p{
height:60px;
margin:0px;
font-size:86%;
line-height:140%;
color:#81580C;
padding:10px 0 0 10px;
font-weight:bold;
}
.top_dvd li{
margin:0px;
font-size:150%;
list-style:none;
color:#000000;
}
.top_dvd a{
color:#FFFFFF;
font-size:72%;
}
.flash_box{
margin:10px 10px 0px 5px;
}
.right_box_index{
margin:10px 10px 10px 0px;
}

.right_box{

margin:20px 10px 10px 0px;
}

img.pic_border{
float:left;
padding:2px;
margin-right:15px;
border:1px solid #CCCCCC;
}
.title_small{
font-size:12px;
font-weight:bold;
color: #000000;
}
.title_small a{
color:#FFFFFF;
}
#right_box_1{
width:190px;
height:90px;
float:left;
margin-top:10px;
}
#right_box_2{
width:180px;
height:100px;
float:left;
margin:10px 5px 10px 1px;
padding-left:12px;

}
.news_box{
padding:10px 0 0 0;
clear:both;
}
img.pic_news{
float:left;
padding:0px 10px 10px 10px;
}
.news_submenu{
clear:both;
float:left;
padding-top:5px;
margin-left:10px;
border-bottom:1px #CCCCCC solid;
}
.news_link{
float:left;
padding-right:30px;
}
.news_link a{
text-decoration:none;
color:#999999;
}
.news_link a:hover{
text-decoration:none;
color:#000;
}
.web{
width:170px;
float:left;
text-align:center;
margin-top:15px;
margin-left:8px;
color:#666666;
}
.data{
line-height:150%;
font-size:124%;
color:#003366;
}
.tokutei{
line-height:150%;
}
/*---------services---------*/
ul.services {
list-style-type:none; float:left; display:block; width:auto; height:20px; 
margin:0px; padding:10px 0 0 2px;}

ul.services li {
display:inline;}

a.nav_services:link, a.nav_services:visited {
display:block; padding:1px 0 0 14px; margin:2px;width: auto; height: auto; text-align:left; line-height:17px;
text-decoration:none; background:url(images/yajirusi_blue.gif) no-repeat left; color:#000;}

a.nav_services:hover {
display:block; padding:1px 0 0 14px; margin:2px;width:auto; height:auto; text-align:left; line-height:17px;
text-decoration:none; background:url(images/bullet_a.png) no-repeat left; color:#000000;}


/*-------footer-----*/
#footer{
width:760px;
height:330px;
clear:both;
padding-left:10px;
padding-right:10px;
background:url(images/bgf.png) repeat-y center top #D7D8D2;
}
#cover{
background:url(images/cover.png) center top;
width:760px;
height:330px;
}
#f_menu{
background:url(images/f_menu_bg.png) ;
}
#copyrights{
width:750px;
color: #666666; 
font-size:10px;
float:right;
padding:25px 0 0 18px;
}
/*---------footer menu---------*/
ul.footer_menu_cd {
font-size:64%;list-style-type:none; float:left; display:block; width:740px; height: auto;  margin:10px 0 0 0px; padding:0px 0 0 10px; line-height:200%;
}
ul.footer_menu_cd li {
display:inline;}
ul.footer_menu_dvd {
font-size:64%;list-style-type:none; float:left; display:block; width:740px; height: auto;  margin:15px 0 0 0px; padding:0px 0 0 10px; line-height:200%;
}
ul.footer_menu_dvd li {
display:inline;}
ul.footer_menu {
font-size:64%;list-style-type:none; float:left; display:block; width:740px; height: auto;  margin:15px 0 0 0px; padding:0px 0 0 10px; line-height:200%;
}
ul.footer_menu li {
display:inline;}
.f_cd{background:url(images/bullet.jpg) left no-repeat; padding:0px 0 0 12px; margin:2px;width: auto; height:20px; text-align:center;
text-decoration:none; display:inline; font-size:120%;}
.f_cd a{
color:#0099FF;
}
.f_dvd{background:url(images/bullet2.jpg) left no-repeat; padding:0px 0 0 12px; margin:2px;width: auto; height:20px; text-align:center;
text-decoration:none; display:inline; font-size:120%;}
.f_dvd a{
color:#FF9933;
}
.f_txt{padding:4px 0 0 5px; margin:2px;width: auto; height:20px; text-align:center;
text-decoration:none; display:inline; font-size:120%;}

.f_towel{background:url(images/bullet3.jpg) left no-repeat; padding:0px 0 0 12px; margin:2px;width: auto; height:20px; text-align:center;
text-decoration:none; display:inline; font-size:120%;}
.f_towel a{
color:#F6F;
}

a.nav2:link, a.nav2:visited {
display:block; float:left; padding:0px 0px 0px 5px; margin:1px;width: auto; height:12px; 
text-decoration:none; color:#666666;}

a.nav2:hover {
display:block; float:left; padding:0 0 0 5px; margin:1px;width:auto; height:12px; text-align:center;
text-decoration:none;color:#CCCCCC;}

a.nav3:link, a.nav3:visited {
display:block; float:left; padding:0px 0px 0px 5px; margin:1px;width: auto; height:12px; 
text-decoration:none; color:#996600;}

a.nav3:hover {
display:block; float:left; padding:0 0 0 5px; margin:1px;width:auto; height:12px; text-align:center;
text-decoration:none;color:#CC9933;}

.td_cost_s{
font-size:80%;
}