/* Author URI: http://www.af5.jp/ */
/* ------------------style--------------------- */
body{background: #b40404; color: #474747; font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif; }


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


/* ------------------Header style-------------------- */
header {background: #fff no-repeat;; margin-bottom:0px;height:120px}

.featured{width:960px; margin:0 auto;border-left:1px solid #ec7dcb;border-bottom:1px solid #b40404;border-right:1px solid #b40404;}
.subhead {margin:0px 0px; overflow: hidden; border-top:10px solid #b40404; }
.subhead .subheadwap{width:960px; margin:0 auto; height:300px; background: url(./images/topimg.png) no-repeat;}


/* ------------------Navigation---------------- */
nav {margin: 0; padding: 0;display: inline;list-style-type: none;font-size: 12px;}
#nav a:link, #nav a:visited { }
#nav a:hover {color: #fff;	background:#fff;}
#nav a:visited.active, #nav a:link.active {background-color: #fff;color: #fff;}
nav .wrap-nav{position:absolute; top:0px; right:0px; height: 37px;}
.menu ul {list-style:none; margin: 0;float:right;}
.menu  ul li {float:left;margin:0 auto; cursor:pointer;height:30px;padding:30px 5px 5px 5px;margin:0px 3px 0px 3px;
                   -moz-border-radius: 0px 0px 10px 10px;
                   -webkit-border-radius:0px 0px 10px 10px;
                  -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
                  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
                  color: #FFF;
                  text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
                 font-size:13px;
                 font-weight:bold;
                  text-transform:uppercase;}
.menu  ul li:hover {background-color:#fff;}
.menu  ul li a {font-size: 14px; line-height:14px;color: #fff;display: block;padding: 6px 10px;margin-bottom: 5px;z-index: 6;position: relative;font-weight:bold; text-transform:uppercase;}
.menu  ul li:hover a {color:#ffffff;}
.menu  ul li  p {font-size: 18px; line-height:14px;color: #fff;display: block;padding: 10px 20px ;margin-bottom: 5px;z-index: 6;position: relative;font-weight:bold; }

.menu  ul li  p2 {background: url(./images/top.png) no-repeat top center ;height:100px;width:auto;font-size: 7px; line-height:60px; 
color: #fff;display: block;padding: 20px 0px 0px 0px;margin-top:-33px;margin-bottom: 5px;z-index: 6;position: relative;font-weight:bold; text-transform:uppercase;}

.menu  ul li  p3{background: url(./images/mail.png) no-repeat top center ;height:100px;width:auto;font-size: 7px; line-height:60px; 
color: #fff;display: block;padding: 20px 0px 0px 0px;margin-top:-33px;margin-bottom: 5px;z-index: 6;position: relative;font-weight:bold; text-transform:uppercase}

.menu  ul li  p4{background: url(./images/kaiin.png) no-repeat top center ;height:100px;width:auto;font-size: 7px; line-height:60px; 
color: #fff;display: block;padding: 20px 0px 0px 0px;margin-top:-33px;margin-bottom: 5px;z-index: 6;position: relative;font-weight:bold; text-transform:uppercase}

.menu  ul li  p5{background: url(./images/logout.png) no-repeat top center ;height:100px;width:auto;font-size: 7px; line-height:60px; 
color: #fff;display: block;padding: 20px 0px 0px 0px;margin-top:-33px;margin-bottom: 5px;z-index: 6;position: relative;font-weight:bold; text-transform:uppercase}

/* ------------------main-content style--------------------- */
#content .wrap-content{background:#fff;border:0px solid #763f09; margin-top: 0px;}

#main-content article h2{padding: 10px 0 5px 36px!important; background: url(./images/list.png) left center no-repeat;
	border-bottom:3px solid #b40404;}
#main-content article .heading h2{padding: 10px 0 5px 6px!important;background: none!important;}

#main-content .content h3{padding: 10px 0 5px 36px!important;background: url(./images/list2.png) left center no-repeat;font-size:16px;
 line-height:25px;  font-weight: bold; margin-top: 0px;margin-bottom:30px; padding-top: 30px;padding-left: 10px; border-bottom:1px solid #b40404;}

#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 .heading{text-decoration: none;border-bottom:3px solid #b40404;}
#sidebar .heading h2{ color: #000;text-decoration: none; font-size:18px;}
#sidebar .heading p4{ color: #000;text-decoration: none;}
#sidebar .box{text-decoration: none;}

#sidebar .contents p5{ color: #000;padding:10px 5px;}
#sidebar .contents a p5{ color: #000;}

#sidebar .content p3{ color: #000;padding:10px 5px;}
#sidebar .content ul{font-size:12px; list-style-type:circle; margin-left:20px;}

#sidebar .content ul li{border-bottom:1px solid #b40404; padding:6px 3px; /*display:block; line-height:35px;*/ vertical-align: middle;}

#sidebar .content ul li.topic{list-style-type:none;margin-left:-20px;font-weight:bold;}

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

img.imgeye {width:32px; height:32px; padding:2px; margin:2px 2px 2px 2px; display:inline-block; vertical-align:middle;}

/* ------------------footer style--------------------- */
.footer {background-color:#fff; margin-top:30px;}

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

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


@media (max-width: 619px) {
.dl-horizontal dt{float: none; text-align: left;}
.dl-horizontal dd{margin-left: 10px;}
form {margin: 0 0 50px!important;}
button.btn, input[type="submit"].btn{margin-bottom:20px!important;}
}


/* ===== PCは960px固定、スマホは全幅レスポンシブ ===== */

/* デフォルト（PC用） */
.subhead .subheadwap {
  width: 960px !important;       /* PCでは元の横幅に固定 */
  height: 300px !important;      /* 元の高さに固定 */
  margin: 0 auto;                /* 中央寄せ */
  background: url(./images/topimg.png) no-repeat center top;
  background-size: cover !important; /* 画像を拡大せず収める */
}

/* スマホ・タブレット用 */
@media (max-width: 1024px){
  .subhead .subheadwap {
    width: 100% !important;
    height: auto !important;
    padding-top: 31.25% !important;  /* 縦横比を維持（960x300の比率） */
    background-size: cover !important; /* 横幅にフィットさせる */
    background-position: center center !important;
  }
}


@media (max-width: 800px){
  .menu{display:block !important;}
  .minimenu{display:none !important;}
}


/* ===== ヘッダーのサイトタイトル（文字・ロゴ）を非表示 ===== */

header #logotxt,
header #logoimg {
  display: none !important;
}


/* ===== 白い帯（ヘッダー）の高さ調整 ===== */
header {
  height: 72px !important;   /* 120px × 0.6 = 72px に縮める */
}