html{
	padding:0;
	margin:0;
}

body{
	padding:0;
	margin:0;
	color:#333;
	/*font-size:x-small;*/
	font-size: 12px;
	font-family: sans-serif;
	line-height:1.4;

}
a:link {color:#2882DC;}
a:visited {color:#6D5C7F;}
a:hover {color:#F30033;}
a:active {color:#F30033;}

h1{
	display: inline;
	font-size: 210%;
	margin: 5px 10px 0px;
	padding: 0px;
	font-weight:bold;
	font-family: "ヒラギノ角ゴ Pro W3", "平成角ゴシック", "ＭＳ ゴシック","Osaka";
}

strong {
	font-size: 133%;
}

hr {
	border: 1px solid #aaa;
}

#header
	{
	border-bottom:2px solid  #051894;
	height: 50px;
	padding: 8px 8px 0px;
	margin: 0px;
	text-align: left;
	}

#header a{
	text-decoration: none;
}

#header img{
	border: none;
}

#headernavi{
	position: absolute;
	top: 12px;
	right: 10px;
	text-align: right;
	padding: 0px;
	margin: 0px 5px;
}
ul#hadernaviul li{
	display: inline;
	list-style-type: none;
	margin: 0px 4px;
	font-size: 14px;
}

#menu {
	position: absolute;
	display: none;
	top: 60px;
	right: 30px;
	width: 300px;
	height: 400px;
	text-align: left;
	overflow: scroll;
	padding: 5px 3px 0px 0px;
	margin: 3px;
	background-color: #ffffcc;
}
a#menuclose{
	position: relative;
	left: 240px;
}
ul#menuul{
	padding: 5px 0px 0px 5px;
	margin: 0px;
	font-size: 15px;
	font-weight: bold;
}

ul#menuul li{
	list-style-type: none;
	padding: 2px 0px;
	margin: 0px;
}
ul.menuul2{
	padding: 2px 0px 0px 15px;
	margin: 0px;
}
ul.menuul2 li{
	list-style-type: none;
	padding: 1px 0px;
	margin: 0px;
	font-size: 13px;
}

.linknavi li{
	list-style-position: inside;
	list-style-type: none;
	display: inline;
	text-align:center;
	padding:5px 10px;
	margin: 0px 3px 0px 0px;
	border:1px solid #2D55D7;
	background-color:#DBE2F7;
	font-size: 12px;
	font-weight:bold;

}

#maincontents{
	padding: 10px 15px;
	margin: 0px;
	text-align: left;
}
/*
#maincontents h2{
	display: inline;
	padding-left:8px;
	border-left:5px solid #00BBC4;
	font-size:18px;
	font-weight:bold;
	font-family: "ヒラギノ角ゴ Pro W3", "平成角ゴシック", "ＭＳ ゴシック","Osaka";
}
*/
#maincontents h2{
	display: inline;
	padding-left:8px;
	border-left:5px solid #b8cfa8;
	font-size:20px;
	font-weight:bold;
	font-family: "ヒラギノ角ゴ Pro W3", "平成角ゴシック", "ＭＳ ゴシック","Osaka";
	margin-bottom: 0;
	height: 20px;
}
#maincontents img{
	vertical-align: center;
}
#maincontents hr{
/*
	margin-top: 0;
	border:2px solid #00BBC4;
*/
}

.h2menu{
	display: inline;
	font-size: 12px;
	margin:  0px 0px 0px 8px;
	padding: 0px;
}
.h2menu span{
	margin: 0px 4px 0px;
}


/*
#maincontents h3{
	display: inline;
	font-size:18px;
	font-weight:bold;
	font-family: "ヒラギノ角ゴ Pro W3", "平成角ゴシック", "ＭＳ ゴシック","Osaka";
}
.divh3{
	margin-top:20px;
	margin-bottom:10px;
	background-color:#eee;
	padding:5px 12px;
	border-bottom:solid 3px #aaa;
}
*/

