﻿* {   
    margin:0;   
    padding:0;   
}  
body {
    font-family:Verdana, "ＭＳ Ｐゴシック", sans-serif;   
    font-size:80%;   
    color:#424242;
    text-align: center; /* center on ie */
    width: 100%;   
}   
h2,h3,h4,h5,h6,h7,h8 {   
    font-weight:normal;   
    font-family:Georgia, "Times New Roman", Times, serif;   
}   
p,li {   
    line-height:160%;   
}   
p {   
    margin:0 0 1em 0;  
}   
li {   
    list-style-type:none;   
}   
img {   
    border:0;   
}   
/*  
 Link Color [  
----------------------------------------------------------- */  
a {   
    text-decoration:none;   
}   
a:link {   
    color:blue;   
}   
a:visited {   
    color:#0C8EF2;   
}   
a:hover {   

}   
a:active {   
    color:blue;   
}  
#page {   
    width:750px;   
    text-align: left;
    margin: 0 auto; /* center on everything else */   
    background:#FFFFFF;
} 
/*  
 header [  
----------------------------------------------------------- */  
h1 {   
    clear:both; 
    background:url(../img/4.gif) no-repeat;
    background-position: right; 
    line-height:1px;   
    font-size:1px;
    overflow: hidden;   
}  
* html #h1 {   
    height: 1px;   
}
#header h1 ul {   
    position:relative;
    left:10px;  
} 
#header h1 ul li {   
    position:relative;
    right:10px;  
}  
#header h1 ul li a {   
   display: block;
   float:left; 20px; 
   padding: 0.5em;
   border: 1px solid #ccccff;
   text-align: center;
   text-decoration: none;
   line-height: 1.5;
   width: 100px;
   list-style: none;
   margin-right: 2px;
   background-color: #00008B;
   border-color: #778899; 
   font-size:12px;    
}  
#header h1 ul li  a:hover {
   background-color: #0099FF;
   border-color: #778899;
   color:#FFFFFF;
} 
a span.siteguide {
   font-size: 50%;
}

a span.sitename {
   text-align: center;
   font-size: 130%;
   font-family: ＭＳ Ｐゴシック,sans-serif;
}
a span.siteurl {
   font-size: 75%;
   font-family: Verdana,Arial,sans-serif;
}

/* サイト名部分の表示色 */
a:link    span.sitename { color: #FFFFFF; }
a:visited span.sitename { color: #FFFFFF; }
a:hover   span.sitename { color: #FFFFFF;}

/*  
 container [  
----------------------------------------------------------- */  
#container {   
}   
/*  
 container  
 side [  
----------------------------------------------------------- */  
#side {   
    float:left;   
    width:120px;   
    margin-right:10px;   
    border:1px solid #CCC;   
}  
/*  
 container  
 main [  
----------------------------------------------------------- */  
#main {   
    float:right;   
    width:598px;   
}   
/*  
 container [  
----------------------------------------------------------- */  
#container {   
    float:left;   
    margin-bottom:10px;   
    padding:0 10px;   
}  
/*  
 foot [  
----------------------------------------------------------- */  
#foot {   
    clear:both;   
    margin:0 10px;   
    padding:5px 0 10px 0;   
    text-align:center;   
    border-top:1px solid #CCC;   
}  
#foot p {   
    margin:0 0 2px 0;   
}   
#foot address {   
    font-style:normal;   
}  
p {   
    margin:0 0 1em 0;   
}  
#side h2 {   
    margin-bottom:10px;   
    font-size:120%;   
    letter-spacing:.2em;   
    text-transform:uppercase;   
}   
#side ul {   
    margin-left:10px;   
}   
#side ul li {   
    margin-bottom:10px;   
}   
#side ul li a {   
    padding:3px 5px 3px 3px;   
    font-size:115%;   
    line-height:120%;   
    color:#1E90FF;   
}  
#main h2 {   
    clear:both;   
    padding:10px 0 0 15px;    
    background:url(../img/bg_side.gif) repeat-x; 
    font-size:140%;
    letter-spacing:.2em;   
    text-transform:uppercase;   
}  
#main h3 {  
    margin-bottom:10px;    
    padding:8px 8px 8px 8px; 
    border:1px solid #778899;   
    font-size:140%;   
    letter-spacing:.1em;
    float:left;
    width:530px;
}  
#main h4 {   
    margin-bottom:5px;   
    padding-left:5px;   
    border-left:3px solid #FF0000;   
    font-size:115%;   
    font-weight:bold;   
}  
#main h4 p {   
    float:right;
}   
#main h4 ul li {   
    margin-bottom:5px;
    padding:2px 0 0 2px; 
    margin-left:10px;    
    padding-left:15px;   
    background:url(../img/image26.gif) no-repeat 0em .5em;   
}  
#main h4 ul li a {   
    margin-left:1em;   
} 
#main h5 {  
    margin-bottom:10px;    
    border:1px solid #778899;   
    font-size:140%;   
    letter-spacing:.1em;
    float:left;
    width:600px;
} 
#main h6  {   
    clear:both;
    margin-bottom:10px;
    margin-left:20px;  
    padding:10px 15px;
    font-size:140%;        
    background:url(../img/bg_side.gif) repeat-x;width:120px;
    border-left:3px solid #0099FF;
    letter-spacing:.2em;   
    text-transform:uppercase;
} 
#main h6  li {   
    margin-bottom:10px;
    margin-left:10px;    
    padding-left:15px;   
    background:url(../img/list_02.gif) no-repeat 0em .5em;   
}
#main h6  li a {   
    margin-right:10em;   
} 
#main h8 {   
    margin-bottom:5px;   
    padding-left:5px;   
    border-left:3px solid #FCAA53;   
    font-size:115%;   
    font-weight:bold;   
}  
h2,h3,h4,h5,h6,h7,h8 {   
    font-weight:normal;   
    font-family:Georgia, "Times New Roman", Times, serif;   
}  

#main .more {   
    position:relative;   
}   
#main .more a {   
    position:absolute;   
    top:-15px;   
    right:60px;   
    padding:0 5px 0 18px;   
    background:#FFF url(image9.gif) no-repeat 5px .5em;   
    color:black;  
}   
#main .more a:hover {   
    text-decoration:none;   
}  

