@charset "UTF-8";
@import url("thickbox.css");
@import url("../js/jgrowl-1.1.2/jquery.jgrowl.css");

html{
	height:100%;
	margin: 0px;
	padding: 0px;
}


body {
	height:100%;
	margin: 0px;
	padding: 0px;
	width: 100%;
	line-height: 125%;
	font-size: 90%;
	font-family: "ＭＳ Ｐゴシック", Sans-serif, "Osaka";
	color: #444;
}

#container {
	margin:0px auto;
	position: relative;
	min-height: 100%;

	background-repeat: no-repeat;
	background-position: right bottom
}
* html div#container {
	height:100%;
}
body > #container {
	height: auto;
}

#main {
	clear:both;
	padding: 8px 0px;
	padding-bottom: 78px;
}
#content {
	margin: 0 256px 0 195px;
}


li {
	line-height: 125%;
	padding: 2px 0px;
}

br {
	margin-top: 1em;
}

hr {
	display: none;
	margin-top: 0px;
	border: none;
	text-align: left;
	width: 90%;
}

hr.s {
	margin-top: 20px;
	border-bottom: 1px dotted #cc99ff;
	text-align: left;
	width: 60%;
}

img {
	border-style: none;
}

a:link {
	color: #444;
	font-weight: normal;
	text-decoration: underline;
}
a:active, a:visited {
	color: #444;
	font-weight: normal;
	text-decoration: underline;
}
a:hover {
	color: #111;
	font-weight: normal;
	text-decoration: none;
}



#header {
	background: #fff;
	height: 70px;
}
#header a {
	text-decoration: none;
}
#header a:hover {
	text-decoration: underline;
}
h1 {
	padding: 10px 0px 0px 10px;
	font-size: 20px;
	letter-spacing: 5px;
	font-weight: bold;
}


/*** ヘッダーナビゲーター ***/
#header_navigater {
	background: #E3E3E3;
	font-size: 14px;
	height: 22px;
	line-height: 22px;
}
#header_navigater img {
	vertical-align: middle;
	margin-left: 6px;
}
#header_left {
	float: left;
	padding-left: 8px;
}
#header_right {
	float: right;
	_padding-top: 3px;
	padding-right: 8px;
}
#header_oyakudachi, #header_login_group {
	display: none;
	position:absolute;
	top:92px;
	right: 0px;
	background: #77f;
	border: 1px solid #004;
	z-index: 300;
}
#header_login_group {
	left: 0px;
	width: 185px;
}
#header_oyakudachi ul, #header_login_group ul {
	padding: 0.5em 0em;
}
#header_oyakudachi li, #header_login_group li {
	list-style-type: none;
	line-height: 100%;
}
#header_oyakudachi li a, #header_login_group li a {
	display: block;
	padding: 2px 1em;
}
#header_oyakudachi li a:link, #header_oyakudachi li a:hover, #header_oyakudachi li a:visited, #header_oyakudachi li a:active,
#header_login_group li a:link, #header_login_group li a:hover, #header_login_group li a:visited, #header_login_group li a:active {
	text-decoration: none;
	color: #fff;
}
#header_oyakudachi li a:hover, #header_login_group li a:hover {
	background: #ddf;
	color: #55a;
}


#header_print_button {
	position:absolute;
	top:100px;
	right: 10px;
	text-align: right;
	font-size: 14px;
}
#printer-icon {
	cursor: pointer;
}
#header_print_message {
	background: #fff;
	color: #000;
}




/*** フッター ***/
#footer {
	clear: both;
	background: #CDCDCD;
	width: 100%;
	position:absolute;
    bottom:0px;
	font-size: 14px;
	line-height: 16px;
	text-align: left;
	height: 70px;
}
#footer_navigater {
	font-size: 12px;
	padding: 4px 8px;
	line-height: 20px;
}
#copyright {
	font-family: 'ＭＳ ゴシック';
	font-size: 12px;
	text-align: right;
	padding: 4px 8px;
	position:absolute;
    bottom:0px;
	right: 0px;
}


/*** トップページの未読報告エリア ***/
#top_unread {
	color: #d00;
	margin-bottom: 8px;
}
#top_unread a:link, #top_unread a:visited {
	color: #d00;
	font-weight: bold;
	font-size: 0.8em;
}

