a{text-decoration:none;} 
a:hover {text-decoration:underline;}
a:visited {color:#586C8E;}

body {
	margin:0;
	background-image: url("http://template.cocolog-nifty.com/000115/two_column_right/component/body_bg.gif");
	font-family:"Droid Sans Japanese", "HiraKakuProN-W3", "Meiryo UI";
	line-height: 1.33em;
}
.western{font-family:"Tahoma", "Calibri", "Verdana";}
h2 {
	line-height: normal;
}

/* 共通 */
@media screen and (min-width: 581px) {
	.mobile { display: none; }
}
@media screen and (max-width: 580px) {
	.desktop { display: none; }
}

/* 配置 */
#title-outer, #bar-outer, #contents-outer, #menu-outer, #footer-outer {
	width: 100%;
}
#title, #bar, #contents, #menu, #footer {
	max-width: 1255px;
	margin-right: auto;
	margin-left: auto;
}

@media screen and (max-width: 580px) {
	#title .theme-aux { line-height: 1.8em; }
}

.main-headline {font-size:x-large; font-weight:bold;}
.headline {font-size:large; font-weight:bold;}
.caption {font-size:small;}

#title-outer {
	background-color:white;
}
#title {
	padding:16px 10px 10px 10px;
}

@media screen and (min-width: 581px) {
	#bar-outer {
		background-color:#00266C;
	}
	#bar > div {
		flex-wrap: wrap;
	}
	#bar > div > div {
		background-color: #586c8E;
	}
}
@media screen and (max-width: 580px) {
	#bar-outer {
		background-color:#586c8E;
	}
	#bar > div {
		overflow: auto;
	}
	#bar > div > div {
		background-color: #00266C;
		white-space: nowrap;
	}
}
#bar > div {
	padding: 1px;
	display: flex;
	gap: 1px;
}
#bar > div > div {
	color: white;
	padding: 2px 12px;
}
#bar > div > div a:visited, #bar > div > div a:link {
	color: white;
}
#bar .currentsub {
	background-color: white;
	color: #00266C;
}

#contents-outer, #contents-outer {
	background-color: white;
}
@media screen and (min-width: 581px) {
	#contents {
		padding: 10px 36px;
	}
}
@media screen and (max-width: 580px) {
	#contents {
		padding: 10px 15px;
	}
}

#menu-outer {
	background-color:#586C8E;
}

#menu {
	padding: 15px;
	color:white;
	text-decoration:none;
}
#menu a:link { color:white; }
#menu a:visited { color:white; }
#menu ul {list-style-type: none; padding:0; margin:0;}

#menu .theme {
	font-weight: bold;
	font-size: 1.33em;
	padding-top: .5em;
	padding-bottom: .5em;
}

@media screen and (min-width: 581px) {
	#menu {
		display: flex;
		justify-content: space-between;
	}
	#menu > div:last-child {
		columns: 2;
		width: 75%;
	}
}
@media screen and (max-width: 580px) {
}

#menu .version {
	font-size: small;
	text-align: right;
}

#footer-outer {
	background-color:#00266C;
}

#copyright {padding:4px 15px; text-align:right;}
#copyright {color:white; font-size:small;}

.scroll-box {overflow-x: auto; -webkit-overflow-scrolling: touch; overflow-scrolling: touch;}