#maincontents h3{
	display: inline;
	font-size:14px;
	font-weight:bold;
	font-family: "ヒラギノ角ゴ Pro W3", "平成角ゴシック", "ＭＳ ゴシック","Osaka";
}
.divh3{
	margin-top:20px;
	margin-bottom:10px;
	background-color:#eee;
/*	border-left: 5px solid #aaa;*/
	padding:3px 10px;
}
.edit_menu_list ul {
	margin: 0;
	padding: 0;
	display: inline;
}
.edit_menu_list li {
	padding-left: 20px;
	display: inline;
}


.h3menu{
	display: inline;
	font-size: 12px;
	margin:  0px 0px 0px 8px;
	padding: 0px;
}
.h3menu span{
	margin: 0px 4px 0px;
}



.form_error{
	color: #FF3900;
	padding: 0px;
	margin: 2px 0px 0px 10px;
}


table{
/*	font-size:small;*/
	font-size: 12px;
}

th{
	background-color: #d8ffb8 ! important;
/*	background-color:#E0F5F6 ! important;*/
/*	text-align:left;*/
	font-weight:bold;
	vertical-align: center;
}
th img {
	vertical-align: center;
}

.td_title{
/*	background-color: palegreen ! important;*/
	background-color:#E0F5F6 ! important;
	color:#333;
	font-weight:bold;
/*	width: 120px;*/
}

.disp_table{
	padding: 0px;
	margin: 10px 0px 5px 5px;
}
.disp_table table{
	background-color: #aab;
	border: 1px solid #aab;
	border-collapse: collapse;
	/*background-color:#aaa;*/
}
.disp_table td{
	padding: 6px;
	border: 1px solid #aab;
	word-wrap: break-word;
}
.disp_table th{
	padding: 6px;
	border: 1px solid #aab;
	word-wrap: break-word;
}
.tr_od{
	background-color: #FFFFFF ! important;
}
.tr_ev{
/*	background-color: #CCFFFF ! important;*/
	background-color: lightcyan ! important;
}


.form_table {
	padding: 0px;
	margin: 10px 0px 5px 5px;
}
.form_table table {
	/**background-color:#aaa;*/
	background-color: #aab;
	border: 1px solid #aab;
	border-collapse: collapse;

}
.form_table td {
	padding: 6px;
	background-color:#fff;
	border: 1px solid #aab;
	word-wrap: break-word;
	overflow: auto;
}
.form_table th {
	padding: 6px;
	border: 1px solid #aab;
	word-wrap: break-word;
}

.form_button {
	display: inline;
	padding: 0px;
	margin: 0px 4px 0px;
}
.process_end {
	font-size: 15px;
	margin: 6px;
}

.notice {
	font-size: 15px;
}

.pagetoplink {
	text-align:right;
}

#footer {
	clear: left;
	text-align: center;
	border-top:2px solid  #051894;
	padding: 1px 0px 0px;
}






/**************************************************************************************
 * クリックカレンダー部分
 **************************************************************************************/

.form_table table td table td {
	border: 0 ! important;
}

.display_table table td table td {
	border: 0 ! important;
}

.CalendarInput {
	ime-mode: disabled;
	width: 130px;
}



/**************************************************************************************
 * 
 **************************************************************************************/

.required {
	color: red;
}

.required_column {
	background-color: pink ! important;
}

.caution {
	color: red;
}
.caution_column {
	background-color: gold ! important;
}


.number {
	text-align: right;
	ime-mode: disabled;
}

.public_column {
	color: royalblue;
}

.mono_font {
	font-family: "ＭＳ ゴシック","Osaka";
}

.silver_column {
	background-color: #C0C0C0 !important;
}

.lightskyblue_column {
	background-color: #87CEFA !important;
}

.yellow_column {
	background-color: #ffff00 !important;
}

.orangered_column {
	background-color: #ff4500 !important;
}

.skyblue_column {
	background-color: #87ceeb !important;
}

/**************************************************************************************
 * 
 **************************************************************************************/

ul.obtabs {
	list-style: none;
	margin: 0 0 5px 0;
	padding: 0;
	width: 800px;
/*	border: 1px solid black;*/
	text-align: center;
}
ul.obtabs li {
	height: 30px;
	display: inline;
	margin: 0 2px;
	border: 1px solid black;
	padding: 5px 14px;
}



/**************************************************************************************
 * 共通イベント情報
 **************************************************************************************/