/*** サブメニュー ***/
#content_header {
	margin: 0px;
	/*margin-bottom: 8px;
	background: #E8E8E8 url(../images/back_submenu.jpg) repeat-x left top;*/
	/*background: #E8E8E8;*/
	border-collapse:collapse;
	border-spacing:0;
	width: 100%;
	/*
	border-bottom: 1px solid #bbb;
	border-right: 1px solid #bbb;
	*/
}
#content_header tr, #content_header td {
	padding: 0px;
	margin: 0px;
}
#content_header th {
	padding: 2px 4px;
	width: 180px;
	vertical-align: middle;
	text-align: left;
}
#content_header td {
	border-left: 1px dotted #bbb;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-right: 8px;
	padding-left: 8px;
	line-height: 150%;
}
#content_header a:link, #content_header a:hover, #content_header a:visited {
	text-decoration: none;
}
#content_header a:hover {
	color: #44f;
	background-color: #fff;
}
#content_header a, #content_header span {
	padding: 4px 4px;
	color: #666;
	font-size: 1em;
}
#content_header span, #content_header .current {
	background-color: #fff;
	text-decoration: underline;
	font-weight: bold;
	color: #444;
	/*
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-right: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
	*/
}
#content_header td img {
	vertical-align: middle;
	margin-right: 2px;
	text-decoration: none;
}
#content_header h2 {
	color: #666;
	border-right: 1px dashed #fff;
	letter-spacing: 2px;
	font-size: 1.2em;
	line-height: 1.2em;
	padding: 0px 4px 0px 0px;
	margin: 0px;
	margin-right: 4px;
}

/*** サブメニュー(テスト) ***/
#content_header2 {
	padding: 0px;
	margin: 0px;
	margin-bottom: 12px;
	border-collapse:collapse;
	border-spacing:0;
	width: auto;
	border: 2px solid #ddd;
	background: #E8E8E8 url(../images/back_submenu.jpg) repeat-x left top;

}
#content_header2 tr, #content_header2 td {
	padding: 0px;
	margin: 0px;
}
#content_header2 th {
	padding-top: 4px;
	width: 200px;
	vertical-align: middle;
	text-align: center;
}
#content_header2 td {
	padding: 8px;
	line-height: 150%;
}
#content_header2 a:link, #content_header2 a:hover, #content_header2 a:visited {
	text-decoration: none;
}
#content_header2 a:hover {
	color: #44f;
}
#content_header2 a, #content_header2 span {
	color: #666;
	font-size: 1em;
	padding-right: 6px;
}
#content_header2 span, #content_header2 .current {
	text-decoration: none;
	font-weight: bold;
	color: #444;
}
#content_header2 td img {
	vertical-align: middle;
	margin-right: 2px;
	text-decoration: none;
}
#content_header2 h2 {
	text-align: center;
	color: #666;
	border-right: 1px dashed #fff;
	letter-spacing: 2px;
	font-size: 1.2em;
	line-height: 1.2em;
	padding: 0px 4px 0px 4px;
	margin: 0px;
	margin-right: 4px;
}


/*** パンくずメニュー ***/
#content_pankuzu {
	margin-bottom: 18px;
	margin-left: 2px;
	font-weight: bold;
	background: #ddd;
	padding: 7px;
	padding-left: 15px;
}
#content_pankuzu li {
	list-style-position: inside;
	display: inline;
	list-style-type: none;
	padding-right: 18px;
	margin-right: 5px;
	background: url(../images/icon_arrow1.gif) no-repeat right center;
}
#content_pankuzu li.last {
	background: none;
}



/*** コンテンツエリア ***/
#content_body_header {
	border-top: solid 1px #999;
	padding-top: 8px;
	padding-left: 20px;
	margin-left: -20px;
	margin-bottom: 8px;
}
#content_body_footer {
	padding-left: 20px;
	margin-left: -20px;
	margin-bottom: 20px;
}

div.next_link_area a:link, div.next_link_area a:visited {
	font-weight: normal;
}
a.next_link_page {
	padding: 0 5px;
}
span.next_link_page {
	padding: 0 5px;
	color: #222;
	font-weight: bold;
	font-size: 1.2em;
}

#content_body {
	margin-left: 20px;
	margin-bottom: 10px;
	position: relative;
}
#content_body img {
	vertical-align: middle;
}
#content_body fieldset, #content_body form, #content_body input, #content_body textarea, #content_body button {
	margin: 0px;
	padding: 0px;
}



