/*--------------------------------------------------------*/
/*---------- ECHNA corporation /echna-basic.css ----------*/
/*------------------------------------------2007.July.2---*/

body {
	color:#222;
	margin:0;
	padding:0;
	text-align:center;
	font-size:10pt;
	font-family:sans-serif,Verdana,;
	background:url(img/back.gif);
	}

img {border:none;}

a:link {}
a:visited {}
a:hover {}

/*-----------------------------------------common--*/
.headder,
.navi,
.pagebody,
.pang,
.main,
.sub,
.footter {
	margin:0;
	padding:0;
	}

.wrapper {
	width:780px;
	margin:0 auto;
	padding:0;
	background:#fff;
	border:1px solid #666;
	text-align:left;
	background:url(img/back-pagebody.gif);
	}

.headder {
	width:780px;
	height:55px;
	background:url(img/back-headder.gif);
	}

.index {/* wrote↓↓↓ */}

.pang {
	width:780px;
	background:#ddd;
	background:url(img/back-navi.gif);
	background:#CCE5E3;
	}
	.pang p {
		margin:0 0 0 12px;
		padding:0;
		line-height:30px;
		}

.pang p.feeds {
/*	float:right;*/
	margin:0;
	padding:3px 10px 3px;
	border-bottom:1px dashed #fff;
	display:block;
	}


.pagebody {
	padding:5px;
	background:url(img/back-pagebody.gif);
	border-top:1px solid #bbb;
	}
	#main_out {/*内側は.main*/
		margin:5px 0;
		padding:0;
		float:right;
		}
	.sub {
		margin:0 0 5px;
		padding:0;
		float:left;
		width:195px;
		}
	
	.navi {
		margin:0 0 5px;
		padding:0;
		/* more_wrote↓↓↓ */
		}


.footter {
	clear:both;
	width:780px;
	height:96px;
	color:#fff;
	background:#444;
	text-align:right;
	border-top:3px solid #ccc;
	background:#A2D7DD;
	}
	.footter p {
		margin:0;
		padding:8px 12px;
		font-family:Verdana,MS Sans Serif;
		color:#333;
		}
	p.copyright {
		margin:0;
		padding:0 12px;
		color:#fff;
		background:#222;
		}
/*---------------------------------------//--------*/
/*------------------------------.headder---*/
h1 {
	margin:0;
	padding:0;}
/*-- searchi -------------*/
	#top-search {
		margin:0 5px 0 0;
		float:right;
		margin-top:10px;
		margin-bottom:-10px;}
	
	img.search-img {
		margin:0 3px 0 0;
		float:left;
		vertical-align:middle;}
		}

	input {padding:2px 3px 0;vertical-align:middle;}

img#info {position:relative;left:140px;top:11px;}
/*------------------------------.index---*/
.index {
	width:780px;
	height:250px;
	display:block;
	background:url(img/index.jpg);
	}
	
	img.in11 {position:relative;top:5px;left:567px;float:left;}
	img.in1 {position:relative;top:30px;left:462px;float:left;}
	img.in2 {position:relative;top:0px;left:7px;float:left;}
	img.in3 {display:none;}
	img.in4 {display:none;}

#ba_in {
	margin-top:-180px;
	width:200px;
	float:right;
	}
.banner_box {margin-left:-7px;}
.banner_box img {
	margin:1px 8px;
	border:1px solid #bbb;
	}

ul.new {margin:0 20px;padding:0;}

table.new {border:none;width:560px;}
table.new tr {border:none;margin:0;padding:0;}
table.new th {border:none;margin:0;padding:3px 0 0 10px;font-weight:normal;text-align:left;background:#fff;vertical-align:top}
table.new td {border:none;margin:0;padding:3px 3px;vertical-align:top}


/*-----------------------------------//---*/
/*------------------------------#navi---*/
#navi {
	}
h3.nah22,
h3.nah33 {
	margin:0;
	padding:0 0 0 23px;
	display:block;
	width:200px;
	height:30px;
	line-height:28px;
	color:#333;
	}

