@charset "utf-8";

/*---HADER---*/
#header_wrap {
	width:100%;
	background:url(../images/menu_headsbg.jpg) bottom repeat-x;
	overflow:hidden;
	padding-bottom:18px;
}
#header {
	width:100%;
	background:#bed2ff url(../images/menu_headbg.jpg) top repeat-x;
	overflow:hidden;
	padding-bottom:16px;
}

div.header_cont {
	width:700px;
	background:url(../images/head_img2.jpg) top no-repeat;
	position:relative;
	margin:0 auto;
	padding-top:5px;
	text-align:left;
}
.logo {
	margin:0 0 25px;
}
h1 {
	width:700px;
	margin:0 0 27px;
}
div.mainmenu_wrap {
	width:700px;
	margin:0 auto;
	text-align:left;
	clear:both;
}
  div.mainmenu_wrap ul {
	  width:700px;
	  list-style:none;
  }
	div.mainmenu_wrap ul li {
		height:40px;
		float:left;
	}

div.headermenu_wrap {
	position:absolute;
	top:5px;
	right:0;
}
  div.headermenu_wrap ul {
	  list-style:none;
	  clear:both;
	  text-align:right;
  }
	div.headermenu_wrap ul li {
		float:right;
		margin-left:2px;
	}



/*---CONTENTS---*/
#contents_wrap {
	width:700px;
	margin:0 auto 40px;
	clear:both;
}

/* LOGIN */
div.login_wrap {
	width:700px;
	clear:both;
}
  div.login_wrap p.message {
	  width:360px;
	  float:left;
	  text-align:left;
  }
  div.login_wrap div.login_box {
	  width:314px;
	  background:url(../images/graycheck_bg.gif);
	  text-align:center;
	  float:right;
	  padding:30px 0 0;
  }
  div.login_box dl.login {
	  width:240px;
	  clear:both;
	  margin:0 auto 10px;
	  overflow:hidden;
  }
	div.login_box dl.login dt {
		width:75px;
		height:18px;
		float:left;
		padding:2px 0 0;
	}
	div.login_box dl.login dd {
		width:150px;
		float:right;
	}
	  div.login_box dl.login dd input {
		  width:140px;
		  padding:2px;
	  }

	div.login_box p.login_btn {
		width:240px;
		height:34px;
		margin:20px auto 20px;
	}
	div.login_box ul.pw_btn {
		width:100%;
		overflow:hidden;
		background:#E1E1E1;
		padding:20px 0 10px;
		text-align:center;
		list-style:none;
	}
	div.login_box ul.pw_btn li {
		width:240px;
		margin:0 auto 5px;
	}

div.login_announce_wrap {
	width:660px;
	background:#E1E1E1;
	padding:20px;
	margin:0 auto;
	clear:both;
}
  div.login_announce_wrap p {
	  width:660px;
	  text-align:left;
  }
  div.login_announce_wrap dl.environment {
	  text-align:left;
	  background:#FFFFFF;
	  padding:20px;
  }
	div.login_announce_wrap dl.environment dt {
		width:100px;
		float:left;
	}
	div.login_announce_wrap dl.environment dd {
		margin-left:100px;
	}


/* SECOND PAGE */
div.right_area {
	width:160px;
	background:#E1E1E1;
	float:right;
}
  div.right_area p.name {
	  width:148px;
	  color:#333;
	  font-weight:bold;
	  padding:5px 7px 0;
	  text-align:left;
  }
  div.right_area p.bar {
	  width:158px;
	  height:2px;
	  line-height:1%;
	  font-size:1px;
  }
  div.right_area ul.submenu {
	  width:150px;
	  overflow:hidden;
	  margin:10px auto 5px;
	  list-style:none;
  }
	div.right_area ul li {
		margin:0 0 5px;
		line-height:1%;
		font-size:1px;
	}


div.left_area {
	width:520px;
	float:left;
}
div.left_area div.cont_wrap {
	width:518px;
	background:#FFF url(../images/graycheck_bg2.gif) top repeat-x;
	border:#FFF solid 1px;
	text-align:left;
	clear:both;
	padding-bottom:15px;
}
div.cont_wrap div.cont_title {
	width:518px;
	height:30px;
	clear:both;
}
  div.cont_wrap div.cont_title h2 {
	  float:left;
  }
  div.cont_wrap div.cont_title p.title_txt {
	  float:right;
	  text-align:right;
	  margin:10px 15px 0 0;
  }
