@charset 'utf-8';

/* keyVisual
-------------------------------------------------- */

#pageTitle h1.future {
	font-size: 140%;
	font-weight: bold;
	color: #333333;
}

#keyVisual {
	width: 810px;
	height: 80px;
	padding: 0px;
	margin: 0px 15px;
}

#keyVisual h1 {
	width: 810px;
	height: 80px;
	padding: 0px;
	margin: 0px;
	display: block;
	font-size: 1px;
	te\xt-indent: -10000px;
	line-height: 1;
	text-align: center;
	text-decoration: none;
	color: #fece00;
	background: url(../images/category-title_001.gif) left top no-repeat;
}


/* searchBlock
-------------------------------------------------- */

#mainArea .searchBlock {
	margin: 0px 0px 9px;
	_margin: 0px 0px 12px;
	_ma\rgin: 0px 0px 9px;
	padding: 3px 0px 3px;
	_padding: 3px 0px 0px;
	_paddi\ng: 3px 0px 3px;
}

#mainArea .searchBlock .heading h2 {
	margin: 0px;
	padding: 0px;
	width: 810px;
	height: 34px;
	display: block;
	font-size: 1px;
	te\xt-indent: -10000px;
	line-height: 1;
	text-align: center;
	text-decoration: none;
	color: #000000;
	background: url(../images/heading_oshi.gif) no-repeat left top;
}

#mainArea .searchBlock .body {
	margin: 0px;
	padding: 0px;
	background: url(../images/form_bg_001.gif) repeat-y left top;
}

#mainArea .searchBlock .bodyBg {
	margin: 0px;
	padding: 0px 5px 5px 4px;
	height: 1%;
	background: url(../images/form_bg_002.gif) no-repeat left bottom;
}

#mainArea .searchTable table {
	width: 100%;
	padding: 0px;
	margin: 0px;
	font-size: 100%;
	_font-size: 90%;
	_fo\nt-size: 100%;
	line-height: 1.3;
	color: #333333;
	border-color: #dedece;
	border-style: solid;
	border-width: 1px 0px 0px 1px;
	border-collapse: separate;
	font-size: 100%;
	_font-size: 90%;
	_font-size/* */: 100%;
	_fo\nt-size: 90%;
}

#mainArea .searchTable table th {
	padding: 11px 10px;
	background: #fff7c6;
	font-weight: bold;
	border-color: #dedece;
	border-style: solid;
	border-width: 0px 1px 1px 0px;
}

#mainArea .searchTable table td {
	padding: 7px 10px;
	background: #ffffff;
	border-color: #dedece;
	border-style: solid;
	border-width: 0px 1px 1px 0px;
}

#mainArea .searchTable table td.checkbox {
	width: 521px;
	_width: 541px;
	_w\idth: 521px;
	padding: 7px 10px;
}

#mainArea .searchTable .sphere {
	padding: 0px;
	margin: 0px;
}

#mainArea .searchTable .column {
	width: 120px;
	padding: 0px;
	margin: 0px;
	float: left;
}

#mainArea .searchTable .search {
	padding: 9px 0px 6px;
	margin: 0px;
	background: #ffffff;
	text-align: center;
}

#mainArea .searchTable .searchBtn {
	width: 127px;
	height: 23px;
}


/* nextBackNavigation
-------------------------------------------------- */

#mainArea .nextBackNavigation {
	width: 810px;
	margin: 0px 0px 18px;
	padding: 3px 0px 3px;
}

#mainArea .nextBackNavigationTopBg {
	border-bottom: 1px solid #cecece;
}

#mainArea .nextBackNavigationBottomBg {
	margin: 3px 0px 0px;
	_margin: 6px 0px 0px;
	border-top: 1px solid #cecece;
}

#mainArea .nextBackNavigation .countText {
	padding: 4px 0px 5px;
	margin: 0px;
	width: 276px;
	float: left;
	color: #333333;
}

#mainArea .nextBackNavigation .countText .strong {
	color: #ff0000;
	font-weight: bold;
	font-size: 120%;
}

#mainArea .nextBackNavigation .pageNumber {
	padding: 0px 3px 0px 3px;
	float: right;
	text-align: right;
}

#mainArea .nextBackNavigation .pageNumber strong {
	font-weight: bold;
	color: #333333;
}

