/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
 * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the top of the
 * compiled file, but it's generally better to create a new file per style scope.
 *


 */

@charset "UTF-8";

body {
  margin: 0;
  padding: 0;
  font-size: small;
  text-align: center;
  color: #666;
  word-break:break-all;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

a:link {
	text-decoration: none;
}

table {
  font-size: small;
	border-collapse: collapse;
}

textarea {
  width: 100%;
}

/**
div {
	border: 1px solid #000;
}
**/

#clear {
	margin: 0;
	padding: 0;
	clear: both;
	visibility: hidden;
	width: 0;
	height: 0;
}


#container {
	width: 840px;
	margin: 0 AUTO;
	padding: 0;
	text-align: left;
}

#header {
	margin: 0 20px;
	padding: 0;
	width: 800px;
	height: 50px;
}

#content {
	width: 800px;
	margin: 0 20px;
}

#content div {
  margin: 10px;
}

#menucol {
	margin: 0 ;
	padding: 5px;
	float: left;
	width: 210px;
}

#maincol {
	float: right;
	width: 560px;
	padding: 10px;
	margin: 0;
}

#maincol div {
	margin: 0;
	padding: 10px;
}

#footer {
	clear: both;
	width: 760px;
	height: 60px;
	margin: 0 20px;
	padding: 30px 20px;
}

div.caption {
  margin: 3px;
  padding: 5px;
  border: 1px solid #ea5506;
}

div.caution {
  margin: 3px;
  padding: 5px;
  border: 1px solid #ea5506;
}

div.frame {
  margin: 3px;
  padding: 5px;
  border: 1px solid #aaaaaa;
}

.btn {
  display: inline-block;
  padding: 2px 9px;
  margin-bottom: 0;
  font-size: 9pt;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  color: #333333;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  background-color: #f5f5f5;
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  border: 1px solid #cccccc;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-bottom-color: #b3b3b3;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  text-decoration: none;
  border-radius: 4px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
  -webkit-appearance: button;
}

.btn-primary {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #006dcc;
  background-image: linear-gradient(to bottom, #0088cc, #0044cc);
  background-repeat: repeat-x;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}

.btn-info {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #49afcd;
  background-image: linear-gradient(to bottom, #5bc0de, #2f96b4);
  background-repeat: repeat-x;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}

.btn-success {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #5bb75b;
  background-image: linear-gradient(to bottom, #62c462, #51a351);
  background-repeat: repeat-x;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}

.btn-warning {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #faa732;
  background-image: linear-gradient(to bottom, #fbb450, #f89406);
  background-repeat: repeat-x;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}

.btn-danger {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #da4f49;
  background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
  background-repeat: repeat-x;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}

.btn-inverse {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #363636;
  background-image: linear-gradient(to bottom, #444444, #222222);
  background-repeat: repeat-x;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}

.btn-disabled, .btn[disabled] {
  cursor: default;
  background-image: none;
  opacity: 0.65;
}

.alert {
  color: #c09853;
  margin: 10px;
  padding: 8px 14px 8px 14px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  background-color: #fcf8e3;
  border: 1px solid #fbeed5;
  border-radius: 4px;
}

.alert p {
  margin: 0;
}

.alert-warning {
  color: #c09853;
  background-color: #fcf8e3;
  border-color: #fbeed5;
}

.alert-error {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #eed3d7;
}

.alert-success {
  color: #468847;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}

.alert-info {
  color: #3a87ad;
  background-color: #d9edf7;
  border-color: #bce8f1;
}


.pagenation {
  margin: 0 0 5px 0;
}

.pagination ul {
  list-style-type: disc;
  -webkit-margin-before: 1em;
  -webkit-margin-after: 1em;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
  -webkit-padding-start: 40px;
  display: inline-block;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  padding: 0;
  margin: 0 auto;
}

.pagination ul > li {
  text-align: -webkit-match-parent;
  line-height: 20px;
  display: inline;
}

.pagination ul > li > a, .pagination ul > li > span {
  float: left;
  padding: 4px 12px;
  line-height: 20px;
  text-decoration: none;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-left-width: 0;
  color: #999999;
}

.pagination ul > li > span {
  background-color: #AAAAAA;
  color: #ffffff;
}

.pagination ul > li:first-child > a, .pagination ul > li:first-child > span {
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}

.pagination ul > li:last-child > a, .pagination ul > li:last-child > span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.table {
  margin: 10px 0;
  width: 100%;
  max-width: 100%;
  background-color: transparent;
  border-collapse: collapse;
  border-spacing: 0;
  display: table;
  border-collapse: separate;
  -webkit-border-horizontal-spacing: 2px;
  -webkit-border-vertical-spacing: 2px;
  border-top-color: gray;
  border-right-color: gray;
  border-bottom-color: gray;
  border-left-color: gray;
}

.table th, .table td {
  border-top: 0;
  vertical-align: bottom;
  padding: 8px;
  line-height: 20px;
  text-align: left;
}

.table-striped tbody > tr:nth-child(odd) > td, .table-striped tbody > tr:nth-child(odd) > th {
  background-color: #f9f9f9;
}

.table-bordered {
  border: 1px solid #dddddd;
  border-collapse: separate;
  border-left: 0;
}

.table-bordered th, .table-bordered td {
  border-left: 1px solid #dddddd;
}

.table-condensed th, .table-condensed td {
  padding: 3px;
  line-height: 20px;
  text-align: left;
  vertical-align: top;
  border-top: 1px solid #dddddd;
}

.table-keyvalue th {
  text-align: right;
}

.table-nonbordered {
  border: none;
}

.table-nonbordered th, .table-nonbordered td {
  border: none;
}

/**
	hack for IE6
**/

* html body {
  margin: 0;
  padding: 0;
  font-size: x-small;
	text-align: center;
	color: #666;
}

* html a:link {
	text-decoration: none;
}

* html table {
  font-size: x-small;
	border-collapse: collapse;
}

* html #container {
	width: 840px;
	margin: 0 AUTO;
	padding: 0;
	text-align: left;
}

* html #header {
	margin: 0 20px;
	padding: 0;
	width: 800px;
	height: 140px;
}

* html #content {
	width: 800px;
	margin: 0 20px;
	padding: 0;
}

* html #menucol {
	margin: 0 ;
	padding: 5px;
	float: left;
	width: 220px;
}

* html #maincol {
	float: right;
	width: 580px;
	padding: 10px;
	margin: 0;
}

* html #maincol div {
	margin: 0;
	padding: 10px;
}

