* { margin:0px;padding:0px;}

body {background-image:url("../bg_shadow_02.gif");background-position:center top;background-repeat:repeat-y;color:#696969;}
a:link {color:#696969;background-color:transparent;text-decoration:none }
a:visited {color:#ffa500;background-color:transparent;text-decoration:none }
a:hover,a:active {text-decoration:underline;color:#ff00ff;background-color:transparent;}

form { margin-left:8px}
p { padding : 0px ; line-height : 1.5em }
span { clear:both }

/*   column setting  */

#wrapper   { background-color:#ffffff;width:900px;height:auto;padding-top:25px}
#container { background-color : #ffffff ; width:900px;margin-left:auto;margin-right:auto;
	     border-right:1px solid #696969;border-left:1px solid #696969 }
#header    { width:900px}
#content   { float:left; width:470px; height:auto;margin-left:5px;padding:2px;font-size:13px} 
#extra     { float:left; width:210px; padding :2px;text-align:center }
#extra_2   { float:left; width:180px; padding :2px}
#extra_2   { -moz-border-radius: 10px;border: 1px solid #696969;margin-left:5px}
#bottom    { clear : both ; width : 890px ; height : 20px ; padding: 5px }
#footer    { clear : both ;margin-left : 212px }
.center { position: relative; overflow: hidden }
.center ul { position: relative;left: 50%; float: left;}
.center ul li {position: relative;left: -50%;float: left;}

/*  list setting  */

p, ul li {line-height: 1.8em; }
ul {list-style-type:none;margin-top : 5px}
ul li { padding :2px }
#bottom ul li { float: left ; font-size : 12px ; padding :2px 0px ; line-height : 1.5em }

li.menu  { width: 240px; margin:30px 0 10px; padding: 2px; border: 1px #cc0000 solid;
           background-color: #fffdee; text-align: center; font-weight:bolder}


.sidebar ul ul    { margin:0 0 20px;padding:6px 10px 0;line-height:1.2em;}
.sidebar ul ul li { font-size:13px;line-height:2em;border-bottom:0.5px solid #e1e1e1;padding:2px 0}
.sidebar ul li h3 { margin-left:auto;margin-right:auto;width : 150px ; background-image:url("../bg_03.gif");
                    background-repeat:repeat;border:0.5px solid #e1e1e1;font-size:13px;
                    line-height:1.5em;padding:2px 0 1px;text-align:center;}

.sidebar_2 ul ul    { margin:0 0 20px;padding:6px 10px 0;line-height:1.5em;}
.sidebar_2 ul ul li { font-size:13px;line-height :1.3em;border-bottom:0.5px solid #e1e1e1;padding:2px 0;margin:2px 0 5px}
.sidebar_2 ul li h3 { margin-left :5px;width : 150px ; background-image:url("../bg_03.gif");
                    background-repeat:repeat;border:0.5px solid #e1e1e1;font-size:13px;
                    line-height:1.5em;padding:2px 0 1px;text-align:center;}


/* imge setting  */

img { border:none  }
img.spc {float:left;padding-right:10px;padding-bottom :30px }
#content img{ float:left ; margin:5px 3px 2px 0}
#search img { padding:2px;float:right}

/*                  */

#search { margin-bottom:5px}

.title {background:url("../bg_navigation.gif") repeat-x scroll left bottom #FDFBE7;
        border-top:1px solid #E0DCB8;line-height:1.5em;padding:5px 10px 6px;margin:10px 0}
.footer{clear:both;width:900px;text-align:center ;padding:2px 0; font-size:11px;font-family:
        Osaka,Verdana,Arial,Helvetica,sans-serif;background: #999999;color: #ffffff;}
.circle{ padding:5px;-moz-border-radius: 10px;border: 1px solid #696969;margin-left:5px}

.bold {font-weight:bolder}
.small {font-size:11px}
.rtn {text-align:right}
.frame { padding: 5px; border: 1px solid #999999;}