/*--------------------------------------

	green.css
	作成日 : 2009/02/04

--------------------------------------*/

/*--------------------------------------
	普通のタグ
--------------------------------------*/

body
{
	color:				#000000;
	background-color:	#ffffff;
	font-size:			95%;
	font-family:		'ＭＳ Ｐゴシック', Arial, sans-serif;
	margin:				0px 10% 1% 10%;
	line-height:		130%;
	border-left:		1px #000000 solid;
}

hr
{
	display:		none;
}

em
{
	font-weight:	bold;
	font-style:		normal;
}

h1
{
	height:					187px;
	font-size:				10px;
	font-weight:			normal;
	color:					#000000;
	margin:					0px;
	margin-left:			-1px;
	padding-left:			2px;
	background-repeat:		no-repeat;
	background-image:		url("./green_h1.jpg");
	background-position:	left top;
	background-attachment:	scroll;
	border-right:			1px #000000 solid;
}

h2
{
	font-size:				150%;
	font-weight:			normal;
	border:					thin solid #000000;
	border-width:			0px 1px 1px 0px;
	background-repeat:		no-repeat;
	background-image:		url("./green_h2.png");
	background-position:	right top;
	background-attachment:	scroll;
}

h3
{
	font-size:			120%;
	border-top: 		0px #000000 none;
	border-right: 		0px #000000 none;
	border-bottom: 		2px #006600 solid;
	border-left: 		1px #009900 solid;
	margin:				0em 1em 1em 1em;
	padding-left:		1em;
}

p
{
	margin:		1em 2em;
}

img
{
	border:		none;
}

dt
{
	margin:		1em 1em 0em 1.5em;
}

dd
{
	margin:		0em 3em;
}		

li
{
	list-style-type:	none;
}

ol
{
	background-color:	#f5fffa;
	padding:			1em 1em 1em 3em;
	margin:				auto 2em 3em 2em;
	border:				thin dotted #6495ed;
	border-width:		1px;
}

ol li
{
	list-style-type:	decimal;
}

address
{
	font-style:				normal;
	background-color:		#ffffff;
	background-repeat:		no-repeat;
	background-image:		url("./green_address.gif");
	background-position:	right bottom;
	background-attachment:	scroll;	
	padding:				0.6em 1em 0.5em 1em;
}

address a:link,
address a:visited,
address a:active,
address a:hover
{
	text-decoration:		underline;
	color:					#000000;
}


/*--------------------------------------
	特殊なやつ
--------------------------------------*/

#now
{
	background-color:	#ffd700;
}

.sub
{
	display:	none;
}

#subject li
{
	list-style-type:	square;
}

.back
{
	clear:			both;
	width:			30%;
	border-bottom:	1px #000000 solid;
	margin-top:		2em;
}

.back a:link,
.back a:visited,
.back a:active
{
	text-decoration:	none ! important;
	color:				#000000 ! important;
	background-color:	transparent ! important;
}

.back a:hover
{
	text-decoration:	none ! important;
	color:				#00cc00 ! important;
	background-color:	transparent ! important;
}


/*--------------------------------------
	menu
--------------------------------------*/

#menu
{
	width:					25%;
	float:					left;
	border:					thin solid #000000;
	border-width:			1px 1px 1px 0px;
	background-color:		#ffffff;
	background-repeat:		no-repeat;
	background-image:		url("./green_menuback.png");
	background-position:	left bottom;
	background-attachment:	scroll;
	height:					26.5em;
	margin-right:			1em;
}

#menu a:link,
#menu a:visited,
#menu a:active
{
	text-decoration:	none;
	color:				#000000;
}

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

#menu h2
{
	display:	none;
}

/*--------------------------------------
	contents
--------------------------------------*/

#contents ul
{
	margin-left:		0px;
	margin-top:			7px;
	padding-left:		0px;		/* NNのulはやたらpadding-leftを取るので消去 */
}