/*** フォーム用 定義リスト ***/
#content_body fieldset {
	border: none;
	border-top: solid 1px #999;
	border-bottom: solid 1px #999;
	/*border-left: solid 3px #ddd;
	border-bottom: solid 1px #ccc;
	border-right: solid 1px #ddd;*/
	padding-bottom: 25px;
	padding-right: 15px;
	margin-left: -20px;
	/*
	-moz-border-radius: 	10px;
	-webkit-border-radius:	10px;
	*/
}
#content_body dl {
	margin: 0px;
	padding: 0px;
	margin-bottom: 10px;
	padding-top: 15px;
	/*background: url(../images/back_comment_box.gif) repeat-y left top;*/
}
#content_body fieldset dl {
	padding-left: 20px;
}
#content_body dt {
	clear: left;
	float: left;
	font-size: 1em;
	width: 12em;
	font-weight: normal;
	position: relative;
	text-indent: 20px;
}
#content_body dt.clear {
	float: static;
	padding-bottom: 1em;
	width: 100%;
	color: #00f;
	letter-spacing: 0.1em;
	font-size: 0.8em;
}
#content_body dt.clear a, #content_body a.open_icon {
	background: url(../images/icon_add_field.gif) no-repeat left center;
	padding-left: 15px;
}
#content_body dt span {
	display: block;
	margin-left: 20px;
}
#content_body dd {
	font-size: 0.8em;
	margin-bottom: 12px;
	margin-left: 20px;
	padding-left: 13em;
	padding-bottom: 12px;
	border-bottom: dashed 1px #DDD;

	_padding-left: 0px; /* for WinIE6 */
	_margin-left: 0px; /* for WinIE6 */
	_height: 1%;
}
#content_body dd.bottom_solid {
	border-bottom: solid 2px #DDD;
	padding-bottom: 25px;
	margin-bottom: 25px;
}
.display_toggle {
	display: none;
}
#content_body dd table td {
	vertical-align: middle;
	padding-right: 0.5em;
}
#content_body dd table td p {
	padding: 0.3em 0px;
}

/** 定義リスト内フォーム **/
#content_body fieldset input[type=text], #content_body fieldset input[type=file], #content_body fieldset input[type=password], #content_body fieldset select, #content_body fieldset textarea {
	background: #fffdf4 url("../images/form_bg_yellow.jpg") repeat-y left top;
	border: solid 1px #FFCC66;
}
#content_body dd input {
	margin: 0px;
	font-size: 1em;
	font-family: "ＭＳ ゴシック";
}
#content_body dd input.o_radio {
	border: none;
}
#content_body dd select {
	font-size: 1em;
	font-family: "ＭＳ ゴシック";
}
#content_body dd textarea {
	margin: 0px;
	font-size: 1em;
	font-family: "ＭＳ ゴシック";
}
#content_body dd input.submit {
	color: #222;
	margin-top: 25px;
	font-size: 1em;
	padding: 5px 1em;
}
#content_body div.submit_area {
	clear: both;
	margin-top: 10px;
	margin-left: 35px;
	padding-left: 11em;
}
#content_body div.submit_area input {
	font-size: 1em;
	padding: 0.1em 2em;
	color: #333;
}
#content_body div.submit_area  .input_reset {
	margin-left: 1.5em;
	padding: 0.1em 0.5em;
	color: #555;
}
#content_body label {
	margin-right: 1em;
	margin-left: 0.2em;
}
#content_body label:hover {
	text-decoration: underline;
}
table#content_body_search {
	border: 1px solid #aaa;
	margin-bottom: 10px;
	background: #eef;
}
table#content_body_search th, table#content_body_search td {
	font-weight: normal;
	font-size: 14px;
	vertical-align: middle;
	padding: 2px 4px;
}


/*** 各種設定用 定義リスト ***/
#content_body div.float_list {
	border-top: solid 1px #999;
	border-bottom: solid 1px #999;

	padding-bottom: 25px;
	padding-right: 15px;
	margin-left: -20px;
}
#content_body div.float_list dl {
	margin: 0px;
	padding: 0px;
	margin-bottom: 10px;
	padding-top: 15px;
	padding-left: 20px;
}
#content_body div.float_list dt {
	clear: left;
	float: left;
	font-size: 1em;
	width: 16em;
	font-weight: normal;
	position: relative;
	text-indent: 20px;
}
#content_body div.float_list dt.clear {
	float: static;
	padding-bottom: 1em;
	width: 100%;
	color: #00f;
	letter-spacing: 0.1em;
	font-size: 0.8em;
}
#content_body div.float_list dt.clear a, #content_body div.float_list a.open_icon {
	background: url(../images/icon_add_field.gif) no-repeat left center;
	padding-left: 15px;
}
#content_body div.float_list dt span {
	display: block;
	margin-left: 20px;
}
#content_body div.float_list dd {
	font-size: 0.9em;
	margin-bottom: 12px;
	margin-left: 20px;
	padding-left: 17em;
	padding-bottom: 12px;
	/*border-bottom: dashed 1px #DDD;*/
	line-height: 150%;

	_padding-left: 0px; /* for WinIE6 */
	_margin-left: 0px; /* for WinIE6 */
	_height: 1%;
}
#content_body div.float_list dd.bottom_solid {
	border-bottom: solid 2px #DDD;
	padding-bottom: 25px;
	margin-bottom: 25px;
}
#content_body div.float_list dd.bottom_none {
	border-bottom: none;
	padding-bottom: 0px;
	margin-bottom: -20px;
}
#content_body div.float_list dt.group_line {
}
#content_body div.float_list dd.group_line {
	border-bottom: solid 2px #DDD;
	margin-top: 25px;
	margin-bottom: 20px;
}
span.color_box {
	font-size: 1.5em;
	border: 1px solid #999;
	color: #fff;
	background: #fff;
}


