* {
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-style: normal;
	br: clear:both;
	cl: clear:both;

	font-size: 12px;	
	color:#333;

        
}
 	a:link {color: #21216D; text-decoration: underline;}
 	a:hover {background: none;}
 	a:visited {color: #21216D; text-decoration: underline;}

body {
	margin: 0;
	padding: 0;
	width: 100%;
	color : #333333;
	text-align: center;
	background: #fff;
	font-size: 80%;
	line-height:1.5em;
	font-family: Verdana,Osaka,;
	background-image: url(../img/back_sky.jpg);
	background-repeat: repeat-x;
	background-position: center top;
}

#container {
	margin: 0 auto;
	width: 774px;
	text-align:left;	
}
#header {
	margin: 0 auto;
	width: 774px;
	height:101px;
	text-align:left;	
}
#header .rogo {
	width:168px;	
	float:left;
	margin-right:57px;
}
#contents {
	margin:0 auto;
	width:774px;
	height:auto;
	background-image: url(../img/waku2.jpg);
	background-repeat: repeat-y;
}
#contents .hd {
	width:774px;
	height:44px;
	background-image: url(../img/waku1.jpg);
	background-repeat: no-repeat;
}

.f16b_gray {
	font-size: 16px;
	font-weight: bold;
	color: #333;	
}

.f14b_gray {
	font-size: 14px;
	font-weight: bold;
	color: #333;	
}
.f14b_red {
	font-size: 14px;
	font-weight: bold;
	color: #cc0000;	
}
.f14_gray {
	font-size: 14px;
	color: #333;	
}
.f12b_gray {
	font-size: 12px;
	font-weight: bold;
	color: #333;	
}
.f12b {
	font-size: 12px;
	font-weight: bold;
	color: #333;	
}
.f12b_gray {
	font-size: 12px;
	font-weight: bold;
	color: #333;	
}
.f12b_blue {
	font-size: 12px;
	font-weight: bold;
	color: #101464;	
}
.f12_blue {
	font-size: 12px;
	color: #101464;	
}
.f12_red {
	font-size: 12px;
	color: #FF0000;	
}
.f12b_red {
	font-size: 12px;
	font-weight: bold;
	color: #FF0000;	
}

.f12b_green {
	font-size: 12px;
	font-weight: bold;
	color: #339900;	
}
.f11b_red {
	font-size:10px;
	font-weight: bold;
	color:#FF0000;
}

.f10 {
	font-size: 10px;
	color: #333;	
}
.f10_red {
	font-size:10px;
	color:#FF0000;
}
.f10b_gray {
	font-size:10px;
	color:#333;
	font-weight:bold;
}
.f10b_red {
	font-size:10px;
	color:#FF0000;
	font-weight:bold;
}
.f10b_blue {
	font-size:10px;
	color:#35357B;
	font-weight:bold;
}
/* logout --------------------------------------------- */
#member {
	float:left;
	width: 549px;
	height: 104px;
}
#member .tagline {
	padding-top:6px;
	font-size:10px;
	text-align:right;
	color: #FFFFFF;
	letter-spacing:1px;
}
#member .hd_txt_login1 {
	width:70px;
	height:63px;
	float:left;
	margin:14px 5px 0 0;
	background:url(../img/hd_txt_login1.gif) no-repeat;
}

#member .formBox {
	float:left;
	margin:-1px 0 0 5px;
}
#member .login_msg {
	font-size:10px;
	font-weight:bold;
	line-height:18px;
}
#member .form1 {
	font-size:10px;
	letter-spacing:1px;
	margin-bottom:2px;
}
#member .form2 {
	font-size:10px;
	letter-spacing:1px;
	margin-left:18px;
	margin-bottom:2px;
}
#member .form3 {
	font-size:10px;
	letter-spacing:1px;
	margin-left:13px;
	margin-bottom:2px;
}

#member	a:link {font-size:10px; color: #333; text-decoration: underline;}
#member	a:hover {font-size:10px; background: none;}
#member	a:visited {font-size:10px; color: #333; text-decoration: underline;}


#member .Btn {
	float:left;
	margin:12px 0 0 10px;
}
#member a.loginBtn {
	width:160px;
	height:27px;
	display:block;
	background: url(../img/btn_login1.gif) no-repeat;
	text-indent:-2000px;
}
#member a.loginBtn:hover {
	width:160px;
	height:27px;
	display:block;
	background: url(../img/btn_login2.gif) no-repeat;
	text-indent:-2000px;
}
#member a.joinBtn {
	margin-top:3px;
	width:160px;
	height:23px;
	display:block;
	background: url(../img/btn_join1.gif) no-repeat;
	text-indent:-2000px;
}
#member a.joinBtn:hover {
	margin-top:3px;
	width:160px;
	height:23px;
	display:block;
	background: url(../img/btn_join2.gif) no-repeat;
	text-indent:-2000px;
}

