@charset "utf-8";

/* Common
------------------------------------------ */
* {
	margin: 0;
	padding: 0;
	}

body {
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color: #333;
	font-size: 12px;
	background: #D5DDDF url(/common/staffroom/background/body_back.gif) repeat-y center top;
	}

img {
	border: none;
	}

hr {
	display: none;
	clear: both;
	}

br.clear {
	clear: both;
	font-size: 0;
	line-height: 0;
	}

table {
	clear: both;
	}


/* リンクカラー
------------------------------------------ */

a:link {
	color: #336699;
	text-decoration: underline;
	}
a:visited {
	color: #336699;
	text-decoration: none;
	}
a:hover {
	color: #ffb500;
	text-decoration: none;
	}
a:active {
	color: #D8473F;
	text-decoration: none;
	}



/* ページレイアウト
------------------------------------------ */

#wrapper {
	width: 800px;
	margin: 0 auto 0 auto;
	background: #FFF;

	}

#header {
	height: 100px;
	background: url(/common/staffroom/background/header_back.gif) no-repeat;
	}

#side {
	width: 200px;
	padding: 20px 10px 0 10px;
	background: url(/common/staffroom/background/side_back.gif);
	clear: both;
	border-left:1px solid #00889A;
	}

#main {
	padding: 20px;
	clear: both;
	border-right:1px solid #00889A;
	}

#container {
	padding: 20px 20px 20px 20px;
	margin:0;
	clear: both;
 border-left:1px solid #00889A;
 border-right:1px solid #00889A;
	}

#footer {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	border-top: 1px solid #CCC;
	}


/* ヘッダー部分の要素
------------------------------------------ */

#admin_menu {
	padding: 2px 3px;
	background: url(/common/master/image/background/header_admin.gif);
	text-align: left;
	}
#admin_menu img {
	margin: 1px;
	}
#admin_menu img:hover {
	background: #8ED829;
	}

#header_menu {
	height: 15px;
	padding: 10px 20px 0 15px;
	margin-bottom:5px;
	color: #FFF;
	}

#header .titleimage{
	padding: 10px 0 0 15px;
}

#header h1 {
	font-size: 18px;
	color: #FFF;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	}
	
#header h1 a:link,
#header h1 a:hover,
#header h1 a:visited,
#header h1 a:active {
	color: #FFF;
	text-decoration: none;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	}

#header h2 {
	font-size: 11px;
	color: #FFF;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	}

#header .common_menu {
	font-size: 14px;
	padding: 10px;
	text-align: center;
	}

#header .searchbox {
	margin-right: 10px;
	text-align: right;

	}
#header .searchbox .search_text {
	width: 170px;
	border: 1px solid #FFF;
	margin: 0 3px 0 0;
	padding: 3px 3px 3px 25px;
	font-size: 11px;
	background: #FFF url(/common/master/image/search.gif) no-repeat 4px 4px;
	}
#header .searchbox .search_button {
	font-size: 11px;
	}
	
#header .header_icon_menu{
  width:760px;
		}
	
#headermenu-left {
float:left;
width:400px;
}
#headermenu-right {
margin-left:400px;
}

#headermenu-left li{
 float:left;
 color:#ff0000;
	display: block;
	height: 12px;
	padding-left:15px;
	margin-right:5px;
}

#headermenu-right li{
 float:right;
 color:#004F61;
	display: block;
	height: 12px;
	padding-left:15px;
	margin-left:5px;
}


#headermenu-right li a:link
#headermenu-left li a:link
#headermenu-right li a:visted
#headermenu-left li a:visted
#headermenu-right li a:active
#headermenu-left li a:active{
 color:#004f61;
	text-decoration:underline;
}

#headermenu-left li a:hover{
 color:#ffb500;
	text-decoration:none;
}

.clearfix:after {
content: "";
display: block;
clear: both;
}
.clearfix {
	min-height: 1px;
}
* html .clearfix {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}
	
#headermenu-left li.ico_home{
	background:url(/common/staffroom/icon/ico_home.gif) no-repeat left bottom;
	}
	
#headermenu-left li.ico_diary{
	background:url(/common/staffroom/icon/ico_diary.gif) no-repeat left bottom;
	}

#headermenu-left li.ico_member{
	background:url(/common/staffroom/icon/ico_member.gif) no-repeat left bottom;
	}

#headermenu-left li.ico_grouplist{
	background:url(/common/staffroom/icon/ico_grouplist.gif) no-repeat left bottom;
	}

#headermenu-right li.ico_manual{
	background:url(/common/staffroom/icon/ico_manual.gif) no-repeat left bottom;
	}

#headermenu-right li.ico_mail{
	background:url(/common/staffroom/icon/ico_mail.gif) no-repeat left bottom;
	}

#headermenu-right li.ico_setup{
	background:url(/common/staffroom/icon/ico_setup.gif) no-repeat left bottom;
	}

