@charset "utf-8";

/* adjusting design between in/outside : naigai no shoshiki wo soroeru */

#member {
	min-height: 500px;	/*for FF & IE7*/
	_height: 500px;	/*for IE6*/
}

#main #member a,
#mainall #member a {
	color: #000099;
}

#ird H4,
#vendor H4 {
	FONT-SIZE: 14px; COLOR: #556
}


#contentsall .headingBg {
    clear: both;
    /* background: #b44c7e url(../images/h2_noside.gif) no-repeat top left; */
    background: #000000 url(../images/h2_noside.gif) no-repeat top left;
}

#member ul.req_list li {
	list-style-type: disc;
	list-style-position: inside;
}
/*ird mode*/

#ird H1 {
	BACKGROUND-COLOR: #556
}
#ird H2 {
	BORDER-LEFT: #556 12px solid;
	COLOR: #556;
}
#ird H3 {
	COLOR: #556
}
#ird TH {
	BACKGROUND-COLOR: #556
}
#ird #sidebar H3 {
	PADDING-LEFT: 2px;
	FONT-SIZE: 12px;
	MARGIN: 0px;
	COLOR: #fff;
	BACKGROUND-COLOR: #556;
}
#ird .titlebar {
	BACKGROUND-COLOR: #556
}

#ird table.hyou tr th,
#ird table.hyou600 tr th {
	background-color: #556; /*ird*/
}

#ird table.hyou tr th.another,
#ird table.hyou600 tr th.another {	/* use when you need 2type-color of <th> (ex. odd-even or oomidashi) */
	background-color: #445; /*ird*/
}

#ird .sideBarBox1 li {
	font-size: 12px;
	line-height: 14px;
}

#ird .sideBarBox1 ul ul {
	margin-left: 20px;
	padding-left: 0px;	/*IE:x  FF:o*/
}

#ird .sideBarBox1 li.nowselect {
	font-weight: bold;
}
#ird .sideBarBox1 li.nowselect li {
	font-weight: normal;
}

#ird table.hyou tr.odd th,
#ird table.hyou600 tr.odd th {
	background-color: #445; /*ird*/
}

#ird table.hyou tr.select th,
#ird table.hyou600 tr.select th {
	background-color: #eb7;
}
/* error */

#ird .error {	/*change to [#ird span.error,#ird div.error] if words in form-error not need to paint red.*/
	color: #f00;
	text-weight: bold;
}

#ird div.error {
	border: 1px solid #d77;
	background: #fcc;
}

#ird input.error,
#ird textarea.error,
#ird select.error,
#ird password.error {
	border: 2px solid red;
}

#ird input.required,
#ird textarea.required,
#ird select.required,
#ird password.required {
	background-color: #fcc;
}

#ird input.requirederror,
#ird textarea.requirederror,
#ird select.requirederror,
#ird password.requirederror {
	background-color: #fcc;
	border: 2px solid red;
	color: #f00;
}

ul.error {
	border: 1px solid #d77;
	background: #fcc;
	margin-left: 0px;
	padding-left: 0px;
}

ul.error li {
	color: #000000;
	list-style-type: circle;
	list-style-position: inside;
}

/* vendor */

#vendor table.hyou tr th,
#vendor table.hyou600 tr th {
	background-color: #369;
}

#vendor table.hyou tr th.another,
#vendor table.hyou600 tr th.another {	/* use when you need 2type-color of <th> (ex. odd-even or oomidashi) */
	background-color: #258;
}

#vendor .sideBarBox1 li.nowselect {
	font-weight: bold;
}
#vendor .sideBarBox1 li.nowselect li {
	font-weight: normal;
}

#vendor .error {	/*change to [#vendor span.error,#vendor div.error] if words in form-error not need to red.*/	color: #f00;
	text-weight: bold;
}

#vendor div.error {
	border: 1px solid #d77;
	background: #fcc;
}

#vendor input.error,
#vendor textarea.error,
#vendor select.error,
#vendor password.error {
	border: 2px solid red;
}

#vendor input.required,
#vendor textarea.required,
#vendor select.required,
#vendor password.required {
	background-color: #fcc;
}

#vendor input.requirederror,
#vendor textarea.requirederror,
#vendor select.requirederror,
#vendor password.requirederror {
	background-color: #fcc;
	border: 2px solid red;
	color: #f00;
}

#vendor table.hyou tr.odd th,
#vendor table.hyou600 tr.odd th {
	background-color: #259;
}

#vendor table.hyou tr.select th,
#vendor table.hyou600 tr.select th {
	background-color: #eb7;
}

/* member */
#member input.error,
#member textarea.error,
#member select.error,
#member password.error {
	border: 2px solid red;
}

#member input.required,
#member textarea.required,
#member select.required,
#member password.required {
	background-color: #fcc;
}

#member input.requirederror,
#member textarea.requirederror,
#member select.requirederror,
#member password.requirederror {
	background-color: #fcc;
	border: 2px solid red;
	color: #f00;
}

