@charset "utf-8";


* {
	zoom:1;
}

body,table,tr,th,td,ul,ol,li,dl,dt,dd,form,fieldset,h1,h2,h3,h4,h5,p {
	margin:0;
	padding:0;
	border:none;
	list-style-type: none;
	font: 12px;
	line-height: 1.4;
}

ul ul,ul dl,dl ul,table p,table ul,table table{
  font-size:1em;
}

body {
	text-align: center;
	background-color: #FFFFFF;
	font-family: 'メイリオ',Meiryo;
}

table{
  border-collapse:collapse;
  border:none;
  border-spacing:0;
}

th,td{
  vertical-align:top;
  border:none;
  font-weight:normal;
  text-align:left;
}

caption{
  text-align:left;
}

ul,ol,dl{
  list-style:none;
}

li{
  display:list-item;
  zoom:normal;
}

img,a img {
	display:block;
	border:none;
	background:transparent;
}

object,embed{
  vertical-align:top;
}

em,address,dfn{
  font-style:normal;
}

img {
	border:none;
	text-decoration: none;
}

address {
	font-style:normal;
}

a {
	color: blue;
}

a:link,
a:visited {
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

/*
a:hover img{
	opacity:0.8;
	filter: alpha(opacity=80);
}
*/

.imgover {
}

.pTitle{
	font-weight: bold;
}

input,textarea {
	font-size: 1em;
	font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

/*register
--------------------------------------------------*/

#register #hdr {
	margin-top: 10px;
}

#register #container #content {
	float: none;
	clear: both;
	background-position: 70px bottom;
}

#register #container #content h1#pageTitle {
	display: inline;
	float: left;
	width: 760px;
	margin: 0 0 0 70px;
	padding: 0;
}

#register #content fieldset {
	margin-bottom: 20px;
	border-top: 1px solid #666666;
}

#register #content fieldset legend {
	display: block;
	padding-top: 1em;
	padding-bottom: 10px;
	padding-right: 10px;
	font-size: 1.4em;
	font-weight: bold;
}

#register #content fieldset dl {
}

#register #content fieldset dl dt,
#register #content fieldset dl dd {
	font-size: 1.4em;
}

#register #content fieldset dl dt {
	clear: left;
	float: left;
	display: inline;
	margin-right: 1em;
	width: 10em;
	overflow: hidden;
}

#register #content fieldset dl dt span {
	float: right;
	display: inline;
}

#register #content fieldset dl dd {
	margin-left: 11em;
	margin-bottom: 3px;
}

#register #content fieldset dl dd input {
	font-size: 0.8em;
}

#register #content fieldset dl dd ul {
	overflow: auto;
}

#register #content fieldset dl dd ul li {
	display: inline;
	float: left;
	font-size: 1.4em;
}

#register #content fieldset dl dd p#onfirmation {
	padding-top: 3px;
	border-top: 1px dotted #666666;
	font-size: 0.8em;
}

#register #content p#btnArea {
	clear: both;
	margin: 20px 0;
	padding-top: 20px;
	border-top: 1px solid #666666;
	text-align: center;
}

#register #content #registerStep1 input#txtFirstName,
#register #content #registerStep1 input#txtLastName {
	width: 140px;
}

#register #ftr {
	margin-left: 0px;
}

#register #ftr .inner {
	width: 760px;
}

#content #mainContent #thumbnailArea ul.sortList li,
#content #mainContent #listArea ul.sortList li {
	text-align:right;
	float:none;
}

#content #mainContent #thumbnailArea ul,
#content #mainContent #listArea ul {
	clear:both;
}

#content #mainContent .cmnArea .noteProfile p {
	line-height: 16px;
}

#content #mainContent #noteArea.movie .noteImage {
	float: none;
	margin: 0 auto;
}

#content #mainContent #noteArea.movie .noteProfile,
#content #mainContent #noteArea.text .noteProfile {
	margin-left: 0;
}

#content #mainContent .cmnArea .noteProfile .noteDescription {
	background-image: url(../img/icon/icon_description.png);
	margin-bottom: 10px;
	background-repeat: no-repeat;
	padding-left: 20px;
}

#content #mainContent .cmnArea.movie .noteProfile p.noteDescription {
	clear: both;
	background-image: url(../img/icon/icon_description.png);
	margin: 0 0 10px;
	background-repeat: no-repeat;
	padding-left: 20px;
}

#content #mainContent .cmnArea.text .noteProfile p.noteDescription {
	
}

#content #mainContent .cmnArea.movie .noteProfile ul.rating li {
	display: inline;
	margin-right: 10px;
}

#home #container #content #mainContent #noteArea .noteProfile .rating .comment {
	background-image: url(../img/icon/icon_comment.png);
	margin-bottom: 10px;
	background-repeat: no-repeat;
	padding-left: 20px;
}

#home #container #content #mainContent #noteArea .noteProfile .rating .link {
	background-image: url(../img/icon/icon_link_s.png);
	margin-bottom: 10px;
	background-repeat: no-repeat;
	padding-left: 20px;
}

body#homeProfile #container #content #mainContent #profileHead.cmnArea.box {
	margin: -13px 3px 10px;
	border: 2px solid #8AD84D;
}

#content #mainContent #noteArea .noteProfile table.profileTable {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	border-top: 1px dotted #666666;
	text-align: left;
	line-height: 2em;
}

#content #mainContent #noteArea .noteProfile table.profileTable tr {
	border-bottom: 1px dotted #666666;
}

#content #mainContent #noteArea .noteProfile table.profileTable th {
	width: 8em;
	white-space: nowrap;
}

#content #mainContent #noteArea .noteDescriptionArea p {
	margin-bottom: 1em;
	font-size: 12px;
}

#content #mainContent #noteArea.cmnArea.note h4 {
	clear: both;
	margin-bottom: 5px;
	padding-top: 10px;
	border-bottom: 1px solid #666666;
	font-size: 12px;
}

#content #mainContent #noteArea.cmnArea.note .commentList {
	margin-bottom: 10px;;
}

#content #mainContent #noteArea.cmnArea.note .commentList  ul li {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #666666;
}

#content #mainContent #noteArea.cmnArea.note .commentList  ul li input {
	margin-right: 5px;
}

#content #mainContent #noteArea.cmnArea.note .commentList  ul li p {
	font-size: 12px;
}

#content #mainContent #noteArea.cmnArea.note .commentList  ul li p.name {
	margin-bottom: 5px;
}

#content #mainContent #noteArea.cmnArea.note .commentList  ul li p.name a {
	margin-left: 5px;
}

#content #mainContent #noteArea.cmnArea.note .commentList  ul li p.date {
	margin-top: -1.8em;
	margin-bottom: 10px;
	text-align: right;
}

#content #mainContent #listArea .notelist .note .noteHdr .date,
#content #mainContent #listArea .notelist .note .noteHdr .public,
#content #mainContent #listArea .notelist .note .noteHdr .admin {
	text-align: right;
	margin-left:10px;
}
#content #mainContent #listArea .notelist .note .noteHdr {
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #666666;
	border-right-color: #666666;
	margin-bottom: 2px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #666666;
	margin-left:-1.8em;
}
#content #mainContent #listArea .notelist .note .noteHdr .noteTitle {
	float: left;
}
#content #mainContent #listArea .notelist .note .noteHdr .noteInfo {
	float: right;
}
#content #mainContent #listArea .notelist .note .note {
	clear: both;
}
#content #mainContent #listArea .notelist .note {
	float: none;
}
#content #mainContent #listArea .notelist .class .noteHdr .noteTitle {
	background-image: url(../img/icon/icon_circle.png);
	background-repeat: no-repeat;
	padding-left:1.8em;
	background-position: 2px 4px;
}
#content #mainContent #listArea .notelist .noteHdr .noteInfo a.admin {
	margin-right: 10px;
}
#content #mainContent #listArea .note .memo {
	background-image: url(../img/icon/icon_description.png);
	background-repeat: no-repeat;
	padding-left: 1.8em;
	margin-left:-1.8em;
}

/*content
--------------------------------------------------*/
.contentInBox {
	margin: 0 5px 20px;
}


/*Tag
--------------------------------------------------*/

a {
	color: blue;
	text-decoration: none;
}

a:link,
a:visited {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

.imgover {
	margin_top :100px;
}

/*textarea
--------------------------------------------------*/
.autoHeight_FF
{	
	height: 100px;
	width: 400px;
	overflow-y:visible;	
}

.autoHeight_IE
{	
	height: 100px;
	width: 400px;
	/*overflow-y:visible;	*/
	overflow-y:hidden;	
}

.textArea
{	
	height: 100px;
	width: 400px;
	overflow-y:auto;	
}

#mainContent #infoArea li a{
	color: red;
}

/*div 
-----------------------------------------------------*/
.hideScrollbarX
{
	/*width:550px;*/
	white-space:normal;
	overflow:hidden;
}
.feedArea_fix{
	margin-left: -17px;
}
/*ProfileContent
--------------------------------------------------*/

#content #profileContent #userArea #userPic {
	margin-bottom: 1em;
	text-align: center;
}

#content #profileContent #userArea #userPic img {
	width:	170px;
	border: 1px solid #DDDDDD;
}

/*
#content #profileContent .cmnArea.picList ul li {
	width: 80px;
	height: 90px;
}
*/

#content #profileContent .cmnArea.picList ul li img {
	width:	80px;
	height: 80px;	
}


/*MainContent
--------------------------------------------------*/
#content #mainContent #order_type {
	margin-bottom:10px
}


#content #mainContent #friendDeleteConfirmed {
	margin-top:15px;
}


#content #mainContent #friendDeleteConfirmed #friendDeleteButton
{
	margin-top:15px;
	text-align:center;
}


#content #mainContent #memberDeleteConfirmed
{
	margin-top:15px
}

#content #mainContent #memberDeleteConfirmed #memberShowDelete
{
	margin-top:10px;
}

#content #mainContent #memberDeleteConfirmed #memberDeleteButton
{
	margin-top:15px;
	text-align:center;
}

#content #mainContent #topicContent
{
	margin-bottom:10px;
	padding-bottom:5px;
}

#content #mainContent #friendApplyArea 
{	
}

#content #mainContent #friendApplyArea #divLinkFriend
{
	
}

#content #mainContent #friendApplyArea #divLinkFriend #friendInfo
{
	border: 1px solid #666666;
	margin-bottom:10px;
	margin-top:10px;
}
/*

#content #mainContent #topicCreate 
{	
	margin-bottom:30px;
	 text-align:center;
}


#content #mainContent .feedArea {
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 10px;
}

#content #mainContent .feedArea li{
    background-repeat: no-repeat;	
	padding-left: 20px;
	padding-bottom:2px;
	border-bottom: 1px solid #cccccc;
	font-size: 1.3em;
	margin-bottom: 1px;
}

#content #mainContent .feedArea li a{
    font-style: italic; 
    margin-right: 6px;
}

#content #mainContent .feedArea li span{
    margin-left: 10px;
}

#content #mainContent .feedArea li div{
	text-align: right;
	padding-right:5px;
	margin-top: -18px;
}
*/
#content #mainContent .divfeed{
	height:0px;
	overflow: auto;
	overflow-y:hidden;
}

#content #mainContent .divfeedOpen{
	height:250px;
	overflow: auto;
	overflow-y:hidden;
}

#content #mainContent .feedtitle{
	background-repeat: no-repeat;	
	padding-left: 20px;
	padding-top: 3px;
	background-image: url(../img/icon/icon_down.gif);
}

#content #mainContent .feedtitleOn{
	background-repeat: no-repeat;	
	padding-left: 20px;
	padding-top: 3px;
	background-image: url(../img/icon/icon_down.gif);

	border-top:2px solid #0210ff;
	border-left:2px solid #0210ff;
	border-bottom:2px solid #0210ff;
	border-right:2px solid #0210ff;	
}

#content #mainContent .feedtitleOpen{
	background-repeat: no-repeat;	
	padding-left: 20px;
	padding-top: 3px;
	background-image: url(../img/icon/icon_up.gif);		
}

#content #mainContent .feedtitleOpenOn{
	background-repeat: no-repeat;	
	padding-left: 20px;
	padding-top: 3px;
	background-image: url(../img/icon/icon_up.gif);	

	border-top:2px solid #0210ff;
	border-left:2px solid #0210ff;
	border-bottom:2px solid #0210ff;
	border-right:2px solid #0210ff;	
}
/*
#content #mainContent .note_notelist
{
	width: 525px;
}
*/

#content #mainContent .note_deletenotelist
{
	width: 515px;
}

#content #mainContent .note_img {
	width:	80px;
	height: 80px;
}

#content #mainContent .autowidth_img {
	
	width:	80px;
}