#headermenu-right li.ico_logout{
	background:url(/common/staffroom/icon/ico_logout.gif) no-repeat left bottom;
	}

#headermenu-left li.ico_invite{
	background:url(/common/staffroom/icon/ico_invite.gif) no-repeat left bottom;
	}


/* メニュー部分の要素
------------------------------------------ */
#menu {
 margin:0;
	padding: 0;
	text-align: left;
	height:30px;
	background:url(/common/staffroom/background/menu_back.gif) no-repeat;
	}

#menu li {
	display: inline;
	float: left;
	margin:0;
	}

#menu ul li a {
	display: block;
	height: 30px;
	}

#menu span.alt {
	display: none;
	}


#menu li#menu-home a {
	background: url(/common/staffroom/menu/home.gif) no-repeat;
	width: 72px;
	}
#menu li#menu-home a:hover {
	background: url(/common/staffroom/menu/home_hover.gif) no-repeat;
	width: 72px;
	}
	
	
#menu li#menu-diary a {
	background: url(/common/staffroom/menu/diary.gif) no-repeat;
	width: 72px;
	}
#menu li#menu-diary a:hover {
	background: url(/common/staffroom/menu/diary_hover.gif) no-repeat;
	width: 72px;
	}
	
	
#menu li#menu-calendar a {
	background: url(/common/staffroom/menu/calendar.gif) no-repeat;
	width: 73px;
	}
#menu li#menu-calendar a:hover {
	background: url(/common/staffroom/menu/calendar_hover.gif) no-repeat;
	width: 73px;
	}
	
	
#menu li#menu-event a {
	background: url(/common/staffroom/menu/event.gif) no-repeat;
	width: 73px;
	}
#menu li#menu-event a:hover {
	background: url(/common/staffroom/menu/event_hover.gif) no-repeat;
	width: 73px;
	}
	

#menu li#menu-enquete a {
	background: url(/common/staffroom/menu/enquete.gif) no-repeat;
	width: 73px;
	}
#menu li#menu-enquete a:hover {
	background: url(/common/staffroom/menu/enquete_hover.gif) no-repeat;
	width: 73px;
	}


#menu li#menu-file a {
	background: url(/common/staffroom/menu/file.gif) no-repeat;
	width: 73px;
	}

#menu li#menu-file a:hover {
	background: url(/common/staffroom/menu/file_hover.gif) no-repeat;
	width: 73px;
	}


#menu li#menu-message a {
	background: url(/common/staffroom/menu/message.gif) no-repeat;
	width: 73px;
	}
#menu li#menu-message a:hover {
	background: url(/common/staffroom/menu/message_hover.gif) no-repeat;
	width: 73px;
	}

#menu li#menu-clip a {
	background: url(/common/staffroom/menu/clip.gif) no-repeat;
	width: 73px;
	}
#menu li#menu-clip a:hover {
	background: url(/common/staffroom/menu/clip_hover.gif) no-repeat;
	width: 73px;
	}
	

#menu li#menu-group a {
	background: url(/common/staffroom/menu/group.gif) no-repeat;
	width: 73px;
	}
#menu li#menu-group a:hover {
	background: url(/common/staffroom/menu/group_hover.gif) no-repeat;
	width: 73px;
	}
	

#menu li#menu-friend a {
	background: url(/common/staffroom/menu/friend.gif) no-repeat;
	width: 73px;
	}
#menu li#menu-friend a:hover {
	background: url(/common/staffroom/menu/friend_hover.gif) no-repeat;
	width: 73px;
	}


#menu li#menu-todo a {
	background: url(/common/staffroom/menu/todo.gif) no-repeat;
	width: 72px;
	}
#menu li#menu-todo a:hover {
	background: url(/common/staffroom/menu/todo_hover.gif) no-repeat;
	width: 72px;
	}
	
	
#menu li#menu-profile a {
	background: url(/common/staffroom/menu/profile.gif) no-repeat;
	width: 95px;
	}
#menu li#menu-profile a:hover {
	background: url(/common/staffroom/menu/profile_hover.gif) no-repeat;
	width: 95px;
	}


#menu li#menu-group_top a {
		background: url(/common/staffroom/menu/grouptop.gif) no-repeat;
	width: 140px;
	}
#menu li#menu-group_top a:hover {
		background: url(/common/staffroom/menu/grouptop_hover.gif) no-repeat;
	width: 140px;
	}
	
	
#menu li#menu-group_topic a {
	background: url(/common/staffroom/menu/topic.gif) no-repeat;
	width: 95px;
	}	
#menu li#menu-group_topic a:hover {
	background: url(/common/staffroom/menu/topic_hover.gif) no-repeat;
	width: 95px;
	}	
	
	
#menu li#menu-group_event a {
	background: url(/common/staffroom/menu/event.gif) no-repeat;
	width: 73px;
	}
#menu li#menu-group_event a:hover {
	background: url(/common/staffroom/menu/event_hover.gif) no-repeat;
	width: 73px;
	}	


