/********************************************************************************
	main.css
	Copyright (c) 2010 PapparaSoft
	http://www.cc9.ne.jp/~pappara/
********************************************************************************/


/* ------------------------------------------------------------------------------
	デフォルト
------------------------------------------------------------------------------ */
	body {
		scrollbar-arrow-color:		#222222;
		scrollbar-face-color:		#BDD3FF;
		scrollbar-track-color:		#FFFFFF;
		scrollbar-highlight-color:	#FFFFFF;
		scrollbar-3dlight-color:	#FFFFFF;
		scrollbar-shadow-color:		#BDD3FF;
		scrollbar-darkshadow-color:	#FFFFFF;
		background-color: #FFFFFF;
		line-height: 1.5;
		color: #400000;
		font-size: 84%;
		margin: auto 0px auto 0px;
		text-align: center;
	}

	/* トップページ */
	body.index_page {
	}

	a {
		text-decoration: none;
		color: #FC7819;
	}
	a:hover, a:active {
		text-decoration: underline;
/*
		position: relative;
		left: 1px;
		top: 1px;
*/
	}
	h1 {
		background-color: #FFFFFF;
		background-image: url('./material/foot.png');
		background-repeat: no-repeat;
		background-position: 5px 50%;
		border-width: 4px 4px 4px 4px;
		border-color: #BDD3FF #BDD3FF #BDD3FF #BDD3FF;
		border-style: solid;
		margin: 0.5em 19px 0.2em 4px;
		padding: 0em 0.5em 0em 2em;
		white-space: nowrap;
		font-weight: bold;
		font-size: 130%;
	}
	h1#software {
		background-color: #FFFFFF;
		background-image: url('./material/foot.png');
		background-repeat: no-repeat;
		background-position: 5px 50%;
		border-width: 0px 0px 0px 0px;
		border-color: #BDD3FF #BDD3FF #BDD3FF #BDD3FF;
		border-style: solid;
		margin: 0.5em 19px 0.2em 4px;
		padding: 0em 0.5em 0em 2em;
		white-space: nowrap;
		font-weight: bold;
		font-size: 130%;
	}
	h2 {
		border-width: 1px;
		border-color: #BDD3FF;
		border-style: solid;
		background-color: #D6E7FF;
		margin: 0.5em 19px 0.2em 4px;
		padding: 0.1em 0.5em 0.1em 0.5em;
		white-space: nowrap;
		font-weight: normal;
		font-size: 110%;
	}
	h3 {
		border-width: 0px 0px 1px 0px;
		border-color: #FFFFFF #FFFFFF #BDD3FF #FFFFFF;
		border-style: dotted;
		margin: 0.5em 4px 0.2em 4px;
		padding: 0.2em 0.5em 0.2em 0.5em;
		white-space: nowrap;
		font-weight: normal;
		font-size: 100%;
	}
	th, td {
		font-size: 80%;
		line-height: 1.5;
	}
	img {
		border: 0px solid #000000;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
	}
	applet {
		margin-top: 10px;
		margin-bottom: 10px;
	}
	iframe {
		margin: 0px;
		border: 0px;
	}
	ul {
		list-style: none;
		margin-left: 0px;
		margin-top: 0px;
		padding: 0px;
	}
	li {
		list-style: none;
		margin: 0px;
		padding: 0px 0px 0px 14px;
		background: url('./material/point.png') no-repeat 0em 0.5em;
	}
	hr {
		border-width: 0px;
		background-color: #BDD3FF;
		height: 1px;
	}



