@charset "UTF-8";
/* CSS Information =====================================
File name: layout.css
Description: layoutbase
======================================================*/
body{
	background:#fff url(../img/common/bg.jpg) top left repeat-x;
	color:#000000;
	margin:0 auto;
}

* html body {
	text-align:center;
}


.clear{
  clear: both;
}

a{
	color:#000000;
	text-decoration:underline;
  outline: none;
}

a:hover{
	text-decoration:none;
}

a:hover img,
input:hover {
	opacity: 0.8;
}

h2 {
	text-align:left;
}

/*全体*/

div#document{
 	min-width:717px;
  max-width:960px;
	width:auto;
	height:auto;
	margin:0px auto;
 	_width:auto !important;
 	_width:960px;
}

#scroller {
  right: 0;
  bottom: 100px;
  cursor: pointer;
  position: fixed;
}
/*ヘッダー************************************************/
#header {
 	zoom:1;
  width:100%;
  padding-top:15px;
}
#header h1 {
 	text-align:right;
  margin-bottom:20px;
}
#header #h_box {
 	zoom:1;
  width:100%;
  margin-top:15px;
}
#header #h_box:after {
  content: "";
  clear: both;
  height: 0;
  display: block;
  visibility: hidden; 	
}
#header #h_box p {
 	float:left;
  display:inlin;
  width:320px;
}
#header #h_box p a:hover img {
	opacity: 1;
}
#header #h_box ul {
 	margin-left:320px;
  position:relative;
  text-align:right;
}
#header #h_box ul:after {
  content: "";
  clear: both;
  height: 0;
  display: block;
  visibility: hidden; 
}
#header #h_box ul li {
 	float:left;
  display:inline;
  width:20%;
  min-width:79px;
  text-align:center;
}
#header #h_box ul li a {
 	border-bottom:4px solid #DEDEDE;
  font-size:1px;
  line-height:0;
  display:block;
}
#header #h_box ul li.this a,
#header #h_box ul li a:hover {
 	border-bottom:4px solid #0E0E0E;
}
/*フッター************************************************/
#footer {
 	border-top:1px dotted #000000;
  margin-top:10px;
}
#footer:after {
  content: "";
  clear: both;
  height: 0;
  display: block;
  visibility: hidden; 
}
#footer #f_l {
 	padding-top:20px;
 	padding-bottom:15px;
  position:relative;
  margin-right:302px;
  border-right:1px dotted #000000;
  text-align:left;
  _height:auto !important;
  _height:30px;
  min-height:30px;
}
#footer #f_l:after {
  content: "";
  clear: both;
  height: 0;
  display: block;
  visibility: hidden; 	
}
#footer #f_l p.f_logo {
 	float:left;
  display:inline;
  width:280px;
  padding-bottom:10px;
}
#footer #f_l p.f_address {
 	float:left;
  display:inline;
}
#footer #copyright {
 	float:right;
  display:inline;
  width:302px;
 	padding-top:20px;
 	padding-bottom:15px;
  text-align:right;
}
/*コンテンツ************************************************/
div#contents{
	width:100%;
	height:auto;
 	margin-top:35px;
}
#link_privacy {
	text-align:right;
 	margin-top:25px;
  clear:both;
}
/*subページ*************************************************/
div.sub {
	background-color:#FFFFFF;
 	padding:10px;
 	zoom:1;
  min-width:290px;
}
div.sub:after{
  content: "";
  clear: both;
  height: 0;
  display: block;
  visibility: hidden; 	
}
div.sub h1 {
	background-color:#dc153d;
 	width:60px;
  float:left;
  display:inline;
  min-height:500px;
}
div.sub h2 {
	background-color:#4773B3;
 	width:60px;
  float:left;
  display:inline;
  min-height:500px;
}
div.sub .r_content {
  margin-left:70px;
  _width:627px;
}
div.sub h3 {
	background: url(../img/common/bg_tit_sub.jpg) top left repeat-x;
 	height:41px;
  margin-bottom:15px;
}
div.sub h4 {
	background: url(../img/common/bg_tit_subz.jpg) top left repeat-x;
 	height:41px;
  margin-bottom:15px;
}
p.btn01 a,
p.btn01 span.bg_btn {
	display:block;
 	border:1px solid #C6C6C6;
  text-align:center;
	background: url(../img/common/bg_btn01.jpg) top left repeat-x;
 	height:30px;
  margin:30px 10px 0 10px;
  min-width:400px;
  font-size:1px;
}
p.btn02 {
  text-align:center;
  zoom:1;
  margin:0 10px 0 10px;
}
p.btn02:after {
  content: "";
  clear: both;
  height: 0;
  display: block;
  visibility: hidden; 	
}
p.btn02 a,
p.btn02 span.bg_btn {
	display:block;
 	border:1px solid #C6C6C6;
  text-align:center;
	background: url(../img/common/bg_btn01.jpg) top left repeat-x;
 	height:30px;
  display:inline;
  min-width:190px;
  float:left;
  width:48%;
  margin-top:30px;
}
p.btn02 #btn_back {
  margin-right:20px;  
}
/*サイドバー************************************************/
#side {
	float:right;
 	display:inline;
  width:210px;
  _width:220px;
  background-color:#FFFFFF;
  padding:5px;
}
#side #login {
	padding-bottom:25px;
 	border-bottom:1px dotted #000000;
}
#side #login h2 {
	border-top:4px solid #0E0E0E;
 	padding:10px 0 0 10px;
}
#side #login table {
	margin:0 10px 0 10px;
 	width:185px;
}
#side #login table th {
	padding-top:10px;
}
#side #login table td {
	padding-top:5px;
}
#side #login table td input {
	width:100%;
 	_width:95%;
}
#side #login table td input#btn_login {
	width:80px;
  font-size:1px;
}
#side #login table td.btn {
	text-align:center;
 	padding-top:12px;
}
#side #login table td.btn #btn_reset img {
	vertical-align:top;
}
#side #support_info {
	margin-bottom:180px;
}
#side #support_info h2 {
 	padding: 10px 0 0 10px;

}
#side #support_info ul {
 	padding: 10px 0 0 10px;

}
#side #support_info ul li {
	margin-bottom:12px;
 	text-align:left;
}
#side #support_info ul li a {
	background: url(../img/common/arrow01.gif) no-repeat 0 0.6em;
 	padding-left:13px;
}
#side #support_info .btn {
 	text-align:center;

}

