/*
Theme Name: Ekawa
Theme URI: http://maxline.co.jp/
Description: Ekawaテーマ
Version: 1.0
Author: Maxline
Author URI: http://maxline.co.jp/
Tags: blue, custom header, fixed width, two columns, widgets
*/
/* 
=============================
(C) Ekawa
last update 100517
=============================*/

@charset "utf-8";
/* CSS Document */

/* float解除用
-------------------------------*/
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

body {
	margin:0;
	padding:0;
	font-size:12px;
	font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	color:#666;
}

a {
	color:#666;
}

a:hover {
	color:#F30;
}

img,
a img {
	border:0;
}

a:hover img{
	opacity:0.5;
	filter: alpha(style=0, opacity=50);
}

div#container {
	width:100%;
	border-top:#F00 4px solid;
	border-bottom:#F00 4px solid;
	margin:0;
}

/*--header--*/
div#header {
	width:960px;
	height:50px;
	display:block;
	margin:0 auto;
}

div#header h1 {
	margin:0;
	width:220px;
	height:50px;
	float:left;
	background:url(image/index_navi_off.png) no-repeat top left;
	text-indent:-9999px;
}

div#header ul {
	list-style-type:none;
	margin:0;
	padding:0;
	width:740px;
	height:50px;
	float:left;
}

div#header ul li {
	height:50px;
	display:block;
	float:left;
}
	
div#header ul li a {
	height:50px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
}

div#header ul li.li01 a {
	width:122px;
	background:url(image/index_navi_off.png) no-repeat -220px 0;
}

div#header ul li.li01 a:hover {
	background:url(image/index_navi_on.png) no-repeat -220px 0;
}

div#header ul li.li02 a {
	width:123px;
	background:url(image/index_navi_off.png) no-repeat -342px 0;
}

div#header ul li.li02 a:hover {
	background:url(image/index_navi_on.png) no-repeat -342px 0;
}

div#header ul li.li03 a {
	width:124px;
	background:url(image/index_navi_off.png) no-repeat -465px 0;
}

div#header ul li.li03 a:hover {
	background:url(image/index_navi_on.png) no-repeat -465px 0;
}

div#header ul li.li04 a {
	width:123px;
	background:url(image/index_navi_off.png) no-repeat -589px 0;
}

div#header ul li.li04 a:hover {
	background:url(image/index_navi_on.png) no-repeat -589px 0;
}

div#header ul li.li05 a {
	width:123px;
	background:url(image/index_navi_off.png) no-repeat -712px 0;
}

div#header ul li.li05 a:hover {
	background:url(image/index_navi_on.png) no-repeat -712px 0;
}

div#header ul li.li06 a {
	width:125px;
	background:url(image/index_navi_off.png) no-repeat -835px 0;
}

div#header ul li.li06 a:hover {
	background:url(image/index_navi_on.png) no-repeat -835px 0;
}


/*--flash--*/
div#flashbox {
	width:960px;
	height:420px;
	display:block;
	margin:10px auto;
	background:url(image/index_flash_back.png) no-repeat 0 0;
	position:relative;
}

div#flashbox #flash {
	width:930px;
	height:390px;
	position:absolute;
	top:11px;
	left:15px;
}

/*--information--*/
div#info {
	width:900px;
	margin:0 auto 20px auto;
}

div#info h2 {
	margin:0;
	text-indent:-9999px;
	width:900px;
	height:27px;
	display:block;
	background:url(image/index_info.png) no-repeat 0 0;
	border-bottom:2px #F00 solid;
}

div#info dl {
	width:800px;
	display:block;
	margin:10px auto;
}

div#info dl dt {
	color:#993;
	background:url(image/index_arrow.png) no-repeat 0 0;
	text-indent:25px;
	display:block;
	width:120px;
	float:left;
	clear:left;
	margin-bottom:10px;
	_margin-bottom:5px;
	
}

div#info dl dd {
	display:block;
	width:670px;
	margin:0 0 10px 125px;
	_margin-bottom:5px;
	
}

/*--footer--*/

div#footer {
	background:#F3F3F3;
	padding:10px;
}

div#footer h2 {
	text-align:center;
	font-size:12px;
	font-weight:normal;
	margin:0;
}

div#footer #footerlogo {
	display:block;
	margin:10px auto;
	width:480px;
	clear:both;
}

