@charset "UTF-8";


/* ====== layout ====== */

#container {
 width: 1000px;
 margin: 0 auto;
 padding-bottom: 15px;
}

#header {
 padding-bottom: 50px;
}

    h1 {
     padding-top: 10px;
    }
    
    #header li {
     float: left;
     font-size: 0;
     line-height: 0;
    }
    
    #navi {
     position: absolute;
     top: 60px;
     right: 0;
     width: 475px;
    }

        #navi li {
         padding: 0 1px;
         border-left: 1px solid #aaa;
        }

        #navi li p {
         color: #3366cc;
         padding: 0 1px;
	 text-align: center;         
        }

	
        #navi li.last {
         border-right: 1px solid #aaa;
        }

    #cat {
padding-top: 5px;
     lert: 0;
     width: 170;
font-size: 6px;
    }
        #cat li {
	display: block;
        padding: 0 1px;
        border-left: 0px ;

        }
        #cat li.last {
         border-right: 0px ;
        }

:root *> #cat li {
	display: block;
        padding: 0 1px;
        border-left: 0px ;
        }
:root *> #cat li.last {
         border-right: 0px ;
        }

    #function li {
     padding-right: 0px;
    }
    
        #function li.type2 {
         padding-right: 1px;
        }

        #function li.fb {
         padding-top: 8px;
        }

#contents {
 background: url(../img/contents_back.gif) repeat-y;}
 width: 1000px;
 padding: 10px 0;

}

#main { width: 770px;}

    .catch {
     font-size: 0;
	 line-height: 0;
     padding: 0 0 10px 5px;
     margin-bottom: 30px;
     border-bottom: 1px solid #aaa;
    }

    
#side { width: 160px;}

    #side ul {
     padding: 10px 0 10px 10px;
    }
    
    #side li {
     line-height: 1em;
     margin-bottom: 10px;
    }
    
#search-box {
 padding: 10px;
 background-color: #ddd;
}

    #searchsubmit {
     display: block;
    }
    
    #search-text {
     display: block;
     font-size: 12px;
     height: 20px;
     padding: 0 5px;
     border: 1px solid #666;
    }
    
    .w100 { width: 100px;}
    .w150 { width: 150px;}
    .w200 { width: 200px;}
 
    
#footer {
width: 1000px;
 color: #808080;
 border-top: 1px solid #aaa;
 margin: 30px auto 30px auto;
}

    #footer .section {
     float: left;
     padding: 20px 40px 0 0;
    }
    
    #footer h2 {
     float: left;
     font-size: 12px;
     line-height: 2em;
     font-weight: normal;
     padding-right: 20px;
    }
    
    #footer ul {
     float: left;
     padding-left: 20px;
     border-left: 1px solid #aaa;
    }
    
    #footer li {
     line-height: 2em;
    }
    
    #copy {
     position: absolute;
     bottom: 0;
     right: 0;
     height: 30px;
     padding-right: 35px;
     background: url(../img/footer_logo.gif) no-repeat right bottom;
    }


/* ====== font ====== */

body {
 color: #666;
 font-size: 12px;
}

p { line-height: 1.5em;}

.fs10 { font-size: 10px !important;}
.fs11 { font-size: 11px !important;}
.fs12 { font-size: 12px !important;}
.fs15 { font-size: 15px !important;}
.fs16 { font-size: 16px !important;}
.fs17 { font-size: 16px !important; line-height: 1.3em; padding-top: 10px;}

.bk { color: #000 !important;}


/* ====== link ====== */

a { color: #808080;}
a:hover { text-decoration: underline;}


input.op:hover,a.sp:hover img {
 opacity: 0.70;
 filter: alpha(opacity=70);
}
.w100 { width: 100px;}
.w140 { width: 140px;}
.w180 { width: 180px;}
.w270 { width: 270px;}
.w300 { width: 300px;}
.w330 { width: 330px;}
.w350 { width: 350px;}
.w390 { width: 390px;}

.w430 { width: 430px;}
.w500 { width: 500px;}


/* ====== magazine ====== */

#mgz {
 color: #666;
 font-size: 12px;
 line-height: 1.5em;
}

#mgz p{
 color: #666;
 font-size: 10px;
 line-height: 1.4em;
 padding-top:15px
}