#menu li#menu-group_enquete a {
	background: url(/common/staffroom/menu/enquete.gif) no-repeat;
	width: 73px;
	}
#menu li#menu-group_enquete a:hover {
	background: url(/common/staffroom/menu/enquete_hover.gif) no-repeat;
	width: 73px;
	}


#menu li#menu-group_file a {
	background: url(/common/staffroom/menu/file.gif) no-repeat;
	width: 73px;
	}	
#menu li#menu-group_file a:hover {
	background: url(/common/staffroom/menu/file_hover.gif) no-repeat;
	width: 73px;
	}


#menu li#menu-group_member a {
	background: url(/common/staffroom/menu/member.gif) no-repeat;
	width: 95px;
	}
#menu li#menu-group_member a:hover {
	background: url(/common/staffroom/menu/member_hover.gif) no-repeat;
	width: 95px;
	}

#menu li#menu-group_member a {
	background: url(/common/staffroom/menu/member.gif) no-repeat;
	width: 95px;
	}
#menu li#menu-group_member a:hover {
	background: url(/common/staffroom/menu/member_hover.gif) no-repeat;
	width: 95px;
	}

#menu li#menu-todo_friend a {
	background: url(/common/staffroom/menu/todofriend.gif) no-repeat;
	width: 95px;
	}
#menu li#menu-todo_friend a:hover {
	background: url(/common/staffroom/menu/todofriend_hover.gif) no-repeat;
	width: 72px;
	}


		
	/* メニュー部分の色変え */
body#home #menu li#menu-home a {
	 background: url(/common/staffroom/menu/home_here.gif) no-repeat;
	 width: 72px;
		}
		
body#diary #menu li#menu-diary a {
	 background: url(/common/staffroom/menu/diary_here.gif) no-repeat;
	 width: 72px;
		}
		
body#group #menu li#menu-group a {
	 background: url(/common/staffroom/menu/group_here.gif) no-repeat;
	 width: 73px;
		}

body#schedule #menu li#menu-calendar a {
	 background: url(/common/staffroom/menu/calendar_here.gif) no-repeat;
	 width: 73px;
		}

body#message #menu li#menu-message a {
	 background: url(/common/staffroom/menu/message_here.gif) no-repeat;
	 width: 73px;
		}

body#file #menu li#menu-file a {
	 background: url(/common/staffroom/menu/file_here.gif) no-repeat;
	 width: 73px;
		}

body#event #menu li#menu-event a {
	 background: url(/common/staffroom/menu/event_here.gif) no-repeat;
	 width: 73px;
		}	

body#enquete #menu li#menu-enquete a {
	 background: url(/common/staffroom/menu/enquete_here.gif) no-repeat;
	 width: 73px;
		}	

body#friend #menu li#menu-friend a {
	 background: url(/common/staffroom/menu/friend_here.gif) no-repeat;
	 width: 73px;
		}	
		
body#clip #menu li#menu-clip a {
	 background: url(/common/staffroom/menu/clip_here.gif) no-repeat;
	 width: 73px;
		}	
		
body#enquete #menu li#menu-enquete a {
	 background: url(/common/staffroom/menu/enquete_here.gif) no-repeat;
	 width: 73px;
		}	
		
body#todo #menu li#menu-todo a {
	 background: url(/common/staffroom/menu/todo_here.gif) no-repeat;
	 width: 72px;
		}

body#event #menu li#menu-group_event a{
	 background: url(/common/staffroom/menu/event_here.gif) no-repeat;
	 width: 73px;
		}
		
body#enquete #menu li#menu-group_enquete a{
	 background: url(/common/staffroom/menu/enquete_here.gif) no-repeat;
	 width: 73px;
		}
		
body#group #menu li#menu-group_file.here a{
	 background: url(/common/staffroom/menu/file_here.gif) no-repeat;
	 width: 73px;
		}

body#user #menu li#menu-profile a{
	 background: url(/common/staffroom/menu/profile_here.gif) no-repeat;
	 width: 95px;
		}

body#group #menu li#menu-group_member.here a{
	 background: url(/common/staffroom/menu/member_here.gif) no-repeat;
	 width: 95px;
		}
		
body#group #menu li#menu-group_top.here a{
	 background: url(/common/staffroom/menu/grouptop_here.gif) no-repeat;
	 width: 140px;
		}
		
body#topic #menu li#menu-group_topic a{
	 background: url(/common/staffroom/menu/topic_here.gif) no-repeat;
	 width: 95px;
		}

body#todo #menu li#menu-todo_friend a{
	 background: url(/common/staffroom/menu/todofriend_here.gif) no-repeat;
	 width: 72px;
		}



/* サイド部分の要素
------------------------------------------ */

#side .box {
	width: 200px;
	margin: 0 0 10px 0;
	background: #FFF url(/common/staffroom/background/sidebox_middle.gif) repeat-y;
	clear: both;
	}
