@charset "UTF-8";

/*****************************************************************
　リセット
******************************************************************/


html, body, div, h1, h2, h3, h4, h5, h6, address, blockquote, p, pre, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset {
	margin: 0;
	padding: 0;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	font-size: 100%;
}
address, code, em, strong, th {
	font-style: normal;
	font-weight: normal;
}
ul, ol {
	list-style: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
th {
	text-align: left;
}
img {
	vertical-align: top;
}
img, fieldset {
	border: 0;
}
legend {
	display: none;
}
@media screen {
	body {
		letter-spacing: 1px;
	}
	br {
		letter-spacing: 0;
	}
}
/*****************************************************************
　再定義
******************************************************************/
html {
	scrollbar-face-color: #C9C9C9;
	scrollbar-highlight-color: #C9C9C9;
	scrollbar-shadow-color: #C9C9C9;
	scrollbar-3dlight-color: #C9C9C9;
	scrollbar-darkshadow-color: #C9C9C9;
	scrollbar-track-color: #ECECEC;
	scrollbar-arrow-color: #ECECEC;
}
body {
	color: #000000;
	font-size: 12px;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	width: 100%;
	line-height: 1.5;
}


/*****************************************************************
　リンク
******************************************************************/
a:link {
	color: #000000;
	text-decoration: none;
}
a:visited {
	color: #333333;
	text-decoration: none;
}
a:hover {
	color: #CC00FF;
	text-decoration: underline;
}
a:active {
	color: #CC00FF;
	text-decoration: underline;
}
/*****************************************************************
　フォーム
******************************************************************/
input, textarea, select {
	border: 2px solid black;
	background: #FFFFFF;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku GothicPro", Osaka, sans-serif;
	font-size: 12px;
}
@media screen {
	input, textarea, select {
		font-family: Tahoma, Verdana, sans-serif;
	}
}
	/* IE6無効（focusはIE7も） */
	input[type="text"]:hover, input[type="text"]:focus,
	input[type="password"]:hover, input[type="password"]:focus,
	textarea:hover, textarea:focus,
	select:hover, select:focus {
		border: 1px solid #000000;
		background: #FFFFFF;
	}

/*****************************************************************
　ヘッダ
******************************************************************/

	#header {
		margin-left: auto;
		margin-right: auto;
		margin-top: 0px;
		text-align: center;
		background-color: white;
		width: 800px;
	}
	#header h1 {
		display: none;
		visibility: hide;
	}

/*****************************************************************
　ナビ
******************************************************************/

	#nav {
		margin-right: auto;
		margin-left: auto;
		background-color: white;
		text-align: center;
		width: 800px;
	}
	/*****************************************************************
　本文
******************************************************************/

	#nav ul li {
		float: left;
		margin: 7px;
		height: 100px;
		width: 100px;
		display: inline;
	}
	.article {
		clear: both;
		margin-top: 18px;
		border-width: 2px;
		border-color: black;
		border-style: solid;
		margin-right: auto;
		margin-left: auto;
		width: 770px;
		background-color: white;
	}
	.article h2 {
		margin-right: auto;
		margin-left: auto;
		width: 700px;
		clear: both;
		font-weight: bold;
		font-size: 30px;
	}
	.article ul {
		margin-bottom: 18px;
		margin-left: 0px;
	}
	.tweet {
		margin-top: 18px;
		margin-right: auto;
		margin-left: auto;
		width: 550px;
	}
	.tweet_left {
		float: left;
		margin-bottom: 18px;
		width: 250px;
	}
	.tweet_right {
		float: right;
		margin-bottom: 18px;
		width: 250px;
	}
	#movie {
		margin-bottom: 18px;
		margin-top: 18px;
		margin-right: auto;
		margin-left: auto;
		width: 650px;
	}
	#form {
		margin-bottom: 18px;
		margin-top: 18px;
		margin-right: auto;
		margin-left: auto;
		width: 430px;
	}
	#form address {
		margin-top: -18px;
		margin-left: 80px;
		color: #bebebe;
		font-size: 9px;
		text-align: right;
	}
	.songs {
		margin-top: 18px;
		margin-right: auto;
		margin-left: auto;
		width: 480px;
	}
	.song {
		text-align: left;
		width: 250px;
		float: right;
	}
	.songs img {
		margin-bottom: 24px;
		margin-left: 20px;
	}
	.song li img {
		margin: 0px;
	}
	#new {
		margin-right: auto;
		margin-left: auto;
		width: 500px;
	}
	#new ul li {
		margin-left: 80px;
	}
	.about {
		margin-right: auto;
		margin-left: auto;
		width: 500px;
	}
	.about ul li {
		list-style-position: outside;
		list-style-type: disc;
		margin-left: 80px;
	}
	.tool {
		margin-right: auto;
		margin-left: auto;
		width: 500px;
	}
	.tool ul li {
		list-style-position: outside;
		list-style-type: disc;
		margin-left: 80px;
	}

/*****************************************************************
　フッタ
******************************************************************/

	#footer {
		margin-top: 9px;
		clear: both;
		margin-right: auto;
		margin-left: auto;
		background-color: white;
		width: 800px;
	}
	#footer table {
		margin-left: 500px;
		margin-bottom: 0px;
		margin-right: 0px;
		margin-top: 0px;
		padding: 0px;
		width: 300px;
		text-align: right;
		border-width: 0px;
		border-style: none;
	}
	#footer table tr td {
		width: 150px;
	}
#footer p {
		background-position: center;
		text-align: right;
	}
	address {
		margin-top: 30px;
		font-size: 10px;
		text-align: center;
	}