@charset "UTF-8";

/*================================================
 *  一般・共通設定 
================================================*/


/* コンテンツ幅1280px */

body {
	background: #0000ee;
	color: #ffff00;
}

header {
	background: #0000ee;
}

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

#contents {
	background: #0000ee;
}

a {
	color: #ffff00;
}

a:hover {
	color: #ffff00;
}


/*================================================
 *  見出し
================================================*/

h2 {
	color: #ffff00;
}

.bg1 {
	background: #0000ee;
}

.bg2 {
	background: #0000ee;
}

.bg3 {
	background: #0000ee;
}

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;
}


/*================================================
 *  グローバルナビゲーション
 ================================================*/

@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;
}


/*================================================
 *  フッター
 ================================================*/

footer {
	color: #0000ee;
	background: #ffff00;
}

.footer-contents {
	color: #0000ee;
	background: #ffff00;
}

.copyright {
	color: #0000ee;
	background: #ffff00;
}

.policy {
	color: #0000ee;
	background: #ffff00;
}

.policy a {
	color: #0000ee;
}

.policy a:hover {
	background-color: #0000ee;
	color: #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;
	}
}


/* 背景画像固定 */

.banner {
	background-color: #0000ee;
	border: 1px solid #ffff00;
	background-image: none;
}


/* 登録ボタン */

.button {
	background: #0000ee;
	color: #ffff00;
}

.button a {
	color: inherit;
}

.button:hover {
	background-color: #ffff00;
	color: #0000ee;
	cursor: pointer;
}


/*================================================
 *  ページトップへの戻り
 ================================================*/

#page-top img {
	background: #333;
}

#page-top a:hover {
	background: #999;
}

#page-top img:hover {
	background: #999;
}