/* caution */


.caution {	/*change to [#ird span.error,#ird div.error] if words in form-error not need to paint red.*/
	color: #c40;
	text-weight: bold;
}

div.caution {
	border: 1px solid #f97;
	background: #fdb;
	color: #000000;
}

#ird div.caution,
#vendor div.caution {	/*same view to "error" tag*/
	color: #c40;
}

ul.caution {
	border: 1px solid #d97;
	background: #fdb;
	margin-left: 0px;
	padding-left: 0px;
}

ul.caution li {
	color: #000000;
	list-style-type: circle;
	list-style-position: inside;
}

/* links */

ul.links li {
	color:#00000;
	list-style-image: url(../images/icon_link.gif);
	list-style-position: inside;
	display: list-item;
}

/* hyou */

table.hyou {
	border: 0px #ffffff;
}

table.hyou600 {
	border: 0px #ffffff;
	width: 600px;
}

table.hyou tbody,
table600.hyou tbody {
	border: 0px #ffffff;
}

table.hyou tr th,
table.hyou600 tr th,
table tr td table.hyou tr th,
table tr td table.hyou600 tr th {
	text-align:center;
	background-color: #b4d1d4; /*user*/
	/*white-space: nowrap;*/
	border: 1px #999999 solid;
	line-height: 14px;
}

table.hyou tr.odd th,
table.hyou600 tr.odd th,
table tr td table.hyou tr.odd th,
table tr td table.hyou600 tr.odd th {
	background-color: #a4c1d4;	/*user*/
}

#mainContents table.hyou tr.odd td,
#mainContents table.hyou600 tr.odd td,
table.hyou tr.odd td,
table.hyou600 tr.odd td,
table tr td table.hyou tr.odd td,
table tr td table.hyou600 tr.odd td {
	background-color: #f0f0ff !important;
}

table.hyou tr.select th,
table.hyou600 tr.select th,
table tr td table.hyou tr.select th,
table tr td table.hyou600 tr.select th {
	background-color: #eebb77;
}

#mainContents table.hyou tr.select td,
#mainContents table.hyou600 tr.select td,
table.hyou tr.select td,
table.hyou600 tr.select td,
table tr td table.hyou tr.select td,
table tr td table.hyou600 tr.select td {
	background-color: #ffddbb !important;
}

table.hyou tr th.another,
table.hyou600 tr th.another {	/* use when you need 2type-color of <th> (ex. odd-even or oomidashi) */
	background-color: #92BCC0; /*user*/
	color: #ffffff;
}

#mainContents table.hyou tr td,
#mainContents table.hyou600 tr td,
table.hyou tr td,
table.hyou600 tr td,
table tr td table.hyou tr td,
table tr td table.hyou600 tr td {
	background-color: #ffffff !important;
	border: 1px #999999 solid;
	line-height: 14px;
	vertical-align: top;
}

table.hyou tr td.numelic,
table.hyou600 tr td.numelic,
table tr td table.hyou tr td.numelic,
table tr td table.hyou600 tr td.numelic {
	text-align: right;
	white-space: nowrap;
}

table.hyou tr td.center,
table.hyou600 tr td.center,
table tr td table.hyou tr td.center,
table tr td table.hyou600 tr td.center {
	text-align: center;
}

table.hyou tr td.center2,
table.hyou600 tr td.center2,
table tr td table.hyou tr td.center2,
table tr td table.hyou600 tr td.center2 {
	text-align: center;
	vertical-align: middle !important;
}

table tr td.white,
#mainContents table tr td.white {
	border: 0px #ffffff;
	background-color: #ffffff !important;
}

#mainContents table.white td,
table.white,
table.white tbody,
table.white tr,
table.white tr th,
table.white tr td {
	border: 0px #ffffff solid;
/*	background-color: #ffffff;*/
	background: #ffffff;	/*url("../images/logoutbtn.gif");*/
	vertical-align:top;
}

.pagelink {
	text-align: right;
	clear: both;
}

/* main&sub name in one cell (ex. service & company)*/

span.mainname {
	font-weight: bold;

}
span.subname {
	decoration: normal;
	font-size: 80%;
}

/* no-sidebar version */
/*
#mainall h2 {
	background:url("../images/h2_noside.gif");
}
*/
#mainall {
    width: 970px;
    float: left;
}

#mainall #mainContents {
    margin: 20px 20px 0px 10px;
}

#contentsall {
    clear: both;
    width: 970px;
    background: #ffffff;
    margin: 0 10px 10px 10px;
    padding-bottom: 30px;
}

/* logindata */

#logindata {
	width:	970px;
	height: 35px;
	margin: 0px 10px 0px 10px;	/*0 10 5 10*/
	/*background-color: #ffaa66;	#ff9933;*/
	background: #ffaa66 url("../images/logindatahead.gif") no-repeat left top;
}
#logindata .user {
	text-align: left;
	width: 180px;
	float: left;
	font-weight: bold;
	vertical-align: bottom;
	height: 25px;	/*32 - 7*/
	margin: 0px;
	padding-top: 7px;	/*0 + 7*/
	padding-left: 10px;
	color: #ffffff;
}

