/* 080820*/
html
{
	background-color: #f9f9f9;
}

body
{
	padding: 0;
	width: 860px;
	margin: 0 auto;
	background-repeat: repeat-y;
	background-position: top center;
	background-image: url(images/body_bg.png);
	background-color: #f9f9f9;
}

.outline-margin { margin: 10px 0 0 0; }
.pre { padding: 10px;  width: 100%; float: left; } 
.main { padding: 20px 0 0 0; width: 320px; float: right; }
.side { padding: 10px 0 0 0; width: 450px; float: left; }
.c-both { clear: both; }

.harf_r { margin: 0 0 10px 10px;  width: 45%; float: right; }
.harf_l { margin: 0 0 10px 10px;  width: 45%; float: left; }
 
.inside-margin { margin: 0 4px; }
.columnRR { width: 70%; float: right; }
.columnLL { width: 25%; float: left; }
.columnR { width: 458px; float: right; }
.columnL { width: 120px; float: left; }
.c-both2 { clear: both; }
.back1 { background-color: #039;
		font: Verdana, Geneva, Arial Helvetica, sans-serif;
		font-size: 100%;
		font-weight: bold;
		color: #FFFFFF;
		padding: 4px; }

.back2 { background-color: #cc6600;
		font: Verdana, Geneva, Arial Helvetica, sans-serif;
		font-size: 100%;
		font-weight: bold;
		color: #FFFFFF;
		padding: 4px; }
		
.back3 { background-color: #99FFCC;
		font-family: "Arial Black", Gadget, sans-serif;
		font-size: 100%;
		font-weight: bold;
		color: #000;
		padding: 4px; }
		
.back4 { background-color: #FFFFCC;
		font-family: "Arial Black", Gadget, sans-serif;
		font-size: 100%;
		font-weight: bold;
		color: #000;
		padding: 4px; }

.ver-column { width: 560px; border: 1px solid orangered; float:right; }
.ver_columnR { width: 405px; float: right; } 
.ver_columnL { width: 125px; float: left; }

.header { margin: 0 auto; }
.fotter { margin: 0 auto;
font-family: Arial, Helvetica, sans-serif; 
font-size:10px;
height: 10px;}

#inside-outline {
 text-align:left;
 margin:0 2px;
 }


#outline {
 text-align:left;
 margin:30px 0 0 0;
 }


#content{
	width: 780px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	float: none;
	clear: none;
	padding: 20px;
}

#top{
	padding: 0;
	width: 860px;
	margin: 0 auto;
	background-image: url(images/body_top.png);
	background-repeat: no-repeat;
	background-position: top center;
}

#bottom{
	padding: 0;
	width: 860px;
	margin: 0 auto;
	background-image: url(images/body_bottom.png);
	background-repeat: no-repeat;
	background-position: bottom center;
}

ul {
        list-style: none;
        margin: 0;
        padding: 0;
        }

img {
    border: none;
}
/*- Menu 3--------------------------- */

#menu3 {
        width: 180px;
        margin: 10px;
        border-style: solid solid solid solid;
        border-color: #BCD2E6;
        border-size: 1px;
        border-width: 1px;
		font: Verdana, Geneva, Arial Helvetica, sans-serif;
		font-size: 80%;
		font-weight: bold;
        }

#menu3 li a {
        height: 32px;
		  voice-family: "\"}\"";
          voice-family: inherit;
          height: 24px;
        text-decoration: none;
        }

#menu3 li a:link, #menu3 li a:visited {
        color: #5A91C2;
        display: block;
        background:  url(images/menu3.gif);
        padding: 8px 4px 0 8px;
        }

#menu3 li a:hover, #menu3 li #current {
	color: #315C84;
	background:  url(images/menu3.gif) 0 -32px;
	padding: 8px 4px 0 8px;
        }

.text_body {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 77%; color: #3F4449; }

.text_body_forTitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 166%;
	color: #666666;
}
	
.text_body_forLink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 77%;
	color: #0000CC;
}

.text_body_forLinkBold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 77%;
	color: #0000CC;
	font-weight: bold;
}

/*- Menu Tabs J--------------------------- */

#tabsJ {
        float:left;
        width:100%;
        background:#F4F4F4;
        font-size:93%;
        line-height:normal;
        border-bottom:1px solid #24618E;
		font: Verdana, Arial, Helvetica, sans-serif;
		font-size: 80%;
		font-weight: bold;
}
	