/*** 携帯デザインプレビューボックス ***/
div#mb_preview_box {
	border: 2px solid #aaa;
	background: #fff;
	width: 244px;
	height: 400px;
	overflow: scroll;
	position:absolute;
	top: 20px;
	left: 35em;
	font-weight: bold;
	line-height: 140%;
}
div#mb_preview_box div {
	padding:0px 4px;
}
div#mb_preview_header {
	font-size: 16px;
	text-align: center;
	padding: 4px 0px;
	margin-bottom: 3px;
}
span.mb_preview_midashi {
	font-size: 16px;
}
span.mb_preview_link {
	text-decoration: underline;
}
div.mb_preview_line {
	height: 2px;
	background: #ddd;
	margin: 3px 0px;
	padding: 0px;
}
div.mb_preview_line2 {
	margin: 3px 0px;
	padding: 0px;
	border-top: 1px dashed #888;
}
div#mb_preview_bottom_menu {
	text-align: center;
}
div#mb_preview_footer {
	text-align: center;
}
div#mb_preview_footer span#mb_preview_midashi {
	font-size: 14px;
	color: #900;
}


/** ログインボックス **/
#login_box {
	background: url(../images/back_login_box.gif);
	padding: 10px;
	border: 2px solid #cfcfcf;
}

/*** メニューエリア ***/
#menu_area {
	width: 180px;
	height: auto;
	position:absolute;
	top: 101px;
	background: #F0F0F0 url(../images/back_menu.jpg) repeat-x left top;
}
#menu_area ul {
	padding: 0px;
	margin: 0px;
}
#menu_area li {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	line-height: 0px;
	font-size: 0px;
	vertical-align: bottom;
}
#menu_area li a {
	display: block;
	width: 170px;
	height: 46px;
	text-indent: -9999px;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: 0px center;
}
#menu_area li img {
	vertical-align: middle;
	margin: 0px;
}
#main div.menu_unread {
	display: block;
	background: url('../images/icon_unread_bg1.gif') no-repeat center top;
	width: 19px;
	height: 19px;
	text-align: center;
	font-size: 12px;
	line-height: 19px;
	position: absolute;
	top: 0px;
	left: 33px;
	z-index: 2000;
	color: #fff;
	font-weight: normal;
}


/** トップサイドバー **/
#top_sponsor_ad {
	padding: 3px;
	background: #ccc;
	margin-top: 0px;
	margin-bottom:8px;
	font-size: 0.8em;
}
#top_sponsor_ad img {
	vertical-align: middle;
}
#top_sponsor_ad div {
	margin: 0;
	padding: 0;
}
.tickercontainer { 
	border-bottom: 3px solid #ccc;
	background: #fff; 
	width: 247px; 
	height: 2em; 
	margin: 0; 
	padding: 0;
	overflow: hidden; 
}
.tickercontainer .mask {
	position: relative;
	left: 2px;
	top: 0px;
	width: 250px;
	overflow: hidden;
}
ul.newsticker { 
	position: relative;
	left: 250px;
	font-weight: bold;
	font-size: 1em;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
ul.newsticker li {
	float: left;
	margin: 0;
	padding: 0;
	background: #fff;
}
ul.newsticker a {
	white-space: nowrap;
	padding: 0;
	color: #ff0000;
	font-weight: bold;
	font-size: 1em;
	margin: 0 2em 0 0;
} 
ul.newsticker span {
	margin: 0 10px 0 0;
}

#top_side_area {
	width: 250px;
	position:absolute;
	right:0;
	top: 101px;
}
#top_side_area li {
	list-style-position: inside;
	padding: 4px 0px;
}
#top_gaibu_news {
	padding: 3px;
	background: #8DC5C5 url(../images/back_top_gaibu_news.gif) repeat-x left top;
	font-size: 0.8em;
}
#top_gaibu_news div {
	margin: 2px;
	padding: 4px;
	background: #fff;
}
#top_other_news {
	padding: 3px;
	background: #ccc;
	margin-top: 8px;
	font-size: 0.8em;
}
#top_other_news div {
	margin: 2px;
	padding: 4px;
	background: #fff;
}
#top_side_address {
	padding: 3px;
	margin-top: 3px;
}
#top_side_address div {
	font-size: 0.8em;
	margin: 2px;
	padding: 4px;
	background: #fff;
}