#side .box .box_header {
	height: 10px;
	background: #FFF url(/common/staffroom/background/sidebox_top.gif) no-repeat;
	}
#side .box .box_footer {
	height: 10px;
	background: #FFF url(/common/staffroom/background/sidebox_bottom.gif) no-repeat;
	}


#side .box .side_title {
	font-weight: bolder;
	border-bottom: 1px solid #CCC;
	margin: 0px 10px 5px 10px;
	padding: 0 0 5px 0;
	}

#side ul.menulist li {
	list-style-type: none;
	background: url(/common/master/image/list/menu.gif) no-repeat 0 3px;
	margin: 0 10px 0 10px;
	padding: 3px 0 3px 20px;
	font-size: 14px;
	}


#side ul.menulist li.diary_entry {
	background: url(/common/master/image/list/diary_entry.gif) no-repeat 0 3px;
	}
#side ul.menulist li.schedule_entry {
	background: url(/common/master/image/list/schedule_entry.gif) no-repeat 0 3px;
	}
#side ul.menulist li.message_inbox {
	background: url(/common/master/image/list/message_inbox.gif) no-repeat 0 3px;
	}
#side ul.menulist li.message_outbox {
	background: url(/common/master/image/list/message_outbox.gif) no-repeat 0 3px;
	}
#side ul.menulist li.message_draft {
	background: url(/common/master/image/list/message_draft.gif) no-repeat 0 3px;
	}
#side ul.menulist li.message_trash {
	background: url(/common/master/image/list/message_trash.gif) no-repeat 0 3px;
	}
#side ul.menulist li.group_entry {
	background: url(/common/master/image/list/group_entry.gif) no-repeat 0 3px;
	}

#side ul.linklist li {
	list-style-type: none;
	background: url(/common/master/image/list/link.gif) no-repeat 2px top;
	margin: 5px 10px 0 10px;
	padding: 0 0 0 15px;
	}


#side .side_icons {
	margin: 5px 10px 5px 10px;
	}
#side .icons img {
	}

#side .tags {
	margin: 0 10px 5px 10px;
	}
#side .tags a {
	border-bottom: 1px dotted #CCC;
	}
#side .tags a:hover {
	border-bottom: none;
	background: #336699;
	color: #FFF;
	}


/* メイン部分の要素
------------------------------------------ */

#main h2 {
	margin: 0 0 10px 0;
	padding: 3px 0 3px 5px;
	font-size: 14px;
	font-weight:bold;
	color: #fff;
	background: #2BA1B1;
	}


#main .box {
	margin: 0 0 20px 0;
	clear: both;
	}

.more {
	float: right;
	margin: 5px;
	padding: 0 0 0 20px;
	background: url(/common/master/image/arrow.gif) no-repeat 2px;
	}

.bookmark {
	float: left;
	margin:5px 5px 5px 0;
	padding: 0 0 0 20px;
	background: url(/common/master/image/bookmark.gif) no-repeat 2px;
	}

.bookmark_link {
	margin:10px 20px;
	padding:10px;
	background:#efefef;
	}

#side ul.menulist li.bookmark_side {
	background: url(/common/master/image/bookmark.gif) no-repeat 0 3px;
	}

.edit {
	text-align: right;
	margin: 5px 5px 0 0;
	}
.add {
	text-align: right;
	margin: 5px 5px 0 0;
	}

/* メイン部分（サイドがない場合）の要素
------------------------------------------ */

#container .box {
	margin: 10px 0 10px 0;
	clear: both;
	}

#container h2 {
	margin: 0 0 10px 0;
	padding: 3px 0 3px 5px;
	font-size: 14px;
	font-weight:bold;
	color: #fff;
	background: #2BA1B1;
	}


/* フッター部分の要素
------------------------------------------ */

#footer p {
	text-align: center;
	font-size: 11px;
	margin: 10px 0 10px 0;
	}



/* アイコン画像
------------------------------------------ */

.icon {
	text-align: center;
	margin: 20px 0 10px 0;
	padding: 0;
	}
.icon p {
	margin: 5px 0 0 0;
	}

.icons {
	width: 120px;
	height: 120px;
	float: left;
	text-align: center;
	margin: 5px;
	padding: 10px 0 0 0;
	background: #F5F5F5;
	border: 1px solid #CCC;
	}

#main .box .icons {
	width: 120px;
	height: 120px;
	float: left;
	text-align: center;
	margin: 5px 0 5px 10px;
	padding: 10px 0 0 0;
	background: #FFF;
	border: 1px solid #EEE;
	}


.icons:hover {
	background: #EEE;
	border: 1px solid #CCC;
	}
.icons p {
	margin: 5px 0 0 0;
	font-size: 11px;
	}

.icon_t {
	width: 30px;
	height: 30px;
	padding: 3px;
	border: 1px solid #CCC;
	background: #FFF;
	}