#tabsJ ul {
        margin:0;
        padding:10px 10px 0 50px;
        list-style:none;
}

#tabsJ li {
        display:inline;
        margin:0;
        padding:0;
}

#tabsJ a {
        float:left;
        background:url(images/tableftJ.gif);
        background-repeat:no-repeat left top;
        margin:0;
        padding:0 0 0 5px;
        text-decoration:none;
}

#tabsJ a span {
        float:left;
        display:block;
        background:url(images/tabrightJ.gif);
        background-repeat: no-repeat right top;
        padding:5px 15px 4px 6px;
        color:#24618E;
}

    /* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabsJ a span {float:none;}
    /* End IE5-Mac hack */
#tabsJ a:hover span {
	color:#FFF;
}

#tabsJ a:hover {
        background-position:0% -42px;
}

#tabsJ a:hover span {
        background-position:100% -42px;
}

#tabsJ #current a {
        background-position:0% -42px;
}

#tabsJ #current a span {
        background-position:100% -42px;
        color:#FFF;
}

/*- Menu Tabs J2--------------------------- */

#tabsJ2 {
        float:left;
        width:100%;
        background:#F4F4F4;
        line-height:normal;
        border-bottom:1px solid #24618E;
		font: Verdana, Arial, Helvetica, sans-serif;
		font-size: 80%;
		font-weight: bold;
}
	
#tabsJ2 ul {
        margin:0;
        padding:10px 10px 0 10px;
        list-style:none;
}

#tabsJ2 li {
        display:inline;
        margin:0;
        padding:0;
}

#tabsJ2 a {
        float:left;
        background:url(images/tableftJ2.gif);
        background-repeat:no-repeat left top;
        margin:0;
        padding:0 0 0 5px;
        text-decoration:none;
}

#tabsJ2 a span {S
        float:left;
        display:block;
        background:url(images/tabrightJ2.gif);
        background-repeat: no-repeat right top;
        padding:5px 15px 4px 6px;
        color:#006666;
}

    /* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabsJ2 a span {float:none;}
    /* End IE5-Mac hack */
#tabsJ2 a:hover span {
	color:#FFF;
}

#tabsJ2 a:hover {
        background-position:0% -42px;
}

#tabsJ2 a:hover span {
        background-position:100% -42px;
}

#tabsJ2 #current a {
        background-position:0% -42px;
}

#tabsJ2 #current a span {
        background-position:100% -42px;
        color:#FFF;
}



