@charset "utf-8";

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+
+　詳細ページのスタイル
+
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* --------------------------------------------------------------------------------------
 VL 標準コンポーネント ver.1.0　2009.8.1
--------------------------------------------------------------------------------------- */

/* テキスト -------------------- */

.bold {	font-weight: bold; }
.marker { background: #FFFF99; padding: 2px 5px 1px 5px; }
.small { font-size: 80%; letter-spacing: 2px; }

.txt-regular {
	font-size: 12px;
	line-height: 1.7;
	color: #666;
	letter-spacing: 2px;
	text-align: left;
}
/*
.txt-bold {
	font-size: 12px;
	line-height: 1.7;
	color: #3187D5;
	letter-spacing: 2px;
	font-weight: bold;
}
.txt-small {
	font-size: 10px;
	line-height: 1.7;
	color: #666;
	letter-spacing: 2px;
}
.txt-large {
	font-size: 14px;
	line-height: 1.5;
	color: #666;
	letter-spacing: 1px;
}
.txt-marker {
	background-color: #FFFF99;
	padding: 2px 5px 1px 5px;
}

.txt-notice-red           { color: #CC0000; }
.txt-notice-red a:link    { color: #CC0000; text-decoration: none; }
.txt-notice-red a:visited { color: #CC0000; text-decoration: none; }
.txt-notice-red a:active  { color: #CC0000; text-decoration: none; }
.txt-notice-red a:hover   { color: #CC0000; text-decoration: none; background-color: #FFDDDD; }

.txt-notice-orange           { color: #FF6600; }
.txt-notice-orange a:link    { color: #FF6600; text-decoration: none; }
.txt-notice-orange a:visited { color: #FF6600; text-decoration: none; }
.txt-notice-orange a:active  { color: #FF6600; text-decoration: none; }
.txt-notice-orange a:hover   { color: #FF6600; text-decoration: none; background-color: #FFCC99; }
*/

.txt-notice-gray {
	font-size: 14px;
	font-weight: bold;
	line-height: 2;
	text-indent: 10px;
	color: #333;
	background-color: #E1E1E1;
}

/* 図表 -------------------- */
.chart-base { background-color: #CEE6EC; }
.chart-title {
	font-size: 13px;
	color: #0099CC;
	font-weight: bold;
	padding: 5px;
	background-image: url(../images/chart_bg_aqua.gif);
	border: 1px solid #FFFFFF;
}
.chart-important {
	font-size: 13px;
	font-weight: bold;
	color: #FF9900;
	padding: 5px;;
	background-image: url(../images/chart_bg_yellow.gif);
	border: 1px solid #FFFFFF;
}
.chart-regular {
	font-size: 13px;
	color: #669933;
	padding: 5px;;
	background-image: url(../images/chart_bg_green.gif);
	border: 1px solid #FFFFFF;
}

/* 図表　フルスタイルシート -------------------- */
.chart table {
	width: 540px;
	margin-top: 5px;
	border-collapse: collapse;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
}
.chart th {
	color: #FFF;
	background: #0E6A9C;
	padding: 3px 30px 3px 15px;
	text-align: left;
	vertical-align: baseline;
	font-weight: bold;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	font-size: 13px;
	line-height: 1.5;
}
.chart td {
	color: #666;
	padding: 3px 10px 3px 15px;
	background: #FFFFFF;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	font-size: 13px;
	line-height: 1.5;
}
.chart .bdr01 { border-right: 1px solid #999; }

/* 罫線 -------------------- */
hr {
	color: #CCCCCC;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: center;
}

/* ダウンロード-------------------- */
.dl {
	font-size: 14px;
	color: #0066CC;
	background-color: #F4F4F4;
	border: 1px solid #C4C4C4;
	padding: 3px;
	margin-top: 15px;
	margin-bottom: 15px;
}
.dl img { margin: 0 10px 3px 10px; }
.dl a {
	display: block;
	width: 100%;
	color: #0066CC;
	text-decoration: none;
	padding-top: 3px;
}
.dl a:visited { color: #0066CC; text-decoration: none; }
.dl a:active  { color: #0066CC; text-decoration: none; }
.dl a:hover   { color: #18327C; text-decoration: none; background-color: #EEE; }

/* メールアドレス -------------------- */

.mail_info { background: url(../images/mail_info.gif) no-repeat center; margin: 0 5px; /* width: 110px; height: 15px; display: block; text-indent: -9999px; */ }
.mail_career { background: url(../images/mail_career.gif) no-repeat center; margin: 0 5px; /* width: 110px; height: 15px; display: block; text-indent: -9999px; */ }


/* --------------------------------------------------------------------------------------
　グローバル人材戦略フォーラム
--------------------------------------------------------------------------------------- */

.linkForum li {
	text-align: center;
	display: block;
	float: left;
	width: 198px;
	height: 45px;
	margin-top: 5px;
}

.linkB04 { background: url(../images/forum_smenu01.gif) no-repeat center top; }
.linkB05 { background: url(../images/forum_smenu02.gif) no-repeat center top; }
.linkB06 { background: url(../images/forum_smenu03.gif) no-repeat center top; }

.linkForum li a {
	display: block;
	text-indent: -9999px;
	width: 198px;
	height: 45px;
}

.linkB04 a:hover { background: url(../images/forum_smenu01_over.gif);}
.linkB05 a:hover { background: url(../images/forum_smenu02_over.gif);}
.linkB06 a:hover { background: url(../images/forum_smenu03_over.gif);}

.linkLogin li {
	text-align: center;
	display: block;
	float: left;
	width: 198px;
	height: 78px;
	margin-top: 5px;
}

.linkB07 { background: url(../images/forum_smenu04.jpg) no-repeat center top; }
.linkB10 { background: url(../images/forum_smenu05.jpg) no-repeat center top; }

.linkLogin li a {
	display: block;
	text-indent: -9999px;
	width: 198px;
	height: 78px;
}

.linkB07 a:hover { background: url(../images/forum_smenu04_over.jpg);}
.linkB10 a:hover { background: url(../images/forum_smenu05_over.jpg);}


/* --------------------------------------------------------------------------------------
 お問い合わせ
--------------------------------------------------------------------------------------- */

a.p-contact-mail {
	display: block;
	font-size: 12pt;
	font-weight: bold;
	text-align: center;
	margin-top: 5px;
	margin-bottom: 5px;
	background-repeat: no-repeat;
	height: 55px;
	line-height: 3.4;
	width: 260px;
	text-decoration: none;
	background-image: url(../images/contact_mail.jpg);
	color: #FFFFFF;
	letter-spacing: 2px;
}
.p-contact-txt {
	background-color: #E1E1E1;
	padding: 15px;
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 15px;
	line-height: 20px;
}


/* --------------------------------------------------------------------------------------
　会社案内
--------------------------------------------------------------------------------------- */

#jas {}

#jas strong { font-size: 15px; color: #003366; line-height: 1.5; }
#jas em { font-size: 13px; color: #FFF; letter-spacing: 3px; background: #3F8FCC; padding: 2px 10px 1px 10px; margin: 5px 0 5px 10px; }

#jas dl { font-size: 12px; color: #666666; line-height: 1.5; }
#jas dt { background: url(../images/arrow_list.gif) no-repeat left top; padding-left: 20px; margin-top: 10px; }
#jas dd { padding-left: 20px; }
#jas dd a         { color: #0066CC; text-decoration: none ; }
#jas dd a:visited { color: #0066CC; text-decoration: none; }
#jas dd a:hover   { color: #18327C; text-decoration: underline; }

#jas ul { font-size: 12px; color: #666666; line-height: 1.5; list-style-type: circle; padding-left: 20px; }
#jas li { }
#jas li a         { color: #0066CC; text-decoration: none ; }
#jas li a:visited { color: #0066CC; text-decoration: none; }
#jas li a:hover   { color: #18327C; text-decoration: underline; }


/* --------------------------------------------------------------------------------------
　ソリューションズ
--------------------------------------------------------------------------------------- */

#solutions {}

#solutions strong { font-size: 15px; color: #003366; line-height: 1.5; }
#solutions em { font-size: 13px; color: #FFF; letter-spacing: 3px; background: #3F8FCC; padding: 2px 10px 1px 10px; margin: 5px 0 5px 10px; }
#solutions u { font-size: 12px; color: #3F8FCC; letter-spacing: 2px; padding: 0 2px; text-decoration: none; }

#solutions dl { font-size: 12px; color: #666666; line-height: 1.5;}
#solutions dt { background: url(../images/arrow_list02.gif) no-repeat left top; padding-left: 12px; margin-top: 0px; }
#solutions dd { padding-left: 20px; }
#solutions dd a         { color: #0066CC; text-decoration: none ; }
#solutions dd a:visited { color: #0066CC; text-decoration: none; }
#solutions dd a:hover   { color: #18327C; text-decoration: underline; }

#solutions ul { font-size: 12px; color: #666666; line-height: 1.5; list-style-type: circle; padding-left: 20px; }
#solutions li { }
#solutions li a         { color: #0066CC; text-decoration: none ; }
#solutions li a:visited { color: #0066CC; text-decoration: none; }
#solutions li a:hover   { color: #18327C; text-decoration: underline; }


/* --------------------------------------------------------------------------------------
 プリロードイメージ
--------------------------------------------------------------------------------------- */

#image-preload{
	width: 0px;
	height: 0px;
	display: inline;
	background-image:url(../images/forum_smenu01_over.gif);
	background-image:url(../images/forum_smenu02_over.gif);
	background-image:url(../images/forum_smenu03_over.gif);
	background-image:url(../images/forum_smenu04_over.jpg);
}


/* --------------------------------------------------------------------------------------
 外国人社員採用・活用ハンドブック
--------------------------------------------------------------------------------------- */

.adobe_title {
	font-size: 13px;
	line-height: 3;
	font-weight: bold;
	color: #666666;
	padding-left: 10px;
}
.pdf {
	font-size: 14px;/*17px*/
	font-weight: bold;/*ADD*/
	line-height: 1.3;
	background-image: url(../images/acrobat_reader_50x50.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 55px;
}
.pdf p { font-size: 90%; font-weight: bold; color:#cb4381; }
.filetype {
	font-size: 8pt;
	font-weight: normal;/*ADD*/
	line-height: 18px;
	background: #0066CC;/*#666*/
	padding: 3px 10px 1px;
	margin-left: 10px;
	color: #FFF;
	letter-spacing: 2px;
	margin-right: 5px;
	margin-top: 0px;
	margin-bottom: 0px;
}


/* --------------------------------------------------------------------------------------
 101101　sao追加
--------------------------------------------------------------------------------------- */
.window {
	font-size: 13px;/*17px*/
	font-weight: bold;/*ADD*/
	line-height: 1.3;
	background-image: url(../images/window.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 32px;
	margin: 10px 0 5px 0;
}
.window p { font-size: 90%; font-weight: bold; color:#cb4381; }
.mihon {
	font-size: 13px;/*17px*/
	line-height: 1.3;
	background-image: url(../images/arrow_sample.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 20px;
}
.cart {
	font-size: 14px;/*17px*/
	font-weight: bold;/*ADD*/
	line-height: 1.8;
	background-image: url(../images/cart.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 55px;
}

.cart-txt {
	font-size: 8pt;
	font-weight: normal;/*ADD*/
	line-height: 18px;
	background: #0066CC;/*#666*/
	padding: 3px 10px 1px;
	margin-left: 10px;
	color: #FFF;
	letter-spacing: 2px;
	margin-right: 5px;
	margin-top: 0px;
	margin-bottom: 0px;
}

/* --------------------------------------------------------------------------------------
 110210　ich追加
--------------------------------------------------------------------------------------- */
.arrow { background: url(../images/template/arrow.gif) no-repeat left; padding-left: 15px; margin: 5px 0;/* letter-spacing: 1px; */ }