#contents li
{
	color:					#000000;
	background-color:		#ffffff;
	border-top: 			0px #000000 none;
	border-right: 			1px #000000 solid;
	border-bottom: 			1px #000000 solid;
	border-left: 			0px #000000 none;
	background-repeat:		no-repeat;
	background-image:		url("./green_contentsback.gif");
	background-position:	left top;
	background-attachment:	scroll;
	list-style-type:		none;
	margin:					auto 0.5em 2px 0.5em;
	padding-left:			20px;
}

#contents .list_01
{
	margin-left:			0.5em;
}

#contents .list_02
{
	margin-left:			1.5em;
}

#contents .list_03
{
	margin-left:			2.5em;
}

#contents .list_04
{
	margin-left:			3.5em;
}

#contents .list_05
{
	margin-left:			4.5em;
}

#contents .list_06
{
	margin-left:			5.5em;
}

#contents .list_07
{
	margin-left:			6.5em;
}

#contents #top
{
	margin-top:				1em;
	margin-left:			8.5em;
}

#contents #now
{
	background-repeat:		no-repeat;
	background-image:		url("./green_contentsback_now.jpg");
	background-position:	left top;
	background-attachment:	scroll;	
}



/*--------------------------------------
	body
--------------------------------------*/

#body
{
	background-color:	#ffffff;
	border-left: 		1px #000000 solid;
	border-top: 		1px #000000 solid;
	border-right:		1px #000000 solid;
	border-bottom:		1px #000000 solid;
	margin-left:		26%;
	padding:			0em 1em 1em 1em;
}

#body a:link,
#body a:visited,
#body a:active
{
	text-decoration:	underline;
	color:				#009900;
}

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

#body h2
{
	font-family:	Verdana, sans-serif;
	padding:		0px 0px 2px 1em;
}

#body h2:first-letter
{
	color:		#009900;
}


/*--------------------------------------
	footer
--------------------------------------*/

#banner
{
	display:				none;
	margin:					0em 0em 0em -1px;
	padding:				20px 0px 0px 1px;
	background-color:		#ffffff;
}

#banner p
{
	margin:			0em;
	padding:		0em;
}

#counter
{
	position:				absolute;
	right:					1em;
	top:					1em;
	margin:					0em;
	padding:				0.2em 1em;
	background-color:		#ffffff;
	border-top: 			1px #000000 solid;
	border-right:			1px #000000 solid;
	border-bottom:			1px #000000 solid;
	border-left: 			30px #009900 solid;
}

#counter p
{
	margin:			0em;
	padding:		0em;
}

/*
広告を画面右上に場所固定で出すパターン。
一応背景とか使って付箋っぽいデザインにしている。

#banner
{
	position:				absolute;
	top:					8px;
	right:					8px;

	margin:					0em;
	padding:				3px 3px 3px 68px;

	background-color:		#ffffff;
	border:					1px #000000 solid;

	background-repeat:		no-repeat;
	background-image:		url("./green_h3.jpg");
	background-position:	left top;
	background-attachment:	scroll;
}

#banner p
{
	margin:			0em;
	padding:		0em;
}
*/


/*--------------------------------------
	infomation
--------------------------------------*/

#infomation li
{
	background-color:	#fafafa;
	padding:			0.5em;
}

#infomation dt
{
	font-weight:			bold;
	color:					#333333;
	background-repeat:		no-repeat;
	background-image:		url("./green_dtinfo.gif");
	background-position:	left center;
	background-attachment:	scroll;
	border-bottom:			1px #000000 solid;
	margin:					0em 2em;
	padding-left:			20px;
}

#infomation dd
{
	background-repeat:		no-repeat;
	background-image:		url("./green_ddinfo.gif");
	background-position:	right bottom;
	background-attachment:	scroll;
	border-right:			1px #000000 solid;
	margin:					0em 2em 1em 2em;
	padding-left:			2em;
}

/*--------------------------------------
	update
--------------------------------------*/

#update dt
{
	color:				#005500;
	font-weight:		bold;
	border-bottom:		1px #006600 dashed;
}

