/* =============================================
 
   Universal selector
    
  ============================================= */
  
* {
   margin:0;
   padding:0;
}

/* =============================================
 
   Structure Module
    
  ============================================= */
  
html {
   margin:0;
   padding:0;
}

body {
   margin:0; 
   padding:0; 
   font-family: arial, sans-serif, Osaka, verdana; 
   color: #151515; 
   font-size: 12px; 
   letter-spacing: 2px; 
   text-align: center; 
   background: #f1f9ff url(img/headline.gif) repeat-x;
   line-height: 160%;
}

/* =============================================
 
   Text Module
    
  ============================================= */

p {
   margin: 0;
   font-size: 93%;
   font-style:normal;
}

h1,
h2,
h3 {
   margin: 0;
   padding:0;
   font-size:100%;
   line-height:1.2em;
}

/* =============================================
 
   Hypertext Module
    
  ============================================= */
  
a {
   text-decoration: none;
}

a:link {
	color: #d58609;
}

a:visited {
	color: #c0a16f;
}

a:hover {
	color: #ff9c00;
}

/* =============================================
 
   List Module
    
  ============================================= */

ul,
ol {
   margin:0;
   padding:0;
   font-size: 96%;
}

ul li {
   list-style: none;
}

ul li a{
   text-decoration:none;
   border:none;
}


/* =============================================
 
   Image Module
    
  ============================================= */
 
img {
   border:none;
}

/* =============================================
 
   Clearfix Module
    
  ============================================= */

.fix {
   clear: both;
}

/*                   Container&Sitename                  */

#frame {
   width: 757px;
   margin: 0 auto;
   text-align: left;
   background-color: #fff;
}

#header {
   height: 211px;
   background: url(img/head.jpg) no-repeat;
}

h1 {
   padding: 42px 0px 64px 20px;
}

h1 a {
   display: block;
   width: 720px;
   height: 30px; 
}

h1 a span {
display: none;
}

p {
   padding-left: 30px;
} 

/*                   Top Navigation                  */

#inner {
   margin: 20px;
}

.list_tag span {
   background-color: #8f6016;
   color: #fff;
   padding: 3px;
}

#inner ul#line_up {
   padding: 6px 10px; 
   border: 1px solid #8f6016;
}

#inner ul#line_up li{
   display: inline;
   padding: 0 10px;
   border: none;
}

#inner ul#line_up li a {
   color: #1a89e0;
   background: url(img/mark.gif) no-repeat left;
   padding-left: 20px;
}

#inner ul#line_up li a:hover {
   color: #73b9f0;
}

/*                   Main Contents                  */

#section {
   float: left;
   width: 507px;
   line-height: 230%;
   font-size: 14px;
} 

h3 {
   padding: 4px 4px 4px 50px;
   font-size: 14px;
   background: url(img/info.gif) no-repeat left;
   color: #8f6016;
   margin-top: 25px;
}  

#section .pushlink{
   line-height: 140%;
   padding: 10px;
   font-size:12px;
}

#section .pushlink li {
   padding-bottom: 6px;
}

h2 {
   font-size: 20px;
   border-bottom: 5px solid #e5ded8;
   margin-top: 20px;
}

/*                   Side Navigation                  */

#side  {
   float: right;
   width: 199px;
}
 
#side a#to_cat {
   display: block;
   width: 199px;
   height: 85px;
   background: url(img/cat_page.gif) no-repeat;
}

#side a#to_cat span {
   display: none;
}

#side ul {
   margin: 20px 0;
}

#side ul li {
   border-bottom: 1px dotted #aaa;
   padding: 4px;
} 

/*                   Footer                  */

#foot_nav {
   clear: both;
   background-color: #8f6016;
}

#foot_nav ul {
   padding: 10px;
   text-align: right;
}