* html #footer {
	clear: both;
	width: 760px;
	height: 60px;
	margin: 0 20px;
	padding: 30px 20px;
}

/*input.submit {
	margin: 3px;
	padding: 0;
	color: #000;
	font: bold 1em sans-serif;
	background: #ddd url(img/but_bg.gif) repeat-x;
	border-top: solid 1px #ddd;
	border-left: solid 1px #ddd;
	border-right: solid 1px #666;
	border-bottom: solid 1px #666;
}*/
* html input.submit {
	padding: 3px;
}

/*input[type="submit"] {
	margin: 3px;
	padding: 0;
	color: #000;
	font: bold 1em sans-serif;
	background: #ddd url(img/but_bg.gif) repeat-x;
	border-top: solid 1px #ddd;
	border-left: solid 1px #ddd;
	border-right: solid 1px #666;
	border-bottom: solid 1px #666;
}*/
* html input[type="submit"] {
	padding: 3px;
}


@charset "UTF-8";

body {
	background: #666 url("img/body_bg.gif") repeat;
}

#container {
	background: #fff url("img/container_bg.gif") repeat;
}

#header {
	background: #fff url("img/main_header_bg.gif") no-repeat;
}

#footer {
	background: #fff url("img/footer_bg.gif") no-repeat;
}

#menucol {}

@charset "UTF-8";

/** footer colum styles **/
#footer {
	width: 740px;
	height: 60px;
	margin: 0 20px 0 20px;
	padding: 20px 30px 0 30px;
	background: #fff url("img/footer_bg.png") no-repeat;
	text-align: center;
}

* html #footer {
	width: 800px;
	height: 70px;
}

#footer p {
	text-align: center;
	font: bold 0.8em sans-serif;
	margin: 10px 0 0 0;
	padding: 0px;
}
@charset "UTF-8";

/** header column styles **/

#header div.place-icon {
	background-color: transparent;
}

#header div.place-icon span{}

* html #header div.place-icon span{}

#header div.place-icon span.login{}

* html #header div.place-icon span.login{}

/*#header div.place-icon span.login a {
  border: 1px solid #f60;
  color: #f60;
}*/
/*  070916 update end */
#header div.place-icon span.community {
	background: transparent url("img/place_icon_community_green.gif") no-repeat;
}

#header div.place-icon span.master {
	background: transparent url("img/place_icon_master.gif") no-repeat;
}

#header div.place-icon span.gate {
	background: transparent url("img/place_icon_gate.gif") no-repeat;
}

#header div.place-icon span.config {
	background: transparent url("img/place_icon_config_green.gif") no-repeat;
}

#header div.place-icon span.person {
	background: transparent url("img/place_icon_person_green.gif") no-repeat;
}

#header div.place-icon span.function {
	background: transparent url("img/place_icon_function_green.gif") no-repeat;
}

#header div.place-icon span.portal {
	background: transparent url("img/place_icon_portal_green.gif") no-repeat;
}

@charset "UTF-8";

/** header column styles **/

#header div.place-icon {
	margin: 0 0 0 0;
	padding: 0 0 10px 80px;
	float: left;
	width: 320px;
}

#header span {
	margin: 4px 0 0 0;
	padding: 12px 0 0 45px;
	height: 20px;
	display: block;
}

* html #header div.place-icon span {
	margin: 0 0 3px 0;
	height: 40px;
}

#header div.place-icon span.login {
	height: 18px;
	padding: 12px 0 0 0;
}

* html #header div.place-icon span.login {
	height: 45px;
	padding: 12px 0 0 0;
}

/*#header div.place-icon span.login a {
  margin: 0 0 0 10px;
  padding: 0 3px 0 3px;
  border: 1px solid #f60;
	text-decoration: none;
	font: bolder 1em sans-serif;
}*/
#header div.conf-items {
  margin: 0;
  padding: 0 20px 10px 0;
  float: right;
  width: 380px;
  text-align: right;
}

#header div.place-icon span.conf-link {
  height: 18px;
  padding: 20px 0 0 0;
}