div.cont_wrap div.cont_txtbox {
	width:468px;
	border:#ccc solid 1px;
	margin:10px auto 0;
	text-align:left;
	padding:10px;
	clear:both;
}
div.cont_wrap div.cont_txtbox .txtbox {
	width:468px;
	height:112px;
	overflow-y:scroll;
}

div.cont_wrap p.mailbox_head {
	width:490px;
	margin:10px auto 0;
}
  div.cont_wrap div.mailbox {
	  width:490px;
	  margin:0 auto 10px;
	  background:url(../images/mailbox_bottom.gif) bottom no-repeat;
	  padding-bottom:2px;
  }
	div.cont_wrap div.mailbox dl {
		width:470px;
		background:url(../images/mailbox_bar.gif) bottom no-repeat;
		padding:5px 10px 5px;
		overflow:hidden;
	}
	  div.cont_wrap div.mailbox dl dt.flag {
		  width:20px;
		  float:left;
		  margin:0 0 0 3px;
		  text-align:left;
	  }
	  div.cont_wrap div.mailbox dl dt.date {
		  width:70px;
		  text-align:left;
		  float:left;
	  }
	  div.cont_wrap div.mailbox dl dd {
		  width:360px;
		  text-align:left;
		  float:right;
	  }
		div.cont_wrap div.mailbox dl dd.subject a:link ,div.cont_wrap div.mailbox dl dd.subject a:visited {
			color:#666;
			text-decoration:none;
		}
		div.cont_wrap div.mailbox dl dd.subject a:hover {
			color:#666;
			text-decoration:underline;
		}
		div.cont_wrap div.mailbox dl dd.subject_on a:link ,div.cont_wrap div.mailbox dl dd.subject_on a:visited {
			color:#008CBD;
			font-weight:bold;
			text-decoration:none;
		}
		div.cont_wrap div.mailbox dl dd.subject_on a:hover {
			color:#008CBD;
			font-weight:bold;
			text-decoration:underline;
		}
  div.cont_wrap p.mailbox_btn {
	  width:490px;
	  margin:0 auto;
	  text-align:right;
  }


