@charset "utf-8";

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

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{
    margin:0;
    padding:0;
}

ol, ul {
    list-style: none;
}

a {
    color:#1068a8;
    text-decoration:none;
}

a:hover {
}

img {
    border:none;
}

.att {
    color:#ea8285;
}

body {
    margin:0;
    padding:0;
    color:#333333;
    font-size:13px;
    font-family:"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Geneva, Arial, Verdana, sans-serif;
    text-align:center;
    line-height:1.6;
    background:#ddd;
}

#container {
    width:948px;
    margin:0 auto;
    padding:15px 15px 5px;
    background:#fff;
    border-left:solid 1px #eee;
    border-right:solid 1px #eee;
    text-align:left;
}

#header {
}

h1 {
    position:relative;
}

h1 a {
    display:block;
    width:320px;
    height:70px;
    text-indent:-9999px;
    position:absolute;
    top:0;
    right:0;
}

#navi {
    height:40px;
    background:url(/images/bg_navi_off.png) repeat-x bottom;
}

#navi li {
    display:block;
    float:left;
}

#navi li a {
    display:block;
    width:135px;
    height:30px;
    padding:10px 0 0;
    color:#333;
    font-size:14px;
    font-weight:bold;
    text-align:center;
}

#navi li#ob, #navi li#ob a {
    width:138px;
}

#navi li.active a,
#navi li a:hover {
    background:url(/images/bg_navi_on.png) repeat-x bottom;
}

#content {
    padding:15px 0 0;
}

#content h2 {
    height:23px;
    margin-bottom:10px;
    padding:4px 5px 0;
    font-size:13px;
    font-weight:normal;
    background:url(/images/bg_title.png) repeat-x;
}

#breadcrumbs {
    margin-bottom:15px;
    padding:5px;
}

#breadcrumbs li {
    display:inline-block;
    padding-right:18px;
    line-height:1;
    background:url(../images/arrow_bread.gif) no-repeat 100% 50%;
    *display:inline;
    *zoom:1;
}

#breadcrumbs li.here {
    background-image:none;
}

#left {
    float:left;
    width:210px;
}

#left .btn li {
    margin-bottom:8px;
    text-align:center;
    line-height:1;
}

#left .block {
    margin-bottom:10px;
}

#left .block ul {
    padding:0 10px;
}

#left .block ul.btn {
    padding:0;
}

#left .block ul.btn li {
    margin-bottom:10px;
    line-height:1;
}

#left .block p {
    padding:0 10px;
}

#main {
    float:right;
    width:723px;
    padding:0 0 0 15px;
}

#maincontents {
}

#maincontents h2 {
}

#maincontents .inner {
    padding:0 10px 10px;
}

#maincontents p {
    padding-bottom:15px;
}

#footer {
    clear:both;
    padding:40px 0 0;
}

#footer .pagetop {
    font-size:10px;
    text-align:right;
}
/*
#footer .pagetop a {
    padding-left:12px;
    background:url(../images/pagetop.png) no-repeat left center;
}
*/
#footer p {
    padding-bottom:0;
    font-size:85%;
    text-align:center;
}

table.list {
    width:100%;
    border-collapse:collapse;
    border-bottom:dotted 1px #aaa;
}

table.list tr.border {
    border-bottom:dotted 1px #aaa;
}

table.list td.even {
    background:#f0f7ee;
}

table.list td {
    padding:8px 5px 4px;
    vertical-align:top;
    border-left:solid 1px #ddd;
}

table.list td.first {
    border:none;
}

.clear {
    clear:both;
}

.clearfix:after {
    content:".";
    display:block;
    height:0px;
    clear:both;
    visibility:hidden;
}

.clearfix {
    zoom:1;
}

dl:after { content:"."; display:block; height:0px; clear:both; visibility:hidden; }
dl { zoom:1; }

#content:after { content:"."; display:block; height:0px; clear:both; visibility:hidden; }
#content { zoom:1; }