@charset "utf-8";

*			{ margin:0; padding:0; font-family: "メイリオ", Osaka, sans-serif; }
ul,ol,dl	{ list-style:none; }
a			{ text-decoration: none; outline: none;}
a:link		{ /*color: #999;*/ }
a:visited	{ color: #909; }
a:hover		{ text-decoration: underline;  /*color: #ccc;*/}
a:active	{ color: #000;}

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

.clr {clear:both;}

/*共通部===============================================================================	*/

body { background-image: url(../img/bodybk.jpg); background-repeat: repeat-x; background-color:#fff; }

/* ヘッダ */
#header {
	background-image: url(../img/headbk.jpg);
	background-repeat: repeat-x;
	background-position: top center;
	height: 80px;
}

#header #head { width: 1500px; margin: auto; position: relative; }

#menu {  position:absolute;  top: 20px; left: 300px; }
#menu li { display: inline; }


#pageimage { width:1300px; margin:auto; }

/* コンテンツ */
#content { width:1300px; margin:auto; margin-top: 8px; }
#contentLeft { width:300px; float:left; background:#848484; text-align: center;}
#contentRight { width:1000px; float:left; /* background:#fff; */}
#contentRightBody { width:1000px; margin: 0 auto 4em; }


/* フッタ */
#foot {
	background-color: #003567;
/*	background-image: url(../image/footbk.jpg);	*/
/*	background-repeat: repeat-x;	*/
	padding-top:0px;
/*	height: 50px;	*/
}
#foot #footbody { width:100%; margin:auto; position:relative; text-align:center; 	padding:30px 0  10px 0; }

#foot #footbody #footer 	{ margin: 20px; color:#fff; text-align:center; }
#foot #footbody #footer li	{ font-size:10pt; display:inline; border-left:1px #000 solid; padding:0 10px;}
#foot #footbody #footer li:first-child { border-left:0px #000 solid;}
#foot #footbody #footer li a	{ color:#fff; text-decoration: /*underline;*/ }
#foot #footbody #footer li a:hover	{ color:#fff; text-decoration: underline; }

#foot #footbody #foottop a	{ margin: 10px; font-size:100%; margin-top: 8px; }
#foot #footbody #foottop a:hover	{ color:#fff; text-decoration: underline; }

#foot #footbody #footcorp { color:#fff; font-size: 80%; }
#foot #footbody #footcorp a { color:#fff; font-size: 80%; }
#foot #footbody #footcorp a:hover	{ color:#fff; text-decoration: underline; }

#foot #footbody #back-top {
    position: fixed;
    bottom: 170px;
    overflow: hidden;
    float: left;
	margin-left: 1400px;
	text-align: center;
    z-index: 1000;
}
#foot #footbody #back-top a {
    width: 50px;
    height: 50px;
    display: block;
    font-size: 12px;
    line-height: 25px;
    position: relative;
    margin-bottom: 7px;
    color: #f00;
}

/* ============================================== */
#news { width: 300px; margin-left: 34px; }
#news-title {}
#news-text {}


#news_box {
	margin-left: 34px;

	overflow: auto;
	max-height: 300px;
	scrollbar-base-color:#fafafa;
	text-align:left;
	line-height:1.5em;

	scrollbar-arrow-color:#0b0;
	scrollbar-face-color:#fff;
	scrollbar-3dlight-color:#408080;
	scrollbar-darkshadow-color:#408080;
	scrollbar-highlight-color:#fff;
	scrollbar-shadow-color:#fff;
	scrollbar-track-color:#CBDACF;
}

#news_box dl {}
#news_box dt { font-weight:bold; }
#news_box dt span { margin-left:1em;}
#news_box dd { margin:.5em 0 1em 1em;}

hr.style-dot {
	border: 0;
	border-bottom: 1px dashed #8bd075;
	background: #fff;
	margin-top: 1em;
}

#corp{
	width : 1000px;
	margin:20px auto 20px;
	color:#2C3511;
	text-align:left;
}
#corp table { margin: 0 0 30px 30px;  }
#corp table th { width: 200px; padding: 20px 0 20px 0; color:#2C3511; font-weight: normal; border-bottom: dotted 2px #ccc; text-align: center; vertical-align: top; }
#corp table td { width: 600px; padding: 20px 0 20px 0; color:#2C3511; border-bottom: dotted 2px #ccc; }
#corp img { width: 300px; float:right; }


