@charset "UTF-8";

body		{padding-left: 15px;
			margin-left: 20px;
			background-color: #fff9f0;
			color: #111150;
			font-size: 0.75em;
			font-family: "Comic Sans MS", "Lucida Sans Unicode", Geneva, Verdana;
			text-shadow: #cecfd0 2px 2px 4px;}

html,body	{scrollbar-base-color: #111150;
			scrollbar-face-color: #111150;
			scrollbar-arrow-color: #fff9f0;
			scrollbar-highlight-color: #111150;
			scrollbar-3dlight-color: #efdfff;
			scrollbar-shadow-color: #efdfff;
			scrollbar-darkshadow-color: #fff9f0;}

/* ナビゲーションバー */
#Navbar		{background-image: url(TWH_banner.gif);
			background-repeat: no-repeat;
			background-position: left bottom;
			background-color: #bbffee;
			border: outset 2px; #ccddfc;
			text-align: right;
			height: 30px;
			position: fixed;
			bottom: 0;
			left: 0;
			width: 100%;
			font-size: 16pt;
			color: #1fac7f;
			font-family: "Comic Sans MS",Monaco;
			z-index: 3;}

span.pankuzu	{
			vertical-align: bottom;
			font-size: 11pt;}

span.now	{font-size: 8pt;
			vertical-align: bottom;}

span.navspace	{
			padding-right: 30px;}

/* ページ別大きさ */
body#main	{width: 720px;}

body#about	{width: 760px;}

body#frames	{width: 800px;}

body#rev	{padding: 0;
			margin: 0;
			width: 300px;}

/* リンクリスト */
#content	{z-index: 4;}

#linklist	{padding: 8px;
			border: solid 2px #a0a0df;
			position: fixed;
			top: 50px;
			right: 7%;
			width: 240px;
			z-index: 0;}

ul.link		{display: none;}

h5#moji		{padding-left: 10px;}

a img.linkimg	{
			background:none!important;}

a:hover img.linkimg	{
			opacity:0.8;
			filter:alpha(opacity=80);
			-ms-filter: "alpha( opacity=80 )";
			background:none!important;}

a:active img.linkimg	{
			opacity:0.9;
			filter:alpha(opacity=90);
			-ms-filter: "alpha( opacity=90 )";
			background:none!important;}

#linklist	{padding/*\**/: auto\9;
			width/*\**/: auto\9;
			right/*\**/: 5%\9;}

#linklist	{_padding: auto;
			_width: auto;
			_right: 5%;}
* html #linklist	{
			padding: auto;
			width: auto;
			right: 5%;}

#linklist:not(:target)	{
			padding: auto\9;
			width: auto\9;
			right: 5%\9;}


#linklist li,ul.link li	{
			position/*\**/: relative\9;
			left/*\**/: -24px\9;}

#linklist li,ul.link li	{
			_position: relative;
			_left: -24px;}
* html #linklist li,* html ul.link li	{
			position: relative;
			left: -24px;}

#linklist li:not(:target),ul.link li:not(:target)	{
			position: relative\9;
			left: -24px\9;}

/* 背景むーとン */
body.mt1	{background-image: url(MoutoN1.gif);
			background-repeat: no-repeat;
			background-position: left bottom;
			background-attachment: fixed;}

body.mt2	{background-image: url(MoutoN2.gif);
			background-repeat: no-repeat;
			background-position: 87% bottom;
			background-attachment: fixed;}

body.mt3	{background-image: url(MoutoN3.gif);
			background-repeat: no-repeat;
			background-position: right 10%;
			background-attachment: fixed;}

/* リンク */
a			{text-decoration: none;}

