@charset "UTF-8";

body {
   margin:0;
   padding:0;
   text-align:center;
   line-height:1.7;
   letter-spacing:1px;
   font-family: Verdana, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", 'メイリオ',Meiryo,"Osaka‐等幅", sans-serif;
   font-size:14px;
   color:#333;
}

a {
   color:#666;
   border-bottom:1px dotted #333;
   text-decoration:none;
}

a:hover {
   color:#666;
}

h2 {
   margin:0 0 15px 0;
   padding:3px 5px;
   color:#fff;
   font-size:14px;
   border-left:5px solid #7d9a82;
   border-bottom:1px solid #7d9a82;
   background:#6a6a6a;
}

p {
   margin:0 0 1em 0;
}

ul {
   margin:0 0 1em 40px;
   padding:0;
}

#wrapper {
   width:760px;
   margin:0 auto;
   text-align:left;
   background:url("http://www.iamthearchivist.com/img/left.gif") 0 0 repeat-y;
}

#temp {
   width:760px;
   margin:0 auto;
   text-align:left;
   background:url("http://www.iamthearchivist.com/img/right.gif") 100% 0 repeat-y
}

#header {
   width:720px;
   height: 268px;
   margin:0 20px;
   background:#fff url("http://www.iamthearchivist.com/img/head.jpg") 0 0 no-repeat;
}

#menu {
   width:720px;
   margin:0 20px;
}

#main {
   float:left;
   width:680px;
}

#wide {
   clear:both;
   width:700px;
   margin:0 20px;
   padding:20px 10px 10px 10px;
   background:#fff url("http://www.iamthearchivist.com/img/wide.gif");
   border-bottom:1px solid #C3C3C3;
}

/* 回り込み解除 */
#menu:after,
#contents:after {
   content:"";
   display:block;
   height:0;
   clear:both;
   visibility:hidden;
}

#header h1 {
   margin:0;
   padding:10px 20px;
   font-size:24px;
}

#header p {
   margin:0;
   padding:0 20px;
}

#menu ul {
   margin:0;
   padding:0;
}

#menu li {
   float:left;
   margin:0;
   padding:0;
   text-align:center;
   list-style-type:none;
}

#menu li a {
   display:block;
   width:180px;
   padding:5px 0;
   border-top:1px solid #C3C3C3;
   border-bottom:1px solid #C3C3C3;
   background:#ddd;
}

#menu li a:hover {
   color:#fff;
   background:#7d9a82;
}

#pagetop {
   text-align:right;
   font-size:11px;
}

#pagetop a {
   padding:0 0 0 12px;
   background:url("http://www.iamthearchivist.com/img/pagetop.gif") 0 50% no-repeat;
}

#footer {
   width:760px;
   margin:0 auto;
   padding:20px 0;
   text-align:center;
   color:#333;
   font-style:normal;
   font-size:11px;
}