div.top_caption {
	position: relative;
	margin-bottom: 4px;
}
div.top_caption img {
	vertical-align: bottom;
}

.content {
	margin: 30px 0px 40px 0px;
}


div#policy_area h3 {
	padding-top: 2px;
	margin-bottom: 1em;
}
div#policy_area ol {
	padding-top: 0.5em;
	padding-left: 2em;
}
div#policy_area blockquote {
	padding-left: 2em;
	padding-top: 0.5em;
	padding-bottom: 1em;
}



/*** テーブル(リスト表示) ***/
table.list {
	margin: 0px;
	padding: 0px;
	margin-bottom: 8px;
	width: 100%;

	border: solid 1px #ccc;
	border-left: solid 1px #999;
	border-bottom: solid 1px #888;

	font-weight: normal;

	border-collapse:collapse;
	border-spacing:0;
}
table.list th {
	background: #f1f1f1 url(../images/table_bg_grey.gif);
	color: #666666;
	font-weight: normal;
	font-size: 0.8em;
	padding: 6px 6px;
	text-align: left;
	border: solid 1px #bbb;
	border-left: solid 1px #999;
	border-right: solid 1px #ccc;
	border-bottom: solid 1px #888;
	vertical-align: middle;
	line-height: 110%;
}
table.list tr.yellow th {
	background: #fbf2c4 url(../images/table_bg_yellow.gif);
}
table.list tr.blue th {
	background: #c2d9f2 url(../images/table_bg_blue.gif);
}
table.list tr.red th {
	background: #eed1d3 url(../images/table_bg_red.gif);
}
table.list tr.tight th {
	padding: 3px 6px;
}
table.list td {
	padding: 2px;
	font-size: 0.8em;
	font-weight: normal;
	border-right: dotted 1px #aaa;
	border-top: solid 1px #aaa;
	vertical-align: top;
}
table.list td.last {
	padding-right: 5px;
}
tr.white td {
	/*background-color: #fff;*/
}
tr.grey td {
	background-color: #eee;
}
/* 削除行 */
table.list tr.delete {
	background-color: #ddd;
}
/* 締切日 */
table.list tr.borderline {
	color: #bbb;
}
table.list td.borderline {
	text-decoration: line-through;
}
table.list tr.borderline a:link, table.list tr.borderline a:visited, table.list tr.borderline a:hover {
	font-weight: normal;
	color: #bbb;
}

/* エラー(レコード無し) */
table.list td.error {
	padding: 1em;
	font-size: 1.2em;
}
/* カーソルが乗った行 */
th.wc_hover, td.wc_hover {
	background: #ffe1a0;
}
/* 選択対象のセル */
td.wc_select {
	background: #fa7;
}

/* アンケート等の質問th */
table.list th.choice {
	background: #ff5;
}
/* アンケート等の回答td */
table.list td.answer {
	background: #f9ff95;
}

table.list td a.unread {
	padding-left: 11px;
	color: #44b;
	background: url(../images/icon_unread.gif) no-repeat left 0.2em;
}



/*** 書籍テーブル ***/
table.books {
	margin: 0px;
	padding: 0px;
	margin-bottom: 8px;
	width: 100%;

	border: none;

	font-weight: normal;

	border-collapse:collapse;
	border-spacing:0;
}
table.books th {
	padding: 8px 10px 10px 0px
	text-align: left;
	border: none;
	border-bottom: dashed 1px #CCC;

	vertical-align: top;
	width: 180px;
}
table.books th p {
	padding: 10px 0px;
}

table.books td {
	padding: 8px 10px 10px 0px
	font-size: 0.8em;
	font-weight: normal;
	border-bottom: dashed 1px #CCC;
	vertical-align: top;
}
table.books td h3 {
	font-size: 1.2em;
	margin: 0.7em 0px;
	padding: 5px;
	background: url(../images/back_comment_box.jpg) repeat-y left top;
	border-left: 6px solid #aaa;
}
table.books td div {
	padding-left: 2em;
	margin-bottom: 1em;
	line-height: 150%;
}