.f16px {font-size: 100%;line-height: 150%;}
.f14px {font-size: 88%;line-height: 150%;}
.f12px {font-size: 77%;line-height: 150%;}
.f10px {font-size: 60%;line-height: 150%;}
.f10pxwh {font-size: 60%; color: #FFFFFF;line-height: 150%;}

.title_e1 { font-family: Arial; font-size: 250%; font-weight: bold; text-indent: 0; line-height:120% }
.title_e2 { font-family: Times New Roman; font-size: 200%; font-weight: bold; text-indent: 0; line-height: 120% }
.title_e3 { font-family: Times New Roman; font-size: 180%; font-weight: bold; text-indent: 0; line-height: 120% }
.title_e4 { font-family: Times New Roman; font-size: 160%; font-weight: bold; text-indent: 0; line-height: 120% }
.title_e5 { font-family: Times New Roman; font-size: 140%; font-weight: bold; text-indent: 0; line-height: 120% }
.title_e6 { font-family: Times New Roman; font-size: 120%; font-weight: bold; text-indent: 0; line-height: 120% }

.gaiyo   { font-family: Times New Roman; font-size: 1.0em; text-indent: 0; line-height: 130% }
.tokucho { font-family: Verdana, Geneva, Arial Helvetica, sans-serif; font-size: 0.85em; font-weight: bold; text-indent: 0; line-height: 130% }
.tokucho_1 { font-family: Verdana, Geneva, Arial Helvetica, sans-serif; font-size: 0.8em; font-weight: bold; margin-top: 0.5%; margin-bottom: 0.5%; text-indent: 0; line-height: 130% }
.chyu { font-family: Times New Roman; font-size: 75%; text-indent: 0; line-height: 120% }
.link_list { font-family: Verdana, Geneva, Arial Helvetica, sans-serif; font-size: 77%; text-indent: 0;  line-height: 150% }
.midashi_S { font-family: Verdana, Geneva, Arial Helvetica, sans-serif; font-size: 1.2em; font-weight: bold; text-indent: 0; line-height: 140% }
.midashi_M { font-family: Verdana, Geneva, Arial Helvetica, sans-serif; font-size: 1.4em; font-weight: bold; text-indent: 0; line-height: 140% }
.midashi_L { font-family: Verdana, Geneva, Arial Helvetica, sans-serif; font-size: 1.6em; font-weight: bold; text-indent: 0; line-height: 140% }
.spec_body { font-family: Arial, Helvetica, sans-serif; font-size: 0.9em; text-indent: 0; line-height: 130% }
.spec_body_2 { font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; text-indent: 0; line-height: 130% }
.menuOff{ font-size: 60%; text-indent: 0; color: #000000; line-height: 150% }
.menuOn{ font-size: 60%; text-indent: 0; color: #FFCC00; line-height: 150% }

.new {
	font-size: 0.8em;
	line-height: 1.4em;
	font-family: MS UI Gothic, Verdana, Arial, Helvetica, sans-serif;
	cursor: default;
	padding-top: 6px;
	padding-right: 12px;
	padding-bottom: 12px;
	padding-left: 6px;
}



a {  color: #08427c;  text-decoration: none}
a:link {  color:#08427c;  text-decoration: none}
a:visited {  color:#990099;  text-decoration: none}
a:active {  color:#2a68a6;  text-decoration: underline}
a:hover {  color:#2a68a6;  text-decoration: underline}

a.white {  color: #FFFFFF;  text-decoration: none}
a.white:link {  color: #FFFFFF;  text-decoration: none}
a.white:visited {  color: #FFFFFF;  text-decoration: none}
a.white:active {  color:#FFFF99;  text-decoration: underline}
a.white:hover {  color: #FFF667;  text-decoration: underline}

a.black {  color: #000000;  text-decoration: none}
a.black:link {  color: #000000;  text-decoration: none}
a.black:visited {  color: #000000;  text-decoration: none}
a.black:active {  color:#000000;  text-decoration: underline}
a.black:hover {  color: #000000;  text-decoration: underline}

#mainContents h2,
#popUp h2 {
	height: 32px;
	border-left: 7px solid #bb0303;
	font-size: 120%;
	font-weight: bold;
	padding-left: 0.5em;
	margin-bottom: 3px;
	line-height: normal;
	color: #333;
}

#tabs12 {padding:0 0 0 16px; margin:0; list-style:none; height:40px; background:#fff url(images/button2.gif) repeat-x; position:relative; font-family:Verdana; }
#tabs12 li {display:block; float:left; position:relative;}
#tabs12 a {display:block; float:left; height:40px; line-height:33px; color:#ddc; text-decoration:none; font-size:12px; font-weight:bold; padding:0 0 0 10px; cursor:pointer;}
#tabs12 a span {float:left; display:block; padding:0 18px 0 12px; height:40px;}
#tabs12 a:hover {visibility:visible;}
#tabs12 a:hover {position:relative; z-index:200;}
#tabs12 a:hover {color:#fff; background: url(images/button3.gif) no-repeat;}
#tabs12 a:hover span {background:url(images/button3.gif) no-repeat right top;}

#tabs12 #current {display:block; float:left; position:relative;}
#tabs12 #current {color:#fff; background: url(images/button3.gif) no-repeat;}
#tabs12 #current a {display:block; float:left; height:40px; line-height:33px; color:#fff; text-decoration:none; font-size:12px; font-weight:bold; padding:0 0 0 12px; cursor:pointer;}
#tabs12 #current a span {background:url(images/button3.gif) no-repeat right top;}

div.btns{
	zoom:1;
	white-space:nowrap;
}

div.btns:after
{
	display:block;
	clear:both;
	content:'';
}

div.btns a.btn{
	float:left;
	background:buttonface url(images/border-2.gif) no-repeat;cursor:pointer;font-size:0;text-align:center;
	text-align:center;
	display:block;
	_width:140px;
	min-width:140px;
	text-decoration:none;
	margin:3px 2px;
}

div.btns a.btn:hover span{
	
	opacity:0.6;
	filter:alpha(opacity:80);
}

div.btns a.btn span
{
	padding:3px 8px 4px 8px;
	
	text-align:center;
	position:relative;
	left:1px;top:1px;
	display:block;
	text-decoration:none;
	background:url(images/border.gif) right bottom no-repeat;
	font: Verdana;
	font-size: 9pt;
	color:#222;
	
}

xmp{
	margin:0;
	font-size:1.2em;
}