.common-event-info {
	font-size: 14px;
	margin: 0 0 1em 0;
	padding: 0.5em;
	border: 1px solid #DDD;
}
.common-event-info ul {
	margin: 0;
	padding: 0;
}

.common-event-info li {
	display: inline;
	margin-right: 2em;
}

.common-event-info-name {
}

.common-event-info-id {
}

.common-event-info-date {
}

.common-event-info-status {
}


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


.form_textarea_full {
	width: 100%;
	height: 10em;
}

.form_select {
	width: 300px;
}

.form_input_full {
	width: 100%;
}

.form_input_date {
	ime-mode: disabled;
	width: 100px;
}

.form_input_timestamp {
	ime-mode: disabled;
	width: 130px;
}

.form_input_todo {
	ime-mode: active;
	width: 310px;
}

.form_input_number {
	ime-mode: disabled;
	width: 100px;
}


.form_input_name {
	ime-mode: active;
	width: 300px;
}

.form_input_login {
	ime-mode: disabled;
	width: 300px;
}

.form_input_submit {
	width: 180px;
	height: 30px;
}

.form_submit_buttons {
	width: 600px;
	margin-top: 1em;
}
.form_submit_buttons .preview {
	float: left;
}
.form_submit_buttons .next  {
	float: right;
}

/**************************************************************************************
 * ブロック
 **************************************************************************************/

.level2block {
	width: 640px;
	border: 1px solid #aaa;
	background-color: #b8cfa8;
	margin-bottom: 2em;
}
.level2block-contents {
	padding: 1em;
	border-top: 1px solid #aaa;
	background-color: white;
	margin: 0;
}


.level2block_wide {
	width: 840px;
	border: 1px solid #aaa;
	background-color: #b8cfa8;
	margin-bottom: 2em;
}


/**************************************************************************************
 * ブロック
 **************************************************************************************/

.tooltip {
	cursor: help;
}

.sort {
	cursor: pointer;
}

.calendar td {
	border: 0;
}

/**************************************************************************************
 * お知らせ
 **************************************************************************************/