/* place-icon span.*はアイコンを表示させるために左paddingをあけておく */

#header div.place-icon span.community {
	padding: 20px 0 0 45px;
}

#header div.place-icon span.master {
	padding: 20px 0 0 45px;
}

#header div.place-icon span.gate {
	padding: 20px 0 0 45px;
}

#header div.place-icon span.config {
	padding: 20px 0 0 45px;
}

#header div.place-icon span.person {
	padding: 20px 0 0 45px;
}

#header div.place-icon span.function {
	padding: 20px 0 0 45px;
}

#header div.place-icon span.portal {
	padding: 20px 0 0 45px;
}

@charset "UTF-8";

/** main colum styles **/
/*
 * h1-h4
 * div
 * table
 * ul
 *  sub-nav
 *  small-nav
 *  tab-nav
 * form
 * message-panes
 * calender-panes
 */


/*********************************  *************************************/
/** h1-h4 styles **/

#maincol h1 {
	color: #666;
	background: transparent url("img/orange_grad.gif") bottom repeat-x;
}

#maincol h2 {
	color: #666;
	background: transparent url("img/orange_grad.gif") bottom repeat-x;
}

#maincol h3 {
	color: #666;
	background: transparent url("img/orange_grad.gif") bottom repeat-x;
}

#maincol h4 {
	color: #666;
	background: transparent url("img/orange_grad.gif") bottom repeat-x;
}

/*********************************  *************************************/
/** div styles **/

#maincol div {
  color: #666;
}

#maincol div.caution {
	border: 1px solid #f90;
}

#maincol div.caption {
	border: 1px solid #ddd;
}

#maincol div.frame {
	border: 1px solid #ddd;
}

#maincol div.maintext{}

/*********************************  *************************************/
/** table styles **/

#maincol table {
	border: 1px solid #999;
	background-color: #fff;
  color: #666;
}

#maincol table th {
	border: 1px solid #fff;
	background-color: #999;
	color: #fff;
}

#maincol table td {
	border: 1px solid #999;
}

#maincol table.list-table{}

#maincol table.list-table th{}

#maincol table.show-table{}

/*********************************  *************************************/
/** ul buttons styles **/
#maincol a.nav{
  color: #333;
  background: #999 url(img/but_bg.gif) repeat-x;
  border-top: solid 1px #ddd;
  border-left: solid 1px #ddd;
  border-right: solid 1px #666;
  border-bottom: solid 1px #666;
}

#maincol span.nav {
  color: #fff;
  background: #999 url(img/but_bg.gif) repeat-x;
  border-top: solid 1px #ddd;
  border-left: solid 1px #ddd;
  border-right: solid 1px #666;
  border-bottom: solid 1px #666;
}


/** sub-nav configuration **/
#maincol ul.sub-nav{}

#maincol ul.sub-nav li{}

#maincol ul.sub-nav li span{
	color: #fff;
	background: #999 url(img/but_bg.gif) repeat-x;
	border-top: solid 1px #ddd;
	border-left: solid 1px #ddd;
	border-right: solid 1px #666;
	border-bottom: solid 1px #666;
}

#maincol ul.sub-nav li a{
	color: #333;
	background: #999 url(img/but_bg.gif) repeat-x;
	border-top: solid 1px #ddd;
	border-left: solid 1px #ddd;
	border-right: solid 1px #666;
	border-bottom: solid 1px #666;
}

#maincol ul.sub-nav li a:hover{}

#maincol ul.sub-nav li a:active{}

/** small-nav configuration **/
#maincol ul.small-nav{}

#maincol ul.small-nav li{}

#maincol ul.small-nav li a{
	color: #333;
	background: #999 url(img/but_bg.gif) repeat-x;
	border-top: solid 1px #ddd;
	border-left: solid 1px #ddd;
	border-right: solid 1px #666;
	border-bottom: solid 1px #666;
}

#maincol ul.small-nav li a:hover{}

#maincol ul.small-nav li a:active{}

/** tab-nav configuration **/
#maincol ul.tab-nav{}

* html #maincol ul.tab-nav {
    border: 1px solid #fff;
}

#maincol ul.tab-nav li{}

#maincol ul.tab-nav li a{
	color: #666;
	background: #fff;
	border-top: solid 1px #999;
	border-left: solid 1px #999;
	border-right: solid 1px #999;
	border-bottom: none;
}

#maincol ul.tab-nav li span{
	color: #fff;
	background: #999;
	border-top: solid 1px #999;
	border-left: solid 1px #999;
	border-right: solid 1px #999;
	border-bottom: solid 2px #999;
}

#maincol div.tab-target {
	border-top: solid 5px #999;
	border-left: solid 1px #999;
	border-right: solid 1px #999;
	border-bottom: solid 1px #999;
}

* html #maincol div.tab-target{}

/** icon-link configuration **/
#maincol ul.icon-link{}

#maincol ul.icon-link li{
	color: #666;
}

#maincol ul.icon-link li a{
	color: #666;
}

#maincol ul.icon-link li a span{}

#maincol ul.icon-link li.no_read a{
	background: transparent url("img/message_icon_orange/no_read_tray.gif") no-repeat;
}

#maincol ul.icon-link li.read a{
	background: transparent url("img/message_icon_orange/receive_tray.gif") no-repeat;
}