#logindata .btns {
	text-align: left;
	width: 522px;
	float: left;
	height: 32px;
/*	margin: 0px;
	font-weight: bold;
	padding: 0px 0px 0px 18px;
	background: url("../images/logindatahead.gif") no-repeat left top;*/
}

#logindata .logoutbtn {
	text-align: right;
	width: 250px;	/*552*/
	float: right;
/*	background: url("../images/logindatahead.gif") no-repeat right top;*/
}

/* etc : chuushaku nado */

.caption {
	color: #990000;
	font-size: 75%;
}

#ird table th .caption,
#vendor table th .caption {	/*ird-hyou is too dark to use normal caption color.*/
	color: #ff6666;
}

.inline {
	display: inline;
}

input[disabled],
select[disabled] {
	background-color: #cccccc;
	color: #666666;
}

/* pager */

.pager {
  margin:3px;
  padding:3px;
  text-align:center;
  clear:both;
}
.pager a {
  background-position:center bottom;
  border:1px solid #DEDFDE;
  margin-right:3px;
  padding:2px 6px;
  text-decoration:none;
}
.pager a, .pager strong.pager-current {
  padding:0.5em;
  color:#FF0084;
  font-weight:bold;
  margin-right:3px;
}

/* util */
.errorspacer {
	height: 400px;
}

/* loginmenu */
.slidetabsmenu2 {
	float: right;
	text-align: right;
	height: 26px;
	position: absolute;
	width: 240px;
	height:26px;
	left: 740px;	/* 80*3=240px from rightborder of "navigation"(980px) */
	top: 104px;
/*	margin-right: -10px; it moves right but other one is better. */
}

.slidetabsmenu2 ul {
	margin: 0px;
	padding: 0px;
	display: inline;
}

.slidetabsmenu2 ul li {
	margin: 0px;
	padding: 0px;
	display: inline;
}

table.hyou tr th.document,
table.hyou tr th.documentnoline,
table.hyou tr th.documentbottom {
	background-color: #BABFFE;
}

table.hyou tr th.estimation,
table.hyou tr th.estimationnoline,
table.hyou tr th.estimationbottom {
	background-color: #B6FCB3;
}

table.hyou tr th.compare,
table.hyou tr th.comparenoline,
table.hyou tr th.comparebottom {
	background-color: #91D5D5;
}

table.hyou tr th.sorter,
table.hyou tr th.sorternoline,
table.hyou tr th.sorterbottom {
	background-color: #CCCCCC;
}

table.hyou tr th.document,
table.hyou tr th.estimation,
table.hyou tr th.compare,
table.hyou tr th.sorter {
	text-align: left;
	border-bottom: none;
}

table.hyou tr th.documentbottom,
table.hyou tr th.estimationbottom,
table.hyou tr th.comparebottom,
table.hyou tr th.sorterbottom {
	text-align: left;
	border-top: none;
}

table.hyou tr th.documentnoline,
table.hyou tr th.estimationnoline,
table.hyou tr th.comparenoline,
table.hyou tr th.sorternoline {
	border-top: none;
	border-bottom: none;
}

h2.withicon {
	vertical-align: center;
	height: 64px;
	border: none !important;
/*	clear: left;*/
	height: 64px;
}

h2.withicon .boximg {
	float: left;
}

h2.withicon .boxtext {
	float: left;
	width: 525px;
	margin: 0px 0px 0px 10px;
	font-weight: bold;
	padding-top:20px;
	border-bottom: 1px solid #cccccc;
}

#mainContents table.mypagehyou ,
#mainContents table.mypagehyou tr,
#mainContents table.mypagehyou td,
#mainContents table.mypagehyou th,
table.mypagehyou,
table.mypagehyou tbody,
table.mypagehyou tr,
table.mypagehyou tr th,
table.mypagehyou tr td {
	border: 0px #ffffff solid;
	background: #ffffff;
	vertical-align:top;
}

table.mypagehyou tr th {
	width: 64px;
}

table.mypagehyou tr td {
	width: 500px;
	padding-left: 20px !important;
}

table.mypagehyou h5 {
	color: #0000FF;
	font-size: 110%;
	font-weight: bold;
}

table.mypagehyou h5 a {
	color: #3300cc;
	font-weight: bold;
}

table.mypagehyou h6 {
	color: #000000;
	font-size: 105%;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 0px;
}

table.mypagehyou ul {
	margin-top: 0px;
}
table.mypagehyou ul li {
	list-style-type: disc;
	list-style-position: inside;
}

.line00 {
	height:0px;
	margin:0px;
	padding:0px;
	border-bottom: solid 1px #cccccc;
}

.spacer {
	height:0px;
	margin-top:20px;
	padding:0px;
}

.wordbreaker {
	word-break: break-all;
	overflow: hidden;
}