@charset "shift_JIS";

*{
	margin:0;
	padding:0;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size:12px;
	line-height:1.5em;
	color:#333333;
	}

img{
	border:0;
	}
	
body{
	background:url(http://takaharakenchiku.com/images/back.jpg) repeat-x 0 0 #FFFFFF;
	}
	
	
#top{
	width:800px;
	height:27px;
	background:url(http://takaharakenchiku.com/images/top.jpg) no-repeat 0 0;
	color:#009900;
	padding:12px 0 0 20px;
	}
	
#wrapper{
	width:820px;
	margin:25px auto 0;
	background:#FFFFFF;
	}
	
#header{
	width:820px;
	height:112px;
	position:relative;
	}
	
#header h1{
	width:229px;
	height:60px;
	position:absolute;
	background:url(http://takaharakenchiku.com/images/rogo.jpg) no-repeat 0 0;
	left: 20px;
	top: 23px;
	}
	
#header h1 a{
	width:229px;
	height:60px;
	text-indent:-9999px;
	display:block;
	}
	
#tel{
	width:192px;
	height:47px;
	text-indent:-9999px;
	background:url(http://takaharakenchiku.com/images/tel.jpg) no-repeat 0 0;
	position:absolute;
	left: 618px;
	top: 30px;
	display:block;
	}

#flash{
	width:800px;
	height:300px;
	margin:0 0 10px 10px;
	}
	
#menu{
	width:769px;
	height:25px;
	background:url(http://takaharakenchiku.com/images/menu_back.jpg) no-repeat 0 0;
	padding:11px 0 0 35px;
	margin:0 0 10px 8px
	}
	
#menu li{
	height:14px;
	list-style:none;
	float:left;
	}
	
#m1 a{
	width:44px;
	height:14px;
	background:url(http://takaharakenchiku.com/images/menu1.jpg) no-repeat 0 0;
	display:block;
	text-indent:-9999px
	}
	
	
#m2 a{
	width:69px;
	height:14px;
	background:url(http://takaharakenchiku.com/images/menu1.jpg) no-repeat -44px 0;
	display:block;
	text-indent:-9999px
	}
	
#m3 a{
	width:83px;
	height:14px;
	background:url(http://takaharakenchiku.com/images/menu1.jpg) no-repeat -113px 0;
	display:block;
	text-indent:-9999px
	}
	
#m4 a{
	width:84px;
	height:14px;
	background:url(http://takaharakenchiku.com/images/menu1.jpg) no-repeat -196px 0;
	display:block;
	text-indent:-9999px
	}
	
#left{
	width:200px;
	float:left;
	padding:10px 0 0;
	display:inline;
	}
	
li.left_menu {
	display: inline;
	}
	
#left ul{
	margin:0 0 60px;
	}


.left_menu a,.left_menu a:link,.left_menu a:visited{
	width:175px;
	height:24px;
	display:block;
	text-decoration:none;
	background:url(http://takaharakenchiku.com/images/menu2_1.jpg) no-repeat 0 0;
	padding:5px 0 0 25px;
	list-style:none;
	}

.left_menu a:hover,.left_menu a:active{
	width:175px;
	height:24px;
	display:block;
	background:url(http://takaharakenchiku.com/images/menu2_2.jpg) no-repeat 0 0;
	text-decoration:none;
	padding:5px 0 0 25px;
	list-style:none;
	}
	
.left_box{
	border:#CCCCCC 1px solid;
	background:#FFFFFF;
	width:184px;
	padding:4px 0px 4px 4px;
	margin:0 0 10px 5px;
	}


#right{
	width:590px;
	padding:0 10px 0 0;
	float:right;
	display: inline;
	}
	
#topics{
	background:#EDEDED;
	width:590px;
	}
	
#top_box2{
	width:330px;
	background:#EDEDED;
	}
	
#right_box1{
	width:340px;
	float:left;
	display:inline;
	}
	
#concept{
	width:310px;
	border:#CCCCCC 1px solid;
	background:url(http://takaharakenchiku.com/images/box_back.jpg) 0 0;
	padding:9px;
	}
	
#concept_box{
	width:288px;
	background:#FFFFFF url(http://takaharakenchiku.com/images/i_3.jpg) right top no-repeat;
	border:#CCCCCC 1px solid;
	padding:10px 0 0 20px;
	}
	
#right_box2{
	width:250px;
	float:left;
	display:inline;
	}
	
