/* common */
	body			{ background-color: #66FFCC;  margin: 0px;  padding: 0px; }
	hr				{ width: 740px;  border: 2px dashed #000080;  margin: 10px auto; }
	.title_gif		{ display: block;  text-indent: -9999px;  width: 270px;  height:  60px;  margin: auto;  background-image: url('./image/title.gif'); }
	.center			{ text-align: center; }
	.new			{ color: red; }

	/* form */
	form			{ display: inline; }
	.password		{ width: 100px;  height: 18px;  border: 1px solid #666666;  font-size: 13px;  background-color: #EEEEEE; }
	.select			{ width:  auto;  height: 18px;  border: 1px solid #666666;  font-size: 13px;  background-color: #EEEEEE; }
	.text			{ width: 200px;  height: 18px;  border: 1px solid #666666;  font-size: 13px;  background-color: #EEEEEE; }
	.readonly_text	{ width: 200px;  height: 18px;  border: 1px solid #666666;  font-size: 13px;  background-color: #CCCCCC;  color: #666666; }
	.file			{ width: 400px;  height: 18px;  border: 1px solid #666666;  font-size: 13px;  background-color: #EEEEEE; }
	.id				{ width:  80px;  height: 18px;  border: 1px solid #666666;  font-size: 13px;  background-color: #EEEEEE; }
	.pass			{ width:  80px;  height: 18px;  border: 1px solid #666666;  font-size: 13px;  background-color: #EEEEEE; }
	#id				{ background-image: url('./image/id.gif'); }
	#pass			{ background-image: url('./image/pass.gif'); }
	#id2			{  }
	#pass2			{  }
	.checkbox		{ border: 1px solid #666666;  background-color: #EEEEEE; }
	.radio			{ border: 1px solid #666666;  background-color: #EEEEEE; }
	.submit			{ width:  auto;  height: 18px;  border: 1px solid #666666;  font-size: 13px;  background-color: #EEEEEE; }
	.submit2		{ width:  70px;  height: 50px;  border: 1px solid #666666;  font-size: 13px;  background-color: #CCCCCC; }
	.textarea		{ width: 400px;  height: 150px;  border: 1px solid #666666;  font-size: 13px;  background-color: #EEEEEE; }

	/* entrance.html */
	.entrance		{ margin: 10px;  padding: 10px; }
	.top_img		{ width: 500px;  height: 500px;  margin: auto;  background-image: url('./image/top.png');  display: block; }

	/* menu */
	.dsg			{ display: block;  width: 171px;  height: 46px;  text-indent: -9999px;  cursor: hand;  background-image: url('./image/dsg.png'); }
	.dsm			{ display: block;  width: 171px;  height: 46px;  text-indent: -9999px;  cursor: hand;  background-image: url('./image/dsm.png'); }
	.bbs2			{ display: block;  width: 171px;  height: 46px;  text-indent: -9999px;  cursor: hand;  background-image: url('./image/bbs2.png'); }
	.bbs			{ display: block;  width: 171px;  height: 46px;  text-indent: -9999px;  cursor: hand;  background-image: url('./image/bbs.png'); }
	.profile		{ display: block;  width: 171px;  height: 46px;  text-indent: -9999px;  cursor: hand;  background-image: url('./image/profile.png'); }
	.enquete		{ display: block;  width: 171px;  height: 46px;  text-indent: -9999px;  cursor: hand;  background-image: url('./image/enquete.png'); }
	.link			{ display: block;  width: 171px;  height: 46px;  text-indent: -9999px;  cursor: hand;  background-image: url('./image/link.png'); }
	.user			{ display: block;  width: 171px;  height: 46px;  text-indent: -9999px;  cursor: hand;  background-image: url('./image/user.png'); }
	.entry			{ display: block;  width: 171px;  height: 46px;  text-indent: -9999px;  cursor: hand;  background-image: url('./image/entry.png'); }
	.user			{ display: block;  width: 171px;  height: 46px;  text-indent: -9999px;  cursor: hand;  background-image: url('./image/user.png'); }
	.login			{ display: block;  width: 171px;  height: 46px;  text-indent: -9999px;  cursor: hand;  background-image: url('./image/login.png'); }
	.logout			{ display: block;  width: 171px;  height: 46px;  text-indent: -9999px;  cursor: hand;  background-image: url('./image/logout.png'); }
	.menu			{ font-size: 13px; }
	#dsg			{ display: none; }
	#dsm			{ display: none; }
	#bbs2			{ display: none; }
	#bbs			{ display: none; }
	#profile		{ display: none; }
	#enquete		{ display: none; }
	#link			{ display: none; }
	#user			{ display: none; }
	#lgo			{ display: none; }

	/* each */
	.dsg_cgi		{ margin: 15px auto;  width: 270px;  height: 60px;  text-indent: -9999px;  background-image: url('./image/dsg_cgi.gif'); }
	.dsm_cgi		{ margin: 15px auto;  width: 270px;  height: 60px;  text-indent: -9999px;  background-image: url('./image/dsm_cgi.gif'); }
	.bbs2_cgi		{ margin: 15px auto;  width: 270px;  height: 60px;  text-indent: -9999px;  background-image: url('./image/bbs2_cgi.gif'); }
	.bbs_cgi		{ margin: 15px auto;  width: 270px;  height: 60px;  text-indent: -9999px;  background-image: url('./image/bbs_cgi.gif'); }
	.profile_cgi	{ margin: 15px auto;  width: 270px;  height: 60px;  text-indent: -9999px;  background-image: url('./image/profile_cgi.gif'); }
	.enquete_cgi	{ margin: 15px auto;  width: 270px;  height: 60px;  text-indent: -9999px;  background-image: url('./image/enquete_cgi.gif'); }
	.link_cgi		{ margin: 15px auto;  width: 270px;  height: 60px;  text-indent: -9999px;  background-image: url('./image/link_cgi.gif'); }
	.user_cgi		{ margin: 15px auto;  width: 270px;  height: 60px;  text-indent: -9999px;  background-image: url('./image/user_cgi.gif'); }
	.entry_cgi		{ margin: 15px auto;  width: 270px;  height: 60px;  text-indent: -9999px;  background-image: url('./image/entry_cgi.gif'); }


.left			{ width: 220px;  position: absolute;  top: 0px;  left: 0px;  overflow-y: scroll;  background-color: #66FFCC;  padding: 20px 0px; }
.left2			{ padding: 10px; }
.right			{ margin-left: 210px;  overflow: auto;  padding: 20px 0px 20px;  background: url('./image/back.jpg') top left no-repeat fixed; }

/*.left			{ width: 190px;  position: absolute;  top: 0px;  left: 0px;  overflow-y: scroll;  background-color: #66FFCC;  padding: 20px 10px; }	*/
/*.right			{ margin-left: 210px;  overflow: auto;  padding: 20px 0px 20px;  background: url('./image/back.jpg') top left no-repeat fixed; }	*/
/*.right		{ margin-left: 200px;  overflow: auto;  padding: 20px 0px 20px;  background: url('./image/back2.jpg') bottom right no-repeat fixed;  index: 1; }*/

.site_header	{ background-color: #CCCCCC; }
.sub			{ background-color: #EEEEEE;  margin-bottom: 10px; }
.sub_title		{ border-left: 10px solid #008000;  border-bottom: 1px solid #008000;  padding-left: 3px; }
.sub_sub_title	{ border-left: 10px solid #808080;  padding-left: 3px; }
.indent			{ margin: 3px 0px 10px 10px; }

.boxheader	{ width: 700px;  height: 10px;  background: url('./image/bg.gif') no-repeat;  margin: auto; }
.boxtitle	{ width: 690px;  background-color: #33CC99;  padding: 0px 0px 5px 10px;  color: #EEFFEE;  margin: auto;  font-weight: bold; }
.rightmenu	{ float: right;  padding-right: 10px;  font-weight: normal; }
.boxfooter	{ width: 700px;  height: 10px;  background: url('./image/bg.gif') no-repeat 0px -10px;  margin: auto; }

.boxtable	{ width: 700px;  border-collapse: collapse;  margin: auto; }
.boxbody	{ width: 674px;  background: url('./image/box.gif');  padding: 3px 13px;  margin: auto; }
.boxline	{ width: 700px;  background: url('./image/hline.gif') repeat-x;  height: 8px; }
.boxicon	{ width: 123px;  background: url('./image/vline.gif');  text-align: center;  padding: 3px 3px 3px 13px; }
.boxcomment	{ width: 560px;  background: url('./image/box.gif') right;  padding: 3px 13px 3px 3px; }
.boxleft	{ width: 350px;  background: url('./image/box.gif');  padding: 3px 3px 3px 13px; }
.boxright	{ width: 350px;  background: url('./image/box.gif') right;  padding: 3px 13px 3px 3px; }
.boxiconlist{ background-color: #EEFFEE;  text-align: center;  padding-bottom: 10px; }
.boxjump	{ background-color: #33CC99;  color: #EEFFEE;  text-align: center;  padding-bottom: 10px; }
.boxmiddle	{ background-color: #33CC99;  height: 10px; }