#mainArea .nextBackNavigation .pageNumber a {
	font-weight: bold;
}

#mainArea .nextBackNavigation .pageNumber .pageBack {
	padding: 6px 5px 6px 0px;
	display: block;
	float: left;
}

#mainArea .nextBackNavigation .pageNumber .pageBack a {
	padding: 0px 0px 0px 7px;
	background: url(/shared/images/arrow_small_left.gif) 0px 4px no-repeat;
	_background: none;
	_background/* */: url(/shared/images/arrow_small_left.gif) 0px 4px no-repeat;
}

#mainArea .nextBackNavigation .pageNumber .pageLink {
	padding: 6px 0px;
	display: block;
	float: left;
}

#mainArea .nextBackNavigation .pageNumber .pageNext {
	padding: 6px 0px 6px 5px;
	display: block;
	float: left;
}

#mainArea .nextBackNavigation .pageNumber .pageNext a {
	padding: 0px 7px 0px 0px;
	background: url(/shared/images/arrow_small_right.gif) right 4px no-repeat;
	_background: none;
	_background/* */: url(/shared/images/arrow_small_right.gif) right 4px no-repeat;
}


/* detailBlock
-------------------------------------------------- */

#mainArea .detailBlock {
	width: 808px;
	_width: 810px;
	_w\idth: 808px;
	padding: 0px;
	margin: 0px 0px 15px;
	border: solid 1px #333333;
}

#mainArea .detailBlock .heading {
	margin: 0px;
	padding: 0px;
	background-color: #daf2f2;
	border-bottom: solid 2px #7acccc;
	vertical-align: middle;
}

#mainArea .detailBlock .heading .leftColumn {
	width: 590px;
	padding: 6px 9px 6px;
	margin: 0px;
	position: relative;
	float: left;
}

#mainArea .detailBlock .heading .leftColumn h1,
#mainArea .detailBlock .heading .leftColumn h3,
#mainArea .detailBlock .body .rightColumn h2,
#mainArea .detailBlock .body .rightColumn h4 {
	padding: 0px;
	margin: 0px;
	font-size: 120%;
	line-height: 1.25;
	color: #333333;
	font-weight: bold;
	border: none;
	background: none;
}

#mainArea .detailBlock .heading .workNo {
	padding: 2px 0px 0px;
	margin: 0px;
	font-size: 85%;
	_font-size: 80%;
	_font-size/* */: 85%;
	_fo\nt-size: 85%;
	line-height: 1.2;
}

#mainArea .detailBlock .heading .rightColumn {
	margin: 0px;
	padding: 0px 9px 0px 0px;
	width: 137px;
	height: 3.6em;
	position: relative;
	float: right;
	text-align: right;
}

#mainArea .detailBlock .heading div.addBtn {
	position: relative;
	top: 50%;
	width: 137px;
	height: 24px;
	margin: -12px 0px 0px 0px;
}

#mainArea .detailBlock .body {
	width: 808px;
	background: url(../images/detail-block_bg.gif) left top;
}

#mainArea .detailBlock .bodyBg {
	padding: 10px;
	background: url(../images/detail-block_bg_002.gif) no-repeat left bottom;
}

#mainArea .detailBlock .body .leftBody {
	width: 591px;
	padding: 0px;
	margin: 0px;
	position: relative;
	float: left;
}

#mainArea .detailBlock .body .rightBody {
	width: 166px;
	_width: 186px;
	_w\idth: 166px;
	padding: 9px 10px;
	margin: 0px;
	position: relative;
	float: right;
}

#mainArea .detailBlock .body .rightBody .item {
	padding: 0px 0px 3px;
	line-height: 1.3;
}

#mainArea .detailBlock .body .rightBody .item span {
	color: #333333;
	font-weight: bold;
}

#mainArea .detailBlock .body .rightBody .item span.strong {
	color: #f76321;
	font-weight: bold;
}

#mainArea .detailBlock .body .leftBody .icons img {
	margin: 0px 3px 0px 0px;
	padding: 0px;
}

#mainArea .detailBlock .body .leftColumn {
	width: 160px;
	padding: 10px 0px 0px;
	margin: 0px;
	position: relative;
	float: left;
}

#mainArea .detailBlock .body .rightColumn {
	width: 421px;
	padding: 10px 0px 0px;
	margin: 0px;
	position: relative;
	float: right;
}