.icon_s {
	width: 50px;
	height: 50px;
	padding: 3px;
	border: 1px solid #CCC;
	background: #FFF;
	}
.icon_m {
	width: 70px;
	height: 70px;
	padding: 5px;
	border: 1px solid #CCC;
	background: #FFF;
	}
.icon_l {
	width: 140px;
	height: 140px;
	padding: 8px;
	border: 1px solid #CCC;
	background: #FFF;
	}

.icon_t:hover,
.icon_s:hover,
.icon_m:hover,
.icon_l:hover {
	border: 1px solid #999;
	background: #FFF;
	}




/* テーブルの装飾
------------------------------------------ */
.table_default {
	width: 100%;
	border-top: 1px solid #005c71;
	border-right: 1px solid #005c71;
	}

.table_default th {
	background: #a3e0e9;
	border-bottom: 1px solid #005c71;
	border-left: 1px solid #005c71;
	padding: 2px;
	text-align: center;
	}
.table_default td {
	border-bottom: 1px solid #005c71;
	border-left: 1px solid #005c71;
	padding: 10px;
	background: #FFF;
	}

.table_list {
	width: 100%;
	border-top: 1px solid #005c71;
	border-right: 1px solid #005c71;
	}

.table_list th {
	background: #a3e0e9;
	border-bottom: 1px solid #005c71;
	border-left: 1px solid #005c71;
	padding: 2px;
	text-align: center;
	}
.table_list td {
	border-bottom: 1px solid #005c71;
	border-left: 1px solid #005c71;
	padding: 3px;
	background: #FFF;
	}

.table_noborder {
	width: 100%;
	border: none;
	}
.table_noborder th {
	border: none;
	padding: 2px;
	background: #FFF;
	text-align: center;
	}
.table_noborder td {
	border: none;
	padding: 2px;
	background: #FFF;
	}


.button_area {
	margin: 10px 0 10px 0;
	text-align: center;
	}



/*
 フォーム
------------------------------------------ */


textarea,
select,
.inputarea {
	font-size: 12px;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	padding: 2px;
	border: 1px solid #2ba1b1;
	}
input {
	font-size: 12px;
font-family: "MS ゴシック", Osaka, Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 2px;
	border: 1px solid #2ba1b1;
}

#comment_form_description {
	width: 450px;
	height: 50px;
	margin: 0 0 10px 0;
	}

#private_comment_form_description{
	width: 450px;
	height: 50px;
	margin: 0 0 10px 0;
	}



/*------------------------------------------
 ユーザー登録画面
------------------------------------------ */

#welcome h3 {
	margin: 20px 0 10px 0;
	padding: 10px 0 0 0;
	border-top: 1px solid #CCC;
	font-size: 12px;
	}

#welcome .message {
	margin: 10px 0;
	padding: 10px;
	border: 1px solid #CCC;
	background: #F5F5F5;
	}

#welcome textarea {
	padding: 5px;
	width: 500px;
	height: 150px;
	}
#welcome .table_default {
	width: 500px;
	}
#welcome .button_area {
	text-align: left;
	}



/*------------------------------------------
 ログイン画面
------------------------------------------ */

#loginform {
	clear: both;
	padding: 10px;
	background: url(/common/staffroom/background/login_image.gif) no-repeat bottom;
	}

	}
.password_resend {
        clear: both;
	padding: 10px;
	background: url(/common/staffroom/background/login_image.gif) no-repeat bottom;
        height:300px;
	}


/*------------------------------------------
 ホーム
------------------------------------------ */

.info_mobile {
	background: url(/common/master/image/phone.png) no-repeat right;
	margin: 0 5px 0 0;
	padding: 1px 20px 0 0;
	font-size: 12px;
	height: 16px;
	}

.info_mobile  a {
	color:#004f61;
	text-decoration:underline;
	}

.information {
	margin: 10px 0 0 10px;
	list-style-type: none;
	}
.information li {
	padding: 5px 0 3px 20px;
	list-style-type: none;
	}
.information li.info_message {
	background: url(/common/master/image/list/info_message.gif) no-repeat 0 5px;
	}
.information li.info_request {
	background: url(/common/master/image/list/info_request.gif) no-repeat 0 5px;
	}
.information li.info_notice {
	background: url(/common/master/image/list/info_notice.gif) no-repeat 0 5px;
	}

.information li.info_message a,
.information li.info_request a {
	color: #990000;
	text-decoration: none;
	}
.information a:hover {
	background: none;
	}

div.newest_diary_tag {
	padding: 0 5px 0 0;
	list-style-type: none;
	}
div.newest_diary_tag span {
	font-size: 11px;
	margin: 0 5px 0 0;
	}
div.newest_diary_tag span a {
	color: #CC3300;
	text-decoration: none;
	}
div.newest_diary_tag span a:hover {
	background: #CC3300;
	color: #FFF;
	text-decoration: none;
	}