#maincol ul.icon-link li.sent a{
	background: transparent url("img/message_icon_orange/sent_tray.gif") no-repeat;
}

#maincol ul.icon-link li.draw a{
	background: transparent url("img/message_icon_orange/draw_tray.gif") no-repeat;
}

#maincol ul.icon-link li.send a{
	background: transparent url("img/message_icon_orange/send.gif") no-repeat;
}

#maincol ul.icon-link li.new a{
	background: transparent url("img/message_icon_orange/write.gif") no-repeat;
}

#maincol ul.icon-link li.delete a{
	background: transparent url("img/message_icon_orange/delete.gif") no-repeat;
}

#maincol ul.icon-link li.response a{
	background: transparent url("img/message_icon_orange/response.gif") no-repeat;
}

#maincol ul.icon-link li.forward a{
	background: transparent url("img/message_icon_orange/forward.gif") no-repeat;
}

#maincol ul.icon-link li.add_receiver a{
	background: transparent url("img/message_icon_orange/add_receiver.gif") no-repeat;
}

#maincol ul.icon-link li.remove_receiver a{
	background: transparent url("img/message_icon_orange/remove_receiver.gif") no-repeat;
}

#maincol ul.icon-link li.save a{
	background: transparent url("img/message_icon_orange/save.gif") no-repeat;
}

#maincol ul.icon-link li.read_all a{
	background: transparent url("img/message_icon_orange/read_all.gif") no-repeat;
}

#maincol ul.icon-link li span{
	color: #666;
}

#maincol ul.icon-link li.no_read span.off{
	background: transparent url("img/message_icon_orange/no_read_tray_off.gif") no-repeat;
}

#maincol ul.icon-link li.read span.off{
	background: transparent url("img/message_icon_orange/receive_tray_off.gif") no-repeat;
}

#maincol ul.icon-link li.sent span.off{
	background: transparent url("img/message_icon_orange/sent_tray_off.gif") no-repeat;
}

#maincol ul.icon-link li.draw span.off{
	background: transparent url("img/message_icon_orange/draw_tray_off.gif") no-repeat;
}

#maincol ul.icon-link li.send span.off{
	background: transparent url("img/message_icon_orange/send_off.gif") no-repeat;
}

/***********************************************************************/
/* small_icon_count */

#maincol ul.small_icon_count li.no_read a{
	background: #fff url("img/message_icon_orange/small/small_no_read_tray.gif") no-repeat;
}

#maincol ul.small_icon_count li.read a{
	background: #fff url("img/message_icon_orange/small/small_receive_tray.gif") no-repeat;
}

#maincol ul.small_icon_count li.sent a{
	background: #fff url("img/message_icon_orange/small/small_sent_tray.gif") no-repeat;
}

#maincol ul.small_icon_count li.draw a{
	background: #fff url("img/message_icon_orange/small/small_draw_tray.gif") no-repeat;
}


/*********************************  *************************************/
/* message-pane specified */

#message-pane div.message-list-head{}

#message-pane div.message-list{}

#message-pane table.message-list-table{}

/* hack for IE6 */

* html #message-pane div.message-list-head{}

* html #message-pane div.message-list{}

* html #message-pane table.message-list-table{}

/* hack end */

#message-pane table.message-list-table .flag{}

#message-pane table.message-list-table .subject{}

#message-pane table.message-list-table .sender{}

#message-pane table.message-list-table .send_at{}

#message-pane table.message-show-table{}

/*********************************  *************************************/
/* style for forms */

#maincol textarea{}

/*********************************  *************************************/
/** calender-pane styles **/

#maincol table.monthly-calender-table{
	border: 1px solid #999;
}

#maincol table td div.time-frame {
	background: transparent url(img/time_frame_bg.gif) no-repeat;
}

#maincol table.monthly-calender-table th{}

#maincol table.monthly-calender-table td{}

#maincol table.monthly-calender-table td div.event{}

#maincol table.monthly-calender-table td div.date{}

/* hack for ie6 */

* html #maincol table.monthly-calender-table{}

* html #maincol table.monthly-calender-table th{}

* html #maincol table.monthly-calender-table td{}

* html #maincol table.monthly-calender-table td div.date{}

/* hack end */

#maincol table.weekly-calender-table {}

#maincol table.weekly-calender-table th {}

#maincol table.weekly-calender-table td {}

#maincol table.weekly-calender-table td div {}

#maincol table.weekly-calender-table td div.date{}

#maincol table.weekly-calender-table td div.event{
	border: 1px solid #333;
	background-color: #ddd;
}

* html #maincol table.weekly-calender-table td div.event{
	border: 1px solid #333;
	background-color: #ddd;
}


#maincol table.weekly-calender-table td div.event-title{}

#maincol table.weekly-calender-table td div.event-content{}

#maincol div.calender-pane {}

#maincol table.daily-calender-table {}

#maincol table.daily-calender-table th {}

#maincol table.daily-calender-table td {}

#maincol table.daily-calender-table td div {}

#maincol table.daily-calender-table td div.event {
	border: 1px solid #666;
	background-color: #ddd;
}

* html #maincol table.daily-calender-table td div.event {
	border: 1px solid #666;
	background-color: #ddd;
}

#maincol table.daily-calender-table td div.event-title {}

