@charset "utf-8";
/* CSS Document */
img { border:0;}
body { background-color: #FFFFFF; margin: 0 0 0 0; }
#wrapper{ text-align: left; margin: 0 auto; width: 770px; }
#content { float:left; width:770px; }
.userInfoR { width: 500px; margin-top: 12px; line-height: 22px; }
.userInfoR2 { width: 550px; margin-top: 12px; line-height: 22px; }
.userInfoThreeR { width: 400px; text-align: left; margin-top: 12px; line-height: 22px; }
.userInfoTextareaR { width: 383px; text-align: left; margin-top: 12px; line-height: 22px; }

.textareaWidth223 { width: 223px; height:64px; font-size:14px;}
.userInfoR1 {width: 430px; margin-top: 12px; line-height: 22px; }
.userInfoR1 {width: 500px; margin-top: 12px; line-height: 22px; }

.fredb {font-weight:bold; color:#ff0000;}
.fredb2 {font-weight:bold; color:#cc0000;}
.fredb4 {color:#cc0000;}
.fredb3 { font-size:14px; font-weight:bold; color:#ff0000;}

.tsk {border:1px solid #ccc; padding:10px;}

/*main content list*/

.textareaWidth223 { width: 223px; height:64px; font-size:14px;}
.userInfoR1 {width: 430px; margin-top: 12px; line-height: 22px; }
.userInfoR1 {width: 500px; margin-top: 12px; line-height: 22px; }


.d01 {width:770px; height:53px; position:relative;}
.d02 {
	width:768px;
	border:1px solid #F69D03;
	background-image:url(img/bg02.jpg);
	background-position:top;
	background-repeat:repeat-x;
}
.q30{
	margin:25px 10px 14px 20px;
    background:url(img/bg_z1.gif) no-repeat right 50px;
	*background-position: right 73px;
	
}
.q31{
	margin:25px 20px 14px 20px;
    background:url(img/bg_z.gif) no-repeat right 50px;
	*background-position: right 85px;
}
.d03 {
	width:768px;
	border:1px solid #1997E3;
	background:url(img/bg020.jpg) top repeat-x;
}
.d04 {
	width:768px;
	border:1px solid #00cc00;
	background-image:url(img/bg0200.gif);
	background-position:top;
	background-repeat:repeat-x;
}
.slowly99{
	margin:25px 10px 14px 20px;
	background:url(img/bg_z2.gif) no-repeat right 50px;
	*background-position: right 73px;
}

.userInfo {	width:718px; margin:0; padding:0; height: auto;	padding:5px;}
.userInfo ul { margin: 0px; padding: 0px; clear: both; list-style-type: none; }
.userInfo li { float: left; display: block; }
.userInfo li img{ vertical-align: text-bottom;}
.userInfoL {
	width: 150px;
	text-align: right;
	margin-right: 12px;
	margin-top: 12px;
	line-height: 25px;
}
.userInfoR { width: 330px; margin-top: 12px; line-height: 25px; }
.userInfoThreeM { width: 167px; text-align: left; margin-top: 12px; line-height: 25px; }
.userInfoTextareaM { width: 235px; text-align: left; margin-top: 12px; height: 90px; }

.a {
	padding-left:35px;
	margin-bottom:15px;
	font-size:14px;
}
.b {padding-left:6px;}

input{ height:expression((this.type=="radio")?"23px":"")} 
input{ width:expression((this.type=="radio")?"23px":"")} 
input.ButtonFourNext { background: url(img/four_next.gif) no-repeat; width: 146px; height: 31px; border: none; font-weight: bold; letter-spacing: 1px; cursor: pointer; vertical-align: middle; padding-top:1px; padding-left: 16px; font-size: 14px; text-align: center; }
.on_1{position:absolute; margin-top:2px; left:10px; background-image:url(img/on_01.gif); width:246px; height:68px; cursor:pointer;}
.off_1{position:absolute; margin-top:6px; left:10px; background-image:url(img/off_0.gif); width:246px; height:47px; cursor:pointer;}
.on_2{position:absolute; margin-top:2px; left:265px; background-image:url(img/on_yh.gif); width:246px; height:68px; top: -1px; cursor:pointer;}
.off_2{position:absolute; margin-top:9px;left:265px;background-image:url(img/off_yh.gif);width:246px;height:47px; top: -3px; cursor:pointer;}
.off_3{position:absolute; margin-top:6px; left:520px; background-image:url(img/off_01.gif); width:246px; height:47px; cursor:pointer;}
.on_3{position:absolute; margin-top:2px; left:520px; background-image:url(img/on_02.gif); width:246px; height:68px; cursor:pointer;}