/* ------------------------------------------------------------------------------
	ベースレイアウト
------------------------------------------------------------------------------ */

	/* ヘッダー */
	#header {
		background-image: url('./material/title.png');
		background-repeat: no-repeat;
		background-position: 50% 0px;
		width: 750px;
		height: 120px;
		margin: 0px 6px;
	}
	/* メイン枠 */
	#contents {
		width: 762px;
		margin: auto;
		text-align: left;
		border: 0px solid #BDD3FF;
		background: url('./material/contentback.png') repeat-y;
	}
	/* ←左（サイドメニュー用） */
	#contents .main_left {
		width: 160px;
		text-align: left;
	}
	/* →右（コンテンツ表示用） */
	#contents .main_right {
		float: right;
		width: 586px;
		text-align: left;
	}
	/* フッター */
	#contents .main_footer {
		clear: both;
		border-width: 1px 0px 0px 0px;
		border-color: #BDD3FF;
		border-style: dotted;
		padding: 10px;
		margin: 0px 6px;
		text-align: center;
	}
	/* 本文 */
	#contents .information {
		margin: 15px 15px 50px 15px;
	}
	/* サイドメニューの本文 */
	#contents .sideinfo {
		margin: 0px;
		text-align: center;
	}
	/* トップイラスト */
	#contents .topillust {
		margin: 15px 0px;
		text-align: center;
	}
	/* パンくずリスト */
	#contents .topicpath {
		margin: 8px;
	}

	/* メインメニュー */
	#mainmenu {
		padding: 8px 0px 0px 16px;
		margin: 0px 0px 20px 0px;
		font-size: 110%;
	}
	#mainmenu a {
		text-decoration: none;
		position: relative;
		left: 0px;
		top: 0px;
		color: #366FC3;
	}
	#mainmenu a:hover {
		text-decoration: underline;
		color: #81BCEB;
	}
	#mainmenu .menuinfo {
		font-size: 80%;
		color: #55A0E0;
	}
	#mainmenu ul {
		list-style: none;
		margin: 10px 0px 0px 0px;
		padding: 0px;
	}
	#mainmenu li {
		list-style: none;
		margin: 0px;
		padding: 0px 0px 0px 14px;
		background: url('./material/point.png') no-repeat 0em 0.5em;
	}
	/* 現在ページ */
	#mainmenu .presentpage {
		list-style: none;
		margin: 0px;
		padding: 0px 0px 0px 14px;
		background: url('./material/point_red.png') no-repeat 0em 0.5em;
	}

	/* イラストページ */
	#illustpage {
		margin: 15px 0px;
		text-align: center;
	}
	#illustpage p {
		margin-bottom: 30px;
	}

	/* ツールのページ */
	#contents .main_right_tool {
		background-image: url('./picture/usasabi.png');
		background-repeat: no-repeat;
		background-position: 98% 80;
		float: right;
		width: 586px;
		text-align: left;
	}

	/* RPG Script System のページ */
	#contents .main_right_rpgscriptsystem {
		background-image: url('./picture/rpgss_back.png');
		background-repeat: no-repeat;
		background-position: 98% 100%;
		float: right;
		width: 586px;
		text-align: left;
	}

	/* その他のページ */
	#contents .main_right_other {
		background-image: url('./material/glass.png');
		background-repeat: no-repeat;
		background-position: 98% 100%;
		float: right;
		width: 586px;
		text-align: left;
	}

	#download a {
		font-size: 120%;
		text-decoration: underline;
		color: #FC7819;
	}

	/* みかんリスト */
	#mikanlist ul {
		list-style: none;
		margin-left: 0px;
		padding: 0px;
	}
	#mikanlist li {
		list-style: none;
		margin: 0px;
		padding: 0px 0px 0px 18px;
		background: url('./picture/icon_mikanlist2.png') no-repeat 0em 0em;
	}

	/* 区切り線 */
	.separator {
		width: 320;
		height: 16px;
		background: url('./picture/icon_mikanlist2.png') repeat-x 50% 0;
	}