#news{
	width:212px;
	background:#EDEDED;
	padding:19px;
	}
		
	
#news ul{
	width:200px;
	}
	
#news ul li{
	list-style:none;
	margin:0 0 8px 0;
	}

#m5 a,#m5 a:link,#m5 a:visited{
	width:210px;
	height:63px;
	display:block;
	background:url(http://takaharakenchiku.com/images/b_3.jpg) no-repeat 0 0;
	text-indent:-9999px;
	}

#m5 a:hover,#m5 a:active{
	width:210px;
	height:63px;
	display:block;
	background:url(http://takaharakenchiku.com/images/b_3_2.jpg) no-repeat 0 0;
	text-indent:-9999px;
	}

#m6 a,#m6 a:link,#m6 a:visited{
	width:210px;
	height:63px;
	display:block;
	background:url(http://takaharakenchiku.com/images/b_4.jpg) no-repeat 0 0;
	text-indent:-9999px;
	}

#m6 a:hover,#m6 a:active{
	width:210px;
	height:63px;
	display:block;
	background:url(http://takaharakenchiku.com/images/b_4_2.jpg) no-repeat 0 0;
	text-indent:-9999px;
	}
	
#m7 a,#m7 a:link,#m7 a:visited{
	width:210px;
	height:63px;
	display:block;
	background:url(http://takaharakenchiku.com/images/b_5.jpg) no-repeat 0 0;
	text-indent:-9999px;
	}

#m7 a:hover,#m7 a:active{
	width:210px;
	height:63px;
	display:block;
	background:url(http://takaharakenchiku.com/images/b_5_2.jpg) no-repeat 0 0;
	text-indent:-9999px;
	}
	
.footer {
	width:794px;
	height:26px;
	background:url(http://takaharakenchiku.com/images/footer.jpg) no-repeat 0 0;
	margin:0 0 0 10px;
	text-align:right;
	padding:10px 10px 0 0;
	clear:both;
	}	
	
.clear {
	clear:both;
	height:0;
	padding:0;
	margin:0;
	}	

#top_img{
	width:800px;
	height:151px;
	margin:0 0 10px 10px;
	border-bottom:#999999 1px solid;
	}
	
#main{
	width:810px;
	background:url(http://takaharakenchiku.com/images/main.jpg) repeat-y 0 0;
	margin:0 0 10px;
	padding:0 0 0 10px;
	}
	
.sub_naka{
	background:#EDEDED;
	width:570px;
	padding:10px 0 10px 20px;
	}
	
#right2{
	width:590px;
	padding:0 10px 0 0;
	float:right;
	display: inline;
	}
	
#contact{
	width:530px;
	background:#FFFFFF;
	border:#999999 1px solid;
	padding:10px;
	margin:0 0 10px;
	}
	
#piano{
background:url(http://takaharakenchiku.com/images/i_7.jpg) no-repeat 0 0;
width:540px;
 padding:45px 0 0 10px;
 }
	

.tree ul {   
    padding:0;   
    margin:0;   
    background-position: -9px 15px;    
    background-image: url('images/ul.gif');    
    background-repeat: repeat-y   
}   
.tree li {   
    font-size: 1em;   
    font-weight:bold;   
    margin: 0px;    
    padding: 3px 0 3px 24px;    
    list-style-type: none;   
}   
.tree li a {   
    text-decoration:none;   
color:#000;   
}   
.tree li a:hover {   
    text-decoration:underline;   
}   
.tree ul ul {   
    background-position: -1px 15px;   
    background-image: url('images/ul.gif');    
    background-repeat: repeat-y;   
}   
.tree ul li {   
    background-position: 0px 7px;    
    background-image: url('images/li.gif');    
    background-repeat: no-repeat;   
}   
.tree ul li a {   
    font-weight:bold;   
    text-decoration:underline;   
}   
.tree ul li a:hover {   
    text-decoration:none;   
}   
.tree ul ul li {   
    background-position: 8px 7px;   
    background-image: url('images/li.gif');    
    background-repeat: no-repeat;      
}   
.tree ul ul li a {   
    background-position: 0px 7px;    
    font-size:1em;   
    color:#666;   
    text-decoration:none;   
}   
.tree ul ul ul li a {   
    background-position: 0px 7px;    
    font-size:0.8em;   
    color:#999;   
    text-decoration:none;   
}   