#mainArea .detailBlock .body .leftColumn .image {
	padding: 4px;
	margin: 0px;
	background: url(../images/photo-frame.gif) no-repeat left top;
}

#mainArea .detailBlock .body .leftColumn .caption {
	padding: 5px 0px 0px;
	margin: 0px;
	font-size: 85%;
	_font-size: 80%;
	_font-size/* */: 85%;
	_fo\nt-size: 85%;
	line-height: 1.2;
	color: #555555;
}

#mainArea .detailBlock .body .rightColumn h4 {
	margin: 0px;
	padding: 0px;
	line-height: 1.1;
}

#mainArea .detailBlock .body .rightColumn h2 {
	width: 421px;
	margin: 0px;
	padding: 0px;
}

#mainArea .detailBlock .body .rightColumn p {
	margin: 0px 0px 12px;
	padding: 7px 1px 0px;
}

#mainArea .detailBlock .body .rightColumn .btnBox {
	text-align: right;
}

#mainArea .detailBlock .body .rightColumn .inputEntryBtn {
	width: 183px;
	height: 28px;
	float: right;
}

#mainArea .detailBlock .body .rightColumn .inputEntryBtn2 {
	margin: 0px;
	padding: 0px 105px 0px 0px;
	width: 183px;
	height: 28px;
}

#mainArea .detailBlock .body .rightColumn .detailBtn {
	width: 148px;
	height: 28px;
	margin: 0px 10px 0px 0px;
	float: right;
}


/* detailTableBlock
-------------------------------------------------- */

#mainArea .detailTableBlock {
	margin: 0px 0px 18px;
	padding: 3px 0px 3px;
}

#mainArea .detailTableBlock .heading {
	margin: 0px;
	padding: 11px 11px;
	border: solid #000000 1px;
	border-collapse: separate;
	background-color:#189cf7;
}

#mainArea .detailTableBlock .heading h2 {
	padding: 0px;
	margin: 0px;
	font-size: 100%;
	line-height: 1.3;
	color: #ffffff;
	font-weight: bold;
	background: none;
}

#mainArea .detailTableBlock .body {
	padding: 0px;
	margin: 0px;
	border-color: #000000;
	border-style: solid;
	border-width: 0px 1px 1px 1px;
	border-collapse: separate;
}

#mainArea .detailTable {
	padding: 0px;
	margin: 0px;
}

#mainArea .detailTable table {
	width: 808px;
	_width: 808px;
	_w\idth: 808px;
	padding: 0px;
	margin: 0px;
	line-height: 1.3;
	color: #333333;
	border-color: #dedece;
	border-style: solid;
	border-width: 1px 0px 0px 1px;
	border-collapse: separate;
	font-size: 100%;
	_font-size: 90%;
	_font-size/* */: 100%;
	_fo¥nt-size: 90%;
}

#mainArea .detailTable table th {
	padding: 11px 10px;
	background: #fff7c6;
	font-weight: bold;
	border-color: #dedece;
	border-style: solid;
	border-width: 0px 1px 1px 0px;
	font-weight: bold;
}

#mainArea .detailTable table td {
	padding: 7px 10px;
	background: #ffffff;
	border-color: #dedece;
	border-style: solid;
	border-width: 0px 1px 1px 0px;
}

#mainArea .detailTable span.colorRed {
	color: #f76321;
	font-weight: bold;
}

#mainArea .entryBtn {
	margin: 0px;
	padding: 0px 0px 15px 1px;
	text-align: center;
}

/* support Head Element
-------------------------------------------------- */

#mainArea h2.support {
	width: 804px;
	padding: 1px 0px 4px 0px;
	margin: 33px 0px 9px;
	font-size: 140%;
	line-height: 1.5;
	color: #ffffff;
	font-weight: bold;
	background: url(/flow/images/h2_bg2.gif) 0px 0px no-repeat;
}

#mainArea h2.support span {
	width: 774px;
	_width: 804px;
	_w\idth: 774px;
	padding: 8px 0px 0px 30px;
	margin: 0px;
	display: block;
	background: url(/flow/images/h2_bg.gif) left bottom no-repeat;
}

