@charset "utf-8";

/*-- ＢＯＤＹ、ＴＡＢＬＥの設定 --*/

body {
	background: url(wsdnyolc_ystava02.png) no-repeat fixed 25px 10px;
	color: #202020;
}

table,td {
	color: #202020;
}

/*-- ハイパーリンクの色 --*/

a:link {
	color: #636363;
}

a:visited {
	color: #636363;
}

a:hover {
	color: #313131;
}

a:active {
	color: #959595;
}

/*-- トップへ戻るボタン --*/

#back-top a:hover {
	color: #313131;
}

/* arrow icon (span tag) */
#back-top span {
	background: url(wsdnyolc_black_arrow.png) no-repeat center center;
}

/*-- メニュー 読む --*/

#menu01 {
	position: fixed;
	top: 20px;
	right: 450px;
}

#menu01 a {
	width: 190px;
	display: block;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	outline: none;

	/* transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

#menu01 a:hover {
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;
}

/* menu icon (span tag) */
#menu01 span {
	width: 200px;
	height: 140px;
	display: block;
	margin-bottom: 5px;
	background: #ddd url(wsdnyolc_wsdnyolc03.png) no-repeat center center;

	/* rounded corners */
	border-radius: 15px / 15px;

	/* transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}

#menu01 a:hover span {
	background-color: #070;
}

/*-- メニュー 聴く --*/

#menu02 {
	position: fixed;
	top: 20px;
	right: 240px;
}

#menu02 a {
	width: 190px;
	display: block;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	outline: none;

	/* transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

#menu02 a:hover {
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;
}

/* menu icon (span tag) */
#menu02 span {
	width: 200px;
	height: 140px;
	display: block;
	margin-bottom: 5px;
	background: #ddd url(wsdnyolc_wsdnyolc04.png) no-repeat center center;

	/* rounded corners */
	border-radius: 15px / 15px;

	/* transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}

#menu02 a:hover span {
	background-color: #007;
}

/*-- メニュー 観る --*/

#menu03 {
	position: fixed;
	top: 20px;
	right: 30px;
}

#menu03 a {
	width: 190px;
	display: block;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	outline: none;

	/* transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

#menu03 a:hover {
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;
}

/* menu icon (span tag) */
#menu03 span {
	width: 200px;
	height: 140px;
	display: block;
	margin-bottom: 5px;
	background: #ddd url(wsdnyolc_wsdnyolc05.png) no-repeat center center;

	/* rounded corners */
	border-radius: 15px / 15px;

	/* transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}

#menu03 a:hover span {
	background-color: #700;
}

/*-- サイトメニュー 初めての方へ --*/

#site01 {
	position: fixed;
	top: 180px;
	right: 30px;
}

#site01 a {
	width: 360px;
	display: block;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	outline: none;
	color: #bbb;

	/* transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

#site01 a:hover {
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;
}

/* menu icon (span tag) */
#site01 span {
	width: 360px;
	height: 65px;
	display: block;
	margin-bottom: 5px;
	background: #ddd url(wsdnyolc_site01.png) no-repeat center center;

	/* rounded corners */
	border-radius: 15px / 15px;

	/* transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}

#site01 a:hover span {
	background-color: #777;
}

/*-- サイトメニュー 管理竜について --*/

#site02 {
	position: fixed;
	top: 255px;
	right: 30px;
}

#site02 a {
	width: 360px;
	display: block;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	outline: none;

	/* transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

#site02 a:hover {
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;
}

/* menu icon (span tag) */
#site02 span {
	width: 360px;
	height: 65px;
	display: block;
	margin-bottom: 5px;
	background: #ddd url(wsdnyolc_site02.png) no-repeat center center;

	/* rounded corners */
	border-radius: 15px / 15px;

	/* transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}

#site02 a:hover span {
	background-color: #777;
}

/*-- サイトメニュー 掲示板 --*/

#site03 {
	position: fixed;
	top: 330px;
	right: 30px;
}

#site03 a {
	width: 360px;
	display: block;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	outline: none;

	/* transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

#site03 a:hover {
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;
}

/* menu icon (span tag) */
#site03 span {
	width: 360px;
	height: 65px;
	display: block;
	margin-bottom: 5px;
	background: #ddd url(wsdnyolc_site03.png) no-repeat center center;

	/* rounded corners */
	border-radius: 15px / 15px;

	/* transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}

#site03 a:hover span {
	background-color: #777;
}

/*-- サイトメニュー ブックマーク --*/

#site04 {
	position: fixed;
	top: 405px;
	right: 30px;
}

#site04 a {
	width: 360px;
	display: block;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	outline: none;

	/* transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

#site04 a:hover {
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;
}

/* menu icon (span tag) */
#site04 span {
	width: 360px;
	height: 65px;
	display: block;
	margin-bottom: 5px;
	background: #ddd url(wsdnyolc_site04.png) no-repeat center center;

	/* rounded corners */
	border-radius: 15px / 15px;

	/* transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#site04 a:hover span {
	background-color: #777;
}

/*-- ヘッダー --*/

#hheader {
	margin: 40px 0 500px 0;
	padding: 15px 0 10px 15px;
}

#hheader p {
	padding: 0 10px 0;
	text-align: left;
	white-space: nowrap;
}

/*-- 本文 --*/

#contents {
	background: url(wsdnyolc_white_paper.png);
}

/*-- 本文装飾（見出し・リスト）の設定 --*/

#contents h1 {
	background:url(wsdnyolc_black_paper.png) repeat;
}