/*
.noteDetail----------------------------------------------------------
*/
#content #mainContent .noteList ul li .noteDetail {
	margin:2px;
	width: 420px;
	height: 115px;
	background-image: url(../img/note/popup_bg.gif);
	background-repeat: no-repeat;
	padding-top:10px;
	padding-left:10px;
}
#content #mainContent .noteList ul li .noteDetail .noteImage {
	display: inline;
	float: left;
}
#content #mainContent .noteList ul li .noteDetail p.noteMemo {
	line-height: 1.2em;
	margin-bottom: 3px;
	margin-left:90px;
	padding-top:5px;
	border-top:1px solid #cccccc;
}
#content #mainContent .noteList ul li .noteDetail p.noteDescription {
	margin-top:-25px;
	margin-left:90px;
}
#content #mainContent .noteList ul li .noteDetail p.noteDetailTitle{	
	margin-bottom: 7px;
	text-indent :20px;
	background-repeat: no-repeat;
}
#content #mainContent .noteList ul li .noteDetail p.noteDetailTitle.class{
	background-image: url(../img/icon/icon_class.gif);
}
#content #mainContent .noteList ul li .noteDetail p.noteDetailTitle.circle{
	background-image: url(../img/icon/icon_circle.gif);
}
#content #mainContent .noteList ul li .noteDetail p.noteDetailTitle.diary{
	background-image: url(../img/icon/icon_diary.gif);
}
#content #mainContent .noteList ul li .noteDetail p.noteDetailTitle.word{
	background-image: url(../img/icon/icon_doc.gif);
}
#content #mainContent .noteList ul li .noteDetail p.noteDetailTitle.excel{
	background-image: url(../img/icon/icon_excel.gif);
}
#content #mainContent .noteList ul li .noteDetail p.noteDetailTitle.ppt{
	background-image: url(../img/icon/icon_ppt.gif);
}
#content #mainContent .noteList ul li .noteDetail p.noteDetailTitle.pdf{
	background-image: url(../img/icon/icon_pdf.gif);
}
#content #mainContent .noteList ul li .noteDetail p.noteDetailTitle.bmp{
	background-image: url(../img/icon/icon_bmp.gif);
}
#content #mainContent .noteList ul li .noteDetail p.noteDetailTitle.jpg{
	background-image: url(../img/icon/icon_jpg.gif);
}
#content #mainContent .noteList ul li .noteDetail p.noteDetailTitle.gif{
	background-image: url(../img/icon/icon_gif.gif);
}
#content #mainContent .noteList ul li .noteDetail p.noteDetailTitle.png{
	background-image: url(../img/icon/icon_png.gif);
}
#content #mainContent .noteList ul li .noteDetail p.noteDetailTitle.friend{
	background-image: url(../img/icon/icon_friend.gif);
}
#content #mainContent .noteList ul li .noteDetail p.noteDetailTitle.movie{
	background-image: url(../img/icon/icon_movie.gif);
}
#content #mainContent .noteList ul li .noteDetail p.noteDetailTitle.text{
	background-image: url(../img/icon/icon_text.gif);
}
#content #mainContent .noteList ul li .noteDetail p.noteDetailTitle.web{
	background-image: url(../img/icon/icon_web.gif);
}
#content #mainContent .noteList ul li .noteDetail p.noteDetailTitle.topic{
	background-image: url(../img/icon/icon_topic.gif);
}


ul.notelist li.class{
	background: url(../img/note/noteThumb_bg_class.gif) no-repeat left top;
}
ul.notelist li.circle{
	background: url(../img/note/noteThumb_bg_circle.gif) no-repeat left top;
}
ul.notelist li.diary{
	background: url(../img/note/noteThumb_bg_diary.gif) no-repeat left top;
}
ul.notelist li.word{
	background: url(../img/note/noteThumb_bg_word.gif) no-repeat left top;
}
ul.notelist li.excel{
	background: url(../img/note/noteThumb_bg_excel.gif) no-repeat left top;
}
ul.notelist li.ppt{
	background: url(../img/note/noteThumb_bg_ppt.gif) no-repeat left top;
}
ul.notelist li.pdf{
	background: url(../img/note/noteThumb_bg_pdf.gif) no-repeat left top;
}
ul.notelist li.bmp{
	background: url(../img/note/noteThumb_bg_bmp.gif) no-repeat left top;
}
ul.notelist li.jpg{
	background: url(../img/note/noteThumb_bg_jpg.gif) no-repeat left top;
}
ul.notelist li.gif{
	background: url(../img/note/noteThumb_bg_gif.gif) no-repeat left top;
}
ul.notelist li.png{
	background: url(../img/note/noteThumb_bg_png.gif) no-repeat left top;
}
ul.notelist li.friend{
	background: url(../img/note/noteThumb_bg_friend.gif) no-repeat left top;
}
ul.notelist li.movie{
	background: url(../img/note/noteThumb_bg_movie.gif) no-repeat left top;
}
ul.notelist li.text{
	background: url(../img/note/noteThumb_bg_text.gif) no-repeat left top;
}
ul.notelist li.web{
	background: url(../img/note/noteThumb_bg_web.gif) no-repeat left top;
}
ul.notelist li.topic{
	background: url(../img/note/noteThumb_bg_topic.gif) no-repeat left top;
}


#content #mainContent .noteList .note_notelist .title{
	background-position: 2px 4px;
	text-indent :20px;
	background-image: url(../img/icon/icon_diary_title.png);
	background-repeat: no-repeat;
}

#content #mainContent .noteList .note_notelist .date{
	padding-left:90px;	
}

#content #mainContent .noteList .note_notelist .name{
	padding-left:90px;	
}



#content #mainContent .noteList .note_notelist .content{
	padding-left:90px;	
}

#content #mainContent .noteList .note_notelist .more{
	text-align:right;	
}

/*circle 
-----------------------------------------*/
/*#content #mainContent .memberManage
{
	text-align:right;
	margin-top:-30px;
}*/


/*class
----------------------------------------*/
#content #mainContent .noteList .classlist
{	
	padding-bottom:0px;
	padding-right:0px;
	padding-top:0px;
	width: 525px;
}

#content #mainContent .noteList .classlist .datebutton{
	text-align:right;	
}

#content #mainContent .noteList .classlist .name{
	margin-top:-20px;
	padding-left:90px;		
}
#content #mainContent .noteList .classlist .change_name{
	padding-left:90px;	
}
#content #mainContent .noteList .classlist .date{
	padding-left:90px;	
}
#content #mainContent .noteList .classlist .content{
	padding-left:90px;	
}

#content #mainContent .noteList .classlist .show{	
	clear:both;
	width:80px;
	text-align:center;
	margin-top:-5px;
	margin-bottom:-15px;
}

#content #mainContent #noteArea .noteImageAutoHeight {
	width:170px;
	height: 170px;
}

#content #mainContent #noteArea.movie .noteImageMovie {
	text-align : center;
}

/*
#content #mainContent #thumbnailArea{
	margin-top:-20px;
}
*/

/*notelist -------------------------------------------------------------------------
*/
#content #mainContent  .note_list li .note_memo 
{	
	margin-top :-5px;
	margin-left:5px;
	padding-bottom:5px;
}
#content #mainContent  .note_list li .note_memo img{	
	
}

#content #mainContent  .note_list li .note_memo span,
#content #mainContent  .note_list li .note_memo input{	
	
}


#content #mainContent  .note_list li .noteHdr {
	margin-left:5px;
	padding-bottom:2px;
	display: block;
}
#content #mainContent  .note_list li .noteHdr .noteTitleFF {
	float: left;
	text-indent :20px;
}
#content #mainContent  .note_list li .noteHdr .noteTitleIE {
	float: left;
	text-indent :10px;
}
#content #mainContent  .note_list li .noteHdr .noteInfo {
	float: right;
}

.note.class p.noteTitle a,
#content #mainContent  .note_list li .noteHdr .noteTitle.class {
	background-image: url(../img/icon/icon_class.gif);
}
.note.circle p.noteTitle a,
#content #mainContent .note_list li .noteHdr .noteTitle.circle{
	background-image: url(../img/icon/icon_circle.gif);
}
.note.diary p.noteTitle a,
#content #mainContent .note_list li .noteHdr .noteTitle.diary {
	background-image: url(../img/icon/icon_diary.gif);
}
.note.word p.noteTitle a,
#content #mainContent .note_list li .noteHdr .noteTitle.word {
	background-image: url(../img/icon/icon_word.gif);
}
.note.excel p.noteTitle a,
#content #mainContent .note_list li .noteHdr .noteTitle.excel {
	background-image: url(../img/icon/icon_excel.gif);
}
.note.ppt p.noteTitle a,
#content #mainContent .note_list li .noteHdr .noteTitle.ppt {
	background-image: url(../img/icon/icon_ppt.gif);
}
.note.pdf p.noteTitle a,
#content #mainContent .note_list li .noteHdr .noteTitle.pdf {
	background-image: url(../img/icon/icon_pdf.gif);
}
.note.bmp p.noteTitle a,
#content #mainContent .note_list li .noteHdr .noteTitle.bmp {
	background-image: url(../img/icon/icon_bmp.gif);
}
.note.gif p.noteTitle a,
#content #mainContent .note_list li .noteHdr .noteTitle.gif {
	background-image: url(../img/icon/icon_gif.gif);
}
.note.jpg p.noteTitle a,
#content #mainContent .note_list li .noteHdr .noteTitle.jpg {
	background-image: url(../img/icon/icon_jpg.gif);
}
.note.png p.noteTitle a,
#content #mainContent .note_list li .noteHdr .noteTitle.png {
	background-image: url(../img/icon/icon_png.gif);
}
.note.friend p.noteTitle a,
#content #mainContent .note_list li .noteHdr .noteTitle.friend {
	background-image: url(../img/icon/icon_friend.gif);
}
.note.movie p.noteTitle a,
#content #mainContent .note_list li .noteHdr .noteTitle.movie {
	background-image: url(../img/icon/icon_movie.gif);
}
.note.web p.noteTitle a,
#content #mainContent .note_list li .noteHdr .noteTitle.web {
	background-image: url(../img/icon/icon_web.gif);
}
.note.text p.noteTitle a,
#content #mainContent .note_list li .noteHdr .noteTitle.text {
	background-image: url(../img/icon/icon_text.gif);
}
.note.topic p.noteTitle a,
#content #mainContent .note_list li .noteHdr .noteTitle.topic {
	background-image: url(../img/icon/icon_topic.gif);
}

#content #mainContent .note_list li .notebg.class {
	background: url(../img/note/noteList_bg_class.gif) no-repeat left top;
}
#content #mainContent .note_list li .notebg.circle {
	background: url(../img/note/noteList_bg_circle.gif) no-repeat left top;
}
#content #mainContent .note_list li .notebg.diary {
	background: url(../img/note/noteList_bg_diary.gif) no-repeat left top;
}
#content #mainContent .note_list li .notebg.word {
	background: url(../img/note/noteList_bg_word.gif) no-repeat left top;
}
#content #mainContent .note_list li .notebg.excel {
	background: url(../img/note/noteList_bg_excel.gif) no-repeat left top;
}
#content #mainContent .note_list li .notebg.ppt {
	background: url(../img/note/noteList_bg_ppt.gif) no-repeat left top;
}
#content #mainContent .note_list li .notebg.pdf {
	background: url(../img/note/noteList_bg_pdf.gif) no-repeat left top;
}
#content #mainContent .note_list li .notebg.bmp {
	background: url(../img/note/noteList_bg_bmp.gif) no-repeat left top;
}
#content #mainContent .note_list li .notebg.gif {
	background: url(../img/note/noteList_bg_gif.gif) no-repeat left top;
}
#content #mainContent .note_list li .notebg.jpg {
	background: url(../img/note/noteList_bg_jpg.gif) no-repeat left top;
}
#content #mainContent .note_list li .notebg.png {
	background: url(../img/note/noteList_bg_png.gif) no-repeat left top;
}
#content #mainContent .note_list li .notebg.friend {
	background: url(../img/note/noteList_bg_friend.gif) no-repeat left top;
}
#content #mainContent .note_list li .notebg.movie {
	background: url(../img/note/noteList_bg_movie.gif) no-repeat left top;
}
#content #mainContent .note_list li .notebg.text {
	background: url(../img/note/noteList_bg_text.gif) no-repeat left top;
}
#content #mainContent .note_list li .notebg.web {
	background: url(../img/note/noteList_bg_web.gif) no-repeat left top;
}
#content #mainContent .note_list li .notebg.topic {
	background: url(../img/note/noteList_bg_topic.gif) no-repeat left top;
}

/*
#content #mainContent .cmnArea .note.thumbnail.circle p.noteTitle {
	height:18px;
	background-image: url(../img/icon/icon_circle.gif);
}
#content #mainContent .cmnArea .note.thumbnail.friend p.noteTitle {
	height:18px;
	background-image: url(../img/icon/icon_friend.gif);
}
#content #mainContent .cmnArea .note.thumbnail.class p.noteTitle {
	height:18px;
	background-image: url(../img/icon/icon_class.gif);
}
#content #mainContent .cmnArea .note.thumbnail.movie p.noteTitle {
	height:18px;
	background-image: url(../img/icon/icon_movie.gif);
}
#content #mainContent .cmnArea .note.thumbnail.web p.noteTitle {
	height:18px;
	background-image: url(../img/icon/icon_web.gif);
}
#content #mainContent .cmnArea .note.thumbnail.text p.noteTitle {
	height:18px;
	background-image: url(../img/icon/icon_text.gif);
}
#content #mainContent .cmnArea .note.thumbnail.diary p.noteTitle {
	height:18px;
	background-image: url(../img/icon/icon_diary.gif);
}
#content #mainContent .cmnArea .note.thumbnail.word p.noteTitle {
	height:18px;
	background-image: url(../img/icon/icon_word.gif);
}
#content #mainContent .cmnArea .note.thumbnail.excel p.noteTitle {
	height:18px;
	background-image: url(../img/icon/icon_excel.gif);
}
#content #mainContent .cmnArea .note.thumbnail.ppt p.noteTitle {
	height:18px;
	background-image: url(../img/icon/icon_ppt.gif);
}
#content #mainContent .cmnArea .note.thumbnail.pdf p.noteTitle {
	height:18px;
	background-image: url(../img/icon/icon_pdf.gif);
}
#content #mainContent .cmnArea .note.thumbnail.bmp p.noteTitle {
	height:18px;
	background-image: url(../img/icon/icon_bmp.gif);
}
#content #mainContent .cmnArea .note.thumbnail.jpg p.noteTitle {
	height:18px;
	background-image: url(../img/icon/icon_jpg.gif);
}
#content #mainContent .cmnArea .note.thumbnail.gif p.noteTitle {
	height:18px;
	background-image: url(../img/icon/icon_gif.gif);
}
#content #mainContent .cmnArea .note.thumbnail.png p.noteTitle {
	height:18px;
	background-image: url(../img/icon/icon_png.gif);
}
#content #mainContent .cmnArea .note.thumbnail.topic p.noteTitle {
	height:18px;
	background-image: url(../img/icon/icon_topic.gif);
}*/


