/* 汎用的なCSS ここから ------------------------------ */
a { text-decoration: none;color:#2C2C42; }
table { background-color:#ffffff; }
/* 汎用的なCSS ここまで ------------------------------ */

/* ヘッダ ==================== */
h1.color_violet{
	margin:0;
	padding:0;
	color:		#333366;
	font-size:	0.8em;
	font-weight:normal;
	
}

/*
div.color_violet ,h1, a{
	margin:0;
	padding:0;
	color:		#333366;
	font-size:	0.8em;
	font-weight:normal; 	
	
}*/


.color_white {
	color:		#ffffff;
	font-size:	0.8em;
}
.tmp_color_white{
	color:		#ffffff;
	font-size:0.8em;
}
/* ============================== */


/* フッタ ==================== */
.color_black {
	color:		#000000;
	font-size:	0.7em;
}

a.top_head:link { color: #ffffff; }
a.top_head:visited { color: #ffffff; }
a.top_head:active { color: gold; }
a.top_head:hover { color: gold; }


/* ============================== */
/* トップ画面の中央のテーブル ==================== */
table.gray { background-image : url(../contents/news/news00099/bg_01.gif);}
/* ============================== */


/* トップ画面の左側のメニューのテキスト ==================== */
.top_left_01 {
	text-indent:11px;
	color:#ffffff;
	font-size:	0.75em;
	line-height:1.05em;
}
.top_left_02 {
	padding-top:2px;
	color:#666666;
	font-size:0.75em;
	height:15px;
}

a.top_left:link { color: #666666; }
a.top_left:visited { color: #666666; }
a.top_left:active { color: gold; }
a.top_left:hover { color: gold; }
/* ============================== */
/* トップ画面の真ん中の項目のテキスト ==================== */
.top_middle_01 {
	font-size:	0.75em;
	letter-spacing: 0.1em;
	line-height:1.1em;
}

.top_middle_01_en {
	font-size:	0.75em;
	letter-spacing: 0.1em;
	line-height:1.1em;
	padding-bottom:10px;
}

a.top_middle:link { color: #000000; }
a.top_middle:visited { color: #000000; }
a.top_middle:active { color: gold; }
a.top_middle:hover { color: gold; }
/* ============================== */
/* トップ画面の右側のメニューのテキスト ==================== */
.top_right_01 {
	text-indent:0px;
	color:		#ffffff;
	font-size:	0.75em;
	line-height:1.05em;
}

.top_right_02 {
	padding-top:0;
	padding-left:8px;
	color:		#666666;
	font-size:	0.7em;
	line-height:1.2em;
}

a.top_right_a:link { color: #666699; }
a.top_right_a:visited { color: #666699; }
a.top_right_a:active { color: gold; }
a.top_right_a:hover { color: gold; }

a.top_right_b:link { color: #666666;}
a.top_right_b:visited { color: #666666; }
a.top_right_b:active { color: gold; }
a.top_right_b:hover { color: gold; }
/* 右下メーリングリストへのリンク部分 */
a.freelink:link {
	color: #ffffff;
	font-size:0.7em;	
	font-weight:bold;
	line-height:120%;
}
a.freelink:visited {
	color: #ffffff;
	font-size:0.7em;
	font-weight:bold;
	line-height:120%;
}
a.freelink:active {
	color: #ffffff;
	font-size:0.7em;
	font-weight:bold;
	line-height:120%;
}
a.freelink:hover {
	color: #ffffff;
	font-size:0.7em;
	font-weight:bold;
	line-height:120%;
}
.freelinkSpace {
	padding:0px 8px 18px 110px;
	text-align:center;
}
/* 右下メーリングリストへのリンク部分 */

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


h1.title{
	font-size:14px;
	color:#669;
	font-weight:bold;
	line-height:1.5;
	margin-top: 7px;
	}

h2.s_title{
	font-size:0.9em;
	color:fff;
	font-weight:normal;
	background-color:#669;
	margin-bottom:0px;
	}

h2.s_title_e{
	font-size:0.9em;
	color:fff;
	font-weight:normal;
	background-color:#669;
	margin-bottom:0px;
	}

h3.ss_title{
	font-size:0.8em;
	color:#fff;
	font-weight:normal;
	background-color:#a3a3c2;
	margin-bottom:0px;
	}

h3.ss_title_e{
	font-size:0.9em;
	color:#fff;
	font-weight:normal;
	background-color:#a3a3c2;
	margin-bottom:0px;
	}

.kome{
	color:#999999;
	padding:20px 20px;
	}
	
.p20{
	font-size:0.8em;
	line-height:2em;
	padding-left:30px;
	padding-right:30px;
	}

.p20_e{
	font-size:0.8em;
	line-height:1.8em;
	padding-left:30px;
	padding-right:30px;
	text-indent:4em;
	}

.mgn_b3{
	margin-bottom:3px;
	}
.kaso{
	font-size:0.8em;
	line-height:1.5em;
	}

.kaso_e{
	font-size:0.9em;
	line-height:1.5em;
	}
.midashi{
	font-size:24px;
	color:#330099;
	text-align:center;
}

.sub_midashi{
    font-size:1.1em;
	font-weight:normal;
	text-align:center;
 }
.tyosya{
    font-size:0.9em;
	font-weight:normal;
	text-align:right;
 }
 .midashi2{
    font-size:1.1em;
	font-weight:normal;
	color:#333366;
	text-align:left;
	margin:0;
	padding:10px 0;
}
.header{
	width:600px;
	}
#contents{
	border-top:1px solid #778899;
	border-bottom:1px solid #778899;	 
	width: 600px;
	padding:10px 5px;
	text-align:left;
	font-size:1.0em;
	line-height:1.5em;
}
#contents table{
		line-height:1.5em;
}


body {
	margin: 0px;
	padding: 0px;
	background-color: #ffffff;
	text-decoration: none;
}
img {
	border: none;
}
#head {
	background-image: url(../images/bg.gif);
}
#header {
	background-image: url(../images/head-bg.jpg);
	background-repeat: repeat-x;
	height: 130px;
}
#header h1 {
	font-size: 12px;
	font-weight: normal;
	color: #333333;
	padding-top: 10px;
	line-height: 110%;
	text-decoration: none;
	margin: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#header #logo {
	width: 280px;
	position: absolute;
	bottom: 25px;
	left: 0px;
}
#header #head-en a {
	position: absolute;
	top: 0px;
	width: 70px;
	background-image: url(../images/btn-eng.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 20px;
	text-indent: -9999px;
	display: block;
	right: 0px;
}
#header #head-en a:hover {
	background-position: right top;
}
#header .inner {
	width: 690px;
	margin-left: 30px;
	position: relative;
	height: 95px;
}
#header .inner #head-navi {
	float: right;
	text-align: right;
	right: 0px;
	bottom: 26px;
	position: absolute;
}
#head-navi a {
	background-image: url(../images/arw01.gif);
	background-repeat: no-repeat;
	background-position: left 1px;
	padding-left: 15px;
	margin-left: 10px;
	color: #303047;
	font-size: 12px;
	text-decoration: none;
}
#head-navi a:hover {
	background-image: url(../images/arw01on.gif);
	background-repeat: no-repeat;
	background-position: left 1px;
	text-decoration: underline;
}
#side {
	background-image: url(../images/left_bg_02.gif);
	background-repeat: repeat-y;
	background-position: left top;
	background-color: #666699;
	padding-left: 30px;
	overflow-x: hidden;
}
#navcontainer {
	width: 150px;
	background-color: #666699;
}