h3.nah22 {background:url(img/nah22.gif) no-repeat;}
h3.nah33 {background:url(img/nah33.gif) no-repeat;}

	#navi ul {margin:0 0 20px 5px;padding:0; list-style:none;}
	#navi ul li {margin:3px 0 5px 10px;padding:0;}
	#navi ul li ul {margin:0 0 0 15px;padding:0;}
	#navi ul li ul li {margin:3px 0 3px 15px;padding:0;}
	
/*-----------------------------------//---*/


/*------------------------------.main--*/
.mback1,
.mback2,
.mback3 {width:560px}

.mback1 {background:url(img/back-main-1.gif) no-repeat;diaplay:block;height:10px;background-position:bottom;}
.mback2 {background:url(img/back-main-2.gif) repeat-y;}
.mback3 {background:url(img/back-main-3.gif) no-repeat;diaplay:block;height:9px;}

.main {padding:5px 20px 10px 30px;font-family:Verdana,MS Sans Serif;}
.main h3 {margin-left:-15px;}
/*-
.main p,
.main img,
.main table,
.main dl,
.main ul,
.main ol {margin-left:10px;}
--------------------------------------//--------*/

.more_list {
	margin-top:0px;
	padding:1px 10px 5px;
	}

.more_list ul {margin:5px 0 5px 3em;padding:0;}
.date {font-size:8pt;color:#555;}

/*-----------------------------------------entry(#mtbody)--*/
.main h2.title2 {margin-left:-15px;}

#mtbody {
	line-height:1.5em;
	padding-bottom:15px;
	}

.subheading {
	margin:20px 20px 0;
	padding:3px 8px;
	border-left:8px solid #c00;
/*	border-bottom:1px solid #ddd;	*/
	color:#444;
	width:408px;
	}



#mt-more {
	margin:10px 0;
	padding:5px;
	border:1px solid #ccc;
	}
/*--------------------------------------//--------*/
/*-----------------------------------------category(#mtcate)--*/
#mtcate {}


#mtcate .title111 {margin-left:5px;width:430px;}
/*
*/
#mtcate .title111 a:link {color:#00e;}
#mtcate .title111 a:visited {color:#609;}
#mtcate .title111 a:hover {color:#f60;}