#content #profileContent #noteArea.cmnArea.txtList ul li.circle{
	background-image: url(../img/icon/icon_circle.gif);
}
#content #profileContent #noteArea.cmnArea.txtList ul li.friend{
	background-image: url(../img/icon/icon_friend.gif);
}
#content #profileContent #noteArea.cmnArea.txtList ul li.class{
	background-image: url(../img/icon/icon_class.gif);
}
#content #profileContent #noteArea.cmnArea.txtList ul li.movie{
}
#content #profileContent #noteArea.cmnArea.txtList ul li.web{
}
#content #profileContent #noteArea.cmnArea.txtList ul li.text{
}
#content #profileContent #noteArea.cmnArea.txtList ul li.diary{
	background-image: url(../img/icon/icon_diary.gif);
}
#content #profileContent #noteArea.cmnArea.txtList ul li.word{
	background-image: url(../img/icon/icon_word.gif);
}
#content #profileContent #noteArea.cmnArea.txtList ul li.excel{
}
#content #profileContent #noteArea.cmnArea.txtList ul li.ppt{
	background-image: url(../img/icon/icon_ppt.gif);
}
#content #profileContent #noteArea.cmnArea.txtList ul li.pdf{
}
#content #profileContent #noteArea.cmnArea.txtList ul li.bmp{
	background-image: url(../img/icon/icon_bmp.gif);
}
#content #profileContent #noteArea.cmnArea.txtList ul li.gif{
	background-image: url(../img/icon/icon_gif.gif);
}
#content #profileContent #noteArea.cmnArea.txtList ul li.jpg{
	background-image: url(../img/icon/icon_jpg.gif);
}
#content #profileContent #noteArea.cmnArea.txtList ul li.png{
	background-image: url(../img/icon/icon_png.gif);
}
#content #profileContent #noteArea.cmnArea.txtList ul li.topic{
	background-image: url(../img/icon/icon_topic.gif);
}





#content #mainContent #noteArea #noteWriteComment
{
	margin-bottom: 15px;
}

/*search
----------------------------------------*/
#content #mainContent #searchArea #searchContent
{
	margin-top: 10px;
}

#content #mainContent #searchArea #searchContent .searchTilte
{
	margin-top: -15px;
}


/*message
--------------------------------------------------*/
#content #mainContent #messageArea .messageList .messageCheckAll {
	width: 20px;
	padding-top:3px
}

#content #mainContent #messageArea .icons li.circleApproval {
	background-image: url(../img/icon/icon_message_circleApproval.png);
}

/*register
--------------------------------------------------*/

#register #content #registerStep1 .td1 {
    vertical-align : top;
    width:120px;
}
#register #content #registerStep1 .td2 {
    vertical-align : top;
    width:40px;
}
#register #content #registerStep1 .td3 {
    width:740px;;
}
#register #content #registerStep1 .td3 p#confirmation {
    margin-top: 5px;
	padding-top: 3px;
	border-top: 1px dotted #666666;
	font-size: 0.8em;
	width: 100%
}

/*home/edit/profile
--------------------------------------------------*/
#homeEdit #content #editProfileStep1 table {
    width: 535px;
}
#homeEdit #content #editProfileStep1 table td {
    font-size: 12px;
}

#homeEdit #content #editProfileStep1 form#frmEditProfile table#basicInfoStep1 input#txtNickName {
	width: 250px;
}

#homeEdit #content #editProfileStep1 form#frmEditProfile table#collegeInfoStep1 input#txtCollege,
#homeEdit #content #editProfileStep1 form#frmEditProfile table#collegeInfoStep1 input#txtRegNumber {
	width: 150px;
}

#homeEdit #content #editProfileStep1 form#frmEditProfile table#basicInfoStep1 input#txtFirstName,
#homeEdit #content #editProfileStep1 form#frmEditProfile table#basicInfoStep1 input#txtLastName {
	width: 110px;
}

#homeEdit #content #editProfileStep1 .td1 {
    vertical-align : top;
    width: 70px;
}
#homeEdit #content #editProfileStep1 .td2 {
    vertical-align : top;
    width: 40px;
}
#homeEdit #content #editProfileStep1 .td3 {
    
}
#homeEdit #content #editProfileStep1 .td4 {
    vertical-align : top;
    width: 130px;
}
#homeEdit #content #editProfileStep1 #divInterest li {
	float: left;
	width: 120px;
	font-size: 12px;    
}
#homeEdit #content #editProfileStep1 fieldset legend {
	display: block;
	padding-top: 1em;
	padding-bottom: 10px;
	padding-right: 10px;
	font-size: 1.4em;
	font-weight: bold;
}
#homeEdit #content #editProfileStep1 #txtIntroduce {
    width: 360px;
    height: 100px;
}


/*home/edit/login
--------------------------------------------------*/
#homeEdit #content #editLogin table {
    width: 550px;
}
#homeEdit #content #editLogin table td {
    font-size: 12px;
}
#homeEdit #content #editLogin .td1 {
    vertical-align : top;
    width: 120px;
}
#homeEdit #content #editLogin .td2 {
    vertical-align : top;
    width: 380px;
}

#homeEdit #content #editLogin .caption {
	display: block;
	padding-top: 1em;
	padding-bottom: 10px;
	padding-right: 10px;
	font-size: 1.4em;
	font-weight: bold;
}

/*home/edit/photo
--------------------------------------------------*/

#editPhoto #userphotos #photolist li{
	display: inline;
    float:left;
	width: 180px;
	height: 200px;
	font-size: 12px; 
}

#editPhoto #userphotos #photolist li table td{
    align: center;
    vertical-align : middle;
    width : 172px;
}

/*logout
--------------------------------------------------*/

#logout #content #info {
	margin-top: 10px;
	margin-bottom: 10px;
    width: 600px;
    height: 200px;
    border: 1px solid #333333;
    text-align: center;
    line-height: 200px;
    overflow: hidden; 
}



/*friends
-----------------------------------------------------*/
.friendmanage
{
	border-top: 1px solid #666666;
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
	margin-bottom:1px;	
}


.friendmanage table
{
	margin-left:10px;
	width:95%;
}

.friendlist
{
	border: 1px solid #666666;
	margin-bottom:10px;
	
	padding-left:10px;
	padding-right:10px;
	padding-top:6px;
	padding-bottom:6px;
}

.friendlist table
{	
	width:95%;
}

.friendlist table image
{
	margin-right:10px;
}
        
        

/*circle
-----------------------------------------------------*/
.circlemanage
{
	border-top: 1px solid #666666;
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
	margin-bottom:1px;
	
}

.circlemanage table
{
	margin-left:10px;
	width:95%;
}

.circlememberlist
{
	border: 1px solid #666666;
	margin-bottom:10px;
	
	padding-left:10px;
	padding-right:10px;
	padding-top:6px;
	padding-bottom:6px;
}

.circlememberlist table
{	
	width:95%;
}

.circlememberlist table image
{
	margin-right:10px;
}


.circlelist
{
	border: 1px solid #666666;
	margin-bottom:10px;
	
	padding-left:10px;
	padding-right:10px;
	padding-top:6px;
	padding-bottom:6px;
}

.circlelist table
{	
	width:95%;
}

.circlelist table image
{
	margin-right:10px;
}


.circleTopicComment
{
	border-bottom: 1px solid #DDDDDD;
	margin-bottom:15px;	
	padding-bottom:5px;
}



.circleTopicView
{
	border-bottom: 1px solid #DDDDDD;
	margin-bottom:10px;	
	padding-bottom:5px;
}


/*class
-----------------------------------------------------*/
.classmanage
{
	border-top: 1px solid #666666;
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
	margin-bottom:1px;
	
}

.classmanage table
{
	margin-left:10px;
	width:95%;
}

.classmemberlist
{
	border: 1px solid #666666;
	margin-bottom:10px;
	
	padding-left:10px;
	padding-right:10px;
	padding-top:6px;
	padding-bottom:6px;
}

.classmemberlist table
{	
	width:95%;
}

.classmemberlist table image
{
	margin-right:10px;
}


.classlist
{
	border: 1px solid #666666;
	margin-bottom:10px;
	
	padding-left:10px;
	padding-right:10px;
	padding-top:6px;
	padding-bottom:6px;
}

.classlist table
{	
	width:95%;
}

.classlist table image
{
	margin-right:10px;
}


.classTopicComment
{
	border-bottom: 1px solid #DDDDDD;
	margin-bottom:15px;	
	padding-bottom:5px;
}



.classTopicView
{
	border-bottom: 1px solid #DDDDDD;
	margin-bottom:10px;	
	padding-bottom:5px;
}




/*friend apply
--------------------------------------------------*/
.friendapply_img {
	max-width:	80px;
	max-height: 110px;
	width:	80px;
}


/*class
--------------------------------------------------*/

#tbGraphicList .editItem {
	background-color : #ffcc00;
}

#homeclassAdd #mainContent h2 {
}

#classProfileEdit #mainContent h2 {
	color: #666666;
	font-size: 16px;
	font-weight: bold;
}

#homeclassAdd #mainContent .classadd {
	padding : 5px;
}

#classProfileEdit #mainContent .classadd {
	padding : 5px;
	border-bottom: 1px solid #666666;
}

#homeclassAdd #mainContent .inputtext {
	width : 160px;
}

#homeclassAdd #mainContent .textarea {
	width : 400px;
	height : 80px;
}

#classProfileEdit #mainContent .inputtext {
	width : 160px;
}

#classProfileEdit #mainContent .textarea {
	width : 400px;
	height : 80px;
}

#homeclassAdd #mainContent .message {
	display: none;
	color: red;
}

#classProfileEdit #mainContent .message {
	display: none;
	color: red;
}

#homeclassAdd #mainContent .timesetting {
	padding: 10px;
}

#classProfileEdit #mainContent .timesetting {
	padding: 10px;
}

#homeclassAdd #mainContent .graphicsetting {
	margin-top: 5px;
	margin-left: 10px;
	width: 400px;
	border-top: 1px solid #666666;
	border-left: 1px solid #666666;
	margin-bottom: 10px;
}

#classProfileEdit #mainContent .graphicsetting {
	margin-top: 5px;
	margin-left: 10px;
	width: 400px;
	border-top: 1px solid #666666;
	border-left: 1px solid #666666;
	margin-bottom: 10px;
}

#homeclassAdd #mainContent .graphicsetting td{
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
	height: 20px;
	padding-left: 3px;
}

#classProfileEdit #mainContent .graphicsetting td{
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
	height: 20px;
	padding-left: 3px;
}

#homeclassAdd #mainContent #tbGraphicList {
	margin-left: 10px;
	margin-top: 5px;
	width: 400px;
	border-top: 1px solid #666666;
	border-left: 1px solid #666666;
	margin-bottom: 10px;
}

#classProfileEdit #mainContent #tbGraphicList {
	margin-left: 10px;
	margin-top: 5px;
	width: 400px;
	border-top: 1px solid #666666;
	border-left: 1px solid #666666;
	margin-bottom: 10px;
}

#homeclassAdd #mainContent #tbGraphicList td{
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
	height: 20px;
	padding-left: 3px;
}

#classProfileEdit #mainContent #tbGraphicList td{
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
	height: 20px;
	padding-left: 3px;
}



#content #mainContent #divClassTimeChange #divClassTimePart table tr td
{
	border-right: 1px solid #aaaaaa;
	border-bottom: 1px solid #aaaaaa;	
	padding-top:5px;
	padding-bottom:5px;
}

#content #mainContent #divClassTimeChange #divClassTimePart .classtime
{
	border-left: 1px solid #aaaaaa;
	padding-left:10px;
	width:60px;
}

#content #mainContent #divClassTimeChange #divClassTimePart .classlink
{
	width:70px;
	background-color: #eeeeee;
	white-space:normal;
	overflow:hidden;
	margin-left:5px;
	margin-right:5px;
	margin-top:2px;
	margin-bottom:2px;
}

#content #mainContent #divClassTimeChange #divClassTimePart .delclasslink
{
	text-decoration : line-through;
	color:red;
}

#content #mainContent #divClassTimeChange #divClassTimePart .weekday
{
	border-top: 1px solid #aaaaaa;
	text-align:center;
	width: 78px;	
}



/*admin
--------------------------------------------------*/
#divInformation table
{
	width:500px;	
}

#divInformation table tr td
{
	text-align:center;
	border:0.5px solid #aaaaaa;
}


/*search
--------------------------------------------------*/
#content #mainContent #searchArea .refine {
	display: inline;
	float:left;
	width:460px;
}
#content #mainContent #searchArea .refine li {
	float: left;
	display: inline;
	margin-right: 10px;
}

/*tool tip
--------------------------------------------------*/
.tooltip{width:400px; color:#333; text-decoration:none; text-align:left; font-size:12px; line-height:120%}

.tooltip span.top{padding:48px 10px 5px 24px; background:url(http://www.otag.cn/images/bt.gif) no-repeat top}

.tooltip b.bottom{padding:3px 8px 15px; color:#548912; background:url(http://www.otag.cn/images/bt.gif) no-repeat bottom}


.panel {
	clear: both;
	display: none;
	border: 3px solid #CCC;
	padding: 1em;
	clear:both;	
}
.panel.active-tab-body {
	display: block;
}

.panel_1 {
	clear: both;
	display: none;
	border: 3px solid #CCC;
	padding: 1em;
	clear:both;
	height: 295px;
	overflow:auto;
	position: relative;	
}
.panel_1.active-tab-body {
	display: block;
}

.panel_note {
	clear: both;
	clear:both;
	height: 270px;
}

#tabs {
	list-style: none;
}

#tabs li {
	float: left;
}

#tabs a {
	display: inline;
	float: left;
	padding: 5px 8px;
	margin-left: 6px;
	background-color: #F2F2F2;
	text-decoration: none;
	color: #999999;
}

#tabs a.active-tab {
	background-color: #CCC;
	border-top: 3px solid #999;
	padding-top: 3px;
	color: #000;
}
input.disabled {
	border: 1px solid #F2F2F2;
	background-color: #F2F2F2;
}
/*
input.required, textarea.required {
	border: 1px solid #00A8E6;
}
*/
input.validation-failed, textarea.validation-failed {
	border: 1px solid #FF3300;
	color : #FF3300;
}
input.validation-passed, textarea.validation-passed {
	border: 1px solid #00CC00;
	color : #000;
}