#update dd
{
	background-repeat:		no-repeat;
	background-image:		url("./green_dd.gif");
	background-position:	left center;
	background-attachment:	scroll;
	padding-left:			15px;
}

#update .latest dt
{
	font-size:		130%;
	font-family:	'Tahoma';
	margin-left:	1em;
	line-height:	110%;
}



/*--------------------------------------
	About
--------------------------------------*/

#about dl
{
	margin-left:	1.5em;
	margin-bottom:	1.5em;
}

#about dt
{
	color:			#005500;
	font-weight:	bold;
}

#about h4
{
	margin-left:		2em;
	border-bottom:		1px solid #000000;
	width:				30%;
	background-color:	#fafafa;
}



/*--------------------------------------
	History
--------------------------------------*/

#history dl
{
	margin-bottom:	2em;
}

#history dt
{
	color:			#005500;
	font-weight:	bold;
	border-bottom:	1px #006600 dashed;
}

#history dd
{
	background-repeat:		no-repeat;
	background-image:		url("./green_dd.gif");
	background-position:	left center;
	background-attachment:	scroll;
	padding-left:			15px;
}



/*--------------------------------------
	Music
--------------------------------------*/

#music h4
{
	margin-left:		2em;
	margin-bottom:		0.5em;
}

#music .shortcut
{
	margin:				0em 1em 2em 3em;
}


#music .shortcut li
{
	font-weight:		bold;
	list-style-type:	disc;
	margin-left:		1em;
	padding-left:		0.5em;
}


#music .shortcut .genre
{
	font-size:			85%;
	font-weight:		normal;
	color:				#444444;
	margin-left:		1em;
	padding-left:		0.5em;
	border-left:		1px #cccccc dotted;
}

#music .shortcut .date
{
	font-size:			85%;
	font-weight:		normal;
	color:				#888888;
	margin-left:		0.5em;
	padding-left:		0.5em;
	border-left:		1px #cccccc dotted;
}
.tune
{
	margin:					0em 3em 2em 3em;
}

.tune h5
{
	height:					28px;
	line-height:			28px;
	background-repeat:		no-repeat;
	background-image:		url("./green_music_h4.jpg");
	background-position:	left bottom;
	background-attachment:	scroll;
	font-size:				16px;
	padding-left:			50px;
	margin-bottom:			0em;
}

.tune h5:first-letter
{
	color:		#006600;
}

.tune dl
{
	border-top:				1px #000000 solid;
	border-left:			1px #000000 solid;
	margin-top:				0em;
	padding:				1em 2.5em 40px 1.5em;
	background-repeat:		no-repeat;
	background-image:		url("./green_music_dl.gif");
	background-position:	right bottom;
	background-attachment:	scroll;
}

.tune dt
{
	margin:					0em 0em;
	border-bottom:			1px #000000 solid;
	height:					23px;
	line-height:			23px;
	background-repeat:		no-repeat;
	background-image:		url("./green_music_dt.jpg");
	background-position:	left top;
	background-attachment:	scroll;
	padding-left:			30px;
}

.tune dd
{
	margin:					0em;
	padding:				0.2em 1em 0.3em 3em;
	border-right:			1px #000000 solid;
}

.tune .comment
{
}

.tune a:link,
.tune a:visited,
.tune a:active
{
	text-decoration:	none;
	color:				#006600;
	font-weight:		bold;
}

.tune a:hover
{
	text-decoration:	underline;
	color:				#00cc00;
	font-weight:		bold;
}


/*--------------------------------------
	report
--------------------------------------*/

#report dt
{
	background-repeat:		no-repeat;
	background-image:		url("./green_dd.gif");
	background-position:	left center;
	background-attachment:	scroll;
	padding-left:			15px;
}

/*--------------------------------------
	report_srx09
--------------------------------------*/

#patch_srx09 h4
{
	font-size:			105%;
	margin:				1em 2em;
}

#patch_srx09 .info
{
	width:				80%;
	border:				1px #00aa00 dashed;
	background-color:	#ceffce;
	margin:				auto 2em 2em 2em;
	padding-bottom:		1em;
}

