@charset "UTF-8";
/*================================================
 *  一般・共通設定 
================================================*/
body {
	background: #0000EE;
	color:  #FFFF00;
}

header {
	background: #0000EE;
}

nav {
	width:100%;
	background:#0000EE;
	box-shadow:0 1px 2px #FFFF00;
	⁄zoom:1;
}

#contents {
	background:#0000EE;
}

#sub h3 {
	color:#0000EE;
	background:#FFFF00;
}
a.btn-blue{
	color: #FFFF00;
	border: 1px solid #FFFF00;
	border-bottom: 1px solid #FFFF00;
	-webkit-box-shadow: 0 1px 0 #FFFF00; inset, 1px 1px 1px #e9e9e9;
	-moz-box-shadow: 0 1px 0 #FFFF00 inset, 1px 1px 1px #e9e9e9;
	box-shadow: 0 1px 0 #FFFF00 inset, 1px 1px 1px #FFFF00;
	background: #0000EE;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, #0000EE), color-stop(0.5, #0000EE));
	background: -moz-linear-gradient(top, #0000EE 50%,#0000EE 50%);
	background: -o-linear-gradient(top, #0000EE 50%,#0000EE 50%);
	background: -ms-linear-gradient(top, #0000EE 50%,#0000EE 50%);
	background: linear-gradient(top, #0000EE 50%, #0000EE 50%);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#0000EE 50%', endColorstr='#0000EE 50%');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#0000EE 50%', endColorstr='#0000EE 50%')";
}
a.btn-blue:hover{
	color: #0000EE;
	background: #FFFF00;
}
a.btn-blue:active{  
	-ms-transform: translateY(2px);
	-webkit-transform: translateY(2px);
	transform: translateY(2px);
	 box-shadow: none;
}
a {
	color:#FFFF00;
}
a:hover {
	color:#FFFF00;
}
h2{
	border-left: solid 10px #FFFF00;/*左線*/
	border-bottom: solid 3px #FFFF00;/*下線*/
}
#main h3 {
	color:#FFFF00;
	background:#0000EE;
}
h4 {
	color:#FFFF00;
	border-bottom:3px solid #FFFF00;
}
h5 {
	color:#FFFF00;
}
h5:before {
	background:#FFFF00;
}
h6 {
	color:#FFFF00;
}
strong {
	color:#FFFF00;
}
blockquote {
	border:1px dotted #FFFF00;
	border-left:5px solid #FFFF00;
}
table {
	border:1px solid #FFFF00;
	background:#0000EE;
}
th {
	border:1px solid #FFFF00;
	background:#0000EE;
}
td {
	border:1px solid #FFFF00;
}
/*================================================
 *  検索窓
 ================================================*/
.key{
	background-color:#FFFF00;
	background-image: url(img_ico_search.png);
}
#searchform2 input[type="submit"] {
	background: #0000EE;
	color:#FFFF00;
}
/*================================================
 *  グローバルナビゲーション
 ================================================*/
@media print, screen and (min-width:768px) {
	nav {
		box-shadow:0 1px 3px #FFFF00;
	}
	/* 1段目 */
	nav ul li {
		border-right:1px solid #FFFF00;
	}

	nav ul li a {
		background:#0000EE;
		color:#FFFF00;
	}
	nav ul > li:hover > a {
		background:#FFFF00;
		color:#0000EE;
	}

	nav ul .subnav > a:after {
		border-top-color:#FFFF00;
	}
	/* 2段目 */
	nav ul li ul li {
		color:#FFFF00;
	}
	nav ul li ul li a {
		background:#0000EE;
	}

	nav ul li:hover > ul > li {
		border-bottom:1px solid #FFFF00;
	}
	nav ul li ul li ul:before {
		border-left-color:#FFFF00;
	}

	nav ul li:last-child ul li ul:before {
		border-right-color:#FFFF00;
	}

	/* 3段目 */
	nav ul li ul li:hover ul li {
		border-bottom:1px solid #FFFF00;
	}
	nav ul li ul li ul li a {
		background:#0000EE;
	}

	nav ul li ul li ul li a:hover {
		background:#FFFF00;
	}
}
/*================================================
 *  トピックパス（パンくずリスト）
 ================================================*/
#topicpath {
	background:#0000EE;
}
ol.breadcrumb li a{
	background: #FFFF00;
	color: #0000EE;
}
ol.breadcrumb li a:before {
	background: #FFFF00;
}
ol.breadcrumb li a:after {
	border-left-color: #FFFF00;
}

ol.breadcrumb li a:hover {
	background: #0000EE;
	color: #FFFF00;
	text-decoration: none;
}
ol.breadcrumb a:hover:before {
	background: #0000EE;
	border-left-color: transparent;
}
ol.breadcrumb li a:hover:after { border-left-color: #0000EE; }
/*================================================
 *  サブコンテンツ
 ================================================*/
.submenu li a:before {
	color:#FFFF00;
}
.submenu li a {
	color:#FFFF00;
	border-bottom:1px dotted #FFFF00;
}
.submenu li a:hover {
	color:#0000EE;
	background:#FFFF00;
}
/*================================================
 *  お知らせ
 ================================================*/
.info_new ul li{
	border-bottom:1px dotted #FFFF00;
}
/*================================================
 *  フッター
 ================================================*/
.footmenu {
	background:#0000EE;
}
.footmenu a:hover {
	color:#FFFF00;
}
.add {
	color:#FFFF00;
	background:#0000EE;
}
.copyright {
	color:#0000EE;
	background:#FFFF00;
}
/*================================================
 *  ページトップへの戻り
 ================================================*/
#page-top  img {
	background:#333;
}
#page-top a:hover {
	background:#999;
}
#page-top img:hover {
	background:#999;
}
/*================================================
 *  ボタン設定
 ================================================*/
.mini_right_btn{
	background: #FFFF00;
	color: #0000EE;
}
.mini_right_btn:hover {
	background:#0000EE;
	color:#FFFF00;
}
.btn{
	background: #FFFF00;
	color: #0000EE;
}
.btn:hover {
	background:#0000EE;
	color:#FFFF00;
}
/*================================================
 *  クラス
 ================================================*/
.info{
	background:#0000EE;
}
.info dd {
	border-bottom:1px solid #FFFF00;
}
/*================================================
 *  タブレット・スマートフォン向けデザイン
 ================================================*/
@media screen and (max-width:767px) {
	nav {
		background:#0000EE;
	}
	nav li {
		border-bottom:1px solid #FFFF00;
		background:#0000EE;
	}
	nav li a {
		color:#FFFF00;
		background:#0000EE;
	}
	nav li a:hover {
		color:#0000EE;
		background:#FFFF00;
	}
	.subnav > a:before {
		background:#FFFF00;
	}
	.subnav > a:after {
		background:#FFFF00;
	}
	.subnav a:hover:after {
	  background:#FFFF00;
	}
	#navBtn {
		background:#FFFF00;
	}
	#navBtnIcon {
		background:#0000EE;
	}
	#navBtnIcon:before,
	#navBtnIcon:after {
		background:#0000EE;
	}
}
