@CHARSET "UTF-8";
body {
	margin: 0;
	padding: 0;
}

#header {
	width: 100%;
	background-color: #F01010;
	border-top: 2px solid #333;
	padding: 0;
	margin: 0;
	background-image: url("./images/bg01.png");
	background-repeat: repeat-x;
	background-position: top;
}

#info_bar {
	font-size: x-small;
	background-color: #FFF;
}
#info_bar ul {
    display:inline;
    list-style: none;
    margin: 0;
    padding: 0.5% 1%;
}

#info_bar li {
    border: solid 0px #000;
    color: #330000;
    vertical-align: middle;
    float: right;
    margin: 0;
    padding: 0 2%;
}

#contents {
	width: 80%;
	padding: 0px;
	margin: 2em 10%;
	/*
	border-top: 0px solid #C33;
	border-bottom: 2px solid #C33;
	border-left: 2px solid #C33;
	border-right: 2px solid #C33;
	*/
}
#footer {
	width: 100%;
}

#system_title {
	font-size: xx-large;
	color: #FFF;
	margin-top: 0.5em;
	margin-left: 1.0em;
}


#page_title {
	font-size: large;
	font-weight: bold;
	font-family: MS UI Gothic;
	background-color: #FFF;
	border: solid 1px #999;
	font-family: serif;
	color: #606060;

	padding: 0.3em 1.0em;
	background-image: url("./images/bg03.png");
	background-repeat: repeat-x;
	background-position: bottom;
}

#sub_menu {
	background-color: #252525;
	border-left:   solid 1px #666;
	border-right:  solid 1px #000;
	border-top:    solid 1px #666;
	border-bottom: solid 1px #000;
	font-size: small;
	margin: 0;
	padding: 0.6em 0.3em;
	background-image: url("./images/bg02.png");
	background-repeat: repeat-x;
	background-position: bottom;
}
#sub_menu ul {
	display:inline;
	list-style: none;
    margin: 0;
    padding: 0.5% 1%;
}

#sub_menu li {
	border: solid 0px #000;
	width: 12%;
	color: #630000;
	font-weight: bold;
	vertical-align: middle;
	float: left;
	margin: 0;
	padding: 0 2%;
}

#sub_menu a:link {
	color: #EFEFEF;
    text-decoration: none;
}
#sub_menu a:visited {
	color: #E0DFDF;
    text-decoration: none;
}
#sub_menu a:hover {
    color: #FC6435;
    text-decoration: none;
}
#sub_menu a:active {
	color: #CF3415;
    text-decoration: underline;
}


.login_form {
    margin:0 auto;
    width:480px;
    padding:14px;
    background-color: #FCFCFC;
}

/* ----------- basic ----------- */
#basic{
    border:solid 2px #DEDEDE;
}
#basic h1 {
    font-size: medium;
    font-weight:bold;
    margin-bottom:16px;
}
#basic p{
    font-size:x-small;
    color:#666666;
    margin-bottom:20px;
    border-bottom:solid 1px #dedede;
    padding-bottom:10px;
}
#basic label{
    
    display:block;
    font-weight:bold;
    text-align:right;
    width:140px;
    font-family: tahoma, helvetica, sans-serif;
    font-style: bold;
    font-size: small;
    color: #803000;
    float:left;
}
#basic .small{
    color:#666666;
    display:block;
    font-size: small;
    font-weight:normal;
    text-align:right;
    width:160px;
}
#basic input{
    float:left;
    width:240px;
    margin:0 0 20px 10px;
    font-family: tahoma, helvetica, sans-serif;
    font-style: normal;
    color: #454743;
    font-size: small;
}
#basic button{
    clear: both;
    margin: 5px 0px 5px 315px;
    width: 80px;
    background:#888888;
    color:#FFFFFF;
    border:solid 1px #666666;
    font-size: small;
    font-weight:bold;
    padding:4px 6px;
}

.form_2col caption {
	background: #666;
    color: #F0F0F0;
    padding: 0.5em 1em;
    text-align: left;
    font-weight: bold;
}
.form_2col th {
	background: #AFAFAF;
	color: #FFF;
	padding: 0.5em 1em;
	text-align: left;
	font-weight: normal;
	font-size: medium;
}

.form_2col td {
	background: #F0F0F0;
	padding: 0.5em 1em;
	font-size: medium;
}

.detail_info{
}

.outline {
	background-color: #FFFFE0;
	border: solid 1px #C0C0C0;
	width: 100%;
	height: 400px;
}

.outline .leftcol{
	/*background-color: #fdd;*/
	vertical-align: top;
	width: 60%;
}

.outline .rightcol{
	/*background-color: #ddf;*/
	vertical-align: top;
	width: 40%;
}

