textarea { font-size: 100%; }
form { 
	margin: 0;
	padding: 0;
}

body {
	font-family: "Arial", "Helvetica", "Osaka", sans-serif;
	font-size: 9pt;
	line-height: 1.6em; 
	color: #202020;
	background: #efefef;
	margin: 0;
	padding: 0;
}

body a {
	color: #315Bd7;
	text-decoration: none;
}

body a:visited {
	color: #527597;
}

body a:hover {
	text-decoration: underline;
	color: #666666;
}

.smalltext {
	font-size: 8pt;
}

h2 {
	margin: 15px 0 0 0;
	font-size: 12pt;
}

/* title */
#title {
	width: 100%;
	height: 102px;
	background: #c8cacb url("./imgs/title_bg.png") repeat-x;
}

#titlebg {
	width: 890px;
	height: 102px;
	margin: 0 auto;

	position: relative;
	padding: 0;
	
}

#title_l {
	position: absolute;
	width: 10px;
	height: 102px;
	background: url('imgs/title_bg_left.png') no-repeat;
	left: 0;
	top: 0;
}

#title_r {
	position: absolute;
	width: 10px;
	height: 102px;
	background: url('imgs/title_bg_right.png') no-repeat;
	left: 880px;
	top: 0;
}

#logo {
	position: absolute;
	left: 45px;
	top: 0px;
}

#search {

}

#search input {
	position: absolute;
	left: 600px;
	top: 28px;
	background-color: #ffffff;
	padding: 2px;
	font-size: 1.2em;
	font-family: "Tahoma";
	width: 188px;
	height: 18px;
}


#searchbutton {
	position: absolute;
	left: 794px;
	top: 28px;
	width: 46px;
	height: 24px;
	border: 0;
	background: url("./imgs/search.png") no-repeat 0 -24px;
	cursor: pointer;
}

#searchbutton:hover {
	background: url("./imgs/search.png") no-repeat 0px 0px;
}

/* メニュー */
#menu {
	position: absolute;
	width: 600px;
	height: 26px;

	left: 315px;
	top: 78px;
}

#menu ul {
	list-style-type: none;
	height: 26px;
	margin: 0;
	padding: 0;
}

#menu li {
	float: left;
	height: 26px;
	display: block;
	padding: 0 18px 0 21px;
	background: url("./imgs/separator.png") no-repeat 0px -1px;
}

#menu li.nobg {
	background: none;
	padding: 0 20px 0 18px;
}

#menu li a {
	text-decoration: none;
	font-weight: bold;
	color: #fff;
}

#menu li a:hover {
	text-decoration: underline;
}

#menu img {
	border: none;
	margin: 2px 0 0 0;
}

/* 全体 */
#wrapper {
	margin: 0px auto;
	padding: 10px 25px 15px 25px;
	width: 840px;
	background: #c8cacb url("./imgs/bg.png") repeat-y left;
}

#wrapper_top {
	text-align: center;
	width: 100%;
	height: 16px;
	background: #c8cacb url("./imgs/bg_top_bg.png") repeat-x left;
	margin: 0;
}

#wrapper_top_sub {
	margin: 0 auto;
	width: 890px;
	height: 16px;
	background: #c8cacb url("./imgs/bg_top.png") no-repeat left;

}


/* 件数情報など */
div.info {
	padding: 0 3px;
}

div.info_right {
	padding: 0 3px;
	text-align: right;
}


div.largeinfo {
	margin: 15px 3px 10px 3px;
	padding-left: 8px;
	font-size: 1.7em;
	border-left: 5px solid #46a;
	color: #333;
	font-weight: bold;
}


/* フィルタ */
.filter_wrapper {
	margin: 15px 0 20px 0;
}

.filter	{
	width: 840px;
	background: #e9e9e9 url('./imgs/filter_bg_top.png') repeat-x;
}

.filter_bottom {
	background: url('./imgs/filter_bg_bottom.png') repeat-x bottom;
	padding: 7px 12px 6px;
}

table#filter_table {
	border-collapse: collapse;
	width: 100%;
}

table#filter_table th, td {
	border-bottom: solid 1px #aaa;
	padding: 7px 3px 6px 3px;
	text-align: left;
}


