/* -------------------------------------------------------- */
/*�@�¡”wŒi�@*/
/* -------------------------------------------------------- */
body { background-image: url("common/img/bg/bg1.png"); }

a:link { color : 00FF00;}
a:visited { color : 00C000;}
a:hover { color : 8080FF;}
/* -------------------------------------------------------- */
/*�@�¡ƒŒƒCƒAƒEƒg
URL�Fhttp://homutuku.com/beginner/250.html
*/
/* -------------------------------------------------------- */

*  {
          padding : 0px ;
          margin : 0px ;
}


#site-box {
          width : 960px;
          /*border: 5px solid #FF9900;*/
margin: 0 auto;
}

#top-box {

	    border-radius: 8px;
	    color: #fff;
                   
          width: 960px;
          height: 250px;

		 margin : 20px 0px;


}

#topspace-box {

	    color: #fff;
 	    border-radius: 2px;
                  
          width: 960px;
          height: 4px;

		 margin : 60px 0px;


}
#bottomspace-box {

	    box-shadow: 0 0 0 4px #000000;
	    background-color: #FFFFFF;
	    color: #fff;
 	    border-radius: 2px;
                  
          width: 960px;
          height: 4px;

		 margin : 60px 0px 60px;

		clear: both;

}

#top2-box {
	    background-color: #FFFFFF;
	    border-radius: 8px;
	    box-shadow: 0 0 0 4px #FFFFFF;
	    color: #fff;
                   
          width: 180px;
          height: 46px;

		 margin : 20px 6px;
float: left;

}
#top3-box {

	    background-color: #FFFFFF;
	    border-radius: 8px;
	    box-shadow: 0 0 0 4px #FFFFFF;
	    color: #fff;

/*
    			border-bottom-style: dotted;    
    			border-top-style: dotted;    
*/
                   
          width: 960px;
          height: 24px;

		 margin : 1px 0px;

clear: both;
}


#left-box {

          float: left;
          width: 710px;
          height: 230px; 
		 margin : 20px 0px 20px;

	    border-radius: 8px;
	    color: #fff;
}
#left-box2 {

          float: left;
          width: 230px;
          height: 230px; 
		 margin : 20px 0px 20px;

	    border-radius: 8px;
	    color: #fff;
}

#right-box {

          float: right;
          width: 710px;
          height: 230px; 

		 margin : 20px 0px 20px;

	    border-radius: 8px;
	    color: #fff;
}

#right-box2 {

          float: right;
          width: 230px;
          height: 230px; 

		 margin : 20px 0px 20px;

	    border-radius: 8px;
	    color: #fff;
}


#bottom-box {
		clear: both;
	    background-color: #FFFFFF;
	    border-radius: 8px;
	    box-shadow: 0 0 0 4px #000000;
	    color: #fff;
                   
          width: 960px;
          height: 46px;

		 margin : 20px 0px 10px;

}

h1 {
			font-size: 22px;
			color:#0000FF;

			border-bottom-style: dotted;    
			padding: 10px;
			margin: 5px;

}

h2 {
			font-size: 20px;
			color:#0080FF;

			padding: 10px;
			margin: 5px;
}

h3 {
			font-size: 18px;
			color:#00C0FF;

			padding: 10px;
			margin: 5px;
}




p {
          font-size: 16px;
          margin: 3px 30px;
          color:#000000;
}

new1:after{

		content: "�@�©‚m‚d‚v";
		color: #ff0000;
}

/*------------------------------------*/
/* �¡ƒJƒeƒSƒŠ�iƒŠƒXƒg�j */
ul {
          padding : 10px 5px 10px 30px;
          margin: 5px 0px;

}  

.category {
     border: 2px solid #00c0FF;
     border-radius: 10px;
         font-size: 26px;
          color: #FFFFFF;
          background-color: #0080FF;
          padding: 5px;
          margin: 5px;
}

/*------------------------------------*/
/* �¡ŠpŠÛ */
.sub-menu {
    border: 4px solid #000000;
    border-radius: 6px;
    position: relative;
    height: 100%;
    line-height: 40px;

}