/*------------------------------------------
 ファイル共有
------------------------------------------ */
.memo {
	font-size: 11px;
	margin: 3px;
	padding: 2px;
	background: #eee;
	}


/*------------------------------------------
 日記
------------------------------------------ */

.diary_date {
	margin: 15px 0 0 0;
	}
.diary_title {
	font-size: 16px;
	font-weight: bolder;
	margin: 5px 0 10px 0;
	padding: 0 0 5px 0;
	border-bottom: 1px dotted #CCC;
	}

.diary_body {
	line-height: 160%;
	margin: 10px 0 10px 0;
	}

.diary_image {
	margin: 10px 0;
	padding: 10px;
	border: 1px dotted #CCC;
	background: #FFF;
	}
.diary_image img {
	margin: 0 10px 0 0;
	border: 2px solid #ABDC70;
	}
.diary_image img:hover {
	border: 2px solid #D8473F;
	}


.diary_body blockquote {
	line-height: 160%;
	margin: 10px 0;
	padding: 10px;
	border-left: 1px solid #CCC;
	background: #F1F1F1;
	}

.diary_tag {
	margin: 10px 0 10px 0;
	padding: 10px 0 0 0;
	border-top: 1px dotted #CCC;
	}

.diary_state {
	margin: 10px 0 10px 0;
	padding: 10px 0 0 0;
	border-top: 1px dotted #CCC;
	text-align: right;
	}

.diary_comment_title {
	font-weight: bolder;
	margin: 10px 0 15px 0;
	padding: 0 0 5px 0;
	border-bottom: 1px dotted #CCC;
	}
.diary_comment_body {
	margin: 5px 0 15px 0;
	padding: 0 0 15px 0;
	border-bottom: 1px dotted #CCC;
	}





.diary_footstamp_title {
	font-weight: bolder;
	margin: 10px 0 15px 0;
	padding: 0 0 5px 0;
	border-bottom: 1px dotted #CCC;
	}

.diary_footstamp {
	margin: 10px 0 15px 0;
	padding: 10px;
	}

.diary_footstamp img {
	margin: 0 5px 5px 0;
	}


.diary_permalink_navi {
	font-size: 11px;
	text-align: center;
	margin: 5px 0;
	}

.tags_assist {
	margin: 5px 0 5px 0;
	}
.tags_assist a {
	margin-right: 3px;
	}
.tags_assist a:hover {
	border-bottom: none;
	background: #336699;
	color: #FFF;
	}



/*------------------------------------------
 グループ
------------------------------------------ */

.topic_date {
	margin: 15px 0 0 0;
	}
.topic_title {
	font-size: 16px;
	font-weight: bolder;
	margin: 5px 0 10px 0;
	padding: 0 0 5px 0;
	border-bottom: 1px dotted #CCC;
	}

.topic_body {
	line-height: 160%;
	margin: 10px 0 10px 0;
	}
.topic_image {
	margin: 10px 0;
	padding: 10px;
	border: 1px dotted #CCC;
	background: #FFF;
	}
.topic_image img {
	margin: 0 10px 0 0;
	border: 2px solid #ABDC70;
	}
.topic_image img:hover {
	border: 2px solid #D8473F;
	}

.topic_category {
	margin: 10px 0 10px 0;
	padding: 10px 0 0 0;
	border-top: 1px dotted #CCC;
	}

.topic_state {
	margin: 10px 0 10px 0;
	padding: 10px 0 0 0;
	border-top: 1px dotted #CCC;
	text-align: right;
	}

.topic_comment_title {
	font-weight: bolder;
	margin: 10px 0 15px 0;
	padding: 0 0 5px 0;
	border-bottom: 1px dotted #CCC;
	}

.topic_comment_body {
	margin: 5px 0 15px 0;
	padding: 0 0 15px 0;
	border-bottom: 1px dotted #CCC;
	}


#delete {
	margin: 50px 0 0 0;
	}
#delete p {
	text-align: center;
	color: #FF0000;
	margin: 10px 0;
	}


/*------------------------------------------
 カレンダー／スケジュール
------------------------------------------ */

.table_calendar {
	width: 100%;
	border-top: 1px solid #CCC;
	border-right: 1px solid #CCC;
	}

.table_calendar th {
	background: #EEE url(/common/master/image/background/th.gif);
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
	padding: 2px;
	text-align: center;
	}
.table_calendar th.sunday {
	background: #FDD;
	}
.table_calendar th.saturday {
	background: #DDF;
	}
.table_calendar td {
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
	padding: 3px;
	background: #FFF;
	width: 14%;
	height: 70px;
	}
.table_calendar td.before a,
.table_calendar td.after a {
	color: #999;
	}
.table_calendar td.before a:hover,
.table_calendar td.after a:hover {
	color: #666;
	}
.table_calendar td.sunday {
	background: #FDD;
	}
.table_calendar td.saturday {
	background: #DDF;
	}
.table_calendar td.holiday {
	background: #FDD;
	}