#maincol table.daily-calender-table td div.event-content {}

@charset "UTF-8";

/** main colum styles **/
/*
 * h1-h4
 * div
 * table
 * ul
 *  sub-nav
 *  small-nav
 *  tab-nav
 * form
 * message-panes
 * calender-panes
 */


/*********************************  *************************************/
/** h1-h4 styles **/

#maincol h1 {
	margin: 0 0 10px 0;
	padding: 0;
	font: bolder 2em sans-serif;
}

#maincol h2 {
	margin: 0 0 5px 0;
	padding: 0;
	font: bolder 1.8em sans-serif;
}

#maincol h3 {
	margin: 0 0 3px 0;
	padding: 0;
	font: bolder 1.5em sans-serif;
}

#maincol h4 {
	margin: 0 0 3px 0;
	padding: 0;
	vertical-align: text-bottom;
	font: bold 1.2em sans-serif;
}

/*********************************  *************************************/
/** div styles **/

#maincol div.caution {
	margin: 0;
	padding: 10px;
	padding-left: 20px;
	font: bold 1em sans-serif;
}

#maincol div.caption {
	margin: 0;
	padding: 10px;
	font: normal 0.8em sans-serif;
}

#maincol div.frame {
	margin: 10px 0;
}

#maincol div.maintext {
	margin: 0;
	padding: 5px 10px;
}

/*********************************  *************************************/
/** table styles **/

#maincol table {
	border-collapse: collapse;
	margin: 0 0 10px 0;
}

#maincol table th {
	padding: 3px 5px;
	font: bold 1em sans-selif;
	text-align: left;
	vertical-align: top;
}

#maincol table td {
	padding: 3px 5px;
	text-align: left;
	vertical-align: top;
}

#maincol table.list-table {
    width: 90%;
}

#maincol table.list-table th {
	text-align: left;
	vertical-align: top;
}

#maincol table.show-table {
    width: 90%;
}

/*********************************  *************************************/
/** ul buttons styles **/

#maincol a.nav {
	text-decoration: none;
	font: bold 1em sans-serif;
	margin: 1px;
	padding: 1px;
}

#maincol span.nav {
	font: bold 1em sans-serif;
	margin: 1px;
	padding: 1px;
}

/** sub-nav configuration **/
#maincol ul.sub-nav {
	margin: 0;
	padding: 0;
	list-style: none;
}

#maincol ul.sub-nav li{
	margin: 3px;
	padding: 0;
	display: block;
	float: left;
	height: 20px;
}

#maincol ul.sub-nav li span{
	display: block;
	margin: 0;
	padding: 1px;
}

#maincol ul.sub-nav li a{
	text-decoration: none;
	font: bold 1em sans-serif;
	display: block;
	margin: 0;
	padding: 1px;
}

#maincol ul.sub-nav li a:hover {
	text-decoration: underline;
}

#maincol ul.sub-nav li a:active {
	text-decoration: none;
}

/** small-nav configuration **/
#maincol ul.small-nav {
	list-style: none;
	margin: 0;
	padding: 0;
}

#maincol ul.small-nav li{
	display: block;
	float: left;
	margin: 3px;
	width: 40px;
}

#maincol ul.small-nav li a{
	text-decoration: none;
	display: block;
	font: bold 1em sans-serif;
	margin: 0;
	padding: 1px;
}

#maincol ul.small-nav li a:hover{
	text-decoration: underline;
}

#maincol ul.small-nav li a:active{
	text-decoration: none;
}

/** tab-nav configuration **/
#maincol ul.tab-nav {
	margin: 0 0 -1px 0;
	padding: 0;
	list-style: none;
	border: none;
}

* html #maincol ul.tab-nav {
    margin: 0;
}

#maincol ul.tab-nav li{
	margin: 3px 3px 0px 3px;
	padding: 0;
	display: block;
	float: left;
	height: 20px;
	border: none;
}

#maincol ul.tab-nav li a{
	text-decoration: none;
	font: bold 1em sans-serif;
	display: block;
	margin: 0;
	padding: 1px 5px;
}

#maincol ul.tab-nav li span{
	display: block;
	margin: 0;
	padding: 1px 5px;
	font: bold 1em sans-serif;
}

#maincol div.tab-target {
	margin: 0;
	padding: 5px;
}

* html #maincol div.tab-target {
    height: 0;
}

/** icon-link configuration **/
#maincol ul.icon-link {
	list-style: none;
	margin: 0;
	padding: 0;
}

#maincol ul.icon-link li{
	display: block;
	float: left;
	margin: 3px;
	padding: 0;
	width: 60px;
	height: 60px;
	font: normal 0.7em sans-serif;
	text-align: center;
}

#maincol ul.icon-link li a{
	text-decoration: none;
	display: block;
	width:60px;
	height: 60px;
	margin: 0;
	padding: 0 0 0 0;
}

#maincol ul.icon-link li a span{
	vertical-align: bottom;
}

#maincol ul.icon-link li.no_read a{}

#maincol ul.icon-link li.read a{}

#maincol ul.icon-link li.sent a{}

#maincol ul.icon-link li.draw a{}

#maincol ul.icon-link li.send a{}

#maincol ul.icon-link li.new a{}

#maincol ul.icon-link li.delete a{}