/*HOME******************************************************/
#container {
 	margin:0 235px 0 0;
  position: relative;
  _text-align:left;
  min-height:510px;
  _height:auto !important;
  _height:510px;
}
#container .grid {
	margin-right:10px;
	_margin-right:7px;
	margin-bottom:10px;
}
#container .navi_box a {
  display:block;
  height: 240px;
  padding: 10px;
  float: left;
  background: #FFFFFF;
}
#container .navi_box a:hover {
  background: #DDE3F7;
}
#container #c_navi01 a p{
	background: url(../img/index/c_navi01_on.jpg) no-repeat 0 0;	
}
#container #c_navi01 a:hover img {
	visibility:hidden;	
}
#container #c_navi02 a p{
	background: url(../img/index/c_navi02_on.jpg) no-repeat 0 0;	
}
#container #c_navi02 a:hover img {
	visibility:hidden;	
}
#container #c_navi03 a p{
	background: url(../img/index/c_navi03_on.jpg) no-repeat 0 0;	
}
#container #c_navi03 a:hover img {
	visibility:hidden;	
}
#container #c_navi04 a p{
	background: url(../img/index/c_navi04_on.jpg) no-repeat 0 0;	
}
#container #c_navi04 a:hover img {
	visibility:hidden;	
}
#container #c_navi05 a p{
	background: url(../img/index/c_navi05_on.jpg) no-repeat 0 0;	
}
#container #c_navi05 a:hover img {
	visibility:hidden;	
}
#container #c_navi06 a p{
	background: url(../img/index/c_navi06_on.jpg) no-repeat 0 0;	
}
#container #c_navi06 a:hover img {
	visibility:hidden;	
}
#container #c_navi07 a p{
	background: url(../img/index/c_navi07_on.jpg) no-repeat 0 0;	
}
#container #c_navi07 a:hover img {
	visibility:hidden;	
}
#container #c_navi08 a p{
	background: url(../img/index/c_navi08_on.jpg) no-repeat 0 0;	
}
#container #c_navi08 a:hover img {
	visibility:hidden;	
}
#container #c_navi09 a p{
	background: url(../img/index/c_navi09_on.jpg) no-repeat 0 0;	
}
#container #c_navi09 a:hover img {
	visibility:hidden;	
}
#container #news {
	background-color:#FFFFFF;
 	padding:10px;
  	width:720px;
  
}
#container #news h2 {
	border-top:4px solid #0E0E0E;
}
#container #news ul {
  padding-left:10px;
}
#container #news ul li {
	margin-bottom:5px;
 	line-height:1.7;
  text-align:left;
}
#container #news ul li a{
	background: url(../img/common/arrow01.gif) no-repeat 0 0.6em;
  text-decoration:none;
  padding-left:13px;
  display: inline-block;
}
#container #news ul li a:hover {
  text-decoration:underline;
}

