@charset "UTF-8";

/*(フォントに関する記述/ブラウザ間の差異再定義)

■目次：

・リンクカラーの設定
・テキストカラーの設定
・テキストサイズの設定
・テキストの配置
・リンク時装飾
・表組
・フォーム
・装飾box

*/

/*======================================

	YUI Fonts

=======================================*/



/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 * 
 */
body {font:13px arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}

/**
 * 99% for safari; 100% is too large
 */
select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}

/**
 * Bump up !IE to get to 13px equivalent
 */
pre, code {font:115% monospace;*font-size:100%;}

/**
 * Default line-height based on font-size rather than "computed-value"
 * see: http://www.w3.org/TR/CSS21/visudet.html#line-height
 */
body * {}



/*=========================================

	リンクカラーの設定

===========================================*/

a:link {
	color: #1111CF;
}

a:visited {
	color: #6666CC;
}

a:hover {
	color: #FF9900;
}

a:active {
	color: #FF9900;
}

/*=========================================

	テキストカラーの設定

===========================================*/

.txt-attention {
	color: #FF0000;
}

.txt-attention2 {
	color: #F55555;
	font-weight: bold;
}

.txt-attention3 {
	color: #F55555;
	font-size: 18px;
	font-weight: bold;
}


/*=========================================

	テキストサイズの設定

===========================================*/

.txt-strong {
	font-size: 1.2em;
}

.txt-small {
	font-size: 0.85em;
}

/*=========================================

	テキストの配置

===========================================*/

.txt-center {
	text-align: center;
}

.txt-right {
	text-align: right;
}

/*=========================================

	リンク時装飾

===========================================*/

.link1 {
	background: url(/resources/p_01.gif) no-repeat left center;
	padding: 0 0 0 10px;
	margin: 0 0 0 2px;
}

.link2 {
	background: url(/resources/p_02.gif) no-repeat left center;
	padding: 0 0 0 12px;
}

.pdf {
	background: url(/resources/p_pdf.gif) no-repeat left center;
	padding: 8px 0 8px 30px;
	margin: 0 0 0 5px;
}

/*=========================================

	表組

===========================================*/

td ul{
	margin: 0 20px;
}


/*サービス案内　スペックで使用*/

table.table-normal {
	margin: 0 0 15px 8px;
	border: 1px solid #B0AFAF;
	padding: 0;
}

.table-normal caption {
	text-align: left;
	padding: 0 0 3px 3px;
}


.table-normal th {
	background: #EDEDED;
	border: 1px solid #DDDDDD;
	padding: 5px 0;
}

.table-normal td {
	border: 1px solid #DDDDDD;
	padding: 5px;
}

.table-annotation {
	margin: -10px 0 15px 8px;
}

/*サービス案内　運用・保守で使用*/

table.table-imagelist {
	margin: 0 0 15px 8px;
	width: 565px;
	border: 2px solid #B0AFAF;
	border-collapse: collapse;
}

.table-imagelist td {
	border: 1px solid #DDDDDD;
	padding: 5px;
}

/*会社概要で使用*/

#container .table-director th,#container .table-director td {
	background: none;
	padding: 2px;
	text-align: left;
	border: none;
}

/*採用情報、お問い合せで使用*/

table.table-large {
	margin: 0 0 15px 16px;
	width: 665px;
	border: 1px solid #B0AFAF;
	padding: 0;
}

.table-large th {
	background: #EDEDED;
	border: 1px solid #DDDDDD;
	padding: 5px 0;
}

.table-large td {
	border: 1px solid #DDDDDD;
	padding: 5px;
}


/*=========================================

	フォーム

===========================================*/

/*入力フォーム*/

.input1 {
	width: 50px;
}

.input2 {
	width: 100px;
}

.input3 {
	width: 300px;
}

.input4 {
	width: 260px;
}

.textarea1 {
	width: 500px;
}

.txt-supplement {
	font-size: 0.85em;
	margin: 0 0 0 3px;
}

label {
	margin: 0 5px 0 0;
}

/*=========================================

	装飾box

===========================================*/

/*デザイン1*/