#maincol ul.icon-link li.response a{}

#maincol ul.icon-link li.forward a{}

#maincol ul.icon-link li.add_receiver a{}

#maincol ul.icon-link li.remove_receiver a{}

#maincol ul.icon-link li.save a{}

#maincol ul.icon-link li.read_all a{}

#maincol ul.icon-link li span{
	text-decoration: none;
	display: block;
	margin: 0;
	padding: 50px 0 0 0;
}

#maincol ul.icon-link li.no_read span.off{}

#maincol ul.icon-link li.read span.off{}

#maincol ul.icon-link li.sent span.off{}

#maincol ul.icon-link li.draw span.off{}

#maincol ul.icon-link li.send span.off{}

/***********************************************************************/
/* small_icon_count */

#maincol ul.small_icon_count {
	list-style: none;
  height: 30px;
	margin: 0;
	padding: 0;
}

#maincol ul.small_icon_count li{
	display: block;
	float: left;
	margin: 3px;
	padding: 0;
	height: 30px;
}

#maincol ul.small_icon_count li a{
	text-decoration: none;
	display: block;
	height: 30px;
	margin: 0;
	padding: 0 0 0 30px;
  vertical-align: text-bottom;
}

/* hack for IE6 */

*html #maincol ul.small_icon_count li{
  width: 20%;
}

*html #maincol ul.small_icon_count li a{
  width:auto;
}

/*********************************  *************************************/
/* message-pane specified */

#message-pane div.message-list-head {
	margin: 0;
	padding: 0;
	width: 520px;
}

#message-pane div.message-list {
	margin: 0;
	padding: 0;
	max-height: 10em;
	overflow: auto;
	width: 520px;
}

#message-pane table.message-list-table {
	margin: 0;
	padding: 0;
	width: 500px;
}

/* hack for IE6 */

* html #message-pane div.message-list-head {
	width: 510px;
}

* html #message-pane div.message-list {
	width: 510px;
	height: 100px;
}

* html #message-pane table.message-list-table {
	width: 490px;
}

/* hack end */

#message-pane table.message-list-table .flag {
	width: 2.5em;
}

#message-pane table.message-list-table .subject {
	width: 8em;
}

#message-pane table.message-list-table .sender {
	width: 4em;
}

#message-pane table.message-list-table .send_at {
	width: 6em;
}

#message-pane table.message-show-table {
	margin: 0;
	padding: 0;
	width: 500px;
}

/*********************************  *************************************/
/* style for forms */

#maincol textarea {
    width: 90%;
    height: 5em;
}

/*********************************  *************************************/
/** calender-pane styles **/

#maincol table.monthly-calender-table{
	border-collapse: collapse;
	margin: 0px;
	width: 500px;
}

#maincol table td div.time-frame {
	margin: 0;
	padding: 0;
}

#maincol table.monthly-calender-table th{
	width: 72px;
	text-align: center;
}

#maincol table.monthly-calender-table td{
	margin: 0;
	padding: 0;
	width: 68px;
}

#maincol table.monthly-calender-table td div.event{
	margin: 0;
	padding: 0;
	font: normal 0.7em sans-serif;
}

#maincol table.monthly-calender-table td div.date{
	margin: 0;
	padding: 0;
	width: 70px;
	font: bold 1em sans-serif;
	text-align: center;
}

/* hack for ie6 */

* html #maincol table.monthly-calender-table{
	width: 480px;
}

* html #maincol table.monthly-calender-table th{
	width: 71px;
}

* html #maincol table.monthly-calender-table td{
	width: 67px;
}

* html #maincol table.monthly-calender-table td div.date{
	width: 69px;
}

/* hack end */

#maincol table.weekly-calender-table {
	margn: 10px;
	width: 500px;
}

#maincol table.weekly-calender-table th {
	text-align: center;
	width: 72px;
}

#maincol table.weekly-calender-table td {
	margin: 0;
	padding: 0;
	width: 72px;
}

#maincol table.weekly-calender-table td div {
	margin: 0;
}

#maincol table.weekly-calender-table td div.date{
	text-align: center;
	font: bold 1em sans-serif;
}

#maincol table.weekly-calender-table td div.event{
	margin: 0;
	padding: 3px;
	width: 63px;
	font-size: 0.7em;
}

* html #maincol table.weekly-calender-table td div.event{
	margin: 0;
	padding: 3px;
	width: 70px;
	font-size: 0.7em;
}


#maincol table.weekly-calender-table td div.event-title{
	width: 100%;
	padding: 0;
}

#maincol table.weekly-calender-table td div.event-content{
	width: 100%;
	padding: 0;
}

#maincol div.calender-pane {
	margin: 0;
	padding: 0;
	width: 520px;
	overflow: scroll;
}

#maincol table.daily-calender-table {
	margin: 10px;
	padding: 0;
}

#maincol table.daily-calender-table th {
	margin: 0;
	padding: 0;
	width: 150px;
	text-align: center;
}

#maincol table.daily-calender-table td {
	margin: 0;
	padding: 0;
	width: 150px;
}

#maincol table.daily-calender-table td div {
	margin: 0;
	padding: 0;
	width: 148px;
}

#maincol table.daily-calender-table td div.event {
	margin: 0;
	padding: 3px;
	width: 140px;
}