.outline h3{
	margin: 0.2em 0;
	padding-left: 0.5em;
	padding-bottom: 0;
	font-size: small;
	color: #906330;
	border: 0;
	border-bottom: solid 2px #F06363;
}

.info {
    background-color: #FFF;
    font-size: small;
    border: 3px ridge #CCC;
    width: 100%;
}
.info th {
    width: 200px;
    background-color: #EEE;
    border: 1px double #AAA;
    font-weight: normal;
    text-align: left;
    padding: 7px 12px;
}
.info td {
    padding: 3px 12px;
}

.info input{
    font-family: tahoma, helvetica, sans-serif;
    font-style: normal;
    color: #454743;
    font-size: small;
}

.info textarea{
    font-family: tahoma, helvetica, sans-serif;
    font-style: normal;
    color: #454743;
    font-size: small;
}

.info button{
    width: 80px;
    background:#888888;
    color:#FFFFFF;
    border:solid 1px #666666;
    font-size:small;
}
.info button.set{
    width: 50px;
    background:#888888;
    color:#FFFFFF;
    border:solid 1px #666666;
    font-size: small;
}

#basic_info .content{
	height: 120px;
	vertical-align: top;
}

#basic_info .subject input{
	width: 100%;
}


h3 {
	font-size: medium;
	border-left: solid 5px #DE6969;
	border-top: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
	margin: 0.8em 0 0.5em 0;
	padding: 5px 10px;
}

.res_button {
	width: 8em;
	font-size: small;
	font-weight: bold;
    background:#CF3415;
    color:#FFFFFF;
    border:solid 2px #330000;
    margin: 0 1%;
}

.grid {
	width: 100%;
	background-color: #FCFCFC;
	font-size: small;
	border: solid 2px #D0D0D0
}

.grid tr.odd {
    background-color: #F0F0F0;
}
.grid tr.even {
    background-color: #E6E6E6;
}


.grid th {
    text-align: center;
    background-color: #FFF;
    font-weight: bold;
    color: #6E6E6E;
    padding: 0.3em;
    border: solid 1px #AFAFAF;
}

.grid .res_date {
	font-size: medium;
	background-color: #FCC;
}


.grid .right_button {
	text-align: right;
}
tfoot.pager {
	font-size: 12px;
}

#caution {
	font-weight:bold;
	font-size: 14px;
	color: #F66;
}

#data_grid {
	border: 1px solid #999;
	font-size: 14px;
}
#data_grid caption {
	font-size:14px;
	text-align: left;
	font-weight: bold;
	padding-left: 1em;
}
#data_grid th {
	color: #FFF;
	background-color: #339;
	padding: 3px 12px;
}
#data_grid td {
	padding: 3px 12px;
}
#data_grid tr.odd {
	background-color: #EEF;
}
#data_grid tr.even {
	background-color: #DDE;
}
.current_page {
	color: #F33;
	font-weight: bold;
}
.other_page {
	color: #33F;
}
a.last_page {
	color: #33F;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	color: #900;
	text-decoration: underline;
}
a:active {
	text-decoration: none;
}

	
div.pager {
    margin-top: 20px;
    font-size: 85%;
}

div.pager a,
div.pager span {
    margin-right: 0.1em;
    padding: 0.2em 0.5em;
}

div.pager a {
    color: #105cb6;
    background-color: #fff;
    border: 1px solid #9aafe5;
    text-decoration: none;
}

div.pager a:hover {
    color: #003;
    background-color: #fff;
    border: 1px solid #2e6ab1;
}

div.pager span.current {
    color: #fff;
    background-color: #2e6ab1;
    border: 1px solid #2e6ab1;
    font-weight: bold;
}

div.pager span.nextprev {
    border: 1px solid #ddd;
    color: #999;
    background-color: #fff;
}

div.pager a.nextprev {
    font-weight: bold;
}


 /**
  *  入力フォーム（左ヘッダ、右入力フィールド）
  */

.side_to_side {
	}

.side_to_side p {
    border: solid 0px  #000;
    padding: 0.5em 0;
    margin: 0.5em 0;
}

label.headline {
	border: solid 0 #000;
    width: 10em;
    clear: both;
    float: left;
    text-align: right;
    margin-right: 0.5em;
    display: block;
}

label.option {
	border: solid 0px #000;
    text-align: left;
    margin-right: 1.0em;
}

input.option {
	border: solid 0px #F00;
	text-align: center;
}

.side_to_side input.text_field {
    background: #F0F0F0;
    border: solid 1px #636363;
}

.side_to_side textarea {
    background: #F0F0F0;
    scrollbar-face-color: #606060;
    scrollbar-3dlight-color: #6F6F6F;
    scrollbar-highlight-color: #9F9F9F;
    scrollbar-arrow-color: #000000;
    border: solid 1px #636363;
    
}

/**
 * グリッド表示（問い合わせサマリー）
 */