div#footer #footerlogo img {
	float:left;
}

div#footer #footerlogo #text {
	float:left;
	margin-left:5px;
}

div#footer #footerlogo #text h3 {
	margin:2px 0;
	font-size:16px;
	color:#333;
}

div#footer #footerlogo #text p.style1 {
	margin:2px 0;
	line-height:110%;
	/*letter-spacing:0.1em;*/
}

div#footer #footerlogo #text p.style2 {
	margin:2px 0;
	color:#000;
}

div#copy {
	clear:both;
	padding:10px;
	text-align:center;
	color:#999;
}

/*--テキスト--*/
h2.catch {
	text-align:center;
	font-size:12px;
	color:#666;
}

/*--下層--*/

/*--メインコンテンツ--*/
#main_top {
	background:url(image/common_main_top.png) 0 0;
	width:960px;
	height:20px;
	display:block;
	margin:0 auto;
}

#main_bottom {
	background:url(image/common_main_bottom.png) 0 0;
	width:960px;
	height:25px;
	display:block;
	margin:0 auto;
}

#main {
	background:url(image/common_main_content.png) 0 0;
	width:920px;
	display:block;
	margin:0 auto;
	padding:0 20px;
}

/*----*/
#content {
	width:670px;
	float:left;
	padding:0;
	background:#FFF;
	border-right:1px dotted #CCC;
}

#content hr {
	margin:10px;
	height:1px;
	color:#F00;
	background:#F00;
	border:1px solid #F00;
}

#content h2 {
	margin:0 auto 10px auto;
}

#content a.top {
	width:127px;
	height:33px;
	display:block;
	margin:15px 15px 10px auto;
	clear:both;
}


#company .box, 
#history .box,
#recruit .box {
	width:620px;
	margin:0 auto 15px auto;
	font-size:14px;
	color:#666;
	clear:both;
}

/*--サイドナビ--*/
#side {
	float:right;
	width:240px;
	padding:0;
}

#side ul {
	list-style-type:none;
	margin:0 0 15px 0;
	padding:0;
}

#side li {
	margin-bottom:5px;
	text-align:center;
}

#side li.submenu {
	text-align:left;
	width:200px;
	background:url(image/recruit_side_arrow.jpg) 5px 5px no-repeat;
	margin:0 auto;
	padding:5px;
	border-bottom:1px #333 dotted;
}

#side li.submenu a {
	font-size:14px;
	color:#666;
	padding-left:25px;
	text-decoration:none;
}

#side li.submenu a:hover {
	color:#F30;
}

/*--会社案内・沿革--*/

#company .box img.greeting{
	border:2px solid #999;
	margin:0 5px 0 10px;
}

#company .box h3 {
	color:#A2947B;
	width:440px;
	font-size:14px;
	text-indent:10px;
	padding-bottom:5px;
	padding-top:20px;
	margin:0 0 5px 0;
	border-bottom:1px dotted #CCC;
}

#company .box p {
	line-height:175%;
	margin:0;
}

#company .box span {
	width:180px;
	display:block;
	margin:10px 0 5px auto;
}

#company dl,
#history dl {
	width:580px;
	background-color:#E8E5CA;
	margin:0 auto 15px auto;
	border:1px solid #C2BFA9;
	border-top:none;
	font-size:12px;
	clear:both;
}

#company dl dt,#company dl dd,
#history dl dt,#history dl dd{
	border-top:1px solid #C2BFA9;
	padding:7px 1em;
}

#company dl dt {
	clear:both;
	float:left;
	text-align:center;
	width:6em;
	background-color:#E8E5CA;
	color:#9C8E6D;
	font-weight:bold;
}

#history dl dt{
	clear:both;
	float:left;
	text-align:left;
	width:7em;
	background-color:#E8E5CA;
	color:#9C8E6D;
	font-weight:bold;
}

#history dl dt.cell2{
	text-indent:4.5em;
}

#company dl dd{
	background-color:#FFFFFF;
	margin-left:8em;
	border-left:1px solid #c0aa85;
}

#history dl dd{
	background-color:#FFFFFF;
	margin-left:9em;
	border-left:1px solid #c0aa85;
}

/*--リクルート--*/

#recruit {
}

#recruit .box h3 {
	color:#000;
	line-height:150%;
	padding-bottom:15px;
	border-bottom:2px solid #666;
}