.message-box-title {
	clear: both;
	width: 571px;
	_width:581px;
	background: url(/resources/obj_ta2_title.gif) no-repeat;
	padding: 8px 0 5px 10px;
	height: 19px;
}

.message-box {
	width: 561px;
	_width:581px;
	background: url(/resources/obj_ta2_back.gif) repeat-y;
	line-height: 1.4;
	padding: 12px 10px 2px 10px;
}

.message-box ul{
	margin: 0 20px;
}

/*デザイン2*/

.message-box2 {
	border: 1px solid #F1C76D;
	background: #FFFAEF;
	padding: 8px;
	margin: 15px 12px;
	line-height: 1.4;
}

.message-box2 strong {
	color: #FF6600;
}

/*box底デザイン*/

.message-box-bottom {
	margin: 0px;
	padding: 0px;
	height: 9px;
	width: 581px;
	background: url(/resources/obj_ta2_bottom.gif) no-repeat;
}


/*=========================================
=============

	Module

=============
===========================================*/
/*=========================================

	Visible

===========================================*/

.hidden{
  visibility : hidden;
  font-size : 0.0001%;
  font-size : 0%;
  position : absolute;
  top : -10px;
  margin:0px;
  padding:0px;
  border:none 0px;
}
/*=========================================

	layout

===========================================*/
.to_top{
  margin-left:80px;
}
.float_right{
  float:right;
  margin:0px;
  padding:0px;
}
.float_left{
  float:left;
}
.center{
  text-align:center;
}
.clear{
  clear:both;
}
.clear_left{
  clear: left;
}
.clear_right{
  clear: right;
}
.up{
  vertical-align : top;
}
.space{
  visibility : hidden;
  height: 25px;
}
.valign_top{
  vertical-align: top;
}
.valign_bottom{
  vertical-align: bottom;
}
.valign_middle{
  vertical-align: middle;
}
.align_right{
  text-align:right;
}
.align_left{
	text-align:left;
	float: left;
}
.align_center{
  text-align:center;
}
/*=========================================

	Color

===========================================*/

.bg_green {
  background-color: #E9F5EE;
}
.bg_red {
  background-color:#FDD0D0;
}
.bg_blue {
  background-color:#B8DAE4;
}
.bg_gray {
  background-color: #eeeeee;
}
.bg_white {
  background-color:#FFFFFF;
}
.color_red1{
  color: #FF3333;
}
.color_red2{
  color: #FF0066;
}
.color_red3{
  color: #CC0000;
}
.color_orange1{
  color: #FF6600;
}
.color_orange2{
  color: #FF9933;
}
.color_orange3{
  color: #CC3300;
}
.color_yellow1{
  color: #FFCC00;
}
.color_yellow2{
  color: #FFFF33;
}
.color_yellow3{
  color: #CC9900;
}
.color_green1{
  color: #33CC00;
}
.color_green2{
  color: #33AA88;
}
.color_green3{
  color: #339900;
}
.color_blue1{
  color: #0066CC;
}
.color_blue2{
  color: #00CCFF;
}
.color_blue3{
  color: #0033CC;
}
.color_purple1{
  color: #CC33FF;
}
.color_purple2{
  color: #FF99FF;
}
.color_purple3{
  color: #9900CC;
}
.color_mono1{
  color: #FFFFFF;
}
.color_mono2{
  color: #999999;
}
.color_mono3{
  color: #666666;
}
/*=========================================

	FontSize

===========================================*/

.font_s1{
  font-size:85%;
}
.font_s2{
  font-size:0.7em;
}
.font_s3{
  font-size:0.6em;
}
.font_8pt{
  font-size:8pt;
}
.font_l1{
  font-size:1.2em;
}
.font_l2{
  font-size:1.4em;
}
.font_l3{
  font-size:1.6em;
}
.font_l4{
  font-size:1.8em;
}
.font_l5{
  font-size:2em;
}
.font_flex{
  font-size:inherit;
}

/*=========================================

	FontWeight

===========================================*/

.font_bold{
	font-weight:bold;
}

#pagetop #container-all #container #content #main-2nd #main-content #main-content-in .txt-strong {
	font-size: 24px;
	font-weight: bold;
	color: #0033CC;
}