#pageimage {
	width: 1300px;
	margin: 10px 0 30px 0;
	background-position: top center;
}

/* 
ジャバラ	================ */
#panel > dt {
  border-bottom: solid 1px white;
  background-color: #6cc;
  color: white;
  cursor: pointer;
  padding: 10px;
  font-weight: bold;
  padding-left: 20px;
}
#panel > dt img { float: right; }

#panel > dd {
  border: solid 1px Silver;
  margin: 0px;
  padding: 10px;
}

/* 
全体共通	================ */
/* 多言語ナビゲーション */
#langnav {
	color: #fff;
	text-align:center;
	margin:0 0 10px 0;

}
#langnav .btn {
	width:100px;
	font-size:80%;
	font-weight: normal;
	text-decoration:none;
	display:block;
	text-align:center;
	padding:4px 0 4px;
	color:#fff;
	background-color:#49a9d4;
	border-radius:5px;
}
#langnav ul {
	text-align: right;
}
#langnav li {
	display: inline-block;
}

.Tarea {
	margin: 30px 0 50px 30px;
/*	margin-left: 30px;	*/
	line-height: 2em;
	color: #666; 
}
.Tarea div {
	margin: 0 auto;
}
.Tarea p { font-size: 110%; color: #003cb7; font-weight: normal; }
.Tarea .tsub{ font-size: 100%; color: #00acb7; font-weight: normal; }
.Tarea ol { list-style-type: decimal; list-style-position: inside; /*margin: 0 0 0 20px;*/ }
.Tarea ul { list-style-type: disc; list-style-position: inside; ma }
.Tarea .haken{ font-size: 110%; color: #0000FF; }
.Tarea .acces{ margin: auto; margin: 0 0 30px 50px; }

.Tarea .recruitTbl { margin: 0 0 30px 30px;  }
.Tarea .recruitTbl th { width: 200px; padding: 10px 50px 10px 0; color:#079bf7; border-bottom: dotted 2px #87CEFA; font-weight: normal; text-align: right; vertical-align: top; }
.Tarea .recruitTbl td { width: 600px; padding: 10px 0 10px 0; color:#2C3511; border-bottom: dotted 2px #87CEFA; }

.Tarea .clientList ul { width: 500px; text-align: center; margin: 0 0 30px 0; }
.Tarea .clientList li { display: inline; margin: 0 0 10px 30px; }
.Tarea span.minText { font-size: 80%; color: #666; }

.Tarea .reccont {
	margin-left: 30px;
	font-size: 120%;
	margin-bottom: 50px;
}

.Tarea .leftmgn {
	margin-left: 50px;
}

	
.prdctTbl { width: 100%; }
.prdctTbl th { width: 40%; background:#e8fdbc; font-weight: normal; padding: 20px; }
.prdctTbl .dd01 { width: 30%; background:#fffce3; padding: 20px; }
.prdctTbl .dd02 { width: 30%; background:#e6fffe; padding: 20px; }

/* 事情内容		================ */
#ind_image {

}
#ind_image img { padding: 30px; }

/* 問合せ	================ */
/* フォーム */

/* for message */
p.msg {
	color: #dd0000;
	margin: 2em;
}
span.msg {
	color: #dd0000;
}

/* for back-button */
form.back {
	margin-top: 2em;
}

/* スマホ用 */
@media only screen and (max-width: 480px) {
	#body { margin-left: 0; }
	
	/* 投稿フォーム */
	#form-tbl { margin: 0 auto; text-align: center; }
	#form { width: 96%; margin: 10px auto; }
    #form th, #form td {
    	text-align: left;
		width: 100%;
        display: block;
        padding: 6px 3px;
        border-top: none;
    }
    #form tr:first-child th	{ border-top: 1px solid #666; }
    p.btn input { width: 10em; }
    
	/* 小見出し */
	h2 { margin: 1em 3px; width: 90%; }
	
	/* サンクス */
	p.msg { margin: 1em auto; }
}



/* リンク	================ */
#linkdata {}
#linkdata img { margin-left:50px; }
#linkdata p { margin-left:70px; }