#recruit .box h3 span {
	display:block;
	text-indent:12em;
}

#recruit .recruit_title {
	border-bottom:#666 solid 2px;
	border-left:#666 double 8px;
	width:600px;
	padding:5px;
	text-indent:10px;
	margin:0 auto 20px auto;
	font-size:14px;
	font-weight:bold;
	color:#666;
}


#recruit .box h4 {
	color:#000;
	line-height:150%;
	padding-bottom:15px;
	font-size:15px;
	text-align:right;
	}

#recruit .box .left {
	float:left;
	width:180px;
	text-align:center;
	margin-right:15px;
}

#recruit .right {
	float:left;
	width:420px;
	line-height:150%;
	font-size:14px;
}

#recruit .right p {
	margin:0;
	text-indent:1em;
}

/*--リクルート（職種）--*/
#recruit .box .job_title {
	padding:5px;
	text-indent:10px;
	width:300px;
	margin-bottom:10px;
	color:#C33;
	font-size:16px;
	font-weight:bold;
	border-right:#666 2px solid;
	border-bottom:#666 2px solid;
	border-top:#CCC 2px solid;
	border-left:#CCC 2px solid;
}

#recruit .box .job_logo {
	margin:10px auto;
}

#recruit .box ul.job {
	margin:5px auto 10px auto;
	padding:0;
	list-style-type:none;
	width:420px;
	border-bottom:1px dotted #F60;
}

#recruit .box ul.job li {
	display:block;
	float:left;
	margin-bottom:3px;
	border-top:1px dotted #F60;
}

#recruit .box ul.job li.li01 {
	font-weight:bold;
	color:#000;
	width:85px;
}

#recruit .box ul.job li.li02 {
	clear:right;
	width:335px;
}

#recruit .box ul.job li.li02 span {
	font-weight:bold;
	color:#000;
}

#recruit .box .job_not {
	text-align:center;
	color:#F00;
	font-size:18px;
	font-weight:bold;
	margin-bottom:10px;
}

#recruit .box a.job_top {
	text-align:right;
	margin:0 0 0 auto;
	display:block;
	width:100px;
	overflow:hidden;
	clear:both;
}

/*--リクルート（アルバイト）--*/
#recruit .box dl {
	clear:both;
	border:1px #000 solid;
	padding:5px 0;
}

#recruit .box dl dt {
	width:130px;
	padding:10px;
	float:left;
	display:block;
}

#recruit .box dl dd {
	width:450px;
	display:block;
	margin-left:150px;
}

#recruit .box dl dd h3 {
	padding:5px;
	margin:0 0 5px 0;
}

#recruit .box dl dd span {
	text-align:right;
	display:block;
}

#recruit .box dl dd ul {
	margin:5px 0 0 0;
	padding:0;
	list-style-type:none;
	width:450px;
}

#recruit .box dl dd ul li {
	display:block;
	float:left;
	margin-bottom:3px;
}

#recruit .box dl dd ul li.li01 {
	font-weight:bold;
	color:#000;
	width:80px;
}

#recruit .box dl dd ul li.li02 {
	clear:right;
	width:370px;
}

#recruit .box .tel1 {
	text-align:center;
	color:#000;
	font-size:14px;
	font-weight:bold;
	line-height:150%;
}

#recruit .box .tel2 {
	text-align:center;
	width:500px;
	color:#FFF;
	background:#F90;
	font-size:14px;
	font-weight:bold;
	padding:10px;
	margin:10px auto;
}

/* お問い合わせ */
#contact {
	
}



/* サイトマップ */
#sitemap {
	
}

/*--------------------------------------------------------------------
404,ファインダ
--------------------------------------------------------------------*/

#other {
padding:0px 0px 0px 0px;
margin:0px auto;
}

#other .ttl01 {
	border-bottom:#666 solid 2px;
	border-left:#666 double 8px;
	width:600px;
	padding:5px;
	text-indent:10px;
	margin:0 auto 20px auto;
	font-size:14px;
	font-weight:bold;
	color:#666;
}

#other div#txt {
font-size:12px;
font-weight:bold;
letter-spacing:1px;
margin:0 auto;
padding:0 0 15px;
width:600px;
}

#other div.news_box {
margin:0 auto;
width:600px;
}