.link_nomal {
	font-size:10px;
	letter-spacing:0px;
	padding-left:10px;
	background-image: url(../img/flag.gif);
	background-repeat: no-repeat;
	background-position: 3px 3px;
}
.link_beginner {
	font-size:10px;
	letter-spacing:0px;
	padding-left:15px;
	background-image: url(../img/flag_beginner.gif);
	background-repeat: no-repeat;
	background-position: 2px 0px;
}
.link_qa {
	font-size:10px;
	letter-spacing:0px;
	margin-left:15px;
	padding-left:15px;
	background-image: url(../img/flag_qa.gif);
	background-repeat: no-repeat;
	background-position: 2px 0px;
}
#member .link {
	margin-top:2px;
}

/* login ----------------------------------- */
#member2 {
	float:right;


}
#member2 .hd_txt_login2 {
	width:70px;
	height:63px;
	float:left;
	margin:14px 5px 0 0;
	background:url(../img/hd_txt_login2.gif) no-repeat;
}
#member2 .tagline {
	padding-top:6px;
	font-size:10px;
	text-align:right;
	color: #FFFFFF;
	letter-spacing:1px;
}
#member2 #login {

	margin-top:3px;

	float:left;
}
#member2 .ue {

}

#member2 #login01 {
	width:151px;
	height:50px;
	float:left;
	padding:0px 0 0 0px;
	margin-top:10px;
}
#member2 #login01 .txt{
	font-size:10px;
	font-weight:bold;
	line-height:22px;

}

#member2 #login02 {	
	width:224px;
	height:49px;
	float:left;
	margin-top:10px;
}

#member2 #login02 a.mail {
	float:left;
	line-height:20px;
	font-size:10px;
	letter-spacing:0px;
	padding:0 0 0px 16px;
	background: url(../img/icon_mail.gif) no-repeat 0px 5px;
}
#member2 #login02 a.logout {
	float:left;
	text-indent:-2000px;
	margin-left:32px;
	width:87px;
	height:22px;
	background: url(../img/btn_logout1.gif) no-repeat;
}
#member2 #login02 a:hover.logout {
	float:left;
	text-indent:-2000px;
	margin-left:32px;
	width:87px;
	height:22px;
	background: url(../img/btn_logout2.gif) no-repeat;
}

#member2 #login02 a.tsucho {
	float:left;
	text-indent:-2000px;
	margin-top:2px;
	width:101px;
	height:21px;
	background: url(../img/btn_tsucho1.gif) no-repeat;
}
#member2 #login02 a:hover.tsucho {
	float:left;
	text-indent:-2000px;
	margin-top:2px;
	width:101px;
	height:21px;
	background: url(../img/btn_tsucho2.gif) no-repeat;
}
#member2 #login02 a.msbox {
	float:left;
	text-indent:-2000px;
	margin-top:2px;
	margin-left:8px;
	width:113px;
	height:21px;
	background: url(../img/btn_msg1.gif) no-repeat;
}
#member2 #login02 a:hover.msbox {
	float:left;
	text-indent:-2000px;
	margin-left:6px;
	margin-top:2px;
	width:113px;
	height:21px;
	background: url(../img/btn_msg2.gif) no-repeat;
}


#member2 #login03 {
	clear:both;
	width:375px;
	height:17px;
	margin-right:7px;
	padding-top3px;
	text-align:right;
}

#member2 #login03 ul {

}

#member2 #login03 li {
	display:inline;	
}
#member2 #login03 a.flag {
	font-size:10px;
	margin-left:15px;
	padding-left:7px;
	background: url(../img/flag.gif) no-repeat 0 3px;
}
#member2 #login03 a.bigginer {
	margin-left:15px;
	font-size:10px;
	letter-spacing:0px;
	padding-left:15px;
	background: url(../img/flag_beginner.gif) no-repeat 2px 0;
}
#member2 #login03 a.qa {
	font-size:10px;
	margin-left:15px;
	padding-left:15px;
	background: url(../img/flag_qa.gif) no-repeat 2px 0;
}