/*お問い合わせ**********************************************/
#contact {
 	min-width:450px;
  line-height:1.3;
}
#contact .t_txt {
	padding:0 10px;
 	margin-bottom:15px;
}
#contact table {
 	margin:0 10px;
 	border-top:1px solid #C6C6C6;
  width:97%;
}
#contact table tr th {
	width:140px;
 	padding:15px 0 15px 20px;
 	background-color:#E2E2E2;
 	border-bottom:1px solid #FFFFFF;
}
#contact table tr.blue th {
 	background-color:#9BC0EC;
}
#contact table tr td {
 	border-bottom:1px solid #C6C6C6;
 	padding:10px 20px;
  vertical-align:middle;
}
#contact table tr td input,
#contact table tr td textarea {
 	width:95%;
}
#contact .thanks_txt {
	padding:50px 10px;
 	text-align:center;
 	
}
/*社員募集**************************************************/
#recruit {
 	min-width:450px;
}
#recruit .r_content{
}
#recruit ul {
	padding:0 10px;
 	margin-bottom:15px;
  line-height:1.3;
}
#recruit p {
	padding:0 10px;
 	margin-bottom:23px;
  line-height:1.3;
}
#recruit dl {
	margin:0 10px;
 	margin-bottom:20px;
  line-height:1.3;
  font-size:116%;
  border-left:4px solid #4D75B8;
}
#recruit dl dt {
	font-weight:bold;
 	color:#4A6BAF;
  padding-left:15px;
}
#recruit dl dd {
 	padding-left:15px;
}
#recruit p.btn {
 	margin:0;
}
#recruit p.btn img {
 	margin:0 10px 10px 0;
}

/*個人情報保護基本方針**************************************/
#privacy {
 	min-width:450px;
}
#privacy dl {
	background: url(../img/common/arrow01.gif) no-repeat 10px 0.2em;
}
#privacy p, 
#privacy dl dt, 
#privacy dl dd {
 	padding:0 10px 0 25px;
}
#privacy dl dt {
 	font-weight:bold;
  margin-top:18px;
}
#privacy dl dd {
 	margin-top:10px;
  line-height:1.3;
}
#privacy .enactment_date {
 	text-align:right;
  line-height:1.3;
}

#privacy dt.paddinginitial{
    padding:initial;
    padding-bottom: 7px;
}

#privacy dd.paddinginitial{
    padding: initial;
}

#privacy table.tablebottom{
    margin-bottom: 10px;
}

td{padding:4px;}


/*業務案内**************************************************/
#business {
 	min-width:450px;
}
#business .box {
  text-align:left;
  line-height:1.3;
  margin-bottom:30px;
}
#business .last_box {
	margin-bottom:0;
}
#business .box div.inner{
 	padding:0 10px;
}
#business .box .r_img {
   float:right;
   display:inline;
   border:1px solid #C6C6C6;
   padding:4px;
}
#business .box .l_txt {
   position:relative;
   margin:0 230px 0 0;
   min-height:158px;
   _height:auto !important;
   _height:158px;
}
#business .box .l_txt p {
   margin-bottom:20px;
}
#business .box .l_txt p.title {
   margin-bottom:0;
   font-weight:bold;
}
#business .box .l_txt ul {
   margin-top:5px;
   padding-left:20px;
}
#business .box .l_txt ul li {
   list-style:disc;
   color:#405788;
}

/*会社案内**************************************************/
#company {
 	min-width:450px;
  line-height:1.3;
}
#company .t_txt {
	padding:0 10px;
 	padding-bottom:15px;
}
#company table {
 	margin:0 10px 30px 10px;
 	border-top:1px solid #C6C6C6;
  width:97%;
}
#company table tr th {
	width:100px;
 	padding:15px 0 15px 20px;
 	background-color:#9BC0EC;
 	border-bottom:1px solid #FFFFFF;
}
#company table tr td {
 	border-bottom:1px solid #C6C6C6;
 	padding:10px 0 10px 20px;
  vertical-align:middle;
}
#company table tr td.enterprise img {
 	margin-top:10px;
}
#company table tr td.license p {
 	padding-bottom:18px;
}
#company table tr td.license p.last {
 	padding-bottom:0;
}
#company table tr td.license img {
 	vertical-align:middle;
  margin-right:15px;
}
#company #gmap {
	padding:0 10px;
	
}
ul.error {
  padding: 10px 0;
  margin-left: 20px;
  color: red;
}
ul.error li {
  list-style-type: disc;
}