/*--------------------------------------------------------*/
/*---------- TOHOKU TACHIBANA corporation ----------*/
/*------------------------------------------2007.July.2---*/
body {
	color:#222;
	margin:0;
	padding:0;
	text-align:center;
	font-size:10pt;
	font-family:sans-serif,Verdana,;
	/*background:url(img/back2.gif);*/
         background-color: #F4DDFF;/*#FFEBFF;*/
	}
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; */
	background:#C9CDFF;
         margin-top:0px;
	}
	.pang p {
		margin:0 0 0 12px;
		padding:0;
		line-height:30px;
		}
.pang p.feeds {
	margin:0;
	padding:3px 10px 3px;
	border-bottom:1px dashed #fff;
	display:block;
	}
.pang p.feeds2 {
	margin:0;
	padding:5px 10px 10px;
	/*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:#C9CDFF; /*#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;}

	#top-search2 {
		margin:0 10px 0 0;
		float:right;
		margin-top:-30px;
		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;}
img#info2 {position:relative;right:20px;top:0px;}



/*------------------------------.index---*/
.index {
	width:780px;
	height:330px;
	display:block;
	background:url(img/index4.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.menu1,
h3.menu2,
h3.menu3,
h3.menu4 {
	margin:0;
	padding:10 0 0 0px;
	display:block;
	width:200px;
	height:45px;
	line-height:28px;
	color:#333;
	}
/*h3.menu1 {background:url(img/menu_bk1.gif) no-repeat;}
h3.menu2 {background:url(img/menu_bk2.gif) no-repeat;}
h3.menu3 {background:url(img/menu_bk3.gif) no-repeat;}
h3.menu4 {background:url(img/menu_bk4.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;
	}
#mtcate img.point {
	vertical-align:middle; /*bottom;*/
	margin-bottom: 3px;
	margin-right: 5px;
	}
/*--------------------------------------//--------*/
/*-----------------------------------------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:480px;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:#ffffff;color:#000000;}
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:480px;
	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 #C9CDFF;width:330px;}
.title2 {font-size:12pt;margin:5px 0;padding:7px 13px 1px;width:480px; height:30px; background:url(img/title_bk.gif); background-repeat: no-repeat;}
.title22 {font-size:10pt;margin-bottom:0;padding:3px 0 2px;border-bottom:1px solid #C9CDFF;}
.title222 {font-size:10pt;margin:5px 0;padding:3px 0 2px;border-bottom:1px solid #C9CDFF;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));

}
/*---------------------------------------//--------*/
/*---------------------------------------//--------*/
#safety	ul {
	margin-left: 20px;
	margin-top: 10px;
}
/*--メインページ　新製品ピックアップ----------------*/
#pickup{
	width:450px;
	margin-top:10px;
	margin-left:40px;
	margin-bottom:50px;
	}
#pickup #pic_picture{
	width:191px;
	heihgt:191px;
	border:1px solid #bbb;
	padding: 8px;
	float:left;
	}
#pic_picture img{
	border:1px solid #ccc;
	margin:0px;
	text-align: center;
	}
#pickup #pic_intro{
         font-size:15px;
         margin-bottom:10px;
        }
#pickup #pic_info{
	margin:0px;
	width:220px;
	height:198px;
	line-height:1.2em;
	border:1px solid #ccc;
	text-align:left;
	background-color: #DCDFFE;
	}
#pic_info p.pic_title,
#pic_info p.pic_title2{
	padding:2px;
         font-size:15px;
	font-weight: bold;
	color:#000099;
         margin-top:0px;
	}
#pic_info p.pic_title2{
         text-align:center;
         margin-top:-20px;
         }
#pic_info p.info{
	padding:0px 5px 5px 5px;
         margin-top:-10px;
	}


/*------------------アクセスマップ----------------*/
.map_border	{
	border-bottom:1px solid #C9CDFF;
	margin-bottom:20px;
	}
.map_syozai {
	font-size:11px;
	font-weight:bold;
	color:#1B1883;
	}

/*------------------ブログ記事----------------*/
/*-----社長挨拶-----*/
#greeting{
         width:400px;
         margin-left:40px;
         }
#greeting_name{
         width:200px;
         margin-left:300px;
         margin-top:30px;
         }
/*-----設備紹介-----*/
#img_equ{
        text-align:center;
        margin-top:20px;
        margin-bottom:40px;
        }
table.tbl_equ{
        width:500px;
        padding: 2px 3px 0px;
        }
.tbl_equ td.equ_title{
        background-color: #D8DBFE;/*#C9CDFF;*/
        text-align:center;
        }
.tbl_equ td.tx_c{
        text-align:center;
        }