/*** テーブル(トップページカレンダー) ***/
table.top_calendar {
	margin: 0px;
	padding: 0px;
	margin-bottom: 8px;
	width: 100%;

	border: solid 1px #999;

	font-weight: normal;

	border-collapse:collapse;
	border-spacing:0;
}
table.top_calendar th {
	background-color: #E3E3E3;
	color: #666666;
	font-weight: normal;
	font-size: 0.8em;
	padding: 0.5em 6px;
	text-align: center;
	border: solid 1px #999;
	border-bottom: none;
	vertical-align: middle;
	line-height: 110%;
	width: 14%;
}
table.top_calendar td {
	padding: 2px;
	font-size: 0.8em;
	font-weight: normal;
	border: solid 1px #999;
	border-top: none;
	vertical-align: top;
	height: 5.5em;
	line-height: 125%;
}
/* 今日th */
table.top_calendar th.today, table.top_calendar td.today {
	background-color: #bfb;
}
/* 土曜日th */
table.top_calendar th.saturday {
	background-color: #bbf;
}
/* 日曜日th */
table.top_calendar th.sunday {
	background-color: #fbb;
}
/* その他th */
table.top_calendar th.other {
	background-color: #ffff8d;
}
/* 予定td */
table.top_calendar td p {
	padding-top: 2px;
	margin-bottom: 2px;
}
/* 通常の予定td */
table.top_calendar td p.default {
	border-top: 1px dotted #aaa;
	background-color: #f2f2f2;
}
.square_default {
	background-color: #f2f2f2;
	color: #f2f2f2;
	border: 1px dotted #aaa;
}
/* 共有の予定td */
table.top_calendar td p.share {
	border-top: 1px dotted #a85;
	background-color: #fea;
}
.square_share {
	background-color: #fea;
	color: #fea;
	border: 1px a #a85;
}
/* 祝日の予定td */
table.top_calendar td p.holiday {
	border-top: 1px dotted #c77;
	background-color: #fcc;
}
.square_holiday {
	background-color: #fcc;
	color: #fcc;
	border: 1px dotted #c77;
}
/* 時間td */
table.top_calendar td span.time {
	font-weight: normal;
	color: #555;
}
/* 予定の内枠 */
table.top_calendar td div {
	position: relative;
}
table.top_calendar td div div {
	position: static;
}
/* 日付 */
table.top_calendar td p.day {
	font-size: 120%;
}
table.top_calendar td a.add_schedule {
	position: absolute;
	top: 0px;
	right: 2px;
}
table.top_calendar img {
	vertical-align: top;
}