.mtexcp {margin:5px 0 8px;padding:0;margin-left:30px;font-size:9pt;line-height:1.5em;color:#333;}
p.cate_date {text-align:right;margin:-17px 0 0;font-size:8pt;color:#445C74;}
p.en_date {text-align:right;margin:-20px 0 0;font-size:8pt;color:#445C74;}

.syuryo {
	display:block;
	width:65px;
	height:11px;
	background:url(img/txt_syuryo.gif) no-repeat;
	text-indent:-9999px;
	}

/*--------------------------------------//--------*/

/*-----------------------------------------link--*/
#link {}
#link ul {margin:5px 50px 20px;padding:0;}
#link ul li {list-style:url(img/list_link.gif);border-bottom:1px dashed #bbb;padding:5px 0 1px;width:350px;}
#link ul li li {}


/*---------------------------------------//--------*/

/*------------------------------list--*/

ul.li_1 {line-height:1.2em;}
/*
*/
ul.li_1 li {list-style:url(img/list_1.gif);}
ul.li_2 li {list-style:url(img/list_2.gif);}
ul.li_3 li {list-style:url(img/list_3.gif);}
ul.li_4 li {list-style:url(img/list_4.gif);}
ul.li_5 li {list-style:url(img/list_5.gif);}
ul.li_6 li {list-style:url(img/list_6.gif);}
ul.li_7 li {list-style:url(img/list_7.gif);}
ul.li_8 li {list-style:url(img/list_8.gif);}

/*---------------------------------------//--------*/
/*-----------------------------------------recruit--*/
table.recruit {width:515px;font-family:Verdana,MS Sans Serif;}
table.recruit tr {}
table.recruit th {background:url(img/back-rec_th.gif);font-weight:normal;color:#222;}
table.recruit td {background:#F9F9F9;color:#555;}
table.recruit {}

table.plus {/*採用情報一覧*/
	
	}
table.plus tr {}
table.plus td {vertical-align:top;padding:4px 0;}
/*---------------------------------------//--------*/

/*-----------------------------------------text----*/
dl {margin:0 0 0 1em;}
dt {margin:8px 0 0;font-weight:bold;font-size: 13px;}
dd {margin:5px 5px 5px 2em;line-height:1.2em;}

p {line-height:1.5em;margin:10px 0;}
h2 {margin:3px 0;font-size:13pt;}
h3 {font-size: 14px;}

li {line-height:1.5em;}
ul li {line-height:1.5em;}

ol.katakana {list-style:katakana;margin-left:3em;padding-left:1em;}

table {
	margin:10px 0;
	width:500px;
	empty-cells: show;
	border-collapse: collapse;
	border:1px solid #bbb;
	font-size: 10pt;
	}

caption {
	margin:5px 0;
	font-weight:bold;
	}

th {
	color:#222;
	padding:3px 5px;
	text-align:center;
	border:1px solid #bbb;
	background:url(img/back-rec_th.gif) repeat-x;
	}

tr {
	border:1px solid #ccc;
	}

td {
	background:#fff;
	font:normal;
	padding:6px 5px;
	border:1px solid #bbb;
	line-height:1.3em;
	}

	table.noborder {border:none;}
		.noborder tr {border:none;}
		.noborder th {border:none;}
		.noborder td {border:none;}



a:link {color:#555;text-decoration:none;}
a:visited {color:#373737;text-decoration:none;}
a:hover {color:#0000ff;}


.title {margin:0 0 20px;padding:0 0 3px;border-bottom:2px dotted #D6BE93;}




.title111 {font-size:10.5pt;margin:15px 15px 0;padding:0 0 2px;font-weight:normal;border-bottom:1px solid #8eadcc;width:330px;}
.title2 {font-size:12pt;margin:5px 0;padding:0 0 2px;border-bottom:2px solid #8eadcc;width:450px;}
.title22 {font-size:10pt;margin-bottom:0;padding:3px 0 2px;border-bottom:1px solid #8eadcc;}
.title222 {font-size:10pt;margin:5px 0;padding:3px 0 2px;border-bottom:1px solid #8eadcc;width:330px;}
.title3 {font-size:10.5pt;margin-bottom:0;padding:0 0 2px;border-bottom:3px solid #c00;color:#333;}
.title33 {font-size:10pt;margin-bottom:0;padding:0 5px 2px;border-bottom:3px solid #c00;color:#333;}
.title333 {font-size:10pt;margin-bottom:0;padding:0 5px 2px;border-bottom:1px solid #c00;color:#333;width:330px;}
.title4 {font-size:10.5pt;margin-bottom:0;padding:0 0 2px;border-bottom:1px solid #8eadcc;color:#b22222;}


.hidden,
.none {
	display: none;
	}

img.hidden {
	display: none;
	}

.img-hr2 {margin:1px 0 3px;padding:0;line-height:2px;height:2px;display:block;}
.img-hr3 {margin:0;padding:0;line-height:2px;height:1px;display:block;}


.red {color:red;}
.gray {color:#ccc;}
.dgray {color:#555;}
.bgray {color:#708090;}
.note {font-size:8pt;font-weight:normal;}
.normal {font-weight:normal;}

.bold {font-weight:bold;}

.box {margin:10px 5px;padding:5px 8px;border:1px solid #bbb;}
.border {border:1px solid #bbb;}

.t8pt {font-size:8pt;}
.t9pt {font-size:9pt;}
.t10pt {font-size:10pt;}
.t11pt {font-size:11pt;}
.t12pt {font-size:12pt;}
.t13pt {font-size:13pt;}

.t10px {font-size:10px;}
.t11px {font-size:11px;}
.t12px {font-size:12px;}
.t13px {font-size:13px;}
.t14px {font-size:14px;}
.t15px {font-size:15px;}
.t16px {font-size:16px;}
.t17px {font-size:17px;}

.fl-l {float:left;}
.fl-r {float:right;}
.fl-c {clear:both;}
	.fl-lm {float:left;margin-right:8px;}
	.fl-rm {float:right;margin-left:8px;}
	.fl-cm {clear:both;}

.tx-l {text-align:left;}
.tx-r {text-align:right;}
.tx-c {text-align:center}

.v-mid {vertical-align:middle;}
.v-bot {vertical-align:bottom;}
.v-top {vertical-align:top;}

/*----------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------*/

/* form-bottun */
a.button, span.button, del.button{
	
	display:-moz-inline-box;
	display:inline-block;
	cursor:pointer;
	border:none;
    font-size:0;
    line-height:0;
    
	/*
	for Safari, read this first
	http://creativebits.org/webdev/safari_background_repeat_bug_fix
	*/
	background-position:0 0;
	background-repeat:no-repeat;
	height:30px;
	text-decoration:none;
	color:#2e523b;
	font-style:normal;
	margin:0 6px 0px 0;
	padding:0 10px 0 0;	
	vertical-align:middle;	
	
    padding-top:-2px;
	_position:relative;
	_width:10px;	
	_overflow-y:hidden;
}



a.button, span.button, del.button,
a.button span, span.button button, span.button input, del.button span{
    background-image:url(img/btn0.png);
    _background-image:url(img/btn0.png);
}


a.button span, span.button button, span.button input, del.button span{
	
	white-space:nowrap;
	cursor:pointer;
    color:#222;
	display:-moz-inline-box;
	display:inline-block;
	line-height:1;
    letter-spacing:0 !important;
    font-family:"Arial" !important;
    font-size:12px !important;
    font-style:normal;    
    background-color:transparent;
	background-position:100% 0;
	background-repeat:no-repeat;
	height:30px;
	padding:8px 20px 0 10px;
	margin:0 -16px 0 10px;
	border:none;
	vertical-align:text-top;
	zoom:1;
	_position:relative;
    _padding-left:0px;
	_padding-right:12px;
	_margin-right:-10px;	
	_display:block;
	_top:0;
	_right:-5px;
	
}


span.button button{
   line-height:2.5;/*Opera need this*/
}

html.safari a.button span, 
html.safari del.button span{
  line-height:1.3;
}

html.safari span.button button{
  line-height:2.6;
}

html.safari a.button:focus,
html.safari span.button button:focus{
    outline:none;
}



del.button{
	/* cursor:not-allowed;	*/
	background-position:0 -120px;
	
}

del.button span{
	cursor:default;
    color:#aaa !important;
	background-position:100% -120px;
}


span.button button, span.button input{
	padding-top:0px;
	line-height:2.5;/*Opera need this*/
}


/** optional **/
/*
a.button:visited{
	color:#aaa;
}
*/


/*Hover Style*/

a.button:hover, 
span.button:hover,
a.button:focus, 

a.dom-button-focus, 
span.button-behavior-hover{
	background-position:0 -60px;
	color:#222;
	text-decoration:none;
}





a.button:hover span, 
span.button:hover button, 
a.button:focus span, 

span.button-behavior-hover button, 
span.button-behavior-hover input{
	background-position:100% -60px;
}


a.button:active, a.button:focus span{
	color:#444;
}




del.button-behavior-hover, del.button:hover{
	background-position:0 -180px;
	/* cursor:not-allowed; */
}


del.button-behavior-hover span, del.button:hover span{
	background-position:100% -180px;
	/* cursor:not-allowed; */
	
}




/*Optional hack for IE6 to simulate :hover selector*/

span.button button, del.button span, span.button input{


	
	_behavior:expression(
		(function(el){

			if( typeof( behavior_onMouseEnter) == 'undefined'){

				
				behavior_onMouseEnter = function(el){
					
					var dEl = this.parentNode;					
					var sClass = dEl.className ;
					dEl.__defaultClassName = sClass ;
					dEl.className = sClass + ' button-behavior-hover';	
					this.setCapture();
				};

				behavior_onMouseLeave = function(el) {
					var dEl = this.parentNode;
					dEl.className = dEl.__defaultClassName ;
					dEl.__defaultClassName = undefined;
					this.releaseCapture();
				};


			};
			
			
			el.runtimeStyle.behavior = 'none';
			el.onmouseenter = behavior_onMouseEnter;
			el.onmouseleave = behavior_onMouseLeave;
			
			
		})(this));




}

/*---------------------------------------//--------*/