@charset "UTF-8";
@import "staffbasic.css";

div#CONTENT {width: 800px;}


div.fourwheel h4 a,
div.fourwheel h4 a:link,
div.fourwheel h4 a:visted,
div.twowheel h4 a,
div.twowheel h4 a:link,
div.twowheel h4 a:visted,
div.others h4 a,
div.others h4 a:link,
div.others h4 a:visted,
div.students h4 a,
div.students h4 a:link,
div.students h4 a:visted {
	color:#000000;
}

/**** BLUE ****/
div#WRAPPER,
div.fourwheel div#WRAPPER,
div.about div#WRAPPER
{
	background: transparent url(../images/staffblog/copy.fourwheel.gif) no-repeat right top;
}
div.fourwheel div#CONTENT a:hover
{
	color: #387CBE;
}
/**** GREEN ****/
div.twowheel div#WRAPPER {
	background: transparent url(../images/staffblog/copy.twowheel.gif) no-repeat right top;
}
div.twowheel  div#CONTENT a:hover
{
	color: #17A089;
}

/**** YELLOW ****/
div.others div#WRAPPER {
	background: transparent url(../images/staffblog/copy.others.gif) no-repeat right top;
}
div.others  div#CONTENT a:hover{
	color: #FAC412;
}

/**** PINK ****/
div.students div#WRAPPER {
	background: transparent url(../images/staffblog/copy.students.gif) no-repeat right top;
}
div.students  div#CONTENT a:hover
{
	color: #FF8181;
}



div#STAFFBLOG {
	width:600px;
	float:left;
}

div#GROUP-SELECT {
	float:right;
}

div.article {
	width:555px;
}

div.article div.text {
	width:550px;
	padding: 0px 0px 0px 10px;
}
div#COMENT-BUTTON{
	width:280px;
	margin: 30px 0px 0px 145px;
	padding-bottom: 20px;
}

div#COMENT-BUTTON a.button-conf{
	display:block;
	width:120px;
	height:35px;
	background:url(../images/staffblog/button-conf.gif) no-repeat left top;
	float:left;
}
	
div#COMENT-BUTTON a.button-fill{
	display:block;
	width:120px;
	height:35px;
	float:right;
}

div#PAGING-BUTTONLIST a.backstaff {
	display:block;
	height:20px;
	width:130px;
}

div#PAGING-BUTTONLIST a.backlist {
	display:block;
	height:20px;
	width:140px;
}

div#CONTENT div#PAGING-BUTTONLIST a.backstaff{background:url(../images/staffblog/button-tostaff.gif) no-repeat left top;}
div#CONTENT div#PAGING-BUTTONLIST a.backlist{background:url(../images/staffblog/button-backlist.gif) no-repeat left center;}
div#CONTENT div#PAGING-BUTTONLIST a.backstaff:hover{
	background-position:0px -20px;
}


/********************
coment
********************/
div#COMENT {
	margin: 50px 0px 0px 10px;
}
div#COMENT h5{
	background:url(../images/common/maru-double.gif) no-repeat left top;
	padding-left: 25px;
	font-size: 110%;
	line-height: 20px;
	margin-bottom: 15px;
}
div#COMENT div {
	margin-left:40px;
	padding: 10px 0px; 
	border-bottom: 1px dashed;
}

div#COMENT div p {
	margin-left: 0px;
}
div#COMENT div p.commentData {
	font-size:90%;
}
div#COMENT div p.commentData span {
	color:#999999;
}

div#COMENT div.comentBody {
	margin:0px;
	padding:0px; 
	border:none;
}

/********************
coment-space
********************/

