/* 共通部分
========================================================== */
html,body,div,
h1,h2,h3,h4,h5,h6,
p,blockquote,pre,address,
ul,ol,li,dl,dt,dd,
table,th,td,form,fieldset {
	margin : 0;
	padding : 0;
}

html {
	overflow : scroll;
	overflow : -moz-scrollbars-vertical;
	overflow-x : scroll;
}

table {
	border : 0;
	font-size : inherit;
	font : 100%;
}

body {
	font : 13px/1.231 arial, helvetica, clean, sans-serif;
	*font-size : small;
	*font : x-small;
}

a {
	text-decoration : none;
	margin : 0;
	padding : 0;
	border : 0;
}

img {
	border : 0;
}

input, button, textarea, select {
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	border-radius: 0;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

h1,h2,h3,h4,h5,h6 {
	text-decoration : none;
	font-weight : normal;
}

body div#wrapper div#contents:after{
	/* ClearFix */
	content : ".";
	display : block;
	clear : both;
	height : 0px;
	visibility : hidden;
	font-size : 0;
}

li{
	list-style-type : none;
}

/* ページ全体
========================================================== */
body {
	background-color : #eeeeee;
	text-align : center;
}

div#wrapper {
	width : 750px;
	margin: 0 auto;
	background-color : #e6e6e6;	
	text-align : left;
}

/* ヘッダー
========================================================== */
div#wrapper  div#header {
	width : 750px;
	padding : 0px;
	margin : 0px;	
}

/* ナビゲーション
========================================================== */
div#wrapper div#nav ul{
	width : 300px;
	padding : 0px;
	margin : 0px;
	background-color : #bbbbbb;
}

div#wrapper div#nav ul.nav li.nav {
	padding : 15px 0 15px 10px;
	height : 15px;
	border-bottom : dotted 1px #ffffff;
}

div#wrapper div#nav ul.nav li#nav {
	padding : 15px 0 15px 10px;
	height : 15px;
	border-bottom : solid 1px #ffffff;
}


div#wrapper div#nav ul.nav li a {
	margin : 20px;
	color : #ffffff;
}


/* メイン
========================================================== */
div#wrapper div#contents div#side {
	width : 750px;
	padding : 0px;
	margin : 0px;	
	background-color : #e6e6e6;	

}

div#wrapper div#contents div#main {
	width : 450px;
	padding : 0px;
	margin : 0px;	
	float : left;
	display : inline;
	background-color : #e6e6e6;	
}

div#wrapper div#contents div#main h2 {
	margin : 15px 10px 5px 10px; 
	padding : 0;
	border-left : solid 5px;
	border-bottom : solid 2px; 
	color : #3e3e3e;
}

div#wrapper div#contents div#main h3 {
	margin : 15px 10px 5px 10px; 
	padding : 0;
	border-left : solid 4px;
	border-bottom : solid 1px; 
	color : #3e3e3e;
}

div#wrapper div#contents div#main p.main_contents {
	padding : 0 10px 0 25px;
	line-height : 2.5;
	color : #3e3e3e;
}

div#wrapper div#contents div#main input {
	background: #ffffff;
	margin : 0 0 0 20px; 
	vertical-align : middle;
	height : 20px;
}

div#wrapper div#contents div#main select {
	background: #ffffff;
	margin : 0 0 0 20px;
	padding : 0 0 0 0; 
	vertical-align : middle;
	height : 24px;
}

div#wrapper div#contents div#main input.submit_btn {
	margin : 0 0 30px 115px;
	background : url(images/button_01.png) left top no-repeat;
	width : 220px;
	height : 40px;
}

div#wrapper div#contents div#main img#btn_02 {
	margin : 30px 0 30px 240px;
}

div#wrapper div#contents div#side {
	width : 300px;
	padding : 0px;
	margin : 0px;
	float : left;
	display : inline;
}

div#wrapper div#contents div#main div.octave {
	padding : 0 9px 0px 9px;
}

div#wrapper div#contents div#main dl.sample {
	padding : 10px 15px 0px 10px;
	width : 100%;
}

div#wrapper div#contents div#main dl.sample dt.singer{
	padding : 10px 0px 5px 10px;
	/*
	width : 120px;
	*/
	color : #555555;
}

div#wrapper div#contents div#main dl.sample dd.song{
	padding : 0px 0px 5px 25px;
	/*
	width : 220px;
	*/
	color : #333333;

}

/* フッター
========================================================== */
div#wrapper div#footer {
	width : 750px;
	padding : 0px ;
	margin :  0px;	
	text-align : center;
	background-color : #111111;
	color : #ffffff;
}