table#filter_table th.btm, td.btm {
	border-bottom: none;
	padding: 7px 3px 3px 3px;
}

table#filter_table select {
	font-family: "Tahoma";
	font-size: 9pt;
}

.filter_submit {
	width: 72px;
	height: 24px;
	border: 0;
	background: url("./imgs/filter_buttons.png") no-repeat -72px -24px;
	cursor: pointer;
	margin-left: 5px;
	padding: 0;
}

.filter_submit:hover {
	background: url("./imgs/filter_buttons.png") no-repeat -72px 0px;
}

.filter_reset {
	width: 72px;
	height: 24px;
	border: 0;
	background: url("./imgs/filter_buttons.png") no-repeat 0 -24px;
	cursor: pointer;
}

.filter_reset:hover {
	background: url("./imgs/filter_buttons.png") no-repeat 0px 0px;
}


/* カラムヘッダ */
a.colheader	{
	color: #ffffff;
	text-decoration: none;
}

a:hover.colheader {
	color: #ffffff;
	text-decoration: underline;
}

a:visited.colheader {
	color: #ffffff;
	text-decoration: none;
}

#fullwidth {

}

#fullwidth table {
	padding: 1px;
	font-size: 9pt;
	line-height: 1.2em;
	width: 100%;
	background: #555;
	border-spacing: 0;
	border: #ccc 2px  solid;
	clear: both;
	margin: 10px 0;
}

#fullwidth th {
	padding: 5px 7px;
	font-size: 9pt;
	text-align: left;
	background: #4c5567  url("./imgs/thbg.png") repeat-x bottom;
	color: #ffffff;
	white-space: nowrap;
    border-style: solid;
    border-width: 1px;
    border-color: #667182 #353d4e #353d4e #667182;
}

#fullwidth th a {
	color: #fff;
}

#fullwidth th.center {
	text-align: center;
}

#fullwidth th.up {
	background: #4c5567;
}

#fullwidth th.upcenter {
	background: #4c5567;
	text-align: center;
}


#fullwidth tr {
	background: #fafafa;
}

#fullwidth tr.odd {
	background: #e0e0e0;
}

#fullwidth td {
	padding: 5px 5px;
	text-align: left;
	empty-cells: show;
    border-style: solid;
    border-width: 1px;
    border-color: #FFFFFF #8c99aa #8c99aa #FFFFFF;
    overflow: hidden;
}

#fullwidth td.centerbold{
	text-align: center;
	font-weight: bold;
}

#fullwidth td.center {
	text-align: center;
}

#fullwidth td.centerboldred {
	text-align: center;
	font-weight: bold;
	color: #e00;
}

#fullwidth blockquote	{ 
	font-family: Courier New, Courier, monospace;
	font-size: 9pt;
	border: 1px solid #999999;
	border-left: 4px solid #999999;
	padding: 10px;
	margin: 5px 5px 5px;
	background: #f4f4f4 top url("./imgs/bqback.png") repeat-x;
}

#fullwidth pre	{ 
	font-family: Courier New, Courier, monospace;
	font-size: 9pt;
	border: 1px solid #7799aa;
	border-left: 4px solid #7799aa;
	overflow: auto;
	padding: 10px;
  	background: #e8efff top url("./imgs/preback.png") repeat-x;
	width: 650px;
	margin: 10px 0;
}

/* Status Colors */
#fullwidth td.new 			{ background: #ff9390; text-align: center; }
#fullwidth td.feedback		{ background: #f698dd; text-align: center; }
#fullwidth td.acknowledged 	{ background: #ffd853; text-align: center; }
#fullwidth td.confirmed    	{ background: #ffffaa; text-align: center; }
#fullwidth td.assigned     	{ background: #c2bdf5; text-align: center; }
#fullwidth td.resolved     	{ background: #c6ecf4; text-align: center; }
#fullwidth td.closed       	{ background: #e8e8e8; text-align: center; }


#footer	{
	clear: both;
	margin: 20px auto 12px auto;
	padding-top: 12px;
	border-top: 1px solid #666;
	width: 836px;
	font-size: 8pt;
	color: #666;
}

