*{
	margin:0;
	padding:0;
	font-family:Helvetica, Arial, Verdana, sans-serif;
	font-size:14px;
	color:#323232;
	line-height:150%;
}


/*#############ID##############*/

body {
	background: url('img/bg_header.png') repeat-x;
	background-color:#f8d2e1;
}

#main_box{
	width: 1012px;
	height:auto;
	margin: 0 auto 0 auto;
	text-align: left;
	}
	
	
/*#############HEAD##############*/
	

/*############# TXT ##############*/

/*ｈ１*/

.tt_about{
background-image:url(img/tt_about.png);
background-repeat:no-repeat;
width:888px; height:50px;
margin-bottom:20px;
padding-top:-20px;
}

.tt_story{
background-image:url(img/tt_story.png);
background-repeat:no-repeat;
width:888px; height:50px;
margin-bottom:20px;
padding-top:-20px;
}

.tt_character{
background-image:url(img/tt_character.png);
background-repeat:no-repeat;
width:888px; height:50px;
margin-bottom:20px;
margin-top:-20px;
}

.tt_howto{
background-image:url(img/tt_howto.png);
background-repeat:no-repeat;
width:888px; height:50px;
margin-bottom:20px;
padding-top:-20px;
}


/*ｈ１span 見えない*/
span.none{
display:none;
}


/*ｈ２*/
h2.subtitle{
color: #7A478A;
padding:12px 20px 40px 80px;
margin-bottom:10px;
letter-spacing: 0.2em;
font-size: 19px;
font-weight:bold;
background: url('img/tt_2.png') left top no-repeat;
}


/*ｈ３*/
h3{
color: #7A478A;
letter-spacing: 0.2em;
font-size: 19px;
font-weight:bold;
font-size: 16px;
margin-bottom:10px;
}


/*############# A ##############*/

a{
	text-decoration: none;
	color:#5A3D1C;
	font-weight: bold;
}
a:hover{
	color: #5A3D1C;
	font-weight: bold;
	text-decoration: underline;
}


/*#############MENU##############*/

#head_box{
	width: 100%;
	height:113px;
	}
	#head_box #head_left{
		float: left;
		}
		

/*#############MENU_LAN##############*/
		
.headnav_box{
	float: left;
	margin: 0;
	padding: 0;
}
	
	.headnav_box ul{
	list-style:none;
	}
		
	.headnav_box li.tex_box{
		float: left;
		}
	
	.headnav_box li.tex_box a.about{
		background: url('img/h_bt_about.png') left top no-repeat;
		display: block;
		width: 198px;
		height: 90px;
		}
	
	.headnav_box li.tex_box a.story{
		background: url('img/h_bt_story.png') left top no-repeat;
		display: block;
		width: 198px;
		height: 90px;
		}
		
	.headnav_box li.tex_box a.chara{
		background: url('img/h_bt_chara.png') left top no-repeat;
		display: block;
		width: 198px;
		height: 90px;
		}
		
	.headnav_box li.tex_box a.howto{
		background: url('img/h_bt_howto.png') left top no-repeat;
		display: block;
		width: 198px;
		height: 90px;
		}	
		
		
	.headnav_box li.tex_box a span{
	display: none;
	}
		
	.headnav_box li.tex_box a:hover, .headnav_box li#current a{
			background-position: left bottom;
		}		
		

/*#############CONTENT##############*/

.content_frame_top{
background: url('img/d_frame.png') left top no-repeat;
width:1012px;
height:65px;
}

.content_frame_bottom{
background: url('img/d_frame_b.png') left bottom no-repeat;
width:1012px;
height:65px;
margin-bottom:20px;
}

.content_box{
height:auto;
background:#FAF5EB;
background: url('img/d_frame_m.png') repeat-y;
}


.content_box_inbox{
height:auto;
padding:0px 62px 0px 62px;
}


/*#############DETAILS##############*/


.left_box{
float:left;
}


.right_box{
float:right;
}

.clear_box{
clear:both;
}


.margin_b{
margin-bottom: 20px;
}

.margin_b_60{
margin-bottom:60px;
}


/*#############BACK TO TOP##############*/

.topbt_box{
	margin-top:20px;
}


.topbt_box a{
		background: url('img/bt_top.png') left top no-repeat;
		display: block;
		width: 157px;
		height: 36px;
		float:right;
		clear:both;
}

	.topbt_box a span{
	display: none;
	}
	
	.topbt_box a:hover {
	background-position: left bottom;
	}
	
		