#navcontainer ul
{
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}

#navcontainer a {
	font-size: 12px;
	display: block;
	background-image: url(../images/arw02.gif);
	background-repeat: no-repeat;
	background-position: 15px center;
	padding-left: 25px;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 2px;

}

#navcontainer a:link, #navcontainer a:visited {
	color: #EEE;
	text-decoration: none;
}

#navcontainer a:hover {
	background-color: #fff;
	color: #000;
	background-image: url(../images/arw03.gif);
	background-repeat: no-repeat;
	background-position: 15px center;
}
.side-content {
	padding: 0px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
}

#side .bnr a {
	height: 70px;
	width: 150px;
	text-indent: -9999px;
	display: block;
	margin-top: 5px;
	background-image: url(../images/bnr-mailma.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 0px;
}
#side .bnr a:hover {
	background-position: left bottom;
}
#foot {
	background-image: url(../images/color01.gif);
	background-repeat: repeat;
	background-color: #2C2C42;
	text-align: left;
}
#foot #footer {
	width: 540px;
	margin-left: 180px;
	text-align: center;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	color: #FFFFFF;
	font-size: 11px;
	padding-top: 5px;
}
.content {
	width: 480px;
	margin-left: 30px;
	background-color: #FFFFFF;
}
.content a {
	color: #2C2C42;
	text-decoration: none;
}
.content a:hover ,#main-info a:hover {
	color: #996600;
}
#main-visual {
	margin-top: 10px;
}
#main-bnr-os {
	margin-top: 10px;
}
#main-info {
	border-top-width: 5px;
	border-bottom-width: 5px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #2C2C42;
	border-bottom-color: #2C2C42;
	background-image: url(../images/frame-bg.gif);
	background-repeat: repeat-y;
	background-position: center top;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	margin-top: 10px;
	font-size: 12px;
	line-height: 150%;
	text-decoration: none;
	color: #2C2C42;
}
#main-info a {
	color: #666699;
	text-decoration: underline;
}
#office {
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #666699;
	border-bottom-color: #666699;
	font-size: 12px;
	line-height: 140%;
	margin-top: 15px;
	margin-bottom: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	clear: both;
}
#office .office1 {
	width: 140px;
	float: left;
}
#office .office2 {
	width: 160px;
	background-image: url(../images/office-line.gif);
	background-repeat: repeat-y;
	background-position: left top;
	padding-left: 5px;
	float: left;
}
#office .office3 {
	width: 170px;
	background-image: url(../images/office-line.gif);
	background-repeat: repeat-y;
	background-position: left top;
	padding-left: 5px;
	float: left;
}
.txt11px {
	font-size: 11px;
	line-height: 140%;
}
.ttl-bar {
	color: #FFFFFF;
	background-color: #2C2C42;
	padding: 5px;
	margin-top: 15px;
	margin-bottom: 5px;
}
#newscontainer {
	font-size: 12px;
	line-height: 150%;
}
#newscontainer p {
	padding: 0px;
	margin: 0px;
	line-height: 25px;
}
#newscontainer .news {
	background-image: url(../images/news-line.gif);
	background-repeat: repeat-y;
	background-position: left top;
}
#newscontainer .btn-more {
	position: relative;
	height: 20px;
	margin-top: 7px;
}
#newscontainer .btn-more a {
	background-image: url(../images/btn-more.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 20px;
	width: 90px;
	top: 0px;
	right: 0px;
	position: absolute;
	outline: none;
}
#newscontainer .btn-more a:hover {
	background-position: right top;
}
.clearfix:after {/*for modern browser*/
	 content: url(../images/spacer.gif);
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix {display: inline-block;}
.clearfix {/*for IE 5.5-7*/
    zoom:100%;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1px;}
.clearfix {display: block;}
/* End hide from IE-mac */  

.clear {
	clear: both;
}
#location th p {
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(../images/color02.gif);
	background-color: #666699;
	padding: 3px;
}
#location th {
	padding-bottom: 5px;
	margin-right: 5px;
	vertical-align: top;
}
#location td ,#job_offer td {
	font-size: 12px;
	line-height: 140%;
}
#location .note {
	padding-bottom: 10px;
	padding-left: 5px;
}
.page-ttl {
	background-image: url(../images/tittle.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-align: center;
	vertical-align: middle;
	width: 480px;
}
#link .link-wrap {
	clear: both;
	text-align: left;
	position: relative;
	width: 460px;
	margin: 10px;
}
#link .link-img {
	width: 220px;
	text-align: left;
	margin-bottom: 10px;
	left: 0px;
	top: 0px;
}
#link .link-data {
	position: absolute;
	left: 220px;
	top: 15px;
	width: 240px;
}
#link .link-ttl {
	font-size: 14px;
	font-weight: bold;
	line-height: 1.2;
	margin: 0px;
	padding: 0px;
}
#link .link-url {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 12px;
	line-height: 1.2;
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#link .link-data li {
	list-style-type: none;
	background-image: url(../images/arw04.gif);
	background-repeat: no-repeat;
	background-position: left 5px;
	padding-left: 15px;
	font-size: 12px;
	line-height: 1.5;
}
#link ul {
	margin: 0px;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 20px;
}
#link li a {
	text-decoration: underline;
}
#location .loc-wrap {
	padding-bottom: 15px;
	background-image: url(../images/line-dot.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-top: 20px;
}
.btn {
	margin-bottom: 5px;
}
.btn a {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 12px;
	background-image: url(../images/btn-bg.gif);
	background-repeat: no-repeat;
	background-position: left center;
	height: 22px;
	padding-left: 15px;
	line-height: 100%;
	padding-right: 5px;
	padding-top: 3px;
	padding-bottom: 2px;
}