#footerbtm {
	width: 890px;
	height: 23px;
	margin: 0 auto;
	background: url('./imgs/footer_btm.png') no-repeat top center;
}

/* Page Navi */
#navi {
	width: 838px;
	margin: 0;
}

#navi ul {
	list-style-type: none;
	float:right;
	margin: 0;
	padding: 0;
}

#navi li {
	float: left;
	margin-left: 3px;
	font-weight: bold;
}

#navi li a.on{
	color: #667182;
	background: #fdfdfe  url("./imgs/navbg_on.png") repeat-x center;
}

#navi li a:hover.on{
	color: #667182;
	background: #fdfdfe  url("./imgs/navbg_on.png") repeat-x center;
}

#navi li a {
	display: block;
    border-style: solid;
    border-width: 2px;
    border-color: #667182 #353d4e #353d4e #667182;
    padding: 3px 8px;
	color: #fff;
	text-decoration: none;
	background: #4c5567  url("./imgs/navbg.png") center center;
}

#navi li a:hover {
    border-color: #7d8ba1 #667182 #667182 #7d8ba1;
	background: #4c5567  url("./imgs/navbg_hover.png") center center;
	text-decoration: underline;
}

#navi li a.next {
	background: #4c5567  url("./imgs/navbg.png") right center;
	padding-right: 20px;
}

#navi li a:hover.next {
	background: #4c5567  url("./imgs/navbg_hover.png") right center;
}

#navi li a.prev {
	background: #4c5567  url("./imgs/navbg.png") left center;
	padding-left: 20px;
}

#navi li a:hover.prev {
	background: #4c5567  url("./imgs/navbg_hover.png") left center;
}

div.clear {
	clear: both;
	height: 1px;
}


/* エラーメッセージ */
#error {
	width: 600px;
	background: #f0f0f0 url("./imgs/msg_bg.png") repeat-x top ;
	border:1px solid #a0a0a0;
	margin: 50px 100px 80px;
	padding: 20px;
	float:left;
}

#error h2 {
	margin: 15px 3px 5px 3px;
	padding-left: 8px;
	font-size: 1.7em;
	border-left: 5px solid red;
	color: #333;
	font-weight: bold;
}


img.fileicon {
	margin-right: 3px;
	vertical-align: middle;
	border: none;
}

img.attachedimage {
	margin-top: 3px;
	max-width: 640px;
	border: none;
}

/* form */
input {
	background-color: #eaeaed; 
	border: 1px solid #aaa;
}

input.button {
	padding: 1px 3px;
	background-color: #dddddf;
	margin: 0 5px 0px 0;
}

input.buttondel {
	padding: 0px 3px;
	background-color: #dddddf;
	margin: 0 5px 5px 0;
}

input.text {
	padding: 3px;
	background-color: #fff;
	width: 700px;
}

input.textset {
	padding: 3px;
	background-color: #fff;
	width: 90px;
	margin-right: 5px;
}

input.textdef {
	padding: 3px;
	background-color: #fff;
}

textarea {
	width: 700px;
	padding: 3px;
	border: 1px solid #aaa;
	font-size: 9pt;
}

textarea.original {
	color: #888;
	font-size: 9pt;
}


/* fixes */
div.fixes {
	font-family: monospace;
	line-height: 1.3em;
}


/* drop down menu */
#menu ul.sub_menu {
	position: absolute;
	top: 24px;
	left: 2px;
	width: auto;
	background: none;
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: none;
	height: auto;
	border: 1px solid #999;
}

#menu ul.sub_menu li {
	margin: 0;
	padding: 0;
	background: none;
	height: auto;
	border: 1px solid #999;
}

#menu ul.sub_menu a {
	font-weight: bold;
	background: #555;
	width: 85px;
	padding: 2px 35px 2px 26px;
	margin: 0;
	display: block;
	color: #fff;
}

#menu ul.sub_menu a:hover {
	text-decoration: none;
	background: #fff;
	color: #44a;
}

#menu ul li.sub_menu ul {
	display: none;
}

#menu ul li.sub_menu_on ul {
	display: block;
}