/*
カスタム CSS へようこそ!

CSS (カスケーディングスタイルシート)
は、ブラウザに対し Web
ページの表示方法を指定するためのコードです。このコメントを削除し、カスタマイズを始めることができます。

デフォルトでは、ここで指定したカスタムスタイルはテーマのスタイルシートが読み込まれた後に追加されます。つまり、デフォルトの
CSS
ルールを上書きできるということです。テーマのスタイルシートの内容をここにコピーする必要はありません。追加したい内容だけを書き込んでください。
*/
/* フリー声素材のリスト行間を開ける */
.mp3 li {
	margin-top: 1em;
	margin-bottom: 1em;
}

/* http://blog.3streamer.net/html5-css3/css3-styling-231/ */
.headding01 {
	margin: 0 0 30px;
	padding: 12px 10px;
	border-left: 5px solid #FFA500;
	background: #DAA520;
	color: #FFF;
}

.headding09 {
	background: #1d8ade;
	margin: 0 0 30px;
	padding: 12px 10px;
	color: #FFF;
	text-shadow: 1px 1px 2px #333;
	position: relative;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border: 4px solid #036;
}

.headding09:before {
	content: ' ';
	position: absolute;
	z-index: 2;
	width: 0;
	height: 0;
	left: 14px;
	bottom: -27px;
	background: transparent;
	border-color: #1d8ade transparent transparent;
	border-style: solid;
	border-width: 15px;
}

.headding09:after {
	content: ' ';
	position: absolute;
	z-index: -1;
	width: 0;
	height: 0;
	left: 5px;
	bottom: -43px;
	background: transparent;
	border-color: #036 transparent transparent;
	border-style: solid;
	border-width: 24px;
}

/* http://midashi-maker.v-colors.com/ */
.menuLineDoubleLight {
	margin: 48px 0 14px;
	padding: 12px 8px;
	border-width: 5px 0;
	border-color: #acacac;
	border-style: solid;
	background: #dfdfdf;
	color: #313131;
	line-height: 140%;
	font-weight: bold;
	text-align: center;
}

/* 上記の上下幅が広い版 */
.menuLineDoubleLight82 {
	margin: 74px 0 15px;
	padding: 12px 8px;
	border-width: 5px 0;
	border-color: #acacac;
	border-style: solid;
	background: #dfdfdf;
	color: #313131;
	line-height: 140%;
	font-weight: bold;
	text-align: center;
	letter-spacing: .7em;
}

/* http://midashi-maker.v-colors.com/ */
.menuLineDoubleTitle {
	margin: 2em 0 14px;
	padding: 1em;
	border-width: 2px;
	border-color: #acacac;
	border-style: solid;
	background: #dfdfdf;
	color: #313131;
	line-height: 140%;
	font-weight: bold;
}

.menuLineLightW {
	margin: 38px 0 10px;
	padding: 12px 16px 6px;
	border-width: 0 0 5px;
	border-color: #acacac;
	border-style: solid;
	background: #f5f5f5;
	color: #292929;
	line-height: 140%;
	font-weight: bold;
}

/* RPGカラー */
.menuLineDoubleLightRpg {
	margin: 48px 0 14px;
	padding: 12px 8px;
	border-width: 5px 0;
	border-color: #34a1d2;
	border-style: solid;
	background: #cce8f4;
	color: #34a1d2;
	line-height: 140%;
	font-weight: bold;
	text-align: center;
}

.menuLineLightWRpg {
	margin: 48px 0 10px;
	padding: 12px 16px 6px;
	border-width: 0 0 5px;
	border-color: #34a1d2;
	border-style: solid;
	background: #cce8f4;
	color: #34a1d2;
	line-height: 140%;
	font-weight: bold;
}

/* RPGの中見出し */
.menuLineLightWRpgH3 {
	margin: 36px 0 6px;
	padding: 10px 16px 4px;
	border-width: 0 0 3px;
	border-color: #cccccc;
	border-style: solid;
	background: #eeeeee;
	color: #555555;
	line-height: 140%;
	font-weight: bold;
}
/* Kotlinの中見出し */
.KotlinH2 {
	margin: 46px 0 6px;
	padding: 10px 16px 4px;
	border-width: 0 0 8px;
	border-color: #CCC;
	border-style: solid;
	background: #eeeeee;
	color: #555555;
	line-height: 140%;
	font-weight: bold;
}

/*マウスオーバー時にリンクを凹ませる*/
a:hover{ position:relative;top:3px ;left:3px; }

/*マウスオーバー時にリンクを半透明に光らせる*/
a:hover img{
opacity:0.8;
filter:alpha(opacity=50);
-ms-filter: “alpha( opacity=50 )”;
}