.validation-advice {
	margin: 0;
	padding: 5px 5px 5px 0;
	color : #FF3300;
	font-weight: bold;
	width:200px;
	font-size:12px;
}

.validation-advice1 {
	margin: 0;
	padding: 5px;
	background-color: #FF3300;
	color : #FFF;
	font-weight: bold;
}

.custom-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #C8AA00;
	color : #FFF;
	font-weight: bold;
}

.inputtext {
	width: 200px;
}

#linknotedialog #title ul li{
	display: inline;
	float: left;
}

.highlight {
	color : #0066ff;
	font-weight : bold;
}

.wrap {
	white-space : normal;
	word-break : break-all;
	overflow : hidden;
}

#tbClassTime {
	width : 350px;
	padding-bottom : 5px;
}

#tbClassTime td {
	border-bottom: 1px dotted #493F0B;
	border-right: 1px solid #E0E0E0;
}

#tbClassTime td.weekday {
	width: 42px;
	padding: 3px 2px 3px 0;
	text-align: center;
	border: 1px solid #493F0B;
	background-color: #6D653C;
	color: #FFFFFF;	
}

#tbClassTime td.classtime {
	padding: 0;
	border-bottom: 1px dotted #493F0B;
}

.clearfix,
#hdr,
#hdr h1#logo,
#hdr ul#hdrLink,
#content #profileContent .cmnArea.picList ul,
#content #mainContent .cmnArea,
#content #mainContent .cmnArea ul,
#content #mainContent .cmnArea .numberList,
#content #mainContent #newsArea ul.newsList li.note .note,
#content #mainContent #newsArea ul.newsList li.note .note dl.noteProfile,
#content #mainContent .noteList ul li.note .note,
#content #mainContent .noteList ul li.note .note dl.noteProfile,
#content #mainContent .notelist ul li .noteHdr,
#content #mainContent #messageArea .messageList li div,
#ftr,
#content ul#contentNav {
    zoom:1;/*for IE 5.5-7*/
}

.clearfix:after,
#hdr:after,
#hdr h1#logo:after,
#hdr ul#hdrLink:after,
#content #profileContent .cmnArea.picList ul:after,
#content #mainContent .cmnArea:after,
#content #mainContent .cmnArea ul:after,
#content #mainContent .cmnArea .numberList:after,
#content #mainContent #newsArea ul.newsList li.note .note:after,
#content #mainContent #newsArea ul.newsList li.note .note dl.noteProfile:after,
#content #mainContent .noteList ul li .note:after,
#content #mainContent .noteList ul li .note dl.noteProfile:after,
#content #mainContent ul.notelist li .noteHdr:after,
#content #mainContent #messageArea .messageList li div:after,
#ftr:after,
#content ul#contentNav:after {/*for modern browser*/
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}


/*code_guideline
----------------------------------------------*/

#content #mainContent .code_guideline {
	border: 1px solid #FF0000;
}

* {
	background-repeat: no-repeat;
}

html {
	overflow-y:scroll;
	height:100%;
}

body {
	height:100%;
	background-color: #FFFFFF;
}

img {
	display: block;
	border:none;
}

address {
	font-style:normal;
}

.imgover {
}

.clearfix,
.box,
.note.note_notelist,
ul.notelist li,
#hdr,
#ftr,
#container,
#content,
#myNav,
ul#contentNav,
#profileContent,
#mainContent,
#hdr ul#hdrLink,
#ftr ul#ftr ul#ftrLink,
#mainContent #listArea,
#mainContent #listArea #thumbnailArea,
#mainContent #listArea #thumbnailArea ul li,
#mainContent #editConfig,
#mainContent #btnArea ul,
#mainContent #friendShowDelete div,
#login #wrap,
#login #wrap #loginBox,
#login #wrap #newsBox,
#divMessageList ul#ulMessageList.messageList,
#divMessageList ul#ulMessageList.messageList li.label,
#divMessageList ul#ulMessageList.messageList li.read {
    zoom:1;/*for IE 5.5-7*/
}

.clearfix:after,
.box:after,
.note.note_notelist:after,
ul.notelist li:after,
#hdr:after,
#ftr:after,
#container:after,
#content:after,
#myNav:after,
ul#contentNav:after,
#profileContent:after,
#mainContent:after,
#hdr ul#hdrLink:after,
#ftr ul#ftr ul#ftrLink:after,
#mainContent #listArea:after,
#mainContent #listArea #thumbnailArea:after,
#mainContent #listArea #thumbnailArea ul li:after,
#mainContent #editConfig:after,
#mainContent #btnArea ul:after,
#login #wrap:after,
#login #wrap #loginBox:after,
#login #wrap #newsBox:after,
#divMessageList ul#ulMessageList.messageList:after,
#divMessageList ul#ulMessageList.messageList li.label:after,
#divMessageList ul#ulMessageList.messageList li.read:after {/*for modern browser*/

    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}

body {
	color: #333333;
}

a {
	color: #CC0000;
}

a:link,
a:visited {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

input,
textarea {
	font-family:'Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3',sans-serif;
}


input[type="text"],
input[type="password"],
textarea,
select,
#myNav #searchBox input#navSearchText,
body#search #mainContent input#tbxSearch,
body#search.class #mainContent input#txtTeacher,
body#search.class #mainContent input#txtTeacher,
body#search.circle #mainContent select#ddlCategory {
	border: 1px solid #A7C520;
	padding: 1px;
	vertical-align: middle;
}

body#search #searchOption table {
	clear: both;
	float: none;
}

body#search #sortOption select#ddlSort{
	display: inline;
	float:right;
}

input:focus,
select:focus,
textarea:focus {
	border: 1px solid #A7C520;
	background-color: #E5EEBD;
}

input.noInput {
	color:#666666;
}


/*Common Parts
----------------------------------------------*/

/*note*/
.note .noteImage a img {
	background: url(../img/note/note_bg_pic.png) no-repeat center center;
}

.note.friend.note_notelist {
	background: url(../img/note/noteList_bg_friend.gif) no-repeat left top;
}

.note.movie.note_notelist {
	background: url(../img/note/noteList_bg_movie.gif) no-repeat left top;
}

.note.word.note_notelist {
	background: url(../img/note/noteList_bg_word.gif) no-repeat left top;
}

.note.web.note_notelist {
	background: url(../img/note/noteList_bg_web.gif) no-repeat left top;
}

.note.friend p.noteTitle a,
.notePopup.friend p.noteTitle a {
	background: url(../img/icon/icon_friend.gif) no-repeat left top;
}

.note.web p.noteTitle a,
.notePopup.web p.noteTitle a {
	background: url(../img/icon/icon_web.gif) no-repeat left top;
}

.note.text p.noteTitle a,
.notePopup.text p.noteTitle a {
	background: url(../img/icon/icon_text.gif) no-repeat left top;
}

.note.movie p.noteTitle a,
.notePopup.movie p.noteTitle a {
	background: url(../img/icon/icon_movie.gif) no-repeat left top;
}

.note.word p.noteTitle a,
.notePopup.word p.noteTitle a {
	background: url(../img/icon/icon_word.gif) no-repeat left top;
}



.note p.noteAuthorComment a.author {
	background: url(../img/icon/icon_friend.gif) no-repeat left top;
}




/*note individual*/
#mainContent #noteArea.note.box {
}

#mainContent #noteArea.note.box .noteImage {
	background: url(../img/note/note_bg_pic_l.png) no-repeat left top;
}

#mainContent #noteArea.note.box .noteImage.noteImageMovie {
	background: url(../img/note/note_bg_pic_movie.png) no-repeat left top;
}

/*note popup*/
.notePopup {
	background: url(../img/note/popup_bg.gif) no-repeat left top;
}

.notePopup .noteImage a img {
	background: url(../img/note/note_bg_pic.png) no-repeat center center;
}




/*contentNav*/
ul#contentNav{
}

/*memberManege*/
#mainContent .memberManage a {
	color: #FFFFFF;
}



/*table design 1*/
table.table1 {
	width: 540px;
	margin: 0 5px 20px;
	border-collapse: collapse;
	border-spacing: 0;
	border-top: 1px solid #D4D2C9;
	border-bottom: 1px solid #D4D2C9;
	border-left: 1px solid #F2F1EF;
}

table.table1 tr {
	border-bottom: 1px dotted #493F0B;
}

table.table1 th,
table.table1 td {
	padding: 4px;
	font-weight: normal;
}

table.table1 th {
	border-right: 1px dotted #D4D2C9;
	background-color: #F6F6F4;
}

table.table1 td {
	padding-left: 4px;
}






/*Header
----------------------------------------------*/

#hdr {
	background: url(../img/hdr/hdr_bg.jpg) repeat-x center bottom;
}

#hdr ul#hdrLink {
}

#hdr ul#hdrLink li {
}

#hdr h1#logo {
}

#hdr #hdrBanner {
}



/*Footer
----------------------------------------------*/

#ftr {
}

#ftr address#copyright {
}

#ftr ul#ftrLink {
}

#ftr ul#ftrLink li {
}

#ftr a {
	color: #333333;
}


/*myNav
----------------------------------------------*/

#myNav {
}

#myNav .box {
}

#myNav .box h2 {
	padding: 0 0 2px;
}

#myNav .box ul {
}

#myNav .box ul li {
	font-size: 12px;
}

#myNav .box ul li a {
	display: block;
	color: #333333;
	height: 12px;
	padding: 4px 0 6px 30px;
	background-position: left;
	background-repeat: no-repeat;	
}

#myNav .box ul li a:hover {
	text-decoration: none;
}

#myNav .box ul li#navHome a {
	background-image: url(../img/myNav/myNav_homebg.gif);
}

body#search #myNav .box ul li#navHome a,
body#home #myNav .box ul li#navHome a,
#myNav .box ul li#navHome a:hover {
	background-image: url(../img/myNav/myNav_homeonbg.gif);
	color: #FFFFFF;
}

#myNav .box ul li#navSchedule a {
	background-image: url(../img/myNav/myNav_schebg.gif);
}

body#homeclassAdd #myNav .box ul li#navSchedule a,
body#homeClass #myNav .box ul li#navSchedule a,
body#classMember #myNav .box ul li#navSchedule a,
#myNav .box ul li#navSchedule a:hover {
	background-image: url(../img/myNav/myNav_scheonbg.gif);
	color: #FFFFFF;
}

#myNav .box ul li#navCircle a {
	background-image: url(../img/myNav/myNav_circlebg.gif);
}

body#homeCircleAdd #myNav .box ul li#navCircle a,
body#homeCircle #myNav .box ul li#navCircle a,
#myNav .box ul li#navCircle a:hover {
	background-image: url(../img/myNav/myNav_circleonbg.gif);
	color: #FFFFFF;
}

#myNav .box ul li#navFriend a {
	background-image: url(../img/myNav/myNav_friendbg.gif);
}

body#homeFriend #myNav .box ul li#navFriend a,
#myNav .box ul li#navFriend a:hover {
	background-image: url(../img/myNav/myNav_friendonbg.gif);
	color: #FFFFFF;
}

#myNav .box ul li#navLinnoBox a {
	background-image: url(../img/myNav/myNav_linnoBoxbg.gif);
}

body#noteAdd #myNav .box ul li#navLinnoBox a,
body#homeNote #myNav .box ul li#navLinnoBox a,
#myNav .box ul li#navLinnoBox a:hover {
	background-image: url(../img/myNav/myNav_linnoBoxonbg.gif);
	color: #FFFFFF;
}

#myNav .box ul li#navDiary a {
	background-image: url(../img/myNav/myNav_diarybg.gif);
}

body#diary #myNav .box ul li#navDiary a,
body#diaryAdd #myNav .box ul li#navDiary a,
body#homeDiary #myNav .box ul li#navDiary a,
#myNav .box ul li#navDiary a:hover {
	background-image: url(../img/myNav/myNav_diaryonbg.gif);
	color: #FFFFFF;
}

#myNav .box ul li#navMessage a {
	background-image: url(../img/myNav/myNav_massagebg.gif);
}

body#message #myNav .box ul li#navMessage a,
#myNav .box ul li#navMessage a:hover {
	background-image: url(../img/myNav/myNav_massageonbg.gif);
	color: #FFFFFF;
}

#myNav .box ul li#navLog a {
	background-image: url(../img/myNav/myNav_logbg.gif);
}

body#homeLog #myNav .box ul li#navLog a,
#myNav .box ul li#navLog a:hover {
	background-image: url(../img/myNav/myNav_logonbg.gif);
	color: #FFFFFF;
}

#myNav .box ul#editNav li#navConfig a {
	background-image: url(../img/myNav/myNav_configbg.gif);
}

body#homeEdit #myNav .box ul li#navConfig a,
#myNav .box ul#editNav li#navConfig a:hover {
	background-image: url(../img/myNav/myNav_configonbg.gif);
	color: #FFFFFF;
}




/*profileContent
----------------------------------------------*/

#profileContent {	
}

#profileContent .box {
}

#profileContent .box #userPic 
}

#profileContent h2 {
	margin: 0;
	padding: 0;
}