.table_calendar td.today {
	background: #E2FAC1;
	}
.table_calendar p.day {
	font-size: 18px;
	float: left;
	}
.table_calendar p.add a {
	text-decoration: none;
	color: #999;
	}
.table_calendar p.add a:hover {
	color: #666;
	}
.table_calendar span.headeradd a {
	text-decoration: none;
	color: #999;
	}
.table_calendar span.headeradd a:hover {
	color: #666;
	}

.table_calendar ul {
	clear: both;
	padding: 5px 0 0 0;
	}
.table_calendar li {
	list-style-type: none;
	}

#schedule .table_default select {
	width: 70px;
	}



.side_calendar {
	margin: 10px;
	}

.side_calendar_title {
	margin: 0 0 5px 0;
	text-align: center;
	}

.table_side_calendar {
	border-top: 1px solid #CCC;
	border-right: 1px solid #CCC;
	}
.table_side_calendar th {
	background: #EEE url(/common/master/image/background/th.gif);
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
	text-align: center;
	font-size: 11px;
	}
.table_side_calendar th.sunday {
	}
.table_side_calendar th.saturday {
	}
.table_side_calendar td {
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
	background: #FFF;
	padding: 0px;
	text-align: center;
	font-size: 11px;
	}
.table_side_calendar td.before a,
.table_side_calendar td.after a {
	color: #999;
	}
.table_side_calendar td.before a:hover,
.table_side_calendar td.after a:hover {
	color: #666;
	}
.table_side_calendar td.sunday {
	background: #FDD;
	}
.table_side_calendar td.saturday {
	background: #DDF;
	}
.table_side_calendar td.holiday {
	background: #FDD;
	}
.table_side_calendar td a {
	display: block;
	padding: 5px;
	}
.table_side_calendar td.today {
	background: #E2FAC1;
	}
.table_side_calendar td a:hover {
	background: #CCC;
	color: #FFF;
	}
.table_side_calendar td .day {
	display: block;
	padding: 5px;
	}

.icons_scedule {
	float: left;
	margin: 2px 10px 2px 2px;
	padding: 0 0 0 0;
	}


.schedule_comment_title {
	font-weight: bolder;
	margin: 10px 0 10px 0;
	padding: 0 0 5px 0;
	border-bottom: 1px dotted #CCC;
	}
.schedule_comment_date {
	}
.schedule_comment_body {
	margin: 5px 0 20px 0;
	}
.schedule_permalink_navi {
	font-size: 11px;
	text-align: right;
	margin: 5px 0;
	}


.reright {
 color:#555;
 text-align:left;
	font-size:14px;
	font-weight:bold;
	margin: 0 0 5px 0;
	padding: 0 0 0 23px;
	background: url(/common/master/image/list/schedule_entry.gif) no-repeat 3px 0;
	}


/*------------------------------------------
 アンケート
------------------------------------------ */

#enquete .enquete_comment_title {
	font-weight: bolder;
	margin: 10px 0 10px 0;
	padding: 0 0 5px 0;
	border-bottom: 1px dotted #CCC;
	}
#enquete .enquete_comment_date {
	}
#enquete .enquete_comment_body {
	margin: 5px 0 20px 0;
	}

#enquete .table_default select {
	width: 70px;
	}


/*------------------------------------------
 QA
------------------------------------------ */

#qa .qa_comment_title {
	font-weight: bolder;
	margin: 10px 0 10px 0;
	padding: 0 0 5px 0;
	border-bottom: 1px dotted #CCC;
	}
	
#qa .qa_comment_date {
 margin: 10px 0 10px 0;
	height:20px;
	}
	
#qa .qa_comment_body {
 margin: 5px 0 0 0;
	padding: 0 0 15px 0;

	border-bottom: 1px dotted #CCC;
	}

#qa .qa_default select {
	width: 70px;
	}
	
#qa .qa_comment_form{
	width: 450px;
	height: 30px;
	margin: 0 0 10px 0;
	}

#qa .qa_rescomment_form{
	width: 450px;
	height: 80px;
	margin: 0 0 10px 0;
	}
	
#qa .qa_res_form{
	padding:0 0 3px 0;
	margin:0 0 20px 50px;
}

#qa .qa_res{
 font-weight:bold;
 color:#666;
	padding:0 0 5px 0;
}

#qa .qa_res_comment{
	margin:0 0 15px 50px;
	background-color:#ddd;
	padding:10px 5px;
}

#side .selection_list {
	list-style-type: none;
	background: url(/common/master/image/list/menu.gif) no-repeat 0 3px;
	margin: 1px 0;
	padding: 3px 0 3px 20px;
	font-size: 12px;
	border-bottom:1px dashed #ccc;
	}

/*------------------------------------------
 殿堂入り
------------------------------------------ */
.box_selection {
	padding:0px;
        border: 2px solid #BADE82;
	background:#FFC;
}
.box_selection a {
	color:#600;
}