/*############# FOOTER ##############*/

#footer_box{
	text-align:center;
    width:100%;
	margin-bottom:20px;
	color:#5A3D1C;
	}
	
#footer_box a{
	font-size:12px;
	font-weight:normal;
	text-decoration:none;
	color:#5A3D1C;
	}	
	
#footer_box a:hover{
	font-size:12px;
	font-weight:normal;
	text-decoration:underline;
	color:#5A3D1C;
	}	
	

/*############# 20110405 OKUNO ##############*/

.h_main{
background-image:url(img/h_main.png);
background-repeat:no-repeat;
width:888px; height:168px;
margin-bottom:20px;
margin-top:-20px;
}

.banner_m{
background-image:url(img/banner_m.png);
background-repeat:no-repeat;
width:888px; height:260px;
margin-bottom:10px;
}

.h_story{
background-image:url(img/h_story.png);
background-repeat:no-repeat;
width:888px; height:130px;
margin-bottom:10px;
margin-top:-10px;
}

.h_imetore{
background-image:url(img/h_imetore.png);
background-repeat:no-repeat;
width:888px; height:130px;
margin-bottom:10px;
margin-top:-10px;
}

.h_sinario{
background-image:url(img/h_sinario.png);
background-repeat:no-repeat;
width:888px; height:130px;
margin-bottom:10px;
margin-top:-10px;
}

.h_myroom{
background-image:url(img/h_myroom.png);
background-repeat:no-repeat;
width:888px; height:145px;
margin-bottom:10px;
margin-top:-60px;
}


.tx_deco{
	color:#553C2D;
	font-size:14px;
	line-height:150%;
	letter-spacing:1px;
}

/*############# 20110411 MIDI TO KEY ENDO ##############*/

/*ｈ1-img*/

.tt_midi{
background-image:url(img/tt_midi.png);
background-repeat:no-repeat;
width:334px; height:162px;
}


/*MIDI DL*/

.midi_box{
	margin-top:15px;
}


.midi_box a{
		background: url('img/d_bt_mididl.png') left top no-repeat;
		display: block;
		width: 334px;
		height:94px;
}

	.midi_box a span{
	display: none;
	}
	
	.midi_box a:hover {
	background-position: left bottom;
	}
	
	
/*ｈ1*/
	
.tt_midiab{
background-image:url(img/tt_hmidi.png);
background-repeat:no-repeat;
width:888px;
height:50px;
margin-bottom:20px;
}	


/*MIDI RIGHT BOX*/

.right_box_midi{
float:right;
background: url('img/detail_bg.png') left top no-repeat;
display: block;
width: 304px;
height:362px;
}

/*ｈ3*/
.tt_midiabh3{
color:#5A2837;
letter-spacing: 0.2em;
font-size: 19px;
font-weight:bold;
font-size: 16px;
margin-bottom:10px;
}


/*ATTENTION*/

.attention{
border:solid 1px #BA9600;
margin:0px 20px;
}

.at_f{
color:#5A2837;
font-size:11px;
padding:10px;
}


/*############# 20110518 MOVIE ##############*/

/*ｈ1*/
	
.tt_movie{
background-image:url(img/tt_movie.png);
background-repeat:no-repeat;
width:888px;
height:50px;
margin-bottom:20px;
}	


/*ムービーの枠*/
	
.tum_det{
background-color:#fff;
padding: 7px;
border: dashed #beaa91 1px;
}

/*############# 20110405 OKUNO ##############*/

.h_main{
background-image:url(img/h_main.png);
background-repeat:no-repeat;
width:888px; height:168px;
margin-bottom:20px;
margin-top:-20px;
}

.banner_m{
background-image:url(img/banner_m.png);
background-repeat:no-repeat;
width:888px; height:260px;
margin-bottom:20px;
}


.h_sinario{
background-image:url(img/h_sinario.png);
background-repeat:no-repeat;
width:888px; height:130px;
margin-bottom:10px;
}

.h_myroom{
background-image:url(img/h_myroom.png);
background-repeat:no-repeat;
width:888px; height:145px;
margin-bottom:10px;
}


.tx_deco{
	color:#553C2D;
	font-size:14px;
	line-height:150%;
	letter-spacing:1px;
}


/*############# 20110615 SPECIAL ##############*/

.tt_spc{
background-image:url(img/tt_spc.png);
background-repeat:no-repeat;
width:358px; height:162px;
}