#patch_srx09 ul
{
	margin-bottom:		2em;
}

#patch_srx09 dl
{
	margin-left:		1em;
	margin-bottom:		2em;
}

#patch_srx09 .patch_name
{
	font-size:			110%;
}

#patch_srx09 .patch_note
{
	font-size:			90%;
	font-style:			italic;
}

/*--------------------------------------
	headphone_game
--------------------------------------*/

#headphone_game dl
{
	margin:		1em 1em 2em 2em;
}

#headphone_game dt
{
	color:			#006600;
	font-weight:	bold;
	margin:			1em 0em 0em 1em;
}

#headphone_game dd
{
	margin:			0em 0em 0em 2em;
	padding:		0em 0.5em 0.5em 0.5em;
}


/*--------------------------------------
	favbattlemusic
--------------------------------------*/

#favbattlemusic dl
{
	margin:		1em 1em 2em 2em;
}

#favbattlemusic dt
{
	font-size:		120%;
	color:			#006600;
	font-weight:	bold;
	margin:			1em 0em 0em 1em;
}

#favbattlemusic .favbattlemusic_scene
{
	font-style:	italic;
}


#favbattlemusic dd
{
	margin:			0em 0em 0em 2em;
	padding:		0em 0.5em 0.5em 0.5em;
}



/*--------------------------------------
	Diary
--------------------------------------*/

#diary h3
{
	width:				30%;
	font-size:			100%;
	font-weight:		normal;
	border: 			1px #000000 solid;
	margin:				0em 1em 1em 1em;
	padding:			0.3em 0.3em 0.3em 70px;

	background-repeat:		no-repeat;
	background-image:		url("./green_h3.jpg");
	background-position:	left top;
	background-attachment:	scroll;
}




/*--------------------------------------
	Link
--------------------------------------*/

#link dl
{
	margin:				0.5em 2em;
	padding:			0em;
}

#link dt
{
	display:			none;
}

#link dd
{
	display:			inline;
	margin:				0em 1em 0em 0em;
	padding:			0em;
}

/*
#link dl
{
	float:				left;
	width:				45%;
	margin:				0.5em 0em 0.5em 1em;
	padding:			0em;

	border-top: 		0px #000000 none;
	border-right: 		1px #000000 solid;
	border-bottom: 		1px #000000 solid;
	border-left: 		1px #000000 solid;
}

#link dt
{
	float:				left;
	clear:				left;
	width:				5em;
	margin:				0em;
	padding:			0em 0.3em;

	border-top: 		1px #000000 solid;
	border-right: 		0px #000000 none;
	border-bottom: 		0px #000000 none;
	border-left: 		0px #000000 none;


}

#link dd
{
	margin:				0em 0em 0em 5em;
	padding:			0em 0.3em;

	border-top: 		1px #000000 solid;
	border-right: 		0px #000000 none;;
	border-bottom: 		0px #000000 none;;
	border-left: 		1px #000000 solid;
}
*/

/*--------------------------------------
	Board
--------------------------------------*/

#board h3
{
	display:				none;
}

#board h4
{
	font-size:				100%;
	font-weight:			normal;
	font-style:				normal;
	padding-right:			14px;
	margin-right:			2px;
	background-repeat:		no-repeat;
	background-image:		url(green_slash.gif);
	background-position:	right center;
	display:				inline;
}

#board p
{
	margin:					0em;
	display:				inline;
}

#board .sub
{
	display:				inline;
	font-size:				80%;
	color:					#888888;
	margin-left:			0.5em;
}

#board .form
{
	float:					right;
	width:					25em;
	margin-top:				-2em;
	margin-right:			0.2em;
	border:					thin solid #000000;
	border-width:			1px;
	font-size:				100%;
	padding:				1em;
	background-color:		#ffffff;
}

#board .form dl
{
	margin:					0;
}

#board .form dt
{
	width:					4.5em;
	float:					left;
	clear:					left;

	margin:					0;
}