a:link		{color: #9957fc;}

a:visited	{color: #9957fc;}

a:hover		{color: #cc8aff;
			text-decoration: underline}

a:active	{color: #cc57ff;
			text-decoration: underline}

a.illust	{border: none;}

table.rev a:hover,table.rev a:active	{
			text-decoration: none;}

/* 全体詳細指定 */

h1			{font-size: 1.5em;}

p			{line-height: 1.3em;}

p.space		{padding-top: 10px;}

ul			{list-style-type: none;
			padding: 5px;
			position: relative;}

li			{font-size: 0.95em;
			padding-bottom: 5px;}

span#daiji	{color: #ff7171;}

address		{font-style: normal;
			font-size: 0.75em;}

/* トップページ指定 */
img.top		{height: 350px;
			width: 350px;}

table#renewal	{
			font-size: 0.8em;
			padding: 5px;
			border: solid 2px #a0a0df;
			width: auto;}

/* アバウトページ指定 */

table#about	{border: 0;}

th#item		{border: 0;
			text-align: left;
			width: 62px;}

td#rightarrow	{
			border: 0;
			text-align: center;
			width: 15px;}

p.line		{font-size: medium;
			padding-bottom: 0;
			margin: 0;
			padding-left: 8px;}

h4#ab		{text-align: center;
			margin-left: 20px;
                      　clear: both;}

h5#name		{margin-left: 20px;}

img.mesh	{float: right;
			margin: 15px;
			border: outset 2px #ccccdd;
			width: 150px;
                        position: relative;
                        top: -50px;
                        right: 20px;}

/* ピックアップページ指定 */
#p_up		{text-align: center;}

.p_up		{padding-left: 20px;}

table#p_up	{border: solid #dddddd;}

/* レビューページ指定 */
table.rev	{border: ridge 2px #dfdfdf;
			font-size: x-small;
			margin-left: 5px;}

td.title	{width: 150px;
			padding: 0 5px;}

td.star		{color: #eddd00;
			width: 60px;
			text-align: center;
			padding: 0 5px;}



.list		{position: relative;
			left: -28px;}

table#rev	{text-align: center;
			width: 300px;
			height: 570px;}

td.number	{text-align: center;}

td.P		{width: 100px;
			padding: 0 5px;}

td.vocal	{width: 100px;
			padding: 0 5px;}

p#return	{text-align: center;}

#footer		{clear: both;}

iframe.douga	{
			height: 570px;
			width: 330px;
			position: relative;
			left: -10px;}

#douga2		{clear: both;
			float: left;}

.affiliate	{float: right;
			margin: 5px;}



td.review	{font-size: 0.9em;}

/* ログページ指定 */

#head		{text-align: center;
			font-weight: bold;}

/* メッセージページ指定 */
p#push input	{margin-right: 20px;}

/* インプットボタン */
button, input[type=button],
input[type=reset], input[type=submit] {
	border-top: 1px solid #ccc;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	border-left: 1px solid #ccc;
	padding: 5px 20px;
	font-weight: bold;
	cursor: pointer;
	color: #666;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	text-shadow: 0 -1px 1px #FFF, -1px 0 1px #FFF, 1px 0 1px #aaa;}

/* -moz-box-shadow */
.demo3 button { -moz-box-shadow:0 2px 6px rgba(0,0,0,0.6), inset 0 1px rgba(255,255,255,0.2), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.2), inset 0 -15px 30px rgba(0,0,0,0.6) }
.demo3 button:hover { -moz-box-shadow:0 2px 6px rgba(0,0,0,0.3), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.3), inset 0 10px 20px rgba(255,255,255,0.3), inset 0 -15px 30px rgba(0,0,0,0.3) }
.demo3 input[type=button] { -moz-box-shadow:0 2px 6px rgba(0,0,0,0.6), inset 0 1px rgba(255,255,255,0.2), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.2), inset 0 -15px 30px rgba(0,0,0,0.6) }
.demo3 input[type=button]:hover { -moz-box-shadow:0 2px 6px rgba(0,0,0,0.3), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.3), inset 0 10px 20px rgba(255,255,255,0.3), inset 0 -15px 30px rgba(0,0,0,0.3) }
.demo3 input[type=reset] { -moz-box-shadow:0 2px 6px rgba(0,0,0,0.6), inset 0 1px rgba(255,255,255,0.2), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.2), inset 0 -15px 30px rgba(0,0,0,0.6) }
.demo3 input[type=reset]:hover { -moz-box-shadow:0 2px 6px rgba(0,0,0,0.3), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.3), inset 0 10px 20px rgba(255,255,255,0.3), inset 0 -15px 30px rgba(0,0,0,0.3) }
.demo3 input[type=submit] { -moz-box-shadow:0 2px 6px rgba(0,0,0,0.6), inset 0 1px rgba(255,255,255,0.2), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.2), inset 0 -15px 30px rgba(0,0,0,0.6) }
.demo3 input[type=submit]:hover { -moz-box-shadow:0 2px 6px rgba(0,0,0,0.3), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.3), inset 0 10px 20px rgba(255,255,255,0.3), inset 0 -15px 30px rgba(0,0,0,0.3) }