* html #maincol table.daily-calender-table td div.event {
	margin: 0;
	padding: 3px;
	width: 148px;
}

#maincol table.daily-calender-table td div.event-title {
	margin: 0;
	padding: 0;
	width: 100%;
	font: normal 0.7em sans-serif;
}

#maincol table.daily-calender-table td div.event-content {
	margin: 0;
	padding: 0;
	width: 100%;
	font: normal 0.7em sans-serif;
}

#maincol table.shared_folder_out {
  margin: 0;
  padding: 0;
	border-collapse: collapse;
}

#maincol table.shared_folder_out img {
  margin: 0;
  padding: 0;
  border: none;
}

#maincol table.shared_folder_out td.tree_folder {
  margin: 0;
  padding: 3px;
}

#maincol table.shared_folder_out td.tree_folder div {
  margin: 0;
  padding: 0;
}

#maincol table.shared_folder_out td.tree_folder div.child_folder_column {
  margin: 0 0 0 10px;
}

#maincol table.shared_folder_out td.in_folder {
  margin: 0;
  padding: 3px;
}

#maincol table.shared_folder_out td.in_folder div {
  margin: 0;
  padding: 0;
}

#maincol table.shared_folder_out td.in_folder h5 {
  margin: 5px;
  padding: 0;
  font-size: 1em;
}

#maincol table.shared_folder_out td.in_folder table {
  margin: 0 0 10px 0;
  padding: 0;
}

#maincol table.shared_folder_out td.in_folder table a {
  text-decoration: none;
}
@charset "UTF-8";

@import "base.css";
@import "color.css";
@import "detail.css";

@import "header_detail.css";
@import "header_color.css";
@import "menucol_detail.css";
@import "menucol_color.css";
@import "maincol_detail.css";
@import "maincol_color.css";
@charset "UTF-8";

/** menucol **/
#menucol div{}

#menucol div.toggle_move {
	background: #fff url("img/toggle_icon_move.gif") no-repeat;
}

#menucol div.toggle_function {
	background: #fff url("img/toggle_icon_function.gif") no-repeat;
}

#menucol div.toggle_config {
	background: #fff url("img/toggle_icon_config.gif") no-repeat;
}

#menucol ul {
	color: #666;
}

#menucol ul li {
	color: #666;
	background-color: #fff;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
}

#menucol ul li a{
	color: #666;
}

#menucol ul.launcher {
  color: #666;
}

#menucol ul.launcher li {
  color: #666;
  background-color: #fff;
  border-right: 1px solid #aaa;
  border-bottom: 1px solid #aaa;
  background: transparent url("img/in_menu_icon_function_green.gif") left no-repeat;
}

#menucol ul.launcher li.function {
  background: transparent url("img/in_menu_icon_function_green.gif") left no-repeat;
}
  
#menucol ul.launcher li.move {
  background: transparent url("img/in_menu_icon_move_green.gif") left no-repeat;
}
  
#menucol ul.launcher li.switch {
  background: transparent url("img/in_menu_icon_switch_green.gif") left no-repeat;
}
  
#menucol ul.launcher li a{
  color: #666;
}

#menucol ul li.toggle{}

#menucol div.no-indent{}

#menucol span.toggle-button a {
	background-color: #fff;
	color: #666;
	border: 1px solid #999;
}

#menucol div.menu-target-bottom {
	background: transparent url("img/menu_target_bottom.gif") no-repeat;
}

#menucol div.tab-menu{
	background: transparent url("img/menu_tab_bg.gif") bottom no-repeat;
}

#menucol ul.menu-tab{}

#menucol ul.menu-tab li.normal a{
	background: transparent url("img/menu_tab_normal_off_green.gif") no-repeat;
}

#menucol ul.menu-tab li.move a{
	background: transparent url("img/menu_tab_move_off_green.gif") no-repeat;
}

#menucol ul.menu-tab li.config a{
	background: transparent url("img/menu_tab_conf_off_green.gif") no-repeat;
}

#menucol ul.menu-tab li.normal span{
	background: transparent url("img/menu_tab_normal_on_green.gif") no-repeat;
}

#menucol ul.menu-tab li.move span{
	background: transparent url("img/menu_tab_move_on_green.gif") no-repeat;
}

#menucol ul.menu-tab li.config span{
	background: transparent url("img/menu_tab_conf_on_green.gif") no-repeat;
}

#menucol ul.launcher-menu-tab{}

#menucol ul.launcher-menu-tab li.launcher a{
  background: transparent url("img/menu_4tab_launch_off_green.gif") no-repeat;
}

#menucol ul.launcher-menu-tab li.normal a{
  background: transparent url("img/menu_4tab_normal_off_green.gif") no-repeat;
}

#menucol ul.launcher-menu-tab li.move a{
  background: transparent url("img/menu_4tab_move_off_green.gif") no-repeat;
}

#menucol ul.launcher-menu-tab li.config a{
  background: transparent url("img/menu_4tab_conf_off_green.gif") no-repeat;
}

#menucol ul.launcher-menu-tab li.launcher span{
  background: transparent url("img/menu_4tab_launch_on_green.gif") no-repeat;
}

#menucol ul.launcher-menu-tab li.normal span{
  background: transparent url("img/menu_4tab_normal_on_green.gif") no-repeat;
}