/* ------------------------------------------------------------------------------
	テーブル
------------------------------------------------------------------------------ */

	/* テーブルリスト（スタンダード） */
	table#tablelist {
		background-color: #FFFFFF;
		border-top: 1px solid #DDDDDD;
		border-left: 1px solid #DDDDDD;
		border-collapse: collapse;
		border-spacing: 0;
		empty-cells: show;
	}
	table#tablelist th {
		background-color: #EEEEEE;
		background-position: left top;
		border-right: 1px solid #AAAAAA;
		border-bottom: 1px solid #AAAAAA;
		padding: 0.1em 0.5em;
		text-align: center;
		color: #505050;
	}
	table#tablelist td {
		border-right: 1px solid #AAAAAA;
		border-bottom: 1px solid #AAAAAA;
		padding: 0.1em 0.5em;
	}

	/* テーブルリスト（ソフトウェア用） */
	table#downloadlist {
		background-color: #FFFFFF;
		border-top: 1px solid #E0DEDD;
		border-left: 1px solid #E0DEDD;
		border-collapse: collapse;
		border-spacing: 0;
		empty-cells: show;
	}
	table#downloadlist th {
		background-color: #EEEEEE;
		background-position: left top;
		border-right: 1px solid #AAA0A0;
		border-bottom: 1px solid #AAA0A0;
		padding: 0.3em 0.5em;
		text-align: center;
		color: #505050;
	}
	table#downloadlist td {
		border-right: 1px solid #AAA0A0;
		border-bottom: 1px solid #AAA0A0;
		padding: 0.6em 1.5em;
	}

	/* テーブルリスト（その他の表） */
	table#otherlist {
		background-color: #FFFFFF;
		border-top: 1px solid #E0DEDD;
		border-left: 1px solid #E0DEDD;
		border-collapse: collapse;
		border-spacing: 0;
		empty-cells: show;
	}
	table#otherlist th {
		background-color: #EEEEEE;
		background-position: left top;
		border-right: 1px solid #AAA0A0;
		border-bottom: 1px solid #AAA0A0;
		padding: 0.3em 0.5em;
		text-align: center;
		color: #505050;
	}
	table#otherlist tr:hover {
		color: #000000;
		background-color: #FFFFAA;
	}
	table#otherlist td {
		border-right: 1px solid #AAA0A0;
		border-bottom: 1px solid #AAA0A0;
		padding: 0.1em 0.5em;
		height: 3.4em;
	}
	table#otherlist .bgcolor_red {
		background-color: #FFAAAA;
	}

	/* サイトマップ */
	table#sitemap {
		background-color: #FFFFFF;
		border-top: 1px solid #D3D3D3;
		border-left: 0px solid #FFFFFF;
		border-collapse: collapse;
		border-spacing: 0;
		empty-cells: show;
	}
	table#sitemap td {
		border-right: 0px solid #FFFFFF;
		border-bottom: 1px solid #D3D3D3;
		padding: 2px 3em 2px 0.5em;
	}

	/* 水色テーブル枠 */
	TD.lefttop {			background-image: url('./material/table/lefttop.png');		}
	TD.top {				background-image: url('./material/table/top.png');			}
	TD.righttop {			background-image: url('./material/table/righttop.png');		}
	TD.left {				background-image: url('./material/table/left.png');			}
	TD.right {				background-image: url('./material/table/right.png');		}
	TD.leftbottom {			background-image: url('./material/table/leftbottom.png');	}
	TD.bottom {				background-image: url('./material/table/bottom.png');		}
	TD.rightbottom {		background-image: url('./material/table/rightbottom.png');	}
	TD.arrow {				background-image: url('./material/table/arrow.png');		}

	TD.top_lefttop {		background-image: url('./material/table/1.png');			}
	TD.top_top {			background-image: url('./material/table/2.png');			}
	TD.top_righttop {		background-image: url('./material/table/3.png');			}
	TD.top_left {			background-image: url('./material/table/4.png');			}
	TD.top_right {			background-image: url('./material/table/5.png');			}
	TD.top_leftbottom {		background-image: url('./material/table/6.png');			}
	TD.top_bottom {			background-image: url('./material/table/7.png');			}
	TD.top_rightbottom {	background-image: url('./material/table/8.png');			}