/* -webkit-box-shadow */
.demo3 button { -webkit-box-shadow:0 2px 6px rgba(0,0,0,0.6), inset 0 1px rgba(255,255,255,0.2), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.2), inset 0 -15px 30px rgba(0,0,0,0.6) }
.demo3 button:hover { -webkit-box-shadow:0 2px 6px rgba(0,0,0,0.3), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.3), inset 0 10px 20px rgba(255,255,255,0.3), inset 0 -15px 30px rgba(0,0,0,0.3) }
.demo3 input[type=button] { -webkit-box-shadow:0 2px 6px rgba(0,0,0,0.6), inset 0 1px rgba(255,255,255,0.2), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.2), inset 0 -15px 30px rgba(0,0,0,0.6) }
.demo3 input[type=button]:hover { -webkit-box-shadow:0 2px 6px rgba(0,0,0,0.3), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.3), inset 0 10px 20px rgba(255,255,255,0.3), inset 0 -15px 30px rgba(0,0,0,0.3) }
.demo3 input[type=reset] { -webkit-box-shadow:0 2px 6px rgba(0,0,0,0.6), inset 0 1px rgba(255,255,255,0.2), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.2), inset 0 -15px 30px rgba(0,0,0,0.6) }
.demo3 input[type=reset]:hover { -webkit-box-shadow:0 2px 6px rgba(0,0,0,0.3), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.3), inset 0 10px 20px rgba(255,255,255,0.3), inset 0 -15px 30px rgba(0,0,0,0.3) }
.demo3 input[type=submit] { -webkit-box-shadow:0 2px 6px rgba(0,0,0,0.6), inset 0 1px rgba(255,255,255,0.2), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.2), inset 0 -15px 30px rgba(0,0,0,0.6) }
.demo3 input[type=submit]:hover { -webkit-box-shadow:0 2px 6px rgba(0,0,0,0.3), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.3), inset 0 10px 20px rgba(255,255,255,0.3), inset 0 -15px 30px rgba(0,0,0,0.3) }

/* border */
.demo3 button { border:1px solid rgba(0,0,0,0.4) }
.demo3 input[type=button] { border:1px solid rgba(0,0,0,0.4) }
.demo3 input[type=reset] { border:1px solid rgba(0,0,0,0.4) }
.demo3 input[type=submit] { border:1px solid rgba(0,0,0,0.4) }

/* color */
.demo3 button { color:#fff }
.demo3 input[type=button] { color:#fff }
.demo3 input[type=reset] { color:#fff }
.demo3 input[type=submit] { color:#fff }

/* padding */
.demo3 div { padding:10px;}

/* text-shadow */
.demo3 button { text-shadow:0 -1px 1px #aaa, -1px 0 1px #aaa, 1px 0 1px #000 }
.demo3 input[type=button] { text-shadow:0 -1px 1px #aaa, -1px 0 1px #aaa, 1px 0 1px #000 }
.demo3 input[type=reset] { text-shadow:0 -1px 1px #aaa, -1px 0 1px #aaa, 1px 0 1px #000 }
.demo3 input[type=submit] { text-shadow:0 -1px 1px #aaa, -1px 0 1px #aaa, 1px 0 1px #000 }

/* ツールチップ */
#easyTooltip	{
			padding:5px 6px 6px;
			border:1px solid #cccccc;
			color:#111150;
			background: url(tltp.gif);
			background-color: #bbffee;
			background-repeat: no-repeat;
			background-position: left bottom;
			font-size: 0.8em;}

.tltp		{border: none;
			line-height: 1em;
			padding: 0;
			padding-top: 1px;
			margin: 0;}

td#tltp		{text-align: right;}