#board .form dd
{
	margin:					0em 0em 0em 4.6em;

}

#board .form #button
{
	margin-top:				0.5em;
}

#board textarea,
#board input,
#board select
{
	color:					#000000;
	background-color:		#ffffff;
	border:					thin solid #000000;
	border-width:			1px;
}

.write
{
	margin-left:			1em;
}

#address p
{
	margin-bottom:			0em;
}

#twitter
{
	float:					right;
	width:					240px;
	margin-left:			10px;
}

#twitter h3
{
	width:				100%;
	font-size:			100%;
	font-weight:		normal;
	border: 			none;
	margin:				0px;
	padding:			0px;

	background-image:	none;
}

#cdinfo table
{
	font-size:			90%;
	margin-left:		80px;
	border-collapse:	collapse;
}

#cdinfo th
{
	background-color:	#00aa00;
	color:				#ffffff;
	border:				1px solid #000000;
	padding:			3px 5px;
	margin:				0em;
}

#cdinfo td
{
	border:				1px solid #00aa00;
	padding:			3px 5px;
	margin:				0em;
}

/*--------------------------------------
	Mozegaku 2
--------------------------------------*/


#mozegaku2 #cdinfo th
{
	background-color:	#ee827c;
	color:				#ffffff;
	border:				1px solid #000000;
	padding:			3px 5px;
	margin:				0em;
}

#mozegaku2 #cdinfo td
{
	border:				1px solid #ee827c;
	padding:			3px 5px;
	margin:				0em;
}

#infomation h3
{
	background-repeat:		no-repeat;
	background-image:		url("./green_mark.jpg");
	background-position:	left center;
	background-attachment:	scroll;
	border:				none;
	padding:			0;
	padding-left:		22px;
}

.cd_01,
.cd_02,
.cd_03,
.cd_04,
.cd_05,
.cd_06,
.cd_07,
.cd_08

{
	width:				220px;
	float:				left;
	padding:			10px;
}

/*--------------------------------------
	Mozegaku 3
--------------------------------------*/


#mozegaku3 #cdinfo th
{
	background-color:	#6495ED;
	color:				#ffffff;
	border:				1px solid #000000;
	padding:			3px 5px;
	margin:				0em;
}

#mozegaku3 #cdinfo td
{
	border:				1px solid #6495ED;
	padding:			3px 5px;
	margin:				0em;
}

/*--------------------------------------
	Mozecon
--------------------------------------*/


#mozecon #cdinfo th
{
	background-color:	#FFB6C1;
	color:				#ffffff;
	border:				1px solid #000000;
	padding:			3px 5px;
	margin:				0em;
}

#mozecon #cdinfo td
{
	border:				1px solid #FFB6C1;
	padding:			3px 5px;
	margin:				0em;
}

/*--------------------------------------
	Mozecon2
--------------------------------------*/


#mozecon #cdinfo th
{
	background-color:	#050505;
	color:				#ffffff;
	border:				1px solid #000000;
	padding:			3px 5px;
	margin:				0em;
}

#mozecon #cdinfo td
{
	border:				1px solid #050505;
	padding:			3px 5px;
	margin:				0em;
}

/*--------------------------------------
	Mozegaku 4
--------------------------------------*/


#mozegaku4 #cdinfo th
{
	background-color:	#FFE44E;
	color:				#ffffff;
	border:				1px solid #000000;
	padding:			3px 5px;
	margin:				0em;
}

#mozegaku4 #cdinfo td
{
	border:				1px solid #DFC742;
	padding:			3px 5px;
	margin:				0em;
}

/*--------------------------------------
	Mozegageki
--------------------------------------*/


#mozegeki #cdinfo th
{
	background-color:	#DC143C;
	color:				#ffffff;
	border:				1px solid #000000;
	padding:			3px 5px;
	margin:				0em;
}

#mozegeki #cdinfo td
{
	border:				1px solid #DC143C;
	padding:			3px 5px;
	margin:				0em;
}