div.flow {width: 600px; background: #e5f7ff; border: solid 1px #c2e2f2; text-align: left; padding: 10px; margin-bottom: 15px;}
div.flow h3 {font-size: 14px; margin-bottom: 3px;}
div.flow .text {margin-bottom: 8px; line-height: 20px; margin-right: 20px;}
div.flow .paragraph {font-size: 13px; width: 580px; background: #fff; border: solid 1px #c2e2f2; padding: 10px auto 0; margin-bottom: 10px; text-align:left;}
div.flow span {margin-right: 8px;}
div.flow .new {margin-right: 4px; color: darkorange; font-weight: bold;}
div.flow .importance {margin-right: 4px; color: crimson; font-weight: bold;}
div.flow ul {margin-left:20px;}
div.flow table {border-collapse:collapse; border:1px solid #c2e2f2; margin:10px;}
div.flow td, div.flow th {border: 1px solid #c2e2f2; padding:6px;}

/**************************************************************************************
 * お知らせ（キャスト機材管理）
 **************************************************************************************/
div.cast_eq_flow {width: 800px; background: #e5f7ff; border: solid 1px #c2e2f2; text-align: left; padding: 10px; margin-bottom: 15px;}
div.cast_eq_flow h3 {font-size: 14px; margin-bottom: 3px;}
div.cast_eq_flow .text {margin-bottom: 8px; line-height: 20px; margin-right: 20px;}
div.cast_eq_flow .paragraph {font-size: 13px; width: 780px; background: #fff; border: solid 1px #c2e2f2; padding: 10px auto 0; margin-bottom: 10px; text-align:left;}
div.cast_eq_flow span {margin-right: 8px;}
div.cast_eq_flow .new {margin-right: 4px; color: darkorange; font-weight: bold;}
div.cast_eq_flow .importance {margin-right: 4px; color: crimson; font-weight: bold;}
div.cast_eq_flow ul {margin-left:20px;}
div.cast_eq_flow table {border-collapse:collapse; border:1px solid #c2e2f2; margin:10px;}
div.cast_eq_flow td, div.flow th {border: 1px solid #c2e2f2; padding:6px;}

/**************************************************************************************
 * アンケート
 **************************************************************************************/
div.enquete {width: 600px; background: #ff8888; border: solid 1px #c2e2f2; text-align: left; padding: 10px; margin-bottom: 15px;}
div.enquete h3 {font-size: 14px; margin-bottom: 3px;}
div.enquete .text {margin-bottom: 8px; line-height: 20px; margin-right: 20px;}
div.enquete .paragraph {font-size: 13px; width: 580px; background: #fff; border: solid 1px #c2e2f2; padding: 10px auto 0; margin-bottom: 10px; text-align:left;}
div.enquete span {margin-right: 8px;}
div.enquete .new {margin-right: 4px; color: darkorange; font-weight: bold;}
div.enquete .importance {margin-right: 4px; color: crimson; font-weight: bold;}
div.enquete ul {margin-left:20px;}
div.enquete table {border-collapse:collapse; border:1px solid #c2e2f2; margin:10px;}
div.enquete td, div.flow th {border: 1px solid #c2e2f2; padding:6px;}

/**************************************************************************************
 * 今日から１週間後までの撮影予定
 **************************************************************************************/
div.schedule {width: 600px; background: #ff8c00ab; border: solid 1px darkorange; text-align: left; padding: 10px; margin-bottom: 15px;}
div.schedule h3 {font-size: 14px; margin-bottom: 3px;}
div.schedule .text {margin-bottom: 8px; line-height: 20px; margin-right: 20px;}
div.schedule .paragraph {font-size: 13px; width: 580px; background: #fff; border: solid 1px darkorange; padding: 10px auto 0; margin-bottom: 10px; text-align:left;}
div.schedule span {margin-right: 8px;}

/**************************************************************************************
 * よくある質問/ご意見・ご要望窓口
 **************************************************************************************/
div.frame {width: 600px; background: #f5f5f5; border: solid 1px #dcdcdc; text-align: left; padding: 10px; margin-bottom: 15px;}
div.frame h3 {font-size: 14px; margin-bottom: 3px;}
div.frame .text {margin-bottom: 8px; line-height: 20px;}
div.frame .paragraph {font-size: 13px; width: 580px; background: #fff; border: solid 1px #c2e2f2; padding: 10px auto 0; margin-bottom: 10px; text-align:left;}
div.frame span {margin-right: 8px;}
div.frame .new {margin-right: 4px; color: darkorange; font-weight: bold;}
div.frame .importance {margin-right: 4px; color: crimson; font-weight: bold;}
div.frame ul {margin-left:20px;}
div.frame table {border-collapse:collapse; border:1px solid #c2e2f2; margin:10px;}
div.frame td, div.grayth {border: 1px solid #c2e2f2; padding:6px;}

/**************************************************************************************
 * カメラマン経費
 **************************************************************************************/
div.debts form { margin:0px; }
div.debts table { border-collapse: collapse; table-layout: auto; margin: 5px; }
div.debts th, div.debts td, div.debts tr { padding:3px 6px 2px 6px; border:1px solid darkgray; line-height:12pt; }
div.debts th { white-space: nowrap; }
div.debts img { margin-bottom:-2px; }
div.debts .frame { background-color:white; width:300px; }
div.debts .edit { text-align:center; vertical-align:top;  width:16px; }
div.debts .name { width:180px; }
div.debts .amount { text-align:right; width:100px; }

div.debts_edit .amount { width:80px; }
div.debts_edit .check_flag { text-align:center; }
div.debts_edit .detail { width:220px; }
div.debts_edit .memo { width:240px; }
div.debts_edit .payment { background-color:FFFF99 ! important; }

/* トップページメニューの見出し */
.menu-heading {
	font-weight: bold;
}
  
/**************************************************************************************
 * 開発メモ
 **************************************************************************************/
/*
	・全域セレクタの指定
	
		統一性、厳密性を重視するなら、
		全域セレクタでmargin、padding、fontなどを定義してしまうのがいいが、
		あらゆる要素に対して細かく設定しなければならないので、見づらくなる。
		一方、親要素をたどっていけば必ず属性が指定されているので、
		意味不明なバグは出にくくなる。
		↓
		もう少し考える
*/