@charset "utf-8";
/*---------------letter1-----------------*/
body{
    min-width:500px;
	font-family:"ＭＳ Ｐゴシック",sans-serif;
	font-size:90%;
	background:url(/music/images/bg.gif) ;
}
#all{
   min-width:500px;
   width:500px;
   background:none;
   text-align:center;
}
#letter{
	width:380px;
	padding:0px 36px 25px 34px;
	margin:0 auto;
	margin-top:10px;
    background:url(/music/images/letter_bg.gif) no-repeat left top;
}
#base{
   width:450px;
   margin:0 auto;
   padding-bottom:10px;
   overflow:hidden;
}
#input_base{
    width:380px;
	text-align:left;
}
.input_table{
    width:380px;
	margin-top:20px;
}
    .input_table th{
        padding-top:15px;
		width:300px;
    }
    .input_table img,
    .input_table input{ vertical-align:middle;}
.border_box{
    border:solid 1px #ae6900;
    padding:5px;
}
#attention{
    width:380px;
	text-align:right;
	margin:10px 0 30px 0;
	color:#745320;
}
#btn_table{
   width:320px;
   margin:25px auto 0 auto;
}
#bottom{
    background:url(/music/images/letter_bg_bottom.gif) no-repeat center bottom #202020;
	color:#FFFFFF;
	text-align:left;
	padding:15px 20px;
	width:410px;
	margin:0 auto 10px auto;
}
    #bottom a{color:#f29100;}
    #bottom dt{
        font-weight:bold;
        margin-top:5px;
    }
/*---------------letter2-----------------*/
#letter2{
	width:410px;
	padding:0px 20px 25px 20px;
	margin:0 auto;
	margin-top:10px;
    background:url(/music/images/letter_bg.gif) no-repeat left top;
}
h2{
	padding:30px 0;
}
.conf_base{
    background:url(/music/images/conf_bg.gif) repeat-x left bottom #fff5bd;
	padding:30px;
	width:350px;
	text-align:left;
	color:#603a00;
}
.conf_base table{
   width:350px;
}
/*---------------letter3-----------------*/
#thanks{
    width:310px;
	margin:0 auto;
	text-align:center;
}
#thanks .btn_box{
    padding:30px 0;
}
#thanks .btn_box img{
    margin-bottom:5px;
}

/*---------------------------------------*/
/*---------------select------------------*/	
/* Simple Select Box
=================================*/
	
div.sBox {
	border: solid #fc9701 1px;
	background: #f8f6ec;
	border-left: none;
	overflow: auto;
	overflow-x: hidden;
	font-size:90%;
}
	div.sctble_mat.sBox p {
		border: none;
		padding: 0;
		line-height: 1.5;
	}

	div.sBox a {
		border: solid #dfdfdf 1px;
		border-top: none;
		border-right: none;
		padding: .3em .5em;
		display: block;
		text-decoration: none;
	}
	
	div.sBox a.last-child {border-bottom: none;}
	div.sBox a:hover {background: #eee;}
	div.sBox a.selected {background: #eee;}

/* Selectbox Styles
=================================*/
a.sctble_display {
    display: inline-block;
	/display: inline;
	zoom: 1;
	color: #262626;
	text-decoration: none;
	cursor: default;
	border: none;
	padding-right: 36px;
	width:36px;
	height: 31px;
	background: url(/music/images/select_right.gif) no-repeat 230px 0;
}
a.sctble_display:hover { background-position: 230px -31px }
a.sctble_focus { background-position: 230px -62px !important }

	a.sctble_display span {
	    display: block;
		width: 273px;
		/width: 300em;
		padding-left: 7px;
		height: 31px;
		cursor: default;
		background: url(/music/images/select_left.gif) no-repeat 0px 0px;
		line-height: 31px;
	}
	a.sctble_display:hover span { background-position: 0 -31px }
	a.sctble_focus span { background-position: 0 -62px !important }
		
/* Simple Select Box
=================================*/
	

div.sBox p {
	border: none !important;
}
	div.sBox a:hover,
	div.sBox a:focus,
	div.sBox a.selected {
		color: #fff;
		background: #fea901;
	}