#contents_wrap p.name2 {
	width:700px;
	color:#333;
	font-weight:bold;
	text-align:right;
}
#contents_wrap div.cont_wrap2 {
	width:698px;
	background:#FFF url(../images/graycheck_bg2.gif) top repeat-x;
	border:#FFF solid 1px;
	text-align:left;
	clear:both;
	padding-bottom:15px;
}
  div.cont_wrap2 div.cont_title {
	  width:698px;
	  height:30px;
	  clear:both;
  }
	div.cont_wrap2 div.cont_title h2 {
		float:left;
	}
	div.cont_wrap2 div.cont_title p.title_txt {
		float:right;
		text-align:right;
		margin:10px 15px 0 0;
	}
  div.cont_wrap2 p.cont_txtbox {
	  width:668px;
	  border:#C0BBAD solid 1px;
	  margin:10px auto 0;
	  text-align:left;
	  padding:10px;
	  clear:both;
  }
  div.cont_wrap2 p.mailbox_head {
	  width:670px;
	  margin:10px auto 0;
  }
	div.cont_wrap2 div.mailbox {
		width:670px;
		margin:0 auto 10px;
		background:url(../images/mailbox2_bottom.gif) bottom no-repeat;
		padding-bottom:2px;
	}
	  div.cont_wrap2 div.mailbox dl {
		  width:650px;
		  background:url(../images/mailbox2_bar.gif) bottom no-repeat;
		  padding:5px 10px 5px;
		  overflow:hidden;
	  }
		div.cont_wrap2 div.mailbox dl dt.flag {
			width:20px;
			float:left;
			margin:0 0 0 3px;
			text-align:left;
		}
		div.cont_wrap2 div.mailbox dl dt.date {
			width:70px;
			text-align:left;
			float:left;
		}
		div.cont_wrap2 div.mailbox dl dd {
			width:540px;
			text-align:left;
			float:right;
		}
		  div.cont_wrap2 div.mailbox dl dd.subject a:link ,div.cont_wrap2 div.mailbox dl dd.subject a:visited {
			  color:#666;
			  text-decoration:none;
		  }
		  div.cont_wrap2 div.mailbox dl dd.subject a:hover {
			  color:#666;
			  text-decoration:underline;
		  }
		  div.cont_wrap2 div.mailbox dl dd.subject_on a:link ,div.cont_wrap2 div.mailbox dl dd.subject_on a:visited {
			  color:#008CBD;
			  font-weight:bold;
			  text-decoration:none;
		  }
		  div.cont_wrap2 div.mailbox dl dd.subject_on a:hover {
			  color:#008CBD;
			  font-weight:bold;
			  text-decoration:underline;
		  }
	div.cont_wrap2 ul.mailbox_page_wrap {
		width:670px;
		margin:0 auto;
		list-style:none;
		clear:both;
		font-size:10px;
	}
	  div.cont_wrap2 ul.mailbox_page_wrap li.back {
		  width:150px;
		  text-align:left;
		  float:left;
	  }
	  div.cont_wrap2 ul.mailbox_page_wrap li.page {
		  width:370px;
		  text-align:center;
		  float:left;
	  }
	  div.cont_wrap2 ul.mailbox_page_wrap li.next {
		  width:100px;
		  text-align:right;
		  float:right;
	  }
  div.cont_wrap2 div.mail_cont_wrap {
	  width:670px;
	  border-top:#CCC solid 2px;
	  border-bottom:#CCC solid 2px;
	  overflow:hidden;
	  padding:15px 0;
	  margin:10px auto 10px;
  }
  div.cont_wrap2 div.mail_cont_wrap dl.subject {
	  width:640px;
	  background:url(../images/mailbox2_bar.gif) bottom no-repeat;
	  overflow:hidden;
	  padding:0 15px 15px;
	  text-align:left;
  }
	div.cont_wrap2 div.mail_cont_wrap dl.subject dt {
		text-align:left;
	}
	div.cont_wrap2 div.mail_cont_wrap dl.subject dd {
		text-align:left;
		color:#008CBD;
		font-weight:bold;
	}
  div.cont_wrap2 div.mail_cont_wrap p.mail_txt {
	  width:640px;
	  margin:15px;
	  text-align:left;
  }
  div.cont_wrap2 p.mailbox_btn {
	  width:670px;
	  margin:0 auto;
	  text-align:right;
  }

div.cont_wrap2 div.entry_cont {
	width:660px;
	overflow:hidden;
	padding:0 0 10px 10px;
	text-align:left;
}
div.cont_wrap2 div.entry_cont ul.entry_btn {
	list-style:none;
	clear:both;
}
  div.cont_wrap2 div.entry_cont ul.entry_btn li {
	  width:214px;
	  height:49px;
	  margin:0 3px 3px 0;
	  float:left;
  }
div.cont_wrap2 div.entry_cont p.entry_comment_top {
	width:650px;
	height:10px;
}
div.cont_wrap2 div.entry_cont ul.entry_comment {
	width:630px;
	background:#E4E2DC url(../images/entrys_comment_bottom.gif) bottom no-repeat;
	padding:0 10px 10px;
	list-style:none;
}
  div.cont_wrap2 div.entry_cont ul.entry_comment li {
	  text-align:left;
	  text-indent:-1em;
	  margin-left:1em;
  }
div.cont_wrap2 div.entry_attention_wrap {
	width:648px;
	border:#900 solid 1px;
}
div.cont_wrap2 div.entry_attention_wrap p.entry_attention {
	margin:10px 15px 15px;
	text-align:left;
}




div.cont_wrap2 div.entry_cont_dot {
	width:650px;
	overflow:hidden;
	background:url(../images/mailbox2_bar.gif) bottom no-repeat;
	padding:0 10px 10px;
	text-align:left;
}






/*---FOOTER---*/
p.copyright {
	width:700px;
	height:20px;
	background:url(../images/copyright.gif) no-repeat;
	margin:0 auto 50px;
	text-indent:-9999px;
	clear:both;
}