a.btn {  
	background : transparent url(../images/btn-bg.gif) no-repeat scroll right top;  
	display: block;  
	float: right;  
	height: 24px;  
	margin-right: 2px;  
	padding-right: 10px;  
	text-decoration: none;  
}
a.btn span {  
	background : transparent url(../images/btn-bg.gif) no-repeat;  
	display: block;  
	color: #fff;  
	line-height: 14px;  
	padding: 5px 0 5px 20px;  
}
a:hover.btn {  
	background : transparent url(../images/btn-bg2.gif) no-repeat scroll right top;  
}
a:hover.btn span {  
	background : transparent url(../images/btn-bg2.gif) no-repeat;  
}
.btn-wrap {
	clear: both;
}
#job_offer .deadline {
	margin-top: 20px;
	font-size: 14px;
	line-height: 1.1;
	font-weight: bold;
	color: #CC0000;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}
#job_offer .deadline span {
	color: #FFFFFF;
	background-color: #990000;
	padding: 5px;
	margin-right: 10px;
	text-decoration: none;
}
#job_offer .category {
	font-size: 14px;
	font-weight: bold;
	color: #333399;
}

#job_offer .category-sp {
	border-top-width: 3px;
	border-bottom-width: 3px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #2C2C42;
	border-bottom-color: #2C2C42;
	padding: 10px;
	font-size: 14px;
	font-weight: bold;
	margin-top: 20px;
}

#job_offer .outline th ,#job_offer .outline td {
	padding: 5px;
	background-image: url(../images/line-dot.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	text-align: left;
	vertical-align: top;
}
#job_offer .outline th {
	width: 100px;
	font-weight: normal;
	font-size: 12px;
	line-height: 140%;
}
#job_offer .category a ,#job_offer .category-sp a {
	font-size: 14px;
}
#job_offer .outline th span {
	background-image: url(../images/arw04.gif);
	background-repeat: no-repeat;
	background-position: 5px 3px;
	padding-left: 20px;
}
#job_offer .outline2 td {
	padding: 5px;
}
#job_offer .outline3 {
	background : url(../images/color04.gif);

}
#job_offer .outline3 td {
	padding: 5px;
}
#job_offer .outline2 th {
	width: 60px;
	text-align: left;
	vertical-align: top;
	padding-left: 10px;
	font-size: 12px;
	font-weight: normal;
	padding-top: 5px;
	padding-bottom: 5px;
}