@charset "UTF-8";
/*================================================
 *  一般・共通設定 
================================================*/
body{
	background:#000;
	color:#fff;
}

header{
	background:#000;
}

nav{
	width:100%;
	background:#000;
	box-shadow:0 1px 2px #000;
}

#contents{
	background:#000;
}

#sub h3{
	color:#000;
	background:#fff;
}
a.btn-blue{
	color: #fff;
	border: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-box-shadow: 0 1px 0 #fff; inset, 1px 1px 1px #000;
	-moz-box-shadow: 0 1px 0 #000 inset, 1px 1px 1px #000;
	box-shadow: 0 1px 0 #000 inset, 1px 1px 1px #000;
	background: #000;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, #000), color-stop(0.5, #000));
	background: -moz-linear-gradient(top, #000 50%,#000 50%);
	background: -o-linear-gradient(top, #000 50%,#000 50%);
	background: -ms-linear-gradient(top, #000 50%,#000 50%);
	background: linear-gradient(top, #000 50%, #000 50%);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#000 50%', endColorstr='#000 50%');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#000 50%', endColorstr='#000 50%')";
}
a:hover.btn-blue{
	color: #000;
	background: #fff;
}
a:active.btn-blue{
	  
	-ms-transform: translateY(2px);
	-webkit-transform: translateY(2px);
	transform: translateY(2px);
	box-shadow: none;
}
a{
	color:#fff;
}
a:hover{
	color:#fff;
}
h2{
	border-left: solid 10px #fff;/*左線*/
	border-bottom: solid 3px #fff;/*下線*/
}
#main h3{
	color:#fff;
	background:#000;
}
h4{
	color:#fff;
	border-bottom:3px solid #fff;
}
h5{
	color:#fff;
}
h5::before{
	background:#fff;
}
h6{
	color:#000;
}
strong{
	color:#fff;
}
blockquote{
	border:1px dotted #fff;
	border-left:5px solid #fff;
}
table{
	border:1px solid #fff;
	background:#000;
}
th{
	border:1px solid #fff;
	background:#000;
}
td{
	border:1px solid #fff;
}
/*================================================
 *  検索窓
 ================================================*/
.key{
	background-color:#333;
	background-image: url(img_ico_search.png);
}

#searchform2 input[type="submit"]{
	background: #000;
	color:#fff;
}
/*================================================
 *  グローバルナビゲーション
 ================================================*/
@media print, screen and (min-width:768px) {
	nav{
		box-shadow:0 1px 3px #000;
	}
	/* 1段目 */
	nav ul li{
		border-right:1px solid #fff;
	}
	nav ul li a{
		background:#000;
		color:#fff;
	}
	nav ul > li:hover > a{
		background:#aaa;
		color:#fff;
	}
	nav ul .subnav > a::after{
		border-top-color:#fff;
	}
	/* 2段目 */
	nav ul li ul li{
		color:#fff;
	}
	nav ul li ul li a{
		background:#000;
	}

	nav ul li:hover > ul > li{
		border-bottom:1px solid #fff;
	}
	nav ul li ul li ul::before{
		border-left-color:#000;
	}

	nav ul li:last-child ul li ul::before{
		border-right-color:#000;
	}

	/* 3段目 */
	nav ul li ul li:hover ul li{
		border-bottom:1px solid #fff;
	}
	nav ul li ul li ul li a{
		background:#000;
	}

	nav ul li ul li ul li a:hover{
		background:#420404;
	}
}
/*================================================
 *  トピックパス（パンくずリスト）
 ================================================*/
#topicpath{
	background:#000;
}
ol.breadcrumb li a{
	background: #fff;
	color: #000;
}
ol.breadcrumb li a::before{
	background: #fff;
}
ol.breadcrumb li a::after{
	border-left-color: #fff;
}
ol.breadcrumb li a:hover{
	background: #fff;
	color: #000;
}
ol.breadcrumb a:hover::before{
	background: #fff;
	border-left-color: transparent;
}
ol.breadcrumb li a:hover::after{
	border-left-color: #fff;
}
/*================================================
 *  サブコンテンツ
 ================================================*/
.submenu li a::before{
	color:#fff;
}
.submenu li a{
	color:#fff;
	border-bottom:1px dotted #fff;
}
.submenu li a:hover{
	color:#000;
	background:#fff;
}
/*================================================
 *  お知らせ
 ================================================*/
.info_new ul li{
	border-bottom:1px dotted #fff;
}
/*================================================
 *  フッター
 ================================================*/
.footmenu{
	background:#000;
}
.footmenu a:hover{
	color:#fff;
}
.add{
	color:#fff;
	background:#000;
}
.copyright{
	color:#fff;
	background:#000;
}
/*================================================
 *  ページトップへの戻り
 ================================================*/
#page-top img{
	background:#333;
}
#page-top a:hover{
	background:#999;
}
#page-top img:hover{
	background:#999;
}
/*================================================
 *  ボタン設定
 ================================================*/
.mini_right_btn{
	background: #333;
	color: #fff;
}
.mini_right_btn:hover{
	background:#666;
	color:#fff;
}
.btn{
	background: #333;
	color: #fff;
}
.btn:hover{
	background:#fff;
	color:#000;
}
/*================================================
 *  クラス
 ================================================*/
.info{
	background:#000;
}
.info dd{
	border-bottom:1px solid #fff;
}
/*================================================
 *  タブレット・スマートフォン向けデザイン
 ================================================*/
@media screen and (max-width:767px) {
	nav{
		background:#000;
	}
	nav li{
		border-bottom:1px solid #fff;
		background:#000;
	}
	nav li a{
		color:#fff;
		background:#000;
	}
	nav li a:hover{
		color:#000;
		background:#fff;
	}
	.subnav > a::before{
		background:#fff;
	}
	.subnav > a::after{
		background:#333;
	}
	.subnav a:hover::after{
	  background:#333;
	}
	#navBtn{
		background:#333;
	}
	#navBtnIcon{
		background:#f1f1f1;
	}
	#navBtnIcon::before,
	#navBtnIcon::after{
		background:#f1f1f1;
	}
}