#profileContent p.moreLink a {
	background: url(../img/ftr/btn_arrow.gif) no-repeat left top;
}

#profileContent p.moreLink a:hover {
	background-position: 1px top;
}

/*txtList*/
#profileContent .txtList ul li a {
	background-position: left top;
	background-repeat: no-repeat;
}

#profileContent .txtList ul li a:hover {
	background-position: 1px top;
}

#profileContent .txtList ul li.friend a {
	background-image: url(../img/icon/icon_friend.gif);
}

#profileContent .txtList ul li.circle a {
	background-image: url(../img/icon/icon_circle.gif);
}

#profileContent .txtList ul li.web a {
	background-image: url(../img/icon/icon_web.gif);
}

#profileContent .txtList ul li.movie a {
	background-image: url(../img/icon/icon_movie.gif);
}

#profileContent .txtList ul li.text a {
	background-image: url(../img/icon/icon_text.gif);
}

#profileContent .txtList ul li.word a {
	background-image: url(../img/icon/icon_word.gif);
}

#profileContent .txtList ul li.excel a {
	background-image: url(../img/icon/icon_excel.gif);
}

#profileContent .txtList ul li.pdf a {
	background-image: url(../img/icon/icon_pdf.gif);
}

#profileContent .txtList ul li.diary a {
	background-image: url(../img/icon/icon_diary.gif);
}

#profileContent .txtList ul li.class a {
	background-image: url(../img/icon/icon_class.gif);
}


#profileContent #noteArea.box {
	margin: 0;
	padding: 0;
	background: url(../img/profileContent/linnobox_bg_bottom.gif) no-repeat center bottom;
}

#profileContent #noteArea.box {
	width: 180px;
	margin: 0 5px 10px;
}

#profileContent #noteArea.box #noteAreaDate {
	margin: 0;
	padding: 0;
}

#profileContent #noteArea.box h2 {
	padding: 0 0 10px;
	margin: 0;
}



/*mainContent
----------------------------------------------*/

#mainContent {
}

#mainContent .box {
}

#mainContent .box h2 {
	background: url(../img/mainContent/tit_main_bg.jpg) no-repeat center top;
	color: #FFFFFF;
	text-shadow: 2px 2px 2px #2E2809;
}

#mainContent .box ul.numberList li {	
}

#mainContent .box ul.numberList li a {
}

#mainContent .box ul.numberList li a:hover {	
}

#mainContent .box ul.numberList li a.on {
}

/*infoArea*/
#mainContent #infoArea.box h2 {
	margin: -3px 0 10px;
	padding: 0;
	background: none;
}


/*numberlist
--------------------------------------------------*/
.numberList li a {
	border-top: 1px solid #9BE142;
	border-left: 1px solid #9BE142;
	border-right: 1px solid #66A813;
	border-bottom: 1px solid #66A713;
	color:#666666;
}
.numberList li a.on,
.numberList li a:hover {
	background-color:#98E13B;
	color:#FFFFFF;
}





/*Content
----------------------------------------------*/





/*Individual
----------------------------------------------*/

/*login*/
body#login #wrap {
	background: url(../../img/bg_main.png) no-repeat left bottom;
}

/*about us*/

/*works*/


/*schedule*/


#mainContent #divSchedule table td {
	border-bottom: 1px solid #C0C4AD;
	border-right: 1px solid #C0C4AD;
}

#mainContent #divSchedule table td.weekday {
	border-bottom: 2px solid #C0C4AD;
}

#mainContent #divSchedule table td.classtime {
	background: url(../img/classSchedule/th_bg.gif) repeat;
	border-right: 2px solid #C0C4AD;
}

#mainContent #divSchedule table td .classlink a {
	border: 1px solid #A49F85;	
	background-color: #E0DED1;
}

#mainContent #divSchedule table td .classlink a:hover {
	border: 1px solid #493F0B;
	text-decoration: none;
}


/*message*/
#divMessageList table.messageTable {
}

#message #divMessageList table.messageTable tr th {
	border: 1px solid #493F0B;
	background-color: #6D653C;
	color: #FFFFFF;
}

#message #divMessageList table.messageTable tr {
	border-bottom: 1px dotted #493F0B;
}







/*registerArea*/
#registerArea {
}

#registerArea ol li {
	display: inline;
	float:left;
	padding-bottom:10px;
}

#registerArea table {
	clear:both;
	width:540px;
}

#registerArea table th {
	width:80px;
	text-align:left;
	vertical-align:middle;
	font-weight:normal;
}

#registerArea table td {
	padding-bottom:10px;
}

#registerArea.step1 table textarea {
	width:400px;
}

#registerArea.step1 li.submit {
	text-align:right;
}

body {
	font-size: 10px;
}

input[type="text"],
select {
	height: 20px;
	line-height: 18px;
	margin: 0;
	padding: 1px;
}

input,
select {
	vertical-align: middle;
}

input[type="text"],
textarea,
select {
	font-size: 12px;
}

* {
	zoom:1;	
}


/*Common Parts
----------------------------------------------*/

/*notetype*/
#mainContent ul.refinetype {
	display: block;
	margin: 0 5px 10px;
	font-size: 10px;
	
}

#mainContent ul.refinetype li {
	display: inline;
	float: right;
	white-space: nowrap;
}


/*refile,display,icons*/
#mainContent ul.refine,
#mainContent ul.icons,
#mainContent ul.display {
	display: block;
	margin: 0 5px 10px;
	font-size: 10px;
	
}

#mainContent ul.refine li,
#mainContent ul.icons li,
#mainContent ul.display li {
	display: inline;
	float: left;
	margin-right: 10px;
	white-space: nowrap;
}

#mainContent ul.sortList {
	margin: 0 5px 10px;
}

/*form*/
.validation-advice {
	width: 300px;
}


/*note*/
.note .noteImage a {
	position: absolute;
	display: block;
	width: 100px;
}

.note .noteImage a img {
	padding: 10px;
}

.note.note_notelist {
	position: relative;
	margin-bottom: 10px;
	width: 540px;
	height: 120px;
	font-size: 11px;
	overflow: hidden;
}

.note.note_notelist .noteImage a {
	left: 15px;
	top: 0;
}

.note.note_notelist .link {
	position: absolute;
	left: 17px;
	top: 92px;
}

.note.note_notelist p.noteTitle{
	margin: 0 0 0 110px;
	padding-top:5px;
	padding-left:10px;
}
.note.note_notelist p.noteDate{
	display: inline;
	float: right;
	padding-top:5px;
	padding-right: 10px;
}
.note.note_notelist p.noteContent {
	margin: 0 0 0 110px;
	padding: 3px 10px 0;
}
.note.note_notelist p.noteDescription {
	margin: 0 0 0 110px;
	padding: 3px 10px 0;
}
.note.note_notelist p.noteClassDescription {
	margin: 0 0 0 110px;
	padding: 3px 10px 0;
}

.note.note_notelist p.editLink {
	display: inline;
	float: right;
}
.note.note_notelist p.noteLink{
	position: absolute;
	top: 100px;
	right:0px;
	padding-bottom: 10px;
	padding-right: 40px;
}

.note.note_notelist p.noteLink span{
	margin-right: 10px;
}

.note p.noteTitle a {
	padding: 2px 0 2px 18px;
	background-repeat: no-repeat;
	background-position: left top;
}

.note p.noteTitle a:hover {
	background-position: 1px top;
}

.note.note_notelist p.moreLink {
	position: absolute;
	left: 498px;
	top: 89px;
	width: 38px;
	height: 28px;
}

.note.note_notelist div.studyStatus {
	position: absolute;
	left: 120px;
	top: 95px;
	height: 28px;
	font-size: 14px;
}

.note p.noteAuthorComment {
	position: absolute;
	right: 0;
	bottom: 0;
	margin: 0 30px 10px 100px;
}

.note p.noteAuthorComment a {
	margin-left: 10px;
}

.note p.noteAuthorComment a.author {
	padding-left: 18px;
}

ul.notelist {
	clear: both;
}

ul.notelist li {
	display: inline;
	position: relative;
	float: left;
	margin-left: 2px;
	margin-right: 5px;
	padding-bottom: 10px;
	width: 100px;
	height: 136px;
	overflow: hidden;
}

ul.notelist li .chkbox {
	/*float:right;
	margin-top: -18px;*/
	position: absolute;
	left: 80px;
	top: 0px;
}

ul.notelist li .note.thumbnail p.noteTitle {
	margin: 20px 0 0 5px;
	font-weight: bold;
	font-size: 12px;
}

ul.notelist li .note.thumbnail .noteImage {
}
ul.notelist li .note.thumbnail .noteImage.noteSave img{
	margin-top: -15px;
	margin-left: -14px;
}

/*notePopup*/
.notePopup {
	position: relative;
	display: block;
	overflow: hidden;
	left: 20px;
	top: 20px;
	width: 432px;
	height: 127px;
}

.notePopup p.noteTitle {
	position: absolute;
	top: 5px;
}

.notePopup.left p.noteTitle {
	position: absolute;
	margin-left: 5px;
}

.notePopup.right p.noteTitle {
	position: absolute;
	right: 0px;
	width: 105px;
}

.notePopup p.noteTitle a {
	padding: 2px 0 2px 18px;
}

.notePopup .noteImage a {
	position: absolute;
	top: 20px;
	display: block;
	width: 100px;
}

.notePopup.right .noteImage {
	position: absolute;
	right: 105px;
} 

.notePopup.left .noteImage a {
	position: absolute;
	left: 0;
}

.notePopup .noteImage a img {
	padding: 10px;
}

.notePopup p.noteDescription {
	position: absolute;
	top: 25px;
	width: 300px;
}

.notePopup.left p.noteDescription {
	position: absolute;
	left: 110px;
}

.notePopup.right p.noteDescription {
	position: absolute;
	right: 120px;
}

/*numberlist
--------------------------------------------------*/
.numberList li {
	float: left;
	margin-right: 10px;
	border:none;
	display: inline;
	padding: 0;
	
}

.numberList li a {
	display: block;;
	min-width:15px;
	_width:15px;
	min-height: 17px;
	_height:17px;
	padding: 1px 2px;
	text-align: center;
	text-decoration:none;
	line-height: 17px;
	margin-bottom: 10px;
}
.numberList li a.on {
}


/*note individual*/
#mainContent #noteArea.note.box {
}

#mainContent #noteArea.note.box .picArea {
	display: inline;
	float: left;
	width: 200px;
}

#mainContent #noteArea.note.box .noteImage {
	width: 170px;
	height: 170px;
	padding: 13px;
}

#mainContent #noteArea.note.box .noteImage.noteImageMovie {
	padding: 16px;
	width: 425px;
	height: 350px;
}

#mainContent #noteArea.note.box .link {
	margin: -9px 0 10px 8px;
	width: 184px;
}

#mainContent #noteArea.note.box .link.movie {
	margin: -17px auto 20px;
	width: 184px;
}

#mainContent #noteArea.note.box .link.text {
	margin: 0 auto 10px;
	width: 184px;
}

#mainContent #noteArea.note.box .noteProfile {
	margin: 20px 0 10px 210px;
}

#mainContent #noteArea.note.box .noteProfile .noteDescriptionArea {
	margin-bottom: 20px;
}



/*contentNav*/
ul#contentNav{
	width: 740px;
	float: right;
	margin: -34px 5px 10px;
	overflow: hidden;
}

#noteAdd ul#contentNav,
#message ul#contentNav,
#homeEdit .cmnArea ul#contentNav,
#editConfig .cmnArea ul#contentNav,
#searchArea ul#contentNav {
	width: 540px;
	float: none;
	margin: 0 3px 10px 3px;
	border-bottom: 2px solid #8AD84D;
}

#noteAdd ul#contentNav li,
#message ul#contentNav li,
#homeEdit .cmnArea ul#contentNav li,
#editConfig .cmnArea ul#contentNav li,
#searchArea ul#contentNav li {
	display: inline;
	width: 90px;
	height: 23px;
	margin-right: 2px;
}

body#friend ul#contentNav,
body#circle ul#contentNav,
body#circlecalendar ul#contentNav,
body#diary ul#contentNav,
body#note ul#contentNav,
body#class ul#contentNav {
	width: 745px;
}

ul#contentNav li {
	display: inline;
	float: left;
	width: 105px;
}

#search ul#contentNav li {
	width: 75px;
}

/*profileTable*/
#profileArea table {
	width: 540px;
	margin: 0 5px 20px;
	border-collapse: collapse;
	border-spacing: 0;
	border-top: 1px solid #D4D2C9;
	border-bottom: 1px solid #D4D2C9;
	border-left: 1px solid #F2F1EF;
}

#profileArea table tr {
	border-bottom: 1px dotted #493F0B;
}

#profileArea table th,
#profileArea table td {
	padding: 4px;
	font-weight: normal;
}

#profileArea table th {
	border-right: 1px dotted #D4D2C9;
	background-color: #F6F6F4;
}

#profileArea table td {
	padding-left: 4px;
}

/*minifeed,newsfeed*/
#divMiniFeed,
#divNewsFeed {
	margin-left:4px;
	margin-right:6px;
}

#divMiniFeed ul.feedArea,
#divNewsFeed ul.feedArea {
	margin: 0 0 5px;
}

#divMiniFeed ul.feedArea li,
#divNewsFeed ul.feedArea li {
	margin-bottom: 5px;
	padding-bottom: 3px;
	padding-left: 17px;
	border-bottom: 1px solid #E1E1E1;
}

#divMiniFeed ul.feedArea li div,
#divNewsFeed ul.feedArea li div {
	margin-right: 5px;
	/*text-align: right;*/
}

#divMiniFeed ul.feedArea li div.deletebutton,
#divNewsFeed ul.feedArea li div.deletebutton {
	margin-right: 5px;
	margin-top: -18px;
	text-align: right;
}