#mainArea h3.support {
	width: 806px;
	_width: 810px;
	_w\idth: 806px;
	padding: 1px 1px 1px 1px;
	margin: 18px 0px 18px;
	font-size: 120%;
	line-height: 1.5;
	color: #333333;
	font-weight: bold;
	border: 1px solid #cbcbcb;
	background: none;
}

#mainArea h3.support span {
	width: 788px;
	_width: 806px;
	_w\idth: 788px;
	padding: 3px 0px 3px 18px;
	margin: 0px;
	display: block;
	background: #fff8e9 url(/shared/work/images/support_h3_bg.gif) left top repeat-y;
}

#mainArea h4.supportLeft {
	padding: 0px;
	margin: 0px 0px 0px 12px;
	font-size: 120%;
	line-height: 1.2;
	color: #333333;
	font-weight: bold;
	background: url(/shared/work/images/support_h4_bg.gif) 5px 6px no-repeat;
}

#mainArea h4.supportRight {
	padding: 0px;
	margin: 0px;
	font-size: 120%;
	line-height: 1.2;
	color: #333333;
	font-weight: bold;
	background: url(/shared/work/images/support_h4_bg.gif) 0px 6px no-repeat;
}

#mainArea h4.supportLeft span {
	padding: 0px 0px 0px 14px;
	margin: 0px;
	display: block;
}

#mainArea h4.supportRight span {
	padding: 0px 0px 0px 9px;
	margin: 0px;
	display: block;
}

/* areaTwoColumns
-------------------------------------------------- */

#mainArea .areaTwoColumns {
	width: 810px;
	margin: 15px 0px;
}

#mainArea .areaTwoColumns .column {
	width: 141px;
	float: left;
}

#mainArea .areaTwoColumns .columnEnd {
	width: 634px;
	float: right;
}

/* serviceTwoColumns
-------------------------------------------------- */

#mainArea .serviceTwoColumns {
	width: 810px;
	padding: 0px 0px 6px;
	margin: 15px 0px 13px;
	border-bottom: 1px solid #cccccc;
}

#mainArea .serviceTwoColumns .column {
	width: 469px;
	_width: 489px;
	_w\idth: 469px;
	padding: 0px 0px 0px 20px;
	float: left;
}

#mainArea .serviceTwoColumns .columnEnd {
	width: 321px;
	float: right;
}

#mainArea .serviceTwoColumns p {
	padding: 0px;
	margin: 0px;
}

/* entryOneColumns
-------------------------------------------------- */

#mainArea .entryOneColumns {
	width: 810px;
	height: 115px;
	padding: 0px;
	margin: 20px 0px 0px;
}

#mainArea .entryOneColumns .column {
	width: 810px;
	height: 115px;
	padding: 0px;
	float: left;
	background: url(/shared/work/images/entry_bg_full.gif) left bottom no-repeat;
}

#mainArea .entryOneColumns .column h4 {
	width: 810px;
	height: 31px;
	padding: 0px;
	margin: 0px;
	display: block;
	font-size: 1px;
	te\xt-indent: -10000px;
	line-height: 1;
	text-align: center;
	text-decoration: none;
	color: #002139;
	background: url(/shared/work/images/entry_head_001.gif) left bottom no-repeat;
}

#mainArea .entryOneColumns .column .body {
	width: 400px;
	height: 84px;
	position: relative;
}

#mainArea .entryOneColumns .column p {
	width: 368px;
	height: 12px;
	padding: 0px;
	margin: 0px;
	display: block;
	font-size: 1px;
	te\xt-indent: -10000px;
	line-height: 1;
	text-align: center;
	text-decoration: none;
	color: #ffffff;
	background: url(/shared/work/images/entry_text_001.gif) left bottom no-repeat;
	position: absolute;
	top: 35px;
	left: 22px;
}

#mainArea .entryOneColumns .column .btn {
	width: 169px;
	height: 28px;
	margin: 0px;
	position: absolute;
	top: 27px;
	left: 640px;
}

/* entryTwoColumns
-------------------------------------------------- */

#mainArea .entryTwoColumns {
	width: 810px;
	height: 115px;
	padding: 0px;
	margin: 20px 0px 0px;
}

#mainArea .entryTwoColumns .column {
	width: 400px;
	height: 115px;
	padding: 0px;
	float: left;
	background: url(/shared/work/images/entry_bg.gif) left bottom no-repeat;
}