/* navigation --------------------------------------------- */
#navigation {
	clear:both;
	width:774px;
	height:25px;
	margin:-2px auto 0 auto;

}
#navigation ul {
	padding-left:10px;
}
#navigation li {
	list-style-type:none;
	display : inline; 
}
#navigation a.navi1 {
	float:left;
	width:125px;
	height:25px;
	display:block;
	background: url(../img/btn_navi1_1.jpg) no-repeat;
	text-indent:-2000px;	
}
#navigation a.navi1:hover {
	width:125px;
	height:25px;
	display:block;
	background: url(../img/btn_navi1_2.jpg) no-repeat;
	text-indent:-2000px;	
}
#navigation .navi1_select {
	float:left;
	width:125px;
	height:25px;
	display:block;
	background: url(../img/btn_navi1_2.jpg) no-repeat;
	text-indent:-2000px;	
}
#navigation a.navi2 {
	float:left;
	width:126px;
	height:25px;
	display:block;
	background: url(../img/btn_navi2_1.jpg) no-repeat;
	text-indent:-2000px;	
}
#navigation a.navi2:hover {
	width:126px;
	height:25px;
	display:block;
	background: url(../img/btn_navi2_2.jpg) no-repeat;
	text-indent:-2000px;	
}
#navigation .navi2_select {
	float:left;
	width:126px;
	height:25px;
	display:block;
	background: url(../img/btn_navi2_2.jpg) no-repeat;
	text-indent:-2000px;	
}
#navigation a.navi3 {
	float:left;
	width:126px;
	height:25px;
	display:block;
	background: url(../img/btn_navi3_1.jpg) no-repeat;
	text-indent:-2000px;	
}
#navigation a.navi3:hover {
	width:126px;
	height:25px;
	display:block;
	background: url(../img/btn_navi3_2.jpg) no-repeat;
	text-indent:-2000px;	
}
#navigation .navi3_select {
	float:left;
	width:126px;
	height:25px;
	display:block;
	background: url(../img/btn_navi3_2.jpg) no-repeat;
	text-indent:-2000px;	
}
#navigation a.navi4 {
	float:left;
	width:126px;
	height:25px;
	display:block;
	background: url(../img/btn_navi4_1.jpg) no-repeat;
	text-indent:-2000px;	
}
#navigation a.navi4:hover {
	width:126px;
	height:25px;
	display:block;
	background: url(../img/btn_navi4_2.jpg) no-repeat;
	text-indent:-2000px;	
}
#navigation .navi4_select {
	float:left;
	width:126px;
	height:25px;
	display:block;
	background: url(../img/btn_navi4_2.jpg) no-repeat;
	text-indent:-2000px;	
}
#navigation a.navi5 {
	float:left;
	width:126px;
	height:25px;
	display:block;
	background: url(../img/btn_navi5_1.jpg) no-repeat;
	text-indent:-2000px;	
}
#navigation a.navi5:hover {
	width:126px;
	height:25px;
	display:block;
	background: url(../img/btn_navi5_2.jpg) no-repeat;
	text-indent:-2000px;	
}
#navigation .navi5_select {
	float:left;
	width:126px;
	height:25px;
	display:block;
	background: url(../img/btn_navi5_2.jpg) no-repeat;
	text-indent:-2000px;	
}
#navigation a.navi6 {
	float:left;
	width:126px;
	height:25px;
	display:block;
	background: url(../img/btn_navi6_1.jpg) no-repeat;
	text-indent:-2000px;	
}
#navigation a.navi6:hover {
	width:126px;
	height:25px;
	display:block;
	background: url(../img/btn_navi6_2.jpg) no-repeat;
	text-indent:-2000px;	
}
#navigation .navi6_select {
	float:left;
	width:126px;
	height:25px;
	display:block;
	background: url(../img/btn_navi6_2.jpg) no-repeat;
	text-indent:-2000px;	
}


#main {
	margin:0 auto;
	height:auto;
}

#main .pr {
	text-align:center;
	padding-top:15px;
}
/* footer ------------------------------ */

#footer {
	clear:both;
	margin:0  auto;
	width:774px;
	padding-top:30px;
	text-align: center;
	background-image: url(../img/waku3.jpg);
	background-repeat: no-repeat;
}
#footer a, #footer a:link, #footer a:hover, #footer a:visited {
	color: #333333;
	font-size: 10px;
}

#footer .footer-navi {	
	margin:0 auto;
	width:726px;
	padding-bottom:3px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #323369;
}
#footer .footer-navi ul {
	display: inline;
	border-right: 1px solid #333;
	padding-right: 5px;
}
#footer .footer-navi li {
	display: inline;
	border-left: 1px solid #333;
	padding: 0px 0px 0px 6px;
	margin-bottom:5px;	
}
#footer p {
	font-size:9px;
	color:#666;
	height:30px;
	margin-top: 0px;
	padding: 7px 0;
	letter-spacing: 1px;
}

#formtable {
	margin:0 auto;
	width:600px;
	border: 1px solid #D1D1E5;
	background-color: #FFFFFF;
}
#formtable th {
	text-align:center;
	height:22px;
	color:#fff;
	font-weight:bold;
	background-color: #4C5080;
}
#formtable .cell_item {
	padding:10px;
	font-weight:bold;
	background-color: #D5D5E6;
}
#formtable .cell_form {
	padding:10px;
	background-color: #EEEEEE;
}

#box {
	margin:30px auto 0;
	width:628px;

	background-color:#EFEFF4;
	border: 1px solid #D3D4E0;
}
#box .waku {
	padding:10px 20px;
	background-color:#EFEFF4;
	border: 1px solid #D3D4E0;
	line-height:18px;
}
/* search --------------------------- */
#form {
	margin: 0;
	padding: 0;
	}
		#form #textarea {
			width:248px;
			vertical-align:top;
			padding: 0;
			}
html:not(:only-child:only-child) #form #textarea {
padding: 2px;
}
html:not(:only-child:only-child) #form table {
padding: 10px 0;
}
input:focus {
	background-color: #ffffcc;
	}
		#form table td {
			margin: 0;
			padding: 0;
			}
#form table td a {
font-size:11px;
			}
#form table td a:hover {
text-decoration:none;
			}