*{margin:0; padding:0;}
body{ width:900px; margin:0 auto; background-image: url(img/bg.jpg);}
h1 {
	font-size:12px;
	letter-spacing:1px;
	padding:10px 10px 5px 0;
	color:#CC3300;
}
h2{

	position:relative;
	padding:5px 20px;
	font:bold 28px/1.6 Arial, Helvetica, sans-serif;
	color:#333;
	background:#fff;
	text-shadow:
		1px 1px 0 #fff,
		2px 2px 0 #999;
	border:#CC6699 solid 3px;

    background-image: -webkit-gradient(linear, left top, right bottom,
			from(			rgba(255, 255, 255, 0.0)), 
			color-stop(0.4, rgba(255, 255, 255, 0.0)), 
			color-stop(0.4, rgba(0, 0, 0, 0.1)), 
			color-stop(0.6, rgba(0, 0, 0, 0.1)), 
			color-stop(0.6, rgba(255, 255, 255, 0.0)),
			to(				rgba(255, 255, 255, 0.0))
			);
	background-image: -webkit-linear-gradient(top -45deg,
			transparent 40%,
            rgba(0, 0, 0, 0.1) 40%,
            rgba(0, 0, 0, 0.1) 60%,
            transparent 60%
			);
	background-image: -moz-linear-gradient(top -45deg,
			transparent 40%,
            rgba(0, 0, 0, 0.1) 40%,
            rgba(0, 0, 0, 0.1) 60%,
            transparent 60%
			);
	background-image: -o-linear-gradient(top -45deg,
			transparent 40%,
            rgba(0, 0, 0, 0.1) 40%,
            rgba(0, 0, 0, 0.1) 60%,
            transparent 60%
			);
	background-image: linear-gradient(to bottom -45deg,
			transparent 40%,
            rgba(0, 0, 0, 0.1) 40%,
            rgba(0, 0, 0, 0.1) 60%,
            transparent 60%
			);
	background-size:4px 4px;
	margin:20px 0;
}
h2:before{
	content:" ";
	position:absolute;
	top:100%;
	left:24px;
	width:0;
	height:0;
	border-width:12px;
	border-style:solid;
	border-color:transparent;
	border-top-color:#CC6699;
}
h2:after{
	content:" ";
	position:absolute;
	top:100%;
	left:28px;
	width:0;
	height:0;
	border-width:8px;
	border-style:solid;
	border-color:transparent;
	border-top-color:#f0f0f0;
	z-index:1;
}


h3{
	padding:5px 0 5px 5px;
	margin:5px 0 10px 0;
	color:#003366;
	border-style:solid;
    border-width:0px;
    border-left-width:10px;
    border-color: #333399;
}
ol{
	font-weight:bold;
	color:#CC0000;
	padding:5px;
	margin-left:25px;
	line-height:25px;
	letter-spacing:1px;
	}
#con{
	width:900px;
	background-color:#FFFFFF;
	border:2px solid #990099;
	margin:0 auto;
	}
#head{
	width:100%;
	text-align:right;
	padding:5px;
	}

#tittle{
	width:900px;
	
	margin:0px auto;
	}

#menu{
width:190px;
	float:left;
	margin:0 auto;
	text-align:center;


	}
	
#menu a{
	text-decoration:none;
	color:#CC3300;
	padding:10px;
	}
	
#menu a:hover{
color:#9900CC
}


#menu li{
	list-style:none;
	line-height:2em;
	text-decoration:none;
	font-size:16px;
	font-weight:bold;
		color:#990099;
	}
#text{
	width:680px;
	padding:10px;
	float:right;
	border-left:2px solid #FF3366;
	background-color:#F4EAF3;
	}
	
#text p{
	line-height:20px;
	letter-spacing:1px;
	}
#foot{
	width:904px;
	clear:both;
	background-color:#CC9999;
	text-align:center;
	}
	
.b-link{
padding:20px;
color:#9966CC;
text-align:right;
font-size:12px;
line-height:18px;
}

.b-link a{
color:#990066
}


.cl {clear:both;}

.copy {	font-size:80%;
	font-weight:bold;
	color:#666666;
}
#RESULT {
	padding-left: 10px;
	padding-right: 10px;
	}
#ADD_MAIN {
	width: 500px;
	margin-left: auto;
	margin-right: auto;
}
#ADD_MAIN td {
	padding: 5px;
}
.kate{
	margin:20px 0;
	border-bottom:1px dashed #0000FF;
	padding:10px;
	line-height:1.8em;
	}
.kate li{
	display:inline;
	}

.daikate{
	font-size:16px;
	font-weight:bold;
	}
	
select {width: 200px;}