/*** viewエリアのタブ ***/
div.animatedtabs {
	overflow: hidden;
	width: 100%;
	font-size: 1em; /*font of menu text*/
	padding-left: 20px;
	margin-left: -21px;
}
div.animatedtabs p {
	float: left;
	position: relative;
	top: 0px; /* 1) Number of pixels to protrude up for selected tab. Should equal (3) MINUS (2) below */
	background: url(../images/tab-blue-left.gif) no-repeat left top;
	margin: 0;
	margin-right: 3px; /*Spacing between each tab*/
	padding: 0 0 0 9px;
}
div.animatedtabs p span{
	float: left;
	position: relative;
	display: block;
	background: url(../images/tab-blue-right.gif) no-repeat right top;
	padding: 5px 8px 7px 0px; /* 2) Padding within each tab. The 3rd value, or 3px, should equal (1) MINUS (3) */
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
div.animatedtabs p span {float:none;}
/* End IE5-Mac hack */




/*** テーブル(閲覧表示) ***/
table.view {
	margin: 0px;
	padding: 0px;
	margin-bottom: 12px;
	width: auto;

	background: #fff url(../images/back_comment_box.jpg) repeat-y left top;
	border: 1px solid #bbb;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #aaa;
	border-left: 6px solid #aaa;

	font-weight: normal;

	border-collapse:collapse;
	border-spacing:0;
}
table.bg_yellow {
	background: #fff url(../images/back_comment_box_y.jpg) repeat-y left top;
	border-left: 6px solid #ff3;
}
table.bg_blue {
	background: #fff url(../images/back_comment_box_b.jpg) repeat-y left top;
	border-left: 6px solid #47f;
}
table.view th {
	color: #666666;
	width: 8em;
	font-weight: bold;
	font-size: 0.8em;
	padding: 0.5em;
	text-align: left;
	vertical-align: top;
	line-height: 120%;
}
table.view td {
	padding: 0.5em 2em 0.5em 0.5em;
	width: 40em;
	font-size: 0.8em;
	font-weight: normal;
	vertical-align: top;
	line-height: 140%;
}
table.view td ul, table.view td ol {
	margin: 0.5em 0px 0.5em 2em;
}
table.view td div.body_area {
	background: #fff;
	padding: 8px;
	border: 1px solid #888;
	line-height: 133%;
}
table.view td div.body_area p {
	padding: 0.5em 0px;
}
table.view td div.question_area {
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px dotted #999;
}
div.top_arrow_blue {
	clear:both;
	/*background:url(../images/back_submit_box_b.gif) no-repeat 15px top;*/
	padding-top:8px;
}
div.top_arrow_yellow {
	clear:both;
	/*background:url(../images/back_submit_box_y.gif) no-repeat 15px top;*/
	padding-top:8px;
}


/*** アンケートグラフテーブル ***/
table.enquete {
	margin: 0px;
	padding: 0px;
	margin-top: 8px;
	margin-bottom: 8px;
	width: 90%;

	border: none;

	font-weight: normal;

	border-collapse:collapse;
	border-spacing:0;
}
table.enquete tr th.q {
	background: #ddd;
	font-weight: normal;
	padding: 8px 10px 10px 0px
	text-align: left;
	border: none;
	vertical-align: top;
}

table.enquete tr.border th {
	padding: 0px;
	font-size: 0.8em;
	font-weight: normal;
	text-align: left;
	vertical-align: top;
	border-bottom: dashed 1px #CCC;
	width: 308px;
}
table.enquete tr.border td {
	padding-top: 5px;
	vertical-align: top;
	border-bottom: dashed 1px #CCC;
}
table.enquete td div {
	padding-left: 1em;
	height: 190px;
	line-height: 133%;
	overflow: scroll;
}
table.enquete td div li {
	list-style-position: inside;
}


/*** アンケート、会議研修案内の質問フィールド ***/
div.question_field {
	position: relative;
	border: 1px solid #888;
	background: #eee;
	margin: 8px 0px;
	padding: 5px;
	width: 60%;
}
div.question_delete_area {
	position: absolute;
	top: -1px;
	right: -20px;
	font-size: 20px;
	background: #eee;
	border: 1px solid #888;
	border-left: none;
	width: 20px;
	height: 20px;
	line-height: 20px;
	text-align: center;
}



/*** 支援物資要請関連 ***/
/* 要請依頼ボックス */
div.rescue_receive_box, div.rescue_done_box {
	display: none;
	z-index: 200;
	position: absolute;
	background:#ddd;
	border: 2px solid #aaa;
	width: 30em;
	padding: 8px;
	height:auto;
	top:0px;
	right:6em;
}
div.rescue_done_box {
	right: 26px;
}
div.rescue_receive_box textarea, div.rescue_done_box textarea {
	width: 100%;
	height: 3.5em;
}
div.rescue_receive_box input, div.rescue_done_box input {
	width: 100%;
}
/* 任意項目削除ボックス */
div.rescue_delete_area {
	position: absolute;
	top: -3px;
	right: -24px;
	font-size: 20px;
	background: #eee;
	border: 1px solid #888;
	border-left: none;
	width: 20px;
	height: 20px;
	line-height: 20px;
	text-align: center;
}
div.rescue_delete_area a {
	text-decoration: none;
}


/*** ドラッグ関連 ***/
div.list_header {
	background-color: #442222;

	border: solid #000 1px;

	font-size: 13px;
	color: #ffffff;
	font-weight: normal;
	text-align: center;
	margin: 0;
	padding: 6px 0 0 0;
	height: 30px;
}
div.girl_list {
}
div.list {
	border: solid #000 1px;
	cursor:move;
	background-color: #221111;

	margin: 0;
	padding: 0;

	font-size: 13px;
	color: #ffffff;
	font-weight: normal;

	line-height: 200%;
}
img#calendar_image {
	padding: 0;
	margin: 0;
	cursor : pointer;
	vertical-align: bottom;
}
a.images {
	display: block;
	cursor: move;
	float: left;
	width: auto;
	height: auto;
}
.images img {
	vertical-align: top;
	margin-right: 10px;
}
.imagesorthelper
{
	background-color: #441111;
	float: left;

}


/*** エラーメッセージ ***/
/*
#error_msg {
	color: #ff0000;
	font-size: 0.9em;
	font-wight:bold;
}
*/

/*** ボックス ***/
#imageBox {
	font-size: 0.9em;
	color: #000000;

	background-color: #eecccc;
	border-style: solid;
	border-width: 2px;
	border-color: #cc7777;

	position: absolute;
	display: none;
}
#linkBox {
	font-size: 0.9em;
	color: #000000;

	background-color: #eecccc;
	border-style: solid;
	border-width: 2px;
	border-color: #cc7777;

	position: absolute;
	display: none;
}
div.box_header {
	font-size: 0.9em;
	background-color: #ccaaaa;
	border-bottom: 2px solid #cc7777;
	padding: 0;
	text-align: right;
	cursor: move;
}
span.box_close {
	cursor : pointer;
	background-color: #cc7777;
	border-bottom: 1px solid #000000;
}
div.box_body {
	text-align: left;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 6px;
	padding-right: 6px;

}/*****************************/




