@charset "Shift_JIS";


/*/////////////////////////////////////////////////////////////

	共通スタイル 大枠のレイアウト 関連 

/////////////////////////////////////////////////////////////*/

/*  レイアウトに関するスタイル  *****************/
/*  htmlのスタイル  */
html { margin: 0; padding: 0; }

/*  bodyのスタイル  */
body { background-image: url("../image/background.gif"); height: 100%; margin: 0; padding: 0; text-align: center; }

/*  ヘッダーからフッターまで含めた大外枠  */
#box-all{
background-image: url("../image/body_bg.gif");
background-repeat: repeat-y;
background-position: 0 0;
width: 750px;
height: 100%;
margin: 0 auto;
}

/*  フッターを除いた枠  */
#box-out{ padding: 0 10px; text-align: left; height: 100%; }



/*  内容に関するスタイル  ***********************/

/*  リンクのスタイル  */
a{ text-decoration: underline; }
a:link{ color: #009; text-decoration: underline; }
a:visited{ color: #555; text-decoration: underline; }
a:hover{ color: #f30; text-decoration: underline; }
a img { border: 0; }


/*  本文中のリンク色（緑） [目立たせたいリンクに色をつける] */
.text-link a:link{ color: #390; text-decoration: underline; }
.text-link a:visited{ color: #390; text-decoration: underline; }
.text-link a:hover{ color: #f30; text-decoration: underline; }
.text-link a img { border: 0; }


/*  インデント関連  */
/*  右インデント  */
.fl-r{ float: right; }
/*  左インデント  */
.fl-l{ float: left; }
/*  中インデント  */
.fl-c{ float: center; }
/*  インデント解除  */
.cl{ clear: both; }

/*  画像　インデント右  */
.img-r{ float: right; margin: 5px 0 8px 10px; }
/*  画像　インデント左  */
.img-l{ float: left; margin: 5px 10px 8px 0; }



/*  ヘッダー要素 ********************************/

#head{ margin: 0; padding: 0; border-bottom:solid 1px #000; }

/*  ロゴ  */
#logo-box{ width: 170px; background-color: #f3f3f3; float: left; }
#logo{ display:block; width: 150px; background: url("../image/logo.gif"); margin: 7px; }
#logo span { display:block; text-indent: -9999px; }
#logo a{ display:block; width: 150px; height: 38px; }

/*  ヘッダー　右の固まり  */
#head-r-box{
background-color: #fff;
float: right;
width: 260px;
padding: 0;
margin: 5px 0 0 0;
text-align: right;
}

/*  英語サイトへのリンク  */
#english-link { margin: 0; padding:0; }

/*  文字サイズ変更  */
#font-change { margin: 2px 0; padding: 0; }

/*  コピーライト  */
#copy{ margin:0; padding:0; }


/*  コンテンツ要素 *****************************/

/* コンテンツエリア大枠 */
#right-wrapper { float:right; width: 555px; }

/*  パンくず  */
#pankuzu{ margin: 10px 0 3px 5px; padding: 0; }
#pankuzu a{ margin: 0 0 0 5px; padding: 0; }

/*  本文領域  */
#contents{ padding: 0px 5px 15px 15px; margin: 0; }

/*  大みだし画像  */
h1{ width: 553; height: 93; margin: 0 0 10px 0; padding: 0; }
h1 span { display: block; text-indent:-9999px; }

/*  中みだし（青）  */
h2{ padding: 0; margin: 25px 0 10px 0; }

/*  中みだし（緑）ポイントのライン  */
.third-title{
padding: 0 0 0 18px;
margin: 25px 0 10px 0;
color: #390;
background-image: url("../image/third-title.gif");
background-repeat: no-repeat;
background-position: center left;
float: left;
}

/*  小みだし（青）  */
h3{ padding: 0; margin: 25px 0 0 0; }
h3.line { border-top: 1px dashed #aaa; padding: 10px 0 0 0; margin: 15px 0 0 0; }

/*  本文  */
.main-text p{ margin: 5px 0 0 0; padding: 0; }

/*  文中の文字に装飾をつけたいときに使用  */
em{ font-style: normal; }



/*  テーブル  *****************************/
.normal-table{ margin: 10px 0; border: 0; }
.normal-table th{ width: 25%; padding: 10px; text-align: left; background-color: #eee; border: solid 1px #ccc; }
.normal-table td{ padding: 10px; text-align: left; border: solid 1px #ccc; }

/*  テーブル 人材サポート 海外研修用 */
table.table1st{ margin: 10px 0; border: 0; }

th.th1st{ width: 35%; padding: 10px; text-align: left; background-color: #eee; border: solid 1px #ccc; }
th.th2nd{ padding: 5px; text-align: left; background-color: #eee; border: solid 1px #ccc; text-align:center; }
th.th3rd{ width: 15%; padding: 10px; text-align: center; background-color: #eee; border: solid 1px #ccc; }
th.th4th{ width: 25%; padding: 10px; text-align: center; background-color: #eee; border: solid 1px #ccc; }

td.td1st { width: 75%; padding: 10px; text-align: left; border: solid 1px #ccc; }
td.td1st-2 { width: 85%; padding: 10px; text-align: left; border: solid 1px #ccc; }

td.td2nd { width: 35%; padding: 10px; text-align: left; border: solid 1px #ccc; background-color: #f9f9f9; }
td.td2nd-2 { width: 20%; padding: 10px; text-align: left; border: solid 1px #ccc; background-color: #f9f9f9; text-align:center; }
td.td2nd-3 { width: 20%; padding: 10px; text-align: left; border: solid 1px #ccc; background-color: #f9f9f9; }
td.td2nd-4 { width: 25%; padding: 10px; text-align: left; border: solid 1px #ccc; background-color: #f9f9f9; text-align:center; }

td.td3rd { width: 35%; padding: 5px; text-align: left; border: solid 1px #ccc; }
td.td3rd-1 { width: 65%; padding: 10px; text-align: left; border: solid 1px #ccc; }
td.td3rd-2 { width: 15%; padding: 5px; text-align: left; border: solid 1px #ccc; text-align:center; }
td.td3rd-3 { width: 75%; padding: 10px; text-align: left; border: solid 1px #ccc; }


/*  テーブル　知的財産用  */
th.chi-head { padding: 5px; text-align: left; border: solid 1px #ccc; background-color: #ccc; text-align:center; vertical-align: top; }
td.chi-td01{ width: 18%; padding: 5px; text-align: left; border: solid 1px #ccc; background-color: #fff; text-align:left; vertical-align: top; }
td.chi-td02{ width: 44%; padding: 5px; text-align: left; border: solid 1px #ccc; background-color: #e0f0fd; vertical-align: top; }
td.chi-td03 { width: 20%; padding: 5px; text-align: left; border: solid 1px #ccc; background-color: #f9f9f9; text-align:left; vertical-align: top; }

/*  テーブル　調査実績用  */
.ji-table{ padding: 0; margin: 0; }
td.ji-td01{ width: 500px; padding: 10px; margin: 0; text-align: left; border: solid 1px #eee; background-color: #efefef; vertical-align: middle; }
td.ji-td02{ width: 500px; padding: 10px; margin: 0; text-align: left; border: solid 1px #eee; background-color: #fff; vertical-align: middle; }

.width-table{ margin: 10px 0; border: 0; }
.width-table td{ padding: 5px; text-align: left; border: solid 1px #ccc; }



/*  *****************************/
/*  グレー背景囲み  */
/* 薄いグレー */ .gray-cell{ background-color: #eee; }
/* 濃いグレー */ .gray-cell02{ background-color: #ccc; }
.gray-box{ background-color: #eee; padding: 10px; margin: 10px 0; }

/*  緑背景囲み  */
.green-cell { color: #222; margin: 10px 0; padding: 7px 0 10px 10px; border: solid 1px #ccc; background-color: #ebffce; }

/*  青背景囲み  */
.blue-cell { margin: 30px 0 10px 0; padding: 10px; border: solid 1px #ccc; background-color: #e0f0fd; }

/*  白背景囲み　箇条書き  */
.white-cell { color: #444; margin: 10px 0; padding: 7px 0 10px 10px; border: solid 1px #ccc; }
.white-cell ul { margin: 0; padding: 0; }
.white-cell ol { margin: 0 10px; padding: 0; }
.white-cell li { margin: 0 0 0 17px; padding: 0; }


/*  箇条書き  */
/*  赤い四角アイコン  */
.details-text-point ul { list-style-type: none; margin: 0; padding: 0; }
.details-text-point ol { list-style-type: none; margin: 0; padding: 0; }
.details-text-point li { list-style-type: none; margin: 5px 0; _margin: 0; padding : 0 0 0 18px; background-image:
url(../image/cont-li-ico.gif); background-repeat: no-repeat; background-position: 3px 5px; }
.details-text-point02 li { list-style-type: 1; margin: 0; _margin: 0; padding : 0; }
.details-text-point03 ul { list-style-type: none; margin: 0; padding: 0; }
.details-text-point03 li { list-style-type: none; margin: 0; _margin: 0; padding : 0 0 0 18px; background-image:
url(../image/cont-li-ico.gif); background-repeat: no-repeat; background-position: 3px 5px; }

/*  実績インデックス用  */
.details-text-point-left ul { width:48%; float:left; list-style-type: none; margin: 0 0 15px 0; padding: 0; }
.details-text-point-right ul { width:48%; float:right; list-style-type: none; margin: 0 0 15px 0; padding: 0; }
.details-text-point-left li, .details-text-point-right li { list-style-type: none; margin: 5px 0; _margin: 0; padding : 0 0 0 18px; background-image:
url(../image/cont-li-ico.gif); background-repeat: no-repeat; background-position: 3px 5px; }

/*  ポイント  */
.details-text-dot { margin: 10px 0; padding: 7px 0 10px 10px; border: solid 1px #ccc; background-color: #eee; }
.details-text-dot ul { margin: 0; padding: 0; }
.details-text-dot li { color: #444; margin: 0 0 0 17px; padding : 0; }


/*  トップへ戻る  */
#go-top{ background: url("../image/go-top.gif"); background-repeat: no-repeat; width: 89px; height: 11px; margin: 15px 7px 15px 0; padding: 0; }
#go-top a{ display: block; width: 89px; height: 11px; }
#go-top span{ display: block; text-indent: -9999px; }


/*  画像と文字　縦方向の位置そろえ  */
/* 上 */   .vtop{ vertical-align: top; } /* ←未使用 */
/* 中央 */ .vmid{ vertical-align: middle; }
/* 下 */   .vbtm{ vertical-align: bottom; } /* ←未使用 */


/*  コンテンツの上にスペースを入れる  */
.topspace0{ margin-top:0; }
.topspace10{ margin: 10px 0; }
.topspace20{ margin: 20px 0; }
.topspace30{ margin: 30px 0; } /* ←未使用 */
.topspace40{ margin: 40px 0; } /* ←未使用 */
.topspace50{ margin: 50px 0; } /* ←未使用 */



/*  フッタ要素 *********************************/
#foot{ height: 55px; margin: 0; padding: 0 5px; background-color: #00f; background: url("../image/footer-bg.gif"); 
background-repeat: repeat-x; text-align: right; }

/*  フッターにあるコピーライト  */
#foot-copy{ margin: 0; padding: 3px; }

/*  フッターのリンク  */
#bottom-link{ float: center; text-align: center; margin: 5px 0 8px 0; }