@charset "utf-8";
*
{
font-size:100%;
font-weight:normal;
font-style:normal;
text-decoration:none;
margin:0;
}

body {
	padding: 0px;
	margin: 0px;
	background-image: url("graphics/back_y.gif");
	background-repeat: repeat-y;
	background-position: center;
	background-color:#ffcc33;
	color: #000;
	font-size:14px;
	font-family:'Hiragino Kaku Gothic Pro','MS Gothic',Osaka, sans-serif, monospace;
	text-align:center;
	}
	

#container 
{
	margin-left: auto;
	margin-right: auto;
	width: 720px;
	text-align: left;
	
}

#headtop
{
	margin: 0px 0px 2px 0px; 
	font-size: 12px;
	background-color:#000000;
	color: #ffffff;
	text-align:center;	
}

#logo
{
	margin-left: auto;
	margin-right: auto;
	width: 710px;
	text-align: center;
}

#headlogob
{
	margin: 0px 0px 0px 0px; 
	font-size: 12px;
	line-height:14px;
	background-color:#E9EFFF;
	color: #0e0e0e;
	text-align:right;	
}

#headlogo
{
	margin: 0px 0px 0px 0px; 
	font-size: 11px;
	line-height:14px;
	background-color:#ffffff;
	color: #0e0e0e;
	text-align:right;	
}
	
table.navi
{		
	background-color:#999999;
	font-size:12px;
	width: 718px;
}

.tdnavi
{	
	padding: 3px 0px 2px 0px;
	background-color:#000000;
	color:#ffffff;
	font-weight:;
	text-align:center;
}

#tdnavip
{	
	padding: 3px 0px 2px 0px;
	background-color:#666666;
	color:#ffffff;
	font-weight:;
	text-align:center;
}