/*** 編集完了ボックス ***/
div.tpl_ng_msg, div.tpl_ok_msg {
	width: 60%;
	margin-top: 0px;
	margin-left: 20px;
	margin-bottom: 20px;
	padding: 20px 20px 20px 50px;
	font-size: 0.8em;
	text-align: left;
	line-height: 150%;
	font-weight: bold;
}
div.tpl_ng_msg {
	background: #d67573 url(../images/error.gif) no-repeat 15px 15px;
	border: solid 1px #944;
	color: #fff;
}
div.tpl_ok_msg {
	background: #bbe url(../images/ok.gif) no-repeat 15px 15px;
	border: solid 1px #449;
	color: #22a;
}




span.no {
	font-size: 0.8em;
	cursor : pointer;
	text-decoration: underline;
}


/*** 通常フォーム関係 ***/
form {
	margin: 0;
}
button.btn_view_back {
	padding: 5px 10px;
	width: 15em;
	height: 1.8em;
}
/*
input {
	margin-top: 0px;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 0px;

	background-color: #dddddd;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-color: #ffffff;
}
input.o_radio {
	background-color: #221111;
	border: none;
}
select   {
	background-color: #dddddd;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-color: #ffffff;
}
textarea   {
	background-color: #dddddd;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-color: #ffffff;
}
*/






/*** ソートフィールド用 ***/
a.sort {
	width: 100%;
	height: 100%;
}
span.sort {
	margin-left: 0.5em;
	color: #ffffff;
}
a.sort:link, a.sort:visited {
	color: #ffffff;
	font-weight: normal;
	text-decoration: none;
}
a.sort:active, a.sort:hover {
	color: #ffffff;
	font-weight: normal;
	background-color: #994444;
	text-decoration: none;
}/*********************************/



/*** ボタンリンク ***/
.button {

	padding-top: 0.2em;
	padding-bottom: 0.2em;
	padding-left: 0.4em;
	padding-right: 0.4em;

	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;

	background-color: #ccc;
	color: #777;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-color: #bbb;
	text-decoration: none;

	font-size: 0.8em;
	text-align: center;
}
.button:link {
	font-weight: normal;
	text-decoration: none;
}
.button:active, .button:visited {
	color: #000000;
	font-weight: normal;
	text-decoration: none;
}
.button:hover {
	background-color: #eee;
	color: #000000;
	font-weight: normal;
	text-decoration: none;
}

.hidden {
	display: none;
}




/*** jQuery スピンボタン ***/
input.spin-button {
	padding-right:20px;
	background-repeat:no-repeat;
	background-position:100% 0%;
	background-image:url(../images/spinbtn_updn.gif);
}
input.spin-button.up {
	cursor:pointer;
	background-position:100% -18px;
}
input.spin-button.down {
	cursor:pointer;
	background-position:100% -36px;
}


/*** ※マーク ***/
.kome {
	position: absolute;
	left: -38px;
	top: 2px;
	color: #f00;
}
.stop {
	font-size: 12px;
	color: #f00;
	background: #f7aaaa;
	margin-left: 10px;
	padding: 1px;
}



/*** ツールチップ ***/
#tooltip {
	position: absolute;
	z-index: 15000;
	border: 1px solid #111;
	background-color: #ffa;
	padding: 5px;
	opacity: 0.85;
}
#tooltip h3, #tooltip div {
	margin: 0; font-weight: normal; font-size: 0.8em;
	color: #222;
}


/*** 汎用 ***/
.right {
	text-align: right;
}
.left {
	text-align: left;
}
.center {
	text-align: center;
}
table.list td.vcenter, .vcenter {
	vertical-align: middle;
}
.clear {
	clear: both;
}
.red {
	color: #f00;
}
.blue {
	color: #00f;
}
a.unread, a.unread:link, a.unread:visited, a.unread:hover {
	font-weight: bold;
	color: #555;
}
.none {
	display: none;
}

.bg_red {
	background: #faa;
	padding: 2px 6px;
}
.bg_green {
	background: #8f8;
	padding: 2px 6px;
}
.square_red {
	background: #faa;
	color: #faa;
}
.square_green {
	background: #8f8;
	color: #8f8;
}
.square_grey {
	background: #fff;
	color: #fff;
	border: 1px solid #999;
}