#newsArea.box #divMiniFeed h3,
#newsArea.box #divNewsFeed h3 {
	margin-bottom: 5px;
	font-size: 12px;
	font-weight: normal;
}

/*searchBox*/


#myNav #searchBox input#navSearchText {
	height: 22px;	
}

input[type="text"],
#myNav #searchBox input#navSearchText,
body#search #mainContent input#tbxSearch,
body#search.class #mainContent input#txtTeacher,
body#search.circle #mainContent select#ddlCategory {
	vertical-align: middle;
}

/*memberMange*/
#mainContent .memberManage {
	margin-top: -39px;
	margin-right: 10px;
	text-align: right;
	line-height: 30px;
}

body#class.member #mainContent .memberManage {
	margin-top: -39px;
}

#mainContent .memberManage a {
	padding: 2px;
}


/*addBtn*/
#mainContent #addDiaryArea ul.btnList li.addDiary,
#mainContent #addCircleArea ul.btnList li.addCircle,
#mainContent #addClassArea ul.btnList li.addClass,
#mainContent #addNoteArea ul.btnList li.addNote,
#mainContent ul.btnList li.addTopic {
	text-align: center;
}

#mainContent #addDiaryArea ul.btnList li.addDiary a,
#mainContent #addCircleArea ul.btnList li.addCircle a,
#mainContent #addClassArea ul.btnList li.addClass a,
#mainContent #addNoteArea ul.btnList li.addNote a,
#mainContent ul.btnList li.addTopic a {
	display: block;
	width: 184px;
	margin: 0 auto 20px;	
}


/*Header
----------------------------------------------*/

#hdr {
	margin-top: 3px;
	height: 142px;
}

#hdr .inner {
	width: 906px;
	margin: 0 auto;
	padding: 0;
}

#hdr #hdrLink {
	padding-top: 15px;
	text-align: left;
	line-height: 14px;
	color: #8EB20E;
	clear: both;
	overflow: hidden;
}


#hdr #hdrLink-l {
	display: inline;
	float: left;
	width: 362px;
	margin-left: 270px;
	padding: 0;
}

#hdr #hdrLink-l a {
	padding: 2px;
	font-size: 11px;
	color: #493f0b;
}

#hdr #hdrLink-l a:hover {
	color: #ffffff;
	background-color: #66cc00;
	text-decoration: none;
}

#hdr #hdrLink-l form#navSearch {
	padding-top: 3px;
}

#hdr #hdrLink-l input#q {
	width: 285px;
	margin: 0;
	padding: 0;
	vertical-align: bottom;
}



#hdr #hdrLink-l input#btnNavSearch {
	margin: 0 0 0 10px;
	padding: 0;
	vertical-align: bottom;	
}

#hdr #hdrLink-r {
	display: inline;
	width: 250px;
	float: right;
}

#hdr #hdrLink-r a {
	display: inline;
}

#hdr #hdrLink-r ul {
	padding-top: 20px;
	text-align: right;
	}

#hdr #hdrLink-r li {
	display: inline;
	}

#hdr #hdrLink-r li.logoutLink,
#hdr #hdrLink-r li.inviteLink {
	margin-left: 10px;
}

#hdr #hdrLink-r li.guideLink a {
	color: #333333;
	padding: 4px 0 6px 17px;
	background-position: left;
	background-repeat: no-repeat;
	background-image: url(../img/hdr/hdrLink_help.gif);
	line-height: 14px;
}

#hdr #hdrLink-r li.guideLink a hover {
	color: #333333;
	text-decoration: underline;
}

#hdr #hdrLink-r li.inviteLink a {
	color: #333333;
	padding: 4px 0 6px 17px;
	background-position: left;
	background-repeat: no-repeat;
	background-image: url(../img/hdr/hdrLink_invite.gif);
	line-height: 14px;
}

#hdr #hdrLink-r li.inviteLink a hover {
	color: #333333;
	text-decoration: underline;
}

#hdr #hdrLink-r li.logoutLink a {
	color: #333333;
	padding: 4px 0 6px 11px;
	background-position: left;
	background-repeat: no-repeat;
	background-image: url(../img/hdr/hdrLink_logout.gif);
	line-height: 14px;
}

#hdr #hdrLink-r li.logoutLink a hover {
	color: #333333;
	text-decoration: underline;
}


#hdr #hdrLink-r img {
	display: inline;
}

#hdr h1#logo {
	display: inline;
	float: left;
	width: 176px;
	height: 76px;
	margin: 0;
	padding: 0;
}

#hdr.static h1#logo {
}

#hdr #hdrBanner {
	display: inline;
	float: right;
	margin: 7px 0px 0px 0px;
}




/*Footer
----------------------------------------------*/

#ftr {
	clear: both;
	width: 906px;
	margin: 0 auto;
	padding-top: 3px;
	margin-bottom: 10px;
	font-size: 12px;
}

#ftr .inner {
	display: inline;
	float: right;
	width: 760px;
	overflow: hidden;
}

#ftr address#copyright {
	float: right;
}

#ftr ul#ftrLink {
}

#ftr ul#ftrLink li {
	display: inline;
	float: left;
	margin-right: 10px;
}


/*container
----------------------------------------------*/

#container {
	margin: 0 auto;
	width: 906px;
	text-align: left;
	font-size: 10px;
}

#container #content {
	margin-top: 10px;
	background: url(../img/content/content_bg_bottom.gif) no-repeat right bottom;
}

body#class #container #content {
	margin-top: 10px;
	background: url(../img/content/class/content_bg_bottom.gif) no-repeat right bottom;
}

body#class #container #content #profileContent #linkArea {
	text-align: center;
}

body#class #container #content #profileContent #linkArea img {
	margin-left: 5px;
}

body#circlecalendar #container #content,
body#circle #container #content {
	margin-top: 10px;
	background: url(../img/content/circle/content_bg_bottom.gif) no-repeat right bottom;
}

body#friend #container #content {
	margin-top: 10px;
	background: url(../img/content/friend/content_bg_bottom.gif) no-repeat right bottom;
}

body#friend #container #content #profileContent #frienfLink img {
	margin-left: 5px;
}

#container #content h1#pageTitle {
	display: inline;
	float: right;
	width: 740px;
	height: 40px;
	padding: 0 10px 0;
	background: url(../img/content/content_bg_top.jpg) no-repeat right top;
	font-size: 16px;
	line-height: 30px;
	color: #FFFFFF;
}

body#class #container #content h1#pageTitle {
	height: 68px;
	background: url(../img/content/class/content_bg_top.jpg) no-repeat right top;
}

body#circlecalendar #container #content h1#pageTitle,
body#circle #container #content h1#pageTitle {
	height: 68px;
	background: url(../img/content/circle/content_bg_top.jpg) no-repeat right top;
}

body#friend #container #content h1#pageTitle {
	height: 68px;
	background: url(../img/content/friend/content_bg_top.jpg) no-repeat right top;
}


/*common
----------------------------------------------*/

.box h2 {
	padding: 5px 3px 7px;
}



/*myNav
----------------------------------------------*/

#myNav {
	display: inline;
	float: left;
	margin-top: 8px;
	margin-left: -8px;
	width: 154px;
	overflow: hidden;
}

#myNav .box {
	margin-bottom: 6px;
	padding-bottom: 10px;
}


#myNav .box ul#editNav {
	padding-top: 5px;
}

/*searchBox*/
#myNav #searchBox {
	_position: relative;
	_height:95px;
}

#myNav #searchBox form {
	margin: 0 11px;
}

#myNav #searchBox form fieldset {
}

#myNav #searchBox input#navSearchText {
	margin: 0 auto 7px;
	width: 116px;
	_position: absolute;
	_left: 10px;
}

#myNav #searchBox input#navSearchBtn {
	_position: absolute;
	_top:70px;
}

#myNav #suggestBox.box {
	width: 140px;
	margin: 0 3px;
	background: url(../img/myNav/bottom_suggest.gif) no-repeat center bottom;	
}

#myNav #suggestBox.box h2 {
	padding: 0 0 10px;
}

#myNav #suggestBox #divSuggestContent {
	margin: 0;
	padding-bottom: 10px;
}

#myNav #suggestBox #divSuggestContent a {
	font-size: 12px;
}



/* My Comment */

/*bannerBox*/
#myNav #myNavBannerBox {
	margin: 0 1px;
	padding: 4px 10px 10px;
}





/*profileContent
----------------------------------------------*/

#profileContent {
	display: inline;
	float: left;
	margin: 0 0 10px 9px;
	width: 186px;
}

#profileContent div a img.imgover {
	margin-left: 5px;
}

#profileContent .box {
	clear: both;
}

#profileContent .box #userPic,
#profileContent .box ul#userAction,
#profileContent .box ul#commAction {
	padding: 0 7px;
	font-size: 12px;
}

#profileContent .box #userPic {
}

#profileContent .box ul#userAction,
#profileContent .box ul#commAction {
	padding-bottom: 10px;
}

#profileContent .box ul#userAction li {
}

#profileContent .box p {
	padding: 0 5px 10px;
}

#profileContent #inviteArea a img.imgover {
	margin-left: 0;
	margin-bottom: 4px;
	padding: 0 6px;
}

#profileContent p.moreLink {
	clear: both;
	margin: 0 5px 0;
	text-align: right;
	font-size: 12px;
}

#profileContent p.moreLink a {
	padding: 0 0 1px 16px;
}

#profileContent .picList ul,
#profileContent .txtList ul {
	margin-left: 7px;
}

/*picList*/
#profileContent .picList {
}

#profileContent .picList ul li {
	display: inline;
	float: left;
	padding-bottom: 10px;
	width: 85px;
}

#friendPhotoArea  ul li {
	display: inline;
	float: left;
	padding-bottom: 10px;
	padding-left: 10px;
	width: 170px;
}


/*txtList*/
#profileContent .txtList ul {
	margin-bottom: 10px;
	font-size: 12px;
}

#profileContent .txtList ul li a {
	padding: 2px 0 2px 20px;
}

/*log*/
#homeLog #mainContent #logArea label#lblVisitCount {
	display: block;
	margin: 0 5px 10px;
}

#homeLog #mainContent #logArea ul {
	margin: 0 5px 20px;
}

/*profile*/





/*mainContent
----------------------------------------------*/

#mainContent {
	display: inline;
	float: left;
	width: 546px;
	margin-left: 7px;
	overflow: hidden;
}

#mainContent .box {
	clear: both;
	margin-bottom: 8px;
	font-size: 12px;
}

#mainContent .box .inner {
	margin: 0 0 10px;
}

/*infoArea*/
#mainContent #infoArea.box ul {
	padding: 0 7px 10px;
}

#mainContent #infoArea.box h2 {
	margin-bottom: 0;
}

/*newsArea*/
#mainContent #newsArea {
}

#mainContent .box h2 {
	margin: -2px 0 0;
	padding: 5px 14px 8px;
	line-height: 30px;
	font-size: 15px;
}

#mainContent .box h3 {
	margin-bottom: 10px;
	border-bottom: 1px solid #333333;
	font-size: 14px;
}

#mainContent .box h3 span {
	margin-left: 10px;
	font-size: 10px;
	font-weight: normal;
}

#mainContent .box h4 {
	margin-bottom: 5px;
	font-size: 10px;
}

#mainContent ul.notelist {
	margin-left: 5px;
}

/*friendview*/
#mainContent #friendview select#order_type {
	margin: 10px 5px;	
}

#mainContent #friendview #friendtable {
	margin: 0 5px 10px;
}

/*addDiary*/

#mainContent #listArea #diaryList {
	margin: 0 5px 10px;
}

/*schedule*/
#mainContent #divSchedule,
#mainContent #divClassTimePart {
	width: 540px;
	margin: 0 0 10px;
	background: url(../img/classSchedule/schedule_bg_bottom.gif) no-repeat center bottom;
}

#mainContent #divSchedule .inner,
#mainContent #divClassTimePart .inner {
	width: 520px;
	margin: 0;
	padding: 10px;
	background: url(../img/classSchedule/schedule_bg_top.gif) no-repeat center top;
	overflow: hidden;
}

#mainContent #divSchedule table,
#mainContent #divClassTimePart table {
	width: 520px;
	margin: 0;
	border-collapse: collapse;
	border-spacing: 0;
	border: 3px solid #C0C4AD;
}

#mainContent #divSchedule .noteSave {
	padding: 0 10px 10px;
	text-align: right;
}

#mainContent #divSchedule .noteSave img {
	display: inline;
}

/* @group My Group */



/* @end */

/* @group My Group */



/* @end */

#mainContent #divSchedule table td {
}

#mainContent #divSchedule table td.weekday,
#mainContent #divClassTimePart table td.weekday {
	width: 69px;
	padding: 3px 2px 3px 0;
	text-align: center;
}

#mainContent #divSchedule table td.weekday img,
#mainContent #divClassTimePart table td.weekday img {
	display: inline;
}

#mainContent #divSchedule table td.classtime,
#mainContent #divClassTimePart table td.classtime {
	padding: 3px 4px;	
	vertical-align: top;
}

#mainContent #divSchedule table td.classtime span,
#mainContent #divClassTimePart table td.classtime span {
	font-size: 10px;
}

#mainContent #divSchedule table td .classlink,
#mainContent #divClassTimePart table td .classlink {
	width: 72px;
	font-size: 11px;
}

#mainContent #divSchedule table td .classlink a,
#mainContent #divClassTimePart table td .classlink a {
	display: block;
	margin: 1px;
	padding: 2px;
	border: 2px solid #F19411;
	background-color: #FFFFFF;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
    border-radius: 4px;
}

#mainContent #divSchedule table td .classlink a:hover {
	border: 2px solid #FF0000;	
}

