/* Author URI: http://www.af5.jp/ */
/* ------------------style--------------------- */
body{margin-right:auto; margin-left:auto;}
header{ width: 960px; position:relative; margin:0 auto; padding:0px;}
footer{ width: 960px; position:relative; margin:0 auto; padding:0px;}
.zerogrid .col-1-4{width:24%;}
.zerogrid .col-3-4{width:75%;}
@media only screen and (max-width: 959px) {header{height:auto;width:768px;}footer{height:auto;width:768px;}}
@media only screen and (max-width: 619px) {.zerogrid, .zerogrid .col-1-4,.zerogrid .col-3-4{width:100%;} header{width:100%;} footer{width:100%;}}

.block{margin:0px;overflow:hidden;}

body{background:#fff; color:#000; font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif; background: url(./images/back.jpg)  no-repeat fixed bottom left;}

a{color:#0000CC;text-decoration:underline; }
a:hover{color:#DA251D; text-decoration:underline;}


/* ------------------Header style-------------------- */
header {border-left:1px solid #b3b3b3;border-right:1px solid #b3b3b3;background:#ffffff; margin-bottom:0px;}
header .wrap-header{height:60px;}
header a{text-decoration:none;}

header #logo {position:absolute; padding:0px; width: 100%;}
header #logotxt{position:absolute; top:15px; padding:5px; margin-left:20px;  font-size: 30px; color: #333;}
header #logotxt a{color: #333;text-decoration: none;}

header img{height:60px;min-width:100%;}

/* ------------------main-content style--------------------- */
#content .wrap-content{border:1px solid #b3b3b3; margin-top: 0px;background-color:rgba(255,255,255,0.9);}

#main-content {float:left;}
#main-content article h2{background:#0086cc; color: #fff; font-size:16px; line-height:32px; padding-left:8px; margin:25px auto 15px;}

#main-content .content h3{font-size:16px; line-height:25px; font-weight: bold; margin-top: 0px;margin-bottom:30px; padding-top: 30px;padding-left: 10px; border-bottom:3px solid #696969;}
#main-content .content h4{font-size:16px; line-height:25px; }

#main-content .content ul{list-style-type:square; margin-left:20px;}
#main-content .content ul li{padding:5px;}

#main-content .content ol{list-style-type:decimal; margin-left:20px;}
#main-content .content ol li{padding:5px;}

#main-content a:link {color: #0000CC; text-decoration: underline;}
#main-content a:visited {color: #0000FF; text-decoration: underline;}
#main-content a:hover {color: #FF0000; text-decoration: underline;}
#main-content a:active {color: #047EC8; text-decoration: none;}

/* ------------------sidebar style--------------------- */
#sidebar {float:right;border-left:1px solid #b3b3b3;background:#f2f2f2;font-size:12px;padding-bottom: 10000px;margin-bottom: -10000px;}

#sidebar .box{}

#sidebar .content{margin:5px;padding:0px;border:1px solid #b3b3b3;background:#fff;}

#sidebar .content .heading{padding: 0px; margin:0px; text-decoration: none; background: #0086cc; color: #fff; border-bottom:0px solid #b3b3b3;border-top:1px #bcbcbc solid;}
#sidebar .content .heading h2{font-size:12px;font-weight:bold;}

#sidebar .content ul {margin-bottom: 10px;list-style-type: none;margin-left: 0px;}

#sidebar .content ul li{vertical-align: middle; border-left: 2px solid #f6f6f6; background: -moz-linear-gradient(top, #f3f3f5, #fff); background: -webkit-gradient(linear, left top, left bottom, from(#f3f3f5), to(#fff)); border-bottom:1px #bcbcbc solid;clear:both;}
#sidebar .content ul li:first-child{border-top:1px #bcbcbc solid;}

#sidebar .content ul li:hover {background: #f6f6f6; border-left: 2px solid #0086cc; cursor:pointer; color: #DA251D;}
#sidebar .content ul li a {color: #474747; text-decoration: none; font-size:12px;}


#sidebar .content ul li.topic{list-style-type:none;font-weight:bold; margin-left:4px; }
#sidebar .content ul li.topic:hover{background: url(./images/menu_bg.gif) top left; cursor:auto;}

#sidebar .content ol{font-size:12px; list-style-type:decimal-leading-zero; margin-left:20px;}
#sidebar .content ol li{padding:5px;}

img.imgeye {width:22px; height:22px; padding:0px 1px; margin:0px 1px; float:left; }


.topic2{padding:0px;margin:0px;}
.topic2:before {content: "●";}

.topic2hide {margin-bottom: 10px;}

.henkou:before {content: url(images/edit-document.png) " ";}
.mail:before {content: url(images/mail.png) " ";}
.out:before {content: url(images/padlock-closed.png) " ";}

.m-t20{margin-top:5px;}

/* ------------------footer style--------------------- */
.footer {border-left:1px solid #b3b3b3;border-right:1px solid #b3b3b3;border-bottom:1px solid #b3b3b3;background-color:#0086cc; }

.copyright{text-align:center; margin-top:0px; background:#0086cc; padding:10px 0px;color:#fff;}

.copyright a{text-decoration:underline; color:#fff;}