#inquiry_summary th {
	background: #EEEEEE;
}

#inquiry_summary th.count {
	width: 7.5em;
}

#inquiry_summary th.operation {
	width: 2.5em;
}

#inquiry_summary td {
	border-bottom: solid 1px #CCCCCC;
}

#inquiry_summary td.service_name {
	padding-left: 1em;
	border-left: solid 1px #CCCCCC;
}

#inquiry_summary td.count {
    width: 7.5em;
    text-align: right;
    padding-right: 1em;
}

#inquiry_summary td.operation {
    width: 2.5em;
    text-align: center;
}

/**
 *　問い合わせ一覧（グリッド表示）汎用CSS
 */

table.grid .right {
    text-align: right;
    padding-right: 0.5em;
}
table.grid .center {
	text-align: center;
}
table.grid .left {
	text-align: left;
	padding-left: 0.5em;
}

/** 未起票、未承認一覧 **/
.unprocess_id         { width:  3%; text-align: right; padding-right: 0.5em; }
.unprocess_subject    { width: 24%; text-align: left;  padding-left: 0.5em; }
.unprocess_from       { width: 15%; text-align: left;  padding-left: 0.5em; }
.unprocess_createdate { width: 15%; text-align: right; padding-right: 0.5em; }
.unprocess_status     { width: 10%; text-align: center; }
.unprocess_priority   { width: 10%; text-align: center; }
.unprocess_registrant { width: 15%; text-align: left;  padding-left: 0.5em; }

/** 未解決一覧 **/
.unsolved_id         { width:  3%; text-align: right; padding-right: 0.5em; }
.unsolved_subject    { width: 24%; text-align: left;  padding-left: 0.5em; }
.unsolved_from       { width: 15%; text-align: left;  padding-left: 0.5em; }
.unsolved_createdate { width: 15%; text-align: right; padding-right: 0.5em; }
.unsolved_status     { width: 10%; text-align: center; }
.unsolved_priority   { width: 10%; text-align: center; }
.unsolved_operator   { width: 15%; text-align: left;  padding-left: 0.5em; }
.unsolved_registrant { width: 15%; text-align: left;  padding-left: 0.5em; }

/**
 * グリッド表示（問い合わせ情報一覧・通常）
 */
#inquiry_list_normal th.id {
    width: 3%;
}
#inquiry_list_normal th.subject {
	width: 24%;
}
#inquiry_list_normal th.create_datetime {
	width: 15%;
}
#inquiry_list_normal th.status {
	width: 8%;
}
#inquiry_list_normal th.priority {
	width: 8%;
}
#inquiry_list_normal th.registrant {
	width: 13%;
}
#inquiry_list_normal th.operator {
	width: 13%;
}
#inquiry_list_normal th.reply_count {
	width: 8%;
}
#inquiry_list_normal th.comment_count {
	width: 8%;
}
#inquiry_list_normal td.id {
    width: 3%;
    text-align: right;
    padding-right: 0.5em;
}
#inquiry_list_normal td.subject {
    width: 24%;
    padding-left: 1em;
}
#inquiry_list_normal td.create_datetime {
    width: 15%;
    padding-left: 1em;
}
#inquiry_list_normal td.status {
    width: 8%;
    text-align: center;
}
#inquiry_list_normal td.priority {
    width: 8%;
    text-align: center;
}
#inquiry_list_normal td.registrant {
    width: 13%;
    padding-left: 1em;
}
#inquiry_list_normal td.operator {
    width: 13%;
    padding-left: 1em;
}
#inquiry_list_normal td.reply_count {
    width: 8%;
    text-align: right;
    padding-right: 0.5em;
}
#inquiry_list_normal td.comment_count {
    width: 8%;
    text-align: right;
    padding-right: 0.5em;
}

/**
 *
 */
#history {
    width: 100%;
    background-color: #FCFCFC;
    font-size: small;
    border: solid 2px #D0D0D0
}

#history tr.reply {
    background-color: #E9F6FC;
}
#history tr.comment {
    background-color: #F6F6C9;
}

#history th {
    text-align: center;
    background-color: #E0E0E0;
    font-weight: bold;
    color: #3F3F3F;
    padding: 0.3em;
    border: solid 1px #AFAFAF;
}

#history td {
	padding: 0.2em;
    border: solid 1px #9F9FFF;
}

#history td.id {
	width: 5%;
	text-align: right;
}
#history td.type {
	width: 3%;
	text-align: center;
	background-color: #E0E0E0;
}
#history td.subject {
	width: 40%;
}
#history td.respondent {
	width: 15%;
}
#history td.reply_datetime {
	width: 16%;
}
#history td.operation {
	width: 20%;
}

#history .res_date {
    font-size: medium;
    background-color: #FCC;
}

#history a:hover {
    text-decoration: none;
}

#history .right_button {
    text-align: right;
}