#mainContent #divSchedule table td a.add {
	display: inline;
	float:right;
	margin-right:5px;
}
#mainContent #divSchedule table td a.edit {
	margin-left:2px;
	margin-top:-2px;	
	text-align:right;
}

#mainContent select#ddlOption {
	margin: 0 5px 10px;
}

#mainContent .titlelink {
	margin: 0 5px 10px;
	text-align: right;
}

/*circle*/
#mainContent #profileArea #circleViewArea {
	margin: 0 5px 10px;	
}

/*note*/

/*message*/
#mainContent #messageArea .icons li {
	padding:2px 0 1px 18px;
}

#mainContent #messageArea .icons li.label {
	padding-left: 0;
}

#mainContent #messageArea .icons li.unread {
	background-image: url(../img/icon/icon_message_unread.png);
}

#mainContent #messageArea .icons li.read {
	background-image: url(../img/icon/icon_message_read.png);
}

#mainContent #messageArea .icons li.return {
	background-image: url(../img/icon/icon_message_return.png);
}

#mainContent #messageArea .icons li.friendApproval {
	background-image: url(../img/icon/icon_message_friendApproval.png);
}

#mainContent #messageArea .icons li.linkApproval {
	background-image: url(../img/icon/icon_message_linkApproval.png);
}

#mainContent #messageArea #divMessageList {
	margin: 0 5px 10px;
}

/*edit*/
#mainContent #editConfig #divConfigStep1,
#mainContent #editProfile #editProfileStep1,
#mainContent #editLogin #editLoginStep1 {
	padding: 0 5px 10px;
}

#mainContent #editConfig #divConfigStep2,
#mainContent #editProfile #editProfileStep2,
#mainContent #editLogin #editLoginStep2 {
	padding: 0 5px 20px;
}

#mainContent .divConfig {
}

#mainContent #editConfig #divConfigStep1 #frmEditConfig .divConfig table th {
	width: 100px;
	padding-right: 5px;
	font-weight: normal;
	line-height: 1.2em;
	white-space: nowrap;
	font-size: 10px;
}

#mainContent #editConfig #divConfigStep1 #divButtomConfirm {
	padding-bottom: 10px;
	text-align: right;
}

#mainContent #btnArea ul {
	margin-top: 10px;
	height: 24px;
	padding-bottom: 10px;
}

#mainContent #btnArea ul li {
	width: 100px;
}

#content #mainContent #noteArea.cmnArea.note #btnArea ul li.prev,
#content #mainContent #noteArea.cmnArea.note #btnArea ul li.submit {
	margin: 0;
	padding: 0;
	border: none;	
}

#mainContent #btnArea ul li.prev {
	float: left;
}

#mainContent #btnArea ul li.submit {
	float: right;
}



/*Content
----------------------------------------------*/





/*Individual
----------------------------------------------*/

/*login*/
a {
}
#login {
	background: url(../../img/bg_green.jpg) no-repeat center 80px;
}
#login #hdr {
	height: 100px;
	background: none;
	overflow: hidden;
}

#login #container h1 {
	margin: -25px 0 0 0;
	text-align: left;
}
#login #container h1 img {
	display: inline;
	margin: 0;
	padding: 0;
	zoom:1;
}
#login #container {
	width: 760px;
}
#login #content {
	width: 760px;
}

#login #wrap {
	width: 760px;
	margin-top: 10px;
	margin-bottom: 2px;
}

#login #wrap h2 {
	margin-bottom: 10px;
}

#login #wrap #loginBox,
#login #wrap #newsBox {
	font-size: 12px;
}

#login #wrap #loginBox {
	float: left;
	width: 359px;
}

#login #wrap #loginBox fieldset {
	margin: 0 10px 10px;
	padding: 0;
	height: auto;
}

#login #wrap #loginBox fieldset p {
	clear: both;
}

#login #wrap #loginBox fieldset dl {
	display: inline;
	margin: 0;
	float: left;
	width: 230px;
}

#login #wrap #loginBox fieldset dl dd input {
	width: 230px;
}

#login #wrap #loginBox fieldset input#btnLogin {
	margin-top: 1em;
	float: right;
}

#login #wrap #loginBox p#btnResister {
	text-align: center;	
}

#login #wrap #loginBox p#btnResister a {
	display: block;
	margin: 0 auto 5px;
	width: 294px;
}

#login #wrap #loginBox ul {
	margin: 0 20px 20px;
}
 
#login #wrap #newsBox {
	float: right;
	margin: 0;
	width: 401px;
}
#login #wrap #newsBox h2 {
	margin: 0;
}

#login #wrap #newsBox dl {
	height: 120px;
	margin-right: 20px;
	padding: 10px 10px 20px 0;
	overflow: auto;
}

#login #wrap #newsBox dl dd {
	margin-bottom: 10px;
}

#login #wrap .banner,
#login #wrap .about  {
	clear: both;
}
#login #wrap .banner img {
	margin: 0 auto;
	padding: 20px;
	width: 468px;
}
#login #wrap .about img {
	margin: 0 auto;
	padding: 20px;
	width: 662px;
}

#login #wrap ul#linnoList {
	margin: 0 13px 0 23px;
	padding: 20px 0 0;
}

#login #wrap ul#linnoList li {
	float: left;
	width: 171px;
	margin-right: 10px;
	margin-bottom: 10px;
	font-size: 12px;
}

#login #wrap ul#linnoList li a {
	display: block;
}

#login #container #content {
	background: none;
	padding-bottom: 0;
}

#login #ftr {	
	width: 760px;
}

#login #ftr .inner {
	width: 760px;
}


/*message*/
#divMessageList {
}

#divMessageList ul#ulMessageList.messageList {
}

#divMessageList ul#ulMessageList.messageList li {
	clear: left;
}

#divMessageList ul#ulMessageList.messageList li div {
	display:inline;
	float: left;
	margin-right: 10px;
}

#divMessageList ul#ulMessageList.messageList li.label {
}

#divMessageList ul#ulMessageList.messageList li.read {
}

#divMessageList table.messageTable {
	clear: both;
	width: 100%;
	margin-bottom: 10px;
	border-collapse: collapse;
	border-spacing: 0;
}

#divMessageList table.messageTable th,
#divMessageList table.messageTable td {
	padding: 3px 4px;
}

#divMessageList table.messageTable tr th {
	text-align: left;
	font-weight: normal;
}

#message #mainContent ul.refine {
	display: block;
	margin: 0 1px 10px;
	padding: 0 0 0 5px;
	background: url(../img/message/bNav_bg.gif) repeat-x center bottom;
}

#message #mainContent ul.refine li {
	display: inline;
	float: left;
	margin: 0;
	white-space: nowrap;
}





/*search*/
body#search #mainContent input#tbxSearch {
	width: 395px;
	margin: 0 5px 0 0;
}

body#search.circle #mainContent input#tbxSearch,
body#search.class #mainContent input#tbxSearch,
body#search.topic #mainContent input#tbxSearch {
	width: 265px;
}

body#search.class #mainContent input#txtTeacher,
body#search.circle #mainContent select#ddlCategory,
body#search.topic #mainContent select#ddlTopicType {
	width: 120px;
	margin-right: 5px;
}

body#search h3#searchResultCaption {
	margin-top: 20px;
}


/*register*/
body#register h3 {
	margin-top: 10px;
}

body#register #mainContent {
	margin-left: 175px;
}

body#register #ftr {
	margin: 0 auto;
	width: 760px;
}

body#register #ftr .inner {
	width: 760px;
}

body#static h1 {
}

body#static #myNav #navBox.box {
}

body#static #myNav #navBox1.box ul li,
body#static #myNav #navBox2.box ul li,
body#static #myNav #navBox3.box ul li,
body#static #myNav #navBox.box ul li {
	line-height: 16px;
}

body#static #myNav #navBox1.box ul li a,
body#static #myNav #navBox2.box ul li a,
body#static #myNav #navBox3.box ul li a,
body#static #myNav #navBox.box ul li a {
	height: auto;
	width: 130px;
	padding: 4px 0 4px 10px;
}

body#static #mainContent {
	margin-left: 8px;
	width: 745px;
}

body#static #mainContent .box {
}

body#static #mainContent .box h2 {
	background: url(../img/mainContent/tit_main_bg2.jpg) no-repeat scroll center top;
}

body#static #mainContent .box p {
	margin-bottom: 1em;
}

/*info
--------------------------------------------------*/
#content #infoArea .refine {
	float:left;
	width:460px;
}
#content #infoArea .refine li {
	float: left;
	display: inline;
	margin-right: 10px;
}
#content #infoArea .titlelink
{
	text-align:right;
}
#content #infoContent #divInfolist
{
	width: 550px;
}

#content #infoContent #divInfolist table
{
	width: 550px;
}

#content #infoContent #divInfolist table tr td
{
	border: 1px solid #aaaaaa;
	padding:5px;	
}

/*adminlogin*/
#adminlogin {
}

#adminlogin h1 {
	margin-top: 30px;
}

#adminlogin #wrap {
	overflow: hidden;
	width: 900px;
	margin-bottom: 20px;
}

#adminlogin #wrap h2 {
	margin-bottom: 10px;
}

#adminlogin #wrap #loginBox{
	width: 440px;	
	font-size: 1.2em;
}

#adminlogin #wrap #loginBox {
	float: left;
}

#adminlogin #wrap #loginBox fieldset {
	margin: 0 20px 20px;
}

#adminlogin #wrap #loginBox fieldset p {
	clear: both;
}

#adminlogin #wrap #loginBox fieldset dl {
	display: inline;
	float: left;
	margin-right: 20px;
	width: 310px;
}

#adminlogin #wrap #loginBox fieldset dl dd input {
	width: 310px;
}

#adminlogin #wrap #loginBox fieldset input#btnadminlogin {
	margin-top: 1em;
}

#adminlogin #wrap #loginBox p#btnResister {
	text-align: center;	
}

#adminlogin #wrap #loginBox p#btnResister a {
	display: block;
	margin: 0 auto 5px;
	width: 239px;
}

#adminlogin #wrap #loginBox ul {
	margin: 0 20px 20px;
}
 


/* calendar---------------------------------------------------------------------------
*/

#content #mainContent #calendarArea #calendarTop {
	margin-left: 5px;
	width: 540px;
}

#content #mainContent #calendarArea #calendarTop .dateChange {
	display: inline;
}

#content #mainContent #calendarArea #calendarTop .calendarAdd {
	display: inline;
	padding:10px 0;
	float:right
}

#content #mainContent #calendarArea #calendarTop .dateChange span.today {
	float:left;
}

#content #mainContent #calendarArea #calendarTop .dateChange span.date {
	float:center;		
}

#content #mainContent #calendarArea #calendarTop .dateChange span.week {
	float:right;	
}

#content #mainContent #calendarArea #calendarTop #divCalendar td{
	background-color:#eeeeff;
	width:71px;
	height:95px;
	margin:1px;	
	vertical-align :top;	
	
}

#content #mainContent #calendarArea #calendarTop #divCalendar td div.cell{	
	width:69px;
	padding-top:5px;	
	height:88px;
	border: 1px #E2F4DE;
}

#content #mainContent #calendarArea #calendarTop #divCalendar td.cellSelect {
	border: 1px dashed #67CF09;
	background-color: #E2F4DE;
}

#content #mainContent #calendarArea #calendarTop #divCalendar td div.select {
	border: 1px dashed #67CF09;
	background-color: #E2F4DE;
}

#content #mainContent #calendarArea #calendarTop #divCalendar .today{
	background-color:#ffffa0 ;
}

#content #mainContent #calendarArea #calendarTop #divCalendar{
	position: relative;
}

#content #mainContent #calendarArea #calendarTop #divCalendar #calendarTable{
	
}

#calendarTop p.weekPre {
	position: relative;
	z-index:1;
	left: -255px;
	top: 37px;
	width:26px;
}

#content #mainContent #calendarArea #calendarTop div.weekData {	
	width: 511px;
	display:block;
	height:100px;
	overflow: hidden;
	overflow-x: hidden ;
	margin-top:-100px;
}

#calendarTop p.weekNext {
	position: relative;
	z-index:1;
	left: 255px;
	top: -24px;
	width:26px;
}

#content #mainContent #calendarArea #calendarTop p.title {
	text-align: center;	
}
#content #mainContent #calendarArea #calendarTop p.titleRed {
	text-align: center;	
	color:red;
}
#content #mainContent #calendarArea #calendarTop p.titleBlue {
	text-align: center;	
	color:blue;
}
#content #mainContent #calendarArea #calendarTop p.content {
	height:52px;
	margin:0 2px;
	text-align : left;
}
#content #mainContent #calendarArea #calendarTop p.other {
	text-align: right;	
	margin:0 2px;
}

/*calendar
--------------------------------------------------*/

#circlecalendar #content {
}

#circlecalendar #content h1#pageTitle {
}

#circlecalendar #content #divCalendarContent div h2 {
	width: 715px;
	height: 25px;
	margin: -3px 0 0 -5px;
	padding: 10px 15px;
	background: url(../img/mainContent/tit_main_bg2.jpg) no-repeat center top;
	font-size: 15px;
	color: #FFFFFF;
	text-shadow: 2px 2px 2px #2E2809;
}

#circlecalendar #myNav {
}

#circlecalendar #container #content ul#contentNav {
}

#circlecalendar #container #content #divCalendarContent {
	float: right;
	padding-bottom: 30px;
}

#circlecalendar #container #content #divCalendarContent #divCalendar {
}



.month-table-change {
	width: 740px;
	height: 40px;
	border-collapse: collapse;
}

.month-table-change td.date-dateformat {
	text-align: center;
	font-size: 12px;
	font-weight: bold;
}

.month-table-header {
	width: 740px;
	height: 20px;
	border-collapse: collapse;
	margin-bottom: 5px;
}

.month-table-header th.column-label {
	background-color: #67CF09;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	border: 1px solid #67CF09;
}