#mainArea .entryTwoColumns .columnEnd {
	width: 400px;
	height: 115px;
	padding: 0px;
	float: right;
	background: url(/shared/work/images/entry_bg.gif) left bottom no-repeat;
}

#mainArea .entryTwoColumns .column h4 {
	width: 400px;
	height: 31px;
	padding: 0px;
	margin: 0px;
	display: block;
	font-size: 1px;
	te\xt-indent: -10000px;
	line-height: 1;
	text-align: center;
	text-decoration: none;
	color: #002139;
	background: url(/shared/work/images/entry_head_001.gif) left bottom no-repeat;
}

#mainArea .entryTwoColumns .columnEnd h4 {
	width: 400px;
	height: 31px;
	padding: 0px;
	margin: 0px;
	display: block;
	font-size: 1px;
	te\xt-indent: -10000px;
	line-height: 1;
	text-align: center;
	text-decoration: none;
	color: #002139;
	background: url(/shared/work/images/entry_head_002.gif) left bottom no-repeat;
}

#mainArea .entryTwoColumns .column .body {
	width: 400px;
	height: 84px;
	position: relative;
}

#mainArea .entryTwoColumns .columnEnd .body {
	width: 400px;
	height: 84px;
	position: relative;
}

#mainArea .entryTwoColumns .column p {
	width: 185px;
	height: 30px;
	padding: 0px;
	margin: 0px;
	display: block;
	font-size: 1px;
	te\xt-indent: -10000px;
	line-height: 1;
	text-align: center;
	text-decoration: none;
	color: #ffffff;
	background: url(/shared/work/images/entry_text_001.gif) left bottom no-repeat;
	position: absolute;
	top: 20px;
	left: 20px;
}

#mainArea .entryTwoColumns .columnEnd p {
	width: 150px;
	height: 43px;
	padding: 0px;
	margin: 0px;
	display: block;
	font-size: 1px;
	te\xt-indent: -10000px;
	line-height: 1;
	text-align: center;
	text-decoration: none;
	color: #ffffff;
	background: url(/shared/work/images/entry_text_002.gif) left bottom no-repeat;
	position: absolute;
	top: 20px;
	left: 20px;
}

#mainArea .entryTwoColumns .column .btn {
	width: 169px;
	height: 28px;
	margin: 0px;
	position: absolute;
	top: 27px;
	left: 230px;
}

#mainArea .entryTwoColumns .columnEnd .btn {
	width: 215px;
	height: 28px;
	margin: 0px;
	position: absolute;
	top: 27px;
	left: 185px;
}

/* support Link Element
-------------------------------------------------- */

#mainArea ul.supportLink {
	padding: 0px;
	margin: 0px;
}

#mainArea ul.supportLink li {
	padding: 0px;
	margin: 0px;
	line-height: 1.2;
	background: url(/shared/images/arrow_small_right.gif) 0px 5px no-repeat;
	float: left;
}

#mainArea ul.supportLink a {
	padding: 0px 23px 0px 10px;
	margin: 0px;
	/*\*//*/
	revise: MacIE5.0bug;
	display: inline-block;
	margin-left: -10px;
	text-indent: 0;
	/**/
}

#mainArea ul.supportLink li {
	padding-left: 10px;
	_padding-left: 10px;
	_padding-left/* */: 10px;
	text-indent: -10px;
	_text-indent/* */: -10px;
	_te\xt-indent: -10px;
}

/* supportLinkLeft Element
-------------------------------------------------- */

#mainArea ul.supportLinkLeft {
	padding: 0px;
	margin: 0px;
}

#mainArea ul.supportLinkLeft li {
	padding: 0px;
	margin: 0px;
	line-height: 1.2;
	background: url(/shared/images/arrow_small_right.gif) 17px 5px no-repeat;
	float: left;
}

#mainArea ul.supportLinkLeft a {
	padding: 0px 23px 0px 27px;
	margin: 0px;
	/*\*//*/
	revise: MacIE5.0bug;
	display: inline-block;
	margin-left: -27px;
	text-indent: 0;
	/**/
}

#mainArea ul.supportLinkLeft li {
	padding-left: 10px;
	_padding-left: 10px;
	_padding-left/* */: 10px;
	text-indent: -10px;
	_text-indent/* */: -10px;
	_te\xt-indent: -10px;
}