div#CONTENT div.box-middle table input,
div#CONTENT div.box-middle table textarea{
	background-color: #EDEDED;
	border: solid #808080 1px;
	padding: 3px 0px 3px 3px;
}
div#CONTENT div#COMENT-SPACE{
	width: 550px;
	margin-left: 45px;	
	margin-top:30px;
}
div#CONTENT div#COMENT-SPACE h5 {
	background:url(../images/common/maru-double2.gif) no-repeat 3px;;
	padding-left: 20px;
	margin: 0px 0px 30px 40px;

	font-size: 110%;
}
div#CONTENT div#COMENT-SPACE th,
div#CONTENT div#COMENT-SPACE th td {
	padding-bottom: 10px;
}
div#CONTENT div#COMENT-SPACE th.th-maru {
	font-weight:normal;
	width:60px;
	margin-left: 10px;
	padding-left: 15px;
}
div#CONTENT table#COMENT-BOX {
	margin-left: 70px;
}
div#CONTENT div#COMENT-SPACE table input.form-size,
div#CONTENT div#COMENT-SPACE table textarea.form-size{
	width:317px;
}
div#CONTENT div#COMENT-SPACE div.box-top{
	background:url(../images/staffblog/coment-bg-top.png) no-repeat;
	height: 70px;
	width: 550px;
	behavior: expression(IEPNGFIX.fix(this));
}
div#CONTENT div#COMENT-SPACE div.box-middle{
	background:url(../images/staffblog/coment-bg-middle.png) repeat-y;
	width: 550px;
	behavior: expression(IEPNGFIX.fix(this));
}
div#CONTENT div#COMENT-SPACE div.box-bottom{
	background:url(../images/staffblog/coment-bg-bottom.png) no-repeat;
	height: 20px;
	width: 550px;
	behavior: expression(IEPNGFIX.fix(this));
}

/********************
colors
********************/
div#CONTENT a{
	color: #333333;
}

div.fourwheel div#CONTENT a:hover
{
	color: #387CBE;
}
div#CONTENT div#TO-STAFFPAGE a {
	display:block;
	width: 150px;
	height: 20px;
	margin-left: 90px;
}

div#CONTENT div#TO-STAFFPAGE a.backgrouplist-group1 {
	background: url(../images/staffblog/staff-group1.gif) no-repeat left top;
}
div#CONTENT div#TO-STAFFPAGE a.backgrouplist-group2 {
	background: url(../images/staffblog/staff-group2.gif) no-repeat left top;
}
div#CONTENT div#TO-STAFFPAGE a.backgrouplist-group3 {
	background: url(../images/staffblog/staff-group3.gif) no-repeat left top;
}
div#CONTENT div#TO-STAFFPAGE a.backgrouplist-group4 {
	background: url(../images/staffblog/staff-group4.gif) no-repeat left top;
}
div#CONTENT div#TO-STAFFPAGE a.backgrouplist-group5 {
	background: url(../images/staffblog/staff-group5.gif) no-repeat left top;
}
div#CONTENT div#TO-STAFFPAGE a.backgrouplist-group6 {
	background: url(../images/staffblog/staff-group6.gif) no-repeat left top;
}
div#CONTENT div#TO-STAFFPAGE a.backgrouplist-groupoffice {
	background: url(../images/staffblog/staff-group7.gif) no-repeat left top;
}
div#CONTENT div#TO-STAFFPAGE a.backgrouplist-groupother {
	background: url(../images/staffblog/staff-group8.gif) no-repeat left top;
}
div#CONTENT div#TO-STAFFPAGE a:hover{
	background-position:0px -20px;
}
/* @group COLORS */

/**** BLUE ****/

div.fourwheel div#CONTENT a:hover
{
	color: #387CBE;
}
/*
div.fourwheel div#CONTENT div#COMENT-BUTTON a.button-fill{
	background:url(../images/staffblog/button-fill.fourwheel.gif) no-repeat left top;
}
*/

/**** GREEN ****/
div.twowheel  div#CONTENT a:hover
{
	color: #17A089;
}
/*
div.twowheel div#CONTENT div#COMENT-BUTTON a.button-fill{
	background:url(../images/staffblog/button-fill.twowheel.gif) no-repeat left top;
}
*/
/**** YELLOW ****/
div.others  div#CONTENT a:hover{
	color: #FAC412;
}
/*
div.others div#CONTENT div#COMENT-BUTTON a.button-fill{
	background:url(../images/staffblog/button-fill.others.gif) no-repeat left top;
}
*/

/**** PINK ****/
div.students  div#CONTENT a:hover
{
	color: #FF8181;
}
/*
div.students div#CONTENT div#COMENT-BUTTON a.button-fill{
	background:url(../images/staffblog/button-fill.students.gif) no-repeat left top;
}
*/

/* @end */