/* ------------------------------------------------------------------------------
	インプットボックス、テキストエリア、ボタン
------------------------------------------------------------------------------ */

	/* テキストエリア */
	.mailform {
		scrollbar-arrow-color:		#BDB69C;
		scrollbar-face-color:		#FFFFFF;
		scrollbar-track-color:		#FFFFFF;
		scrollbar-highlight-color:	#FFFFFF;
		scrollbar-3dlight-color:	#FFFFFF;
		scrollbar-shadow-color:		#FFFFFF;
		scrollbar-darkshadow-color:	#FFFFFF;
		background-color: #FFFFFF;
		border-width: 1px;
		border-color: #FF9A00;
		border-style: dotted;
		font-size: 12px;
		color: #400000;
	}
	/* 送信ボタン */
	.submit {
		background-color: #FFEFBD;
		border-width: 1px;
		border-color: #FF9A00;
		border-style: solid;
		white-space: nowrap;
		font-size: 12px;
		color: #400000;
	}

	/* メールフォーム */
	#postmail INPUT, #postmail TEXTAREA {
		scrollbar-arrow-color:		#999999;
		scrollbar-face-color:		#FFFFFF;
		scrollbar-track-color:		#FFFFFF;
		scrollbar-highlight-color:	#FFFFFF;
		scrollbar-3dlight-color:	#FFFFFF;
		scrollbar-shadow-color:		#FFFFFF;
		scrollbar-darkshadow-color:	#FFFFFF;
		background-color: #FFFFFF;
		border-width: 1px;
		border-color: #999999;
		border-style: dotted;
		font-size: 12px;
		color: #400000;
	}
	#postmail INPUT.submit {
		border-width: 1px;
		border-color: #FC7819;
		border-style: dotted;
		background-color: #FFEFBD;
		white-space: nowrap;
		font-size: 12px;
		color: #FC7819;
	}
	#postmail .mailpost {
		border-width: 1px;
		border-color: #AAAAAA #999999 #999999 #AAAAAA;
		border-style: solid;
	}



/* ------------------------------------------------------------------------------
	その他
------------------------------------------------------------------------------ */

	/* 音楽室ページ用 */
	.midisample {
		color: #7BDE00;
		cursor: url(neko.cur), pointer;
	}
	a.midi_link {
		color: #FF6000;
	}
	.star {
		color: #FFBB00;
	}

	/* 実験広場（日付） */
	.finding {
		background-color: #BDD3FF;
		font-size: 110%;
	}

	/* 各種注意書き */
	.attention {
		color: #FF5500;
	}

	/* ソースコード */
	.sourcecode {
		line-height: 1.0em;
	}

	/* 枠 */
	.box_s {
		background-color: #EBF2FF;
		border-width: 1px 1px 1px 1px;
		border-color: #BDD3FF #BDD3FF #BDD3FF #BDD3FF;
		border-style: solid;
		margin: 1em;
		padding: 1em;
	}

	/* 注意 */
	.box_attention {
		background-color: #FFEEEE;
		border-width: 1px 1px 1px 1px;
		border-color: #FF8888 #FF8888 #FF8888 #FF8888;
		border-style: solid;
		margin: 1em;
		padding: 1em;
	}
	.box_attention_title {
		font-size: 130%;
		font-weight: bold;
	}

	/* カラー */
	.color_red {			color: #FF0000;		}
	.color_gray {			color: #908888;		}
	.color_indigo {			color: #0066AA;		}
	.color_bluegreen {		color: #00AA66;		}

	/* ちょっとした情報 */
	.top_info {
		margin: 0 1em 1em 1em;
	}
	.info {
		margin-left: 1em;
	}

	/* お気に入りリンクテキスト */
	.linktext {
		font-size: 130%;
		font-weight: bold;
	}

	/* PNG背景 */
	.pngconv {
		background-image: url('./material/back_move.gif');
	}