#other div.newwork_in {
margin:0px auto 15px auto;
}

#other div.newwork_in a:hover img{
opacity: 0.5;
filter: alpha(opacity=60);
}

#other div.newwork_in .img {
width:145px;
float:left;
}

#other div.newwork_in .img img {
width:145px;
margin:0px 0px 0px 0px;
}


#other div.newwork_in .ttl_right {
width:455px;
float:left;
margin:5px 0px 0px 0px;
}

#other div.newwork_in p.txt {
font-size:10px;
letter-spacing:2px;
line-height:160%;
margin:0px;
padding:10px 0px 0px 13px;
}


#other div.newwork_in p.ttl_a {
border-left:3px solid;
color:#ED0008;
font-size:14px;
line-height:140%;
margin:0 0 5px 10px;
padding:0 0 0 5px;
}

#other div.newwork_in p.ttl_a a {
text-decoration:none;
}

#other div.newwork_in p.ttl_a a:hover {
text-decoration:underline;
}

#other .bnr {
margin:10px 15px 0;
padding:0;
text-align:right;
}

#other #searchbar {
border:2px solid #CCCCCC;
margin:20px 20px 0;
padding:12px;
}

#other #searchbar input#f {
width:90%;
}


#map_canvas {
	width:580px;
	height:400px;
	margin:10px auto;
}


/* 2010-08-06　リクルート修正・追加
-------------------------------------------------------------------------*/
#recruit .border_box {
	/*border:#C00 1px solid;*/
	width:600px;
	margin:10px auto 30px;
}
#recruit .border_box .job_title {
	background:#C00;
	color:#FFF;
	padding:5px 5px 4px;
	font-weight:bold;
	font-size:14px;
}
#recruit .border_box h3 {
	font-size:12px;
	border-bottom:#999 1px dotted;
	margin:10px 5px 5px;
	padding-bottom:3px;
}
#recruit .border_box p.descript {
	margin:0px 5px 5px;
	line-height:1.4;
}
#recruit .border_box p.green {
	color:#003F03;
	font-size:14px;
}
#recruit .border_box p.detail a {
	border:#999 1px solid;
	background:#690;
	padding:4px 3px 4px;
	display:block;
	color:#FFF;
	width:80px;
	margin-left:auto;
	margin-right:5px;
	text-align:center;
	text-decoration:none;
}
#recruit .border_box p.detail a:hover {
	border:#999 1px solid;
	background:#F90;
	padding:4px 3px 4px;
	display:block;
	color:#FFF;

}

/* 詳細ページ */
#recruit_detail .recruit_title {
	border-bottom:#666 solid 2px;
	border-left:#666 double 8px;
	width:600px;
	padding:5px;
	text-indent:10px;
	margin:0 auto 20px auto;
	font-size:14px;
	font-weight:bold;
	color:#666;
}
#recruit_detail .box {
	width:600px;
	margin:10px auto 30px;
}
#recruit_detail .box h3 {
	font-size:12px;
	border-bottom:#999 1px dotted;
	margin:10px 5px 5px;
	padding-bottom:3px;
}
#recruit_detail .box p.descript {
	margin:0px 5px 5px;
	line-height:1.4;
}
#recruit_detail dl.job {
	border:none;
	width:598px;
	margin:10px auto;
	background:#f8f5ea;
	border:1px solid #c0aa85;
	border-top:none;
}
#recruit_detail dl.job dt,
#recruit_detail dl.job dd{
	border-top:1px solid #c0aa85;
	padding:7px 1em;
}
#recruit_detail dl.job dt {
	clear:both;
	float:left;
	width:6em;
	background-color:#f8f5ea;
}

#recruit_detail dl.job dd {
	background-color:#FFF;
	margin-left:8em;
	border-left:1px solid #c0aa85;
}
#recruit_detail p.detail{
	margin-bottom:30px;
}

#recruit_detail p.detail a {
	border:#999 1px solid;
	background:#9F916D;
	padding:4px 3px 4px;
	display:block;
	color:#FFF;
	width:110px;
	margin-left:auto;
	text-align:center;
	text-decoration:none;
}
#recruit_detail p.detail a:hover {
	border:#999 1px solid;
	background:#CFBD8E;
	padding:4px 3px 4px;
	display:block;
	color:#FFF;

}