a.navi:link
{text-decoration:none;color:#ffffff;background-color:transparent;font-weight: bold;}
a.navi:visited 
{text-decoration:none;color:#ffffff;background-color:transparent;font-weight: bold;}
a.navi:hover
{text-decoration:underline;color:#3399ff;background-color:transparent;font-weight:bold;}
a.navi:active  
{text-decoration:underline;color:#3399ff;background-color:transparent;}


h1 
{
	margin:10px 0px 0px 0px;
	font-size:18px;
	font-family:'Hiragino Kaku Gothic Pro','MS Gothic',Osaka, sans-serif, monospace;
	text-align:center;
	color: #333333;
	font-weight: bold;
}


h2 {
	margin:10px 0px 0px 0px;
	font-size:16px;
	font-family:'Hiragino Kaku Gothic Pro','MS Gothic',Osaka,sans-serif, monospace;
	color: #000000;
	text-align:center;
	}


h3
{
	font: 14px 'Hiragino Kaku Gothic Pro','MS Gothic',Osaka, serif, sans-serif, monospace;

	}
/* title logo addition 4_6_2007 */	
#note
{
	font: 12px 'Hiragino Kaku Gothic Pro','MS Gothic',Arial,Osaka, serif, sans-serif, monospace;
	text-align: left;
	margin: 0px 0px 0px 0px; 
	}
	
	
/* under title logo, bussiness hour addition 12_11_2008 */	
#notebr
{
	font: 11px 'Hiragino Kaku Gothic Pro','MS Gothic',Arial,Osaka, serif, sans-serif, monospace;
	text-align: right;
	margin: 0px 0px 0px 0px; 
	color: #990000;
	}

#notebl
{
	font: 11px 'Hiragino Kaku Gothic Pro','MS Gothic',Arial,Osaka, serif, sans-serif, monospace;
	text-align: left;
	margin: 0px 0px 0px 0px; 
	color: #990000;
	}
	
	
#ftitle {
	margin: 0px 5px 5px 5px;
	padding:1px 5px 1px 5px;
	border-width:1px;
border-style: solid;
border-color: #003300;
background-color:#33cc00;
color:#ffffff;
	}
	
#mtitle {
	margin: 0px 5px 5px 5px;
	padding:1px 5px 1px 5px;
	border-width:1px;
border-style: solid;
border-color: #660000;
background-color:#CC0033;
color:#ffffff;
	}
	
#subtitle {
	margin: 0px 5px 5px 5px;
	padding:1px 5px 1px 5px;
	border-width:1px;
	border-style: solid;
	border-color: #222222;
	background-color:#FEF2C8;
	color:#222222;

	}
		

#intropara p
{
    padding:5px 20px 0px 50px;
	margin:0 0 0.3em 0;
	font-size:13px;
	color:#222222;
	line-height: 18px;
	width:630px;
}


/* added 3_28_07 */
div.addfront
{
	padding: 5px 20px 0px 20px;
	margin: 0 0 0.3em 0em;
    color:#222222;
    line-height: 18px;
	width:630px;
}

div.addfront p
{
padding: 0px 0px 7px 40px;
	font-size: 13px;
	line-height: 20px;
	width: 550px;
}

/* added 10_8_09 */
.addfrontt
{
	padding: 2px 5px 0px 15px;
	margin: 0 0 0.3em 0em;
}

.addfrontt table td
{
border: 1px #ccc solid;
}

.addfrontt td
{
	font-size:11px;
	color:#3399ff;
	padding: 0px 2px;
	margin: 0px; 
}

.addfrontt p
{
	margin: 0 0 0.3em 0em;
	font-size:11px;
}

.addfrontt #right
{
text-align: right;
}

/* for right alignment and extra into */
#picture p
{ 
text-align: right; color:#333;
padding: 0px 25px 2px 0px;
}

a.inline:link
{text-decoration:none;color:#222222;background-color:transparent;}
a.inline:visited 
{text-decoration:none;color:#222222;background-color:transparent;}
a.inline:hover
{text-decoration:underline;color:#3399ff;background-color:transparent;}
a.inline:active  
{text-decoration:underline;color:#3399ff;background-color:transparent;}
/* added 3_28_07 end here*/


#small
{
	font-size:12px;
	color:#003300;	
}

#subp
{
padding:0px;
margin:10px 15px 30px 25px;

}

#subp p
{
	font-size:13px;
	color:#222222;
	line-height: 20px;
}

#subp ul
{
color:#222;
font-size:13px;
list-style-image: url(graphics/3.gif);
list-style-position:outside;
padding:0;
margin: 0px 0px 0px 20px;
}

#subp li
{
margin-left:5px;
padding-bottom:10px;
}

ol.bango
{
color:#222;
font-size:13px;
list-style-position:outside;
list-style-type:decimal;
 padding:5px 20px 0px 30px;
margin: 0px 20px 0px 50px;
line-height: 25px;
}

	
#picture
{
	margin: 10px 0px 5px 0px; 
	font-size: 12px;
	text-align:center;	
}

.pic
{
border-width: 1px;
border-color: #bdbdbd;
border-style: solid;
vertical-align:top;
margin:0px 0px 0px 0px;
text-align:center;
}

.picvoice
{
border-width: 1px;
border-color: #bdbdbd;
border-style: solid;
vertical-align:top;
margin:0px 0px 0px 0px;
}

.floatleft
{
float:left;
margin:0px 10px 0px 0px;
}

.vsample
{
margin:10px 5px 0px 0px;
}


.intro
{
vertical-align:top;
text-align:left;
color:#222222;
font-size:11px;
margin:0px 0px 2px 0px;
padding:2px 0px 0px 0px;
}

.tabcenter
{
	margin-left: auto;
  	margin-right: auto;
  	background-color:#cccccc;
}

.tdleft
{	
	padding: 3px 4px 4px 0px;
	background-color:#FEF2C8;
	color:#222222;
	font-size:12px;
	text-align:right;
	vertical-align:top;
}


.tdright
{	
	padding: 3px 2px 4px 5px;
	background-color:#FEFBF3;
	color:#222222;
	font-size:12px;
	text-align:left;
	
}

.tdboth
{	
	padding: 3px 2px 4px 5px;
	background-color:#FDEAA8;
	color:#222222;
	font-size:12px;
	text-align:center;
	
}


.bgcenter
{	
	padding: 3px 2px 4px 5px;
	background-color:#C7E5F4;
	color:#222222;
	font-size:12px;
	text-align:center;
	border-width: 1px;
	border-color: #9CC6DB;
	border-style: solid;
	
}


.form_l
{
	margin: 0px 0px 10px 30px;
	padding:5px 5px 5px 10px;
	background-color:#FEF2C8;
	font-size:12px;
	text-align:right;
}

.form_r
{
margin: 2px 2px 5px 5px;
padding:5px 5px 5px 10px;
background-color:#ffffff;
font-size:12px;

}


#subnavi
{
	margin: 10px 0px 2px 0px; 
	text-align:center;
	font-size:11px;
	vertical-align:bottom;
}


/*case*/
.case a:link
{text-decoration:underline;color:#0000cc;background-color:transparent;font-weight: normal;}
.case a:visited 
{text-decoration:underline;color:#0000cc;background-color:transparent;font-weight: normal;}
.case a:hover
{text-decoration:underline;color:#009900;background-color:transparent;font-weight: normal;}
.case a:active  
{text-decoration:underline;color:#009933;background-color:transparent;}

.case h1 
{
	margin:10px 0px 0px 10px;
	font-size:16px;
	font-family:'Hiragino Kaku Gothic Pro','MS Gothic',Osaka, sans-serif, monospace;
	text-align:;
	color: #333333;
	font-weight: bold;
}

.case h2 {
	margin:10px 0px 0px 20px;
	font-size:14px;
	font-family:'Hiragino Kaku Gothic Pro','MS Gothic',Osaka,sans-serif, monospace;
	color: #000000;
	text-align:left;
	}

.case li
{
	list-style-position:outside;
	margin-left: 30px;
	}
	
	
/*add navigation*/

.addnavi{
	
	background-color:#cccccc;
	font-family:'Hiragino Kaku Gothic Pro','MS Gothic',Osaka,sans-serif, monospace;
	margin: 0px 0px 0px 0px;
	}
	
.addnavi #navititle {
	color:#000000;
	padding:1px 0px 0px 5px;
	font-size:13px;	
	}
	
.addnavi p {
	margin: 0px 5px 0px 0px;
	padding:2px 5px 2px 0px;
	font-size:12px;
	}
	
.addnavi a:link
{text-decoration:underline;color:#0033cc;background-color:transparent;font-weight: normal;}
.addnavi a:visited
{text-decoration:underline;color:#0033cc;background-color:transparent;font-weight: normal;}
.addnavi a:hover
{text-decoration:underline;color:#3399ff;background-color:transparent;font-weight: normal;}

/*add narrator's name*/
p.addname
{
font-size: 11px;
padding:2px 0px 0px 0px;
font-weight:bold;
color: #222222;
}


a:link
{text-decoration:underline;color:#0033cc;background-color:transparent;font-weight: normal;}
a:visited 
{text-decoration:underline;color:#3366ff;background-color:transparent;font-weight: normal;}
a:hover
{text-decoration:underline;color:#3399ff;background-color:transparent;font-weight: normal;}
a:active  
{text-decoration:underline;color:#009933;background-color:transparent;}

a.namepro:link
{text-decoration:none;color:#0033cc;background-color:transparent;font-weight: bold;font-size:11px;}
a.namepro:visited 
{text-decoration:none;color:#3366ff;background-color:transparent;font-weight: bold;font-size:11px;}
a.namepro:hover
{text-decoration:underline;color:#3399ff;background-color:transparent;font-weight: normal;font-size:11px;}
a.namepro:active  
{text-decoration:underline;color:#009933;background-color:transparent;font-size:11px;}

a.subnavi:link
{text-decoration:underline;color:#0033cc;background-color:transparent;font-weight: normal;}
a.subnavi:visited 
{text-decoration:underline;color:#3366ff;background-color:transparent;font-weight: normal;}
a.subnavi:hover
{text-decoration:underline;color:#3399ff;background-color:transparent;font-weight: normal;}
a.subnavi:active  
{text-decoration:underline;color:#ffffff;background-color:transparent;}

a.voice:link
{text-decoration:underline;color:#333333;background-color:transparent;font-weight: normal;font-size:11px;}
a.voice:visited 
{text-decoration:underline;color:#3366ff;background-color:transparent;font-weight: normal;font-size:11px;}
a.voice:hover
{text-decoration:underline;color:#3399ff;background-color:transparent;font-weight: normal;font-size:11px;}
a.voice:active  
{text-decoration:underline;color:#ffffff;background-color:transparent;font-size:11px;}


.footer {
	border-top: #ccc 1px solid;
	border-bottom: #ccc 1px solid;
	background-color:#e5e5e5;
	width: 100%;
	padding-top:2px;
	font-size: 11px;
	line-height: normal;
	font-family: Verdana, Arial,Hiragino Kaku Gothic Pro,MS Gothic,sans-serif;
	}

 .cright
 {
	width: 100%;
	padding-top:2px;
	font-size: 10px;
	line-height: normal;
	font-family: Verdana,Arial,Hiragino Kaku Gothic Pro,MS Gothic,sans-serif;
	text-align: center;
	}
	
.dright
 {
	width: 100%;
	padding-top:2px;
	font-size: 10px;
	line-height: normal;
	font-family: Verdana,Arial,Hiragino Kaku Gothic Pro,MS Gothic,sans-serif;
	text-align: right;
	}
	
#fontbc
{
	font-weight:bold;
}


h5 {
	margin: 0em 0em 0.2em; font: bold 0.9em/1 arial,sans-serif
	}
h6 {
	margin: 0em 0em 0.2em; font: bold 0.9em/1 arial,sans-serif
	}