.month-table {
	width:740px;
	border-collapse: collapse;
	border: 1px solid #C8D0B8;
	margin-bottom: 5px;
}

.month-table td.date-marker {
	height: 20px;
	width: 95px;
	background-color: #E4EFDE;
	border: 1px solid #C8D0B8;
	border-bottom: none;
	padding-left: 4px;
	padding-right: 2px;
	vertical-align: middle;
}

.month-table td.date-not-month {
	color: #A7AFA2;
}

.month-table td.date-month {
	color: #000000;
}

.month-table td.date-today {
	background-color: #E7F0B7;
}

.month-table td.date-saturday {
	color: #0000FF;
}

.month-table td.date-sun {
	color: #FF0000;
}

.month-table tr.grid-row {
	
}

.month-table tr.grid-row td.cell-item {
	height: 85px;
	border-left: 1px solid #C8D0B8;
	border-right: 1px solid #C8D0B8;
	padding: 1px;
	vertical-align: top;
}

.month-table td.cell-today {
	background-color: #FFFFCB;
}

.month-table .cell-normal {
	height: 60px;
	padding: 2px;
	cursor: default;
}

.month-table .cell-active {
	border: 1px dashed #67CF09;
	background-color: #E2F4DE;
	height: 76px;
}

.month-table li.event-item {
	height: 15px;
	cursor: hand;
	cursor: pointer;
	background-color: #0099CC;
	margin-bottom: 1px;
	padding-left: 2px;
}

.month-table li.event-item a {
	color: white;
}

.month-table li.event-more {
	float: right;
	background-color: transparent;
}

.month-table li.event-more a {
	color: red;
}

.month-table .date-inline {
	display: inline;
}

.month-table .date-left {
	float: left;
}

.month-table .date-right {
	float: right;
}



/*minicalendar
--------------------------------------------------*/

.mini-calendar {
	width: 180px;
	margin: 0px;
	padding: 4px 2px 1px 4px;
	border: 1px solid #cccccc;
}

.mini-month-table-change {
	width: 180px;
	border-collapse: collapse;
	margin-bottom: 5px;
}

.mini-month-table-change td.mini-date-dateformat {
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	width: 120px;
}

.mini-month-table-header {
	width: 180px;
	height: 20px;
	border-collapse: collapse;
	margin-bottom: 5px;
}

.mini-month-table-header th.mini-column-label {
	background-color: #67CF09;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	border: 1px solid #67CF09;
}

.mini-month-table {
	width:180px;
	border-collapse: collapse;
	border: 1px solid #C8D0B8;
	margin-bottom: 5px;
}

.mini-month-table td.mini-date-marker {
	height: 20px;
	width: 25px;
	background-color: #E4EFDE;
	border: 1px solid #C8D0B8;
	border-bottom: none;
	padding-left: 4px;
	padding-right: 2px;
	vertical-align: middle;
	cursor: hand;
	cursor: pointer;
}

.mini-month-table td.mini-date-not-month {
	color: #A7AFA2;
}

.mini-month-table td.mini-date-month {
	color: #000000;
}

.mini-month-table td.mini-date-today {
	background-color: #F0E68C;
}

.mini-month-table td.mini-date-saturday {
	color: #0000FF;
}

.mini-month-table td.mini-date-sun {
	color: #FF0000;
}

.mini-month-table td.mini-date-selected {
	background-color: #FF69B4;
}


.timelist-select {
	height: 105px;
}


/*


-------------------------------*/

.cHead {
	background-color: #67CF09;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	border: 1px solid #67CF09;
	position:absolute;
	padding-top:2px;
}

.calendar-message {
	position:absolute;
	top:0px;
	color:#FFF;
	overflow:hidden;
	height:25px;
	width:200px;
	font-size:12px;
	font-weight:bold;
}

.dateFormat {
	text-align: center;
	font-size: 12px;
	font-weight: bold;
}

.hrule {
	left: 0px;
	position: absolute;
	width: 100%;
	border-top:1px solid #C8D0B8;
}

.vrule {
	top: 0px;
	position: absolute;
	width: 1px;
	border-left:1px solid #C8D0B8;
}

.dateCell {
	vertical-align: middle;
	left:0pt;
	position:absolute;
	text-align:left;
	top:0pt;
	width:100%;
	background-color: #E4EFDE;
}

.dayOfMonth {
	background-color: #E4EFDE;
}

.dayNotInMonth {
	color: #A7AFA2;
}

.dayOfSunday {
	color: #FF0000;
}

.dayOfSaturday {
	color: #0000FF;
}

.dayOfToday {
	background-color: #E7F0B7;
}

.datehead-box {
	position:absolute;
	left:1px;
	top:1px;
	right:1px;
	bottom:1px;
}

.dateCell-active {
	background:url(../img/calendar/dynamicback.gif) repeat scroll;
}

.eventaddbutton {
	position:absolute;
	right:3px;
	top:3px;
}

.eventItem {
	position:absolute;
	overflow:hidden;
	-moz-user-select:none;
	font-family:Verdana,Sans-serif;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:14px;
}

.eventItem a {
	color:white;
}

.eventMore {
	position:absolute;
	overflow:hidden;
	-moz-user-select:none;
	text-align:right;
}

.eventItem-line {
	border-width:0pt;
	font-size:1px;
	height:1px;
	line-height:1px;
	margin:0pt 1px;	
}

.eventItem-noleft {
	padding-left:3px;
}

.eventItem-moreleft {
	background-image:url(../img/calendar/icon_moreleft.gif);
	background-position:0pt 50%;
	background-repeat:no-repeat;
	padding-left:8px;
}

.eventItem-moreright {
	background-image:url(../img/calendar/icon_moreright.gif);
	background-position:100% 50%;
	background-repeat:no-repeat;
	padding-right:12px;	
}

*html .eventItem {
	height:17px;
	line-height:13px;
}


#mayFriendArea #divMayFriend {
	position: relative;
	margin:0 0 10px 5px;
	overflow:hidden;
	width:540px;
	height:140px;
	white-space: nowrap;
}



/*note up*/

#msgTxt {
}

#msgTxt #divContent ul#contentNav {
	margin-top: 0;
	overflow: hidden;
	border-bottom: 2px solid #85DB18;
}

#msgTxt #divContent ul#contentNav li {
	width: 92px;
}
/*help
--------------------------------------------------*/
#help-container{
	margin: 16px auto 0 auto;
	width: 914px;
	text-align: left;
	}
#help-content{
	float: right;
	width: 760px;
	}
#help-content .head{
	padding: 5px 5px 5px 13px;
	background: url(../img/mainContent/content_bg_head.gif) no-repeat;
	color: #fff;
	}
#help-content .head h2{
	font-size: 16px;
	}
#help-content .body{
	background: url(../img/mainContent/content_body_head.gif) no-repeat;
	}
#help-content .inbody{
	padding: 7px 7px 5px 7px;
	border-left: 5px solid #8ad84d;
	border-right: 5px solid #8ad84d;
	}
#help-content .inbody .headline{
	padding: 7px 15px 5px 15px;
	background: url(../img/mainContent/content_headline_bg.gif) no-repeat #575131;
	color: #fff;
	}
#help-content .inbody .headline h3{
	font-size: 16px;
	line-height: 120%;
	}
#help-content .inbody .small-headline{
	margin-top: 10px;
	padding: 5px 0 5px 45px;
	background: url(../img/mainContent/content_help_icon.gif) no-repeat 15px 2px;
	}
#help-content .inbody .small-headline h4{
	font-size: 12px;
	}
#help-content .inbody h5 {
	padding: 5px 0 5px 45px;
	font-size: 12px;
}
#help-content .inbody p{
	margin-top: 5px;
	padding-left: 10px;
	font-size: 12px;
	line-height: 150%;
	}
#help-content .inbody p.indent{
	padding-left: 45px;
	}
#help-content .foot{
	height: 13px;
	background: url(../img/mainContent/content_bg_foot.gif) no-repeat;
	}
#help-content .inbody .spacer{
	height: 10px;
	font-size: 0.1em;
	line-height: 0.1em;
	}
#help-content .inbody ol,#help-content .inbody ul{
	padding-left: 45px;
	list-style: none;
	}
#help-content .inbody ul.no-indent{
	padding-left: 20px;
	}
#help-content .inbody ul.indent-off{
	padding-left: 0;
	}
#help-content .inbody ul.indent-off li{
	padding-left: 10px;
	}
#help-content .inbody ul.indent-off li.dot{
	padding-left: 25px;
	}
#help-content .inbody li{
	margin-top: 5px;
	padding: 3px 0 3px 25px;
	font-size: 12px;
	line-height: 150%;
	}
#help-content .inbody li.num-i{background: url(../img/mainContent/content_help_num01.gif) no-repeat 0 4px;}
#help-content .inbody li.num-ii{background: url(../img/mainContent/content_help_num02.gif) no-repeat 0 4px;}
#help-content .inbody li.num-iii{background: url(../img/mainContent/content_help_num03.gif) no-repeat 0 4px;}
#help-content .inbody li.num-iv{background: url(../img/mainContent/content_help_num04.gif) no-repeat 0 4px;}
#help-content .inbody li.num-v{background: url(../img/mainContent/content_help_num05.gif) no-repeat 0 4px;}
#help-content .inbody li.num-vi{background: url(../img/mainContent/content_help_num06.gif) no-repeat 0 4px;}
#help-content .inbody li.num-vii{background: url(../img/mainContent/content_help_num07.gif) no-repeat 0 4px;}
#help-content .inbody li.num-viii{background: url(../img/mainContent/content_help_num08.gif) no-repeat 0 4px;}
#help-content .inbody li.kome{background: url(../img/mainContent/content_kome.gif) no-repeat 0 8px;}
#help-content .inbody li.dot{padding: 0 0 0 25px;background: url(../img/mainContent/content_dot.gif) no-repeat 10px 5px;}
#help-content .inbody li ul{
	padding-left: 0;
	}
#help-content .inbody li ul li{
	margin-top: 0;
	padding: 3px 0 3px 15px;
	}
#help-navi{
	float: left;
	width: 146px;
	margin-top: 8px;
	font-size: 12px;
	}
#help-navi li{
	display: inline;
	}
#help-navi h3{
	margin-bottom: 5px;
	}
#help-navi li a{
	display: block;
	padding: 0 5px 5px 15px;
	color: #333;
	text-decoration: none;
	}
#help-content .table-frame{
	border: 1px solid #b1cd3a;
	padding: 2px;
	font-size: 12px;
	}
#help-content .table-frame td{
	padding: 5px 10px;
	}
#help-content .table-frame tr.bg-i td{
	background: #f1f9cf;
	}
#help-content .table-frame tr.bg-ii td{
	background: #e2edb6;
	}
#help-content .table-frame td.label{
	width: 130px;
	}
#help-content .table-frame td.txt{
	border-left: 2px solid #fff;
	}
#help-content .table-frame td table td{
	padding: 0 0 2px 0;
	}
#help-content .table-frame td table td.label{
	width: 90px;
	}
#business .clearfix{
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ccc;
	}
#business .logo{
	float: left;
	width: 120px;
	}
#business .description{
	float: right;
	width: 610px;
	padding-top: 7px;
	}
#business .description p{
	font-size: 14px;
	}
#history{
	}
#history td.year{
	width: 40px;
	background: #e2edb6;
	border-bottom: 2px solid #fff;
	text-align: center;
	}
#history td.month{
	width: 30px;
	background: #e2edb6;
	border-left: 2px solid #fff;
	border-bottom: 2px solid #fff;
	text-align: right;
	}
#history td.memo{
	background: #f1f9cf;
	border-left: 2px solid #fff;
	border-bottom: 2px solid #fff;
	}
#member{}
#member h3{
	padding: 0 0 0 7px;
	font-size: 16px;
	border-left: 5px solid #84b53a;
	}
#member p{
	margin-top: 10px;
	}
#press{
	}
#press td.year{
	background: #e2edb6;
	border-bottom: 2px solid #fff;
	}
#press td.month{
	width: 30px;
	background: #e2edb6;
	border-left: 2px solid #fff;
	border-bottom: 2px solid #fff;
	text-align: center;
	}
#press td.memo{
	background: #f1f9cf;
	border-left: 2px solid #fff;
	border-bottom: 2px solid #fff;
	}
#press .press-frame{
	border: 1px solid #b1cd3a;
	padding: 10px 15px;
	}
#press .press-frame .head-area .logo{
	float: left;
	width: 120px;
	}
#press .press-frame .head-area .data{
	float: right;
	width: 300px;
	padding-top: 5px;
	text-align: right;
	}
#press .press-frame .head-area .data p{
	font-size: 14px;
	}
#press .press-frame .title-area{
	margin: 15px 0;
	padding: 10px 15px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	text-align: center;
	}
#press .press-frame .title-area h3{
	font-size: 16px;
	}
#press .press-frame .content-area{
	}
#press .press-frame .content-area p{
	margin-bottom: 15px;
	padding: 0;
	}
#press .press-frame .content-area .clip{
	float: left;
	padding: 5px 0 0 20px;
	}
#press .press-frame .content-area .clip img{
	display: inline;
	vertical-align: middle;
	}
#press .press-frame .content-area .pdf{
	float: left;
	padding-left: 22px;
	background: url(http://keio.linno.jp/cmn/img/icon/icon_pdf.gif) no-repeat 0 5px;
	}
#media{
}
	#media .section{
		margin-bottom: 10px;
	}
		#media .section h3{
			padding-bottom: 5px;
			border-bottom: 1px dotted #aaa;
			font-size: 14px;
		}
		#media .section ul{
			margin-top: 10px;
			text-align: center;
		}
			#media .section ul li,
			#media .section ul li img{
				display: inline;
				margin: 0;
				padding: 0;
			}
			#media .section ul li{
				padding: 0 5px;
			}