.selection_info_title {
	background-color:#BADE82;
}
.selection_list {
	list-style-type: none;
}

.selection_tb{
	border:2px solid #BADE82;
}

.selection_tb th {
	color:#666;
}

.selection_tb td {
	padding:3px;	
}

.selection_title{
  font-size:16px;
		color:#666;
		height:38px;
		background:#fff url(/common/master/image/selection.gif) no-repeat; 
		margin:0;
		padding:15px 0 0 120px;
		font-weight:bold;
		}
	
.selection_one{
  font-size:14px;
		color:#666;
		height:25px;
		padding:8px 0 0 50px;
		font-weight:bold;
		margin:0 0 10px 0;
		background:#fff url(/common/master/image/selection_s.gif) no-repeat left;
		}
#side .selection {
    margin:5px 10px;
    overflow: hidden;
    position: static;
    }


/*------------------------------------------
 イベント
------------------------------------------ */

#event .event_comment_title {
	font-weight: bolder;
	margin: 10px 0 10px 0;
	padding: 0 0 5px 0;
	border-bottom: 1px dotted #CCC;
	}
#event .event_comment_date {
	}
#event .event_comment_body {
	margin: 5px 0 20px 0;
	}

#event .table_default select {
	width: 70px;
	}


/*------------------------------------------
 設定変更
------------------------------------------ */
#setup #side .upload_area {
	margin: 10px 0;
	}
#setup #side .upload {
	font-size: 10px;
	}


/*------------------------------------------
 公開モード
------------------------------------------ */
#side .introduction {
	margin: 10px 0;
	background-color:#fff;
		border: 1px solid #CCC;
	}
#side .owner {
	text-align: center;
	background: #EEE;
	font-weight:bold;
	color:#004f61;
	border: 1px solid #CCC;
	margin: 10px 0 10px 0;
	padding: 10px;
	}
#side .introduction ul {
	margin: 0 0 0 20px;
	padding:10px 10px 0 10px;
	}
#side  .description {
	margin: 0 0 10px 0;
	padding: 10px;
	background-color:#fff;
	}


/*------------------------------------------
 システム共通
------------------------------------------ */

.pager {
	margin: 0 0 10px 0;
	text-align: center;
	clear: both;
	}
.pager p {
	font-size: 14px;
	margin: 10px 0 0 0;
	}
.pager p b {
	font-size: 14px;
	}
.pager p a {
	font-size: 14px;
	background: #EEE;
	}

.pager p u {
	text-decoration: none;
	}


.none {
	margin: 10px 0 10px 0;
	text-align: center;
	}


.require {
	color: #FF0000;
	}

.err {
	color: #FF0000;
	}

.note {
	color: #FF0000;
	}

#side .explain {
	color: #666666;
	margin: 10px 10px 0 10px;
	}
#container .explain,
#main .explain {
	color: #666666;
	margin: 5px;
	text-align: center;
	}

.error {
	margin: 10px 0;
	padding: 0 0 0 20px;
	background: url(/common/master/image/error.gif) no-repeat;
	}

.back {
	margin-bottom: 20px;
	text-align: center;
	}

#side .minimemo {
    border: 2px solid rgb(204, 204, 204);
    margin: 5px 10px 0 10px;
    padding: 5px;
    color:#660000;
    background-color:#ffffff;
    }

#side .minimemo_non {
    border: 2px solid rgb(204, 204, 204);
    margin: 5px 10px 0 10px;
    padding: 5px;
    color:#aaa;
    background-color:#ffffff;
    }

#side .memo_form {
    margin: 5px 10px;
    padding: 0;
    color:#660000;
    }




/*------------------------------------------
 todo
------------------------------------------ */

#side .todo {
    margin:5px 10px;
    overflow: hidden;
    position: static;
    }

.todo_over {
	   list-style-type: none;
	   background: url(/common/master/image/list/menu.gif) no-repeat 0 3px;
    font-weight: bold;
				margin: 1px 0;
	   padding: 3px 0 3px 20px;
    color:#ff6600;
				border-bottom:1px dashed #ccc;
    }
				
.todo_over a{
    color: rgb(255, 102, 0);
    }

p.todo_select { margin: 5px;
    padding: 5px;
    text-align: center;
    }

.todo_list {
	list-style-type: none;
	background: url(/common/master/image/list/menu.gif) no-repeat 0 3px;
	margin: 1px 0;
	padding: 3px 0 3px 20px;
	font-size: 12px;
					border-bottom:1px dashed #ccc;
	}
	
.todo_today {
				font-weight: bold;
	}
	
.todo_finish {
	color: #999999;
        
				background: #ddd;
	}

.todo_finish a {
        color: #999999;
	
}
.todo_today_finish {
				font-weight: bold;
				background: #ddd;
	}
	
.todo_unfinished {
    color:#ff6600;
				font-weight: bold;

	}
	
#todo .table_default select {
	width: 70px;
	}