#menucol ul.launcher-menu-tab li.move span{
  background: transparent url("img/menu_4tab_move_on_green.gif") no-repeat;
}

#menucol ul.launcher-menu-tab li.config span{
  background: transparent url("img/menu_4tab_conf_on_green.gif") no-repeat;
}

#menucol div.menu-target {
	background: transparent url("img/menu_target_base.gif") repeat-y;
}

#menucol div.menu-target-bottom {
	background: transparent url("img/menu_target_bottom.gif") no-repeat;
}

#menucol div.portal_icons{}

#menucol div.portal_icons span.community a{
	background: transparent url("img/community_portal_orange.gif") no-repeat;
}

#menucol div.portal_icons span.person a{
	background: transparent url("img/person_portal_orange.gif") no-repeat;
}

#menucol div.portal_icons span.message_on a{
  background: transparent url("img/go_message_on_orange.gif") no-repeat;
}

#menucol div.portal_icons span.message_off a{
  background: transparent url("img/go_message_off_orange.gif") no-repeat;
}

@charset "UTF-8";

/** menu column styles **/

#menucol div{
	margin: 0;
	padding: 0;
}

#menucol div.toggle_move {
	margin: 0;
	padding: 3px 0 0 30px;
	height: 20px;
}

#menucol div.toggle_function {
	margin: 0;
	padding: 3px 0 0 30px;
	height: 20px;
}

#menucol div.toggle_config {
	margin: 0;
	padding: 3px 0 0 30px;
	height: 20px;
}

#menucol ul {
	margin: 0;
	padding: 0;
	clear: both;
}

#menucol ul li {
	list-style-type: none;
	margin: 5px 0;
	padding: 5px;
	font: bold 1em sans-serif;
}

#menucol ul li.toggle{
	padding: 5px 5px 5px 20px;
}

#menucol ul li a{
	font: bold 1em sans-serif;
	text-decoration: none;
}

#menucol ul.launcher {
	margin: 0;
	padding: 0;
	clear: both;
}

#menucol ul.launcher li {
	list-style-type: none;
	margin: 5px 0;
	padding: 5px 5px 5px 30px;
	font: bold 1em sans-serif;
}

#menucol ul.launcher li a{
	font: bold 1em sans-serif;
	text-decoration: none;
}

#menucol div.no-indent {
	margin: 0;
	padding: 0;
}

#menucol span.toggle-button a {
	text-decoration: none;
	margin: 0;
	padding: 1px;
}

/** 2008/1/3 update **/

#menucol div.tab-menu{
	margin: auto;
	padding: 0 10px;
	width: 190px;
	height: 60px;
}

#menucol ul.menu-tab {
	margin: 0;
	padding: 0;
	list-style: none;
	border: none;
}

/* hack for IE6 */
* html #menucol div.tab-menu{
	width: 210px;
}

* html #menucol ul.menu-tab {
	height: 0;
}

#menucol ul.menu-tab li{
	margin: 0;
	padding: 0;
	display: block;
	float: left;
	width: 60px;
	height: 60px;
	border: none;
}

#menucol ul.menu-tab li a{
	margin: 0;
	padding: 0;
	width: 60px;
	height: 60px;
	text-decoration: none;
	display: block;
	text-indent: -9999px;
}

#menucol ul.menu-tab li span{
	display: block;
	margin: 0;
	padding: 0;
	width: 60px;
	height: 60px;
	text-indent: -9999px;
}

#menucol div.tab-menu-launcher{
	margin: auto;
	padding: 0 10px;
	width: 190px;
	height: 45px;
}

#menucol ul.launcher-menu-tab {
	margin: 0;
	padding: 0;
	list-style: none;
	border: none;
}

/* hack for IE6 */
* html #menucol div.tab-menu-launcher{
	width: 210px;
}

* html #menucol ul.launcher-menu-tab {
	height: 0;
}

#menucol ul.launcher-menu-tab li{
	margin: 0;
	padding: 0;
	display: block;
	float: left;
	width: 45px;
	height: 45px;
	border: none;
}

#menucol ul.launcher-menu-tab li a{
	margin: 0;
	padding: 0;
	width: 45px;
	height: 45px;
	text-decoration: none;
	display: block;
	text-indent: -9999px;
}

#menucol ul.launcher-menu-tab li span{
	display: block;
	margin: 0;
	padding: 0;
	width: 45px;
	height: 45px;
	text-indent: -9999px;
}

#menucol div.menu-target {
	margin: 0;
	padding: 10px 10px;
	clear: both;
}

#menucol div.menu-target-bottom {
  margin: 0;
  padding: 0;
  width: 210px;
  height: 6px;
}

#menucol div.portal_icons{
	margin: 0;
	padding: 0;
	height: 52px;
}

#menucol div.portal_icons span{
	display: block;
	width: 100px;
	height: 52px;
	margin: 0;
	padding: 0;
	float: left;
}

#menucol div.portal_icons span a{
	text-decoration: none;
	display: block;
	width: 100px;
	height: 52px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
}

/* hack for IE6 */

* html #menucol div.menu-target {
    height: 0;
}

// Place all the styles related to the Questionnaire controller here.
// They will automatically be included in application.css.
// You can use Sass (SCSS) here: http://sass-lang.com/