@charset "Shift_JIS";
/* ===============================================================\*/
/* 中ページ全体共通用CSS
/* Last Updated:2010.09.22
/* Editor:Y.O
/* 
/* 目次：
/* 　　　1.共通の設定
/* 　　　　[1]全体の設定
/* 　　　　[2]リンク
/*
/* 　　　2.ヘッダーの詳細設定
/* 　　　　[1]ヘッダーメニューの設定
/*
/* 　　　3.コンテンツの詳細設定
/* 　　　　[1]サービス
/* 　　　　[2]開発実績
/* 　　　　[3]企業情報
/* 　　　　[4]お問い合わせ
/*
/* 　　　4.フッターの詳細設定
/*
/* ===============================================================\*/
/* =====================================
　　　↓共通の設定↓ 
=====================================\*/
/* =====[1]全体の設定===== \*/

/* この設定で、コンテンツがウインドウより短いときのギャップを防ぎます。 \*/
html{
  overflow-y: scroll;
  height: 100%;
}

body {
  margin: 0px;
  padding: 0px;
  text-align: center;
  background-image: url(../img/bg.gif);
  background-repeat: repeat-x;
  background-position: top;
  height: 100%;
}

* {
  margin: 0px;
  padding: 0px;
  font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
  color: #333333;
}

img {
  border: 0px;
  margin: 0px;
  padding: 0px;
  line-height: 0px;
}

.hide {
  display:none;
}

.doclear {
  clear:both;
}

.point {
  color: #F00;
}

ul.bana {
  list-style: none;
  margin-bottom: 40px;
}

ul.bana li {
  margin-bottom: 6px;
  display: inline;
}

ul.bana li img.leftbana {
  margin-right: 35px;
}

.rightphoto {
  float: right;
  margin: 0px 0px 20px 20px;
}

h1 {
  text-align: left;
  margin: 40px 0px 0px 0px;
  color: #0EB4F2;
  font-size: 150%;
}

h2 {
  text-align: left;
  margin: 40px 0px 20px 0px;
  clear: both;
  font-size: 120%;
}
	
h3 {
    text-align: left;
    margin-bottom: 5px;
}

h4 {}

h5 {}

h6 {}

ol {
  text-align: left;
  font-size: 90%;
  padding: 0px 0px 0px 30px;
  margin: 0px 0px 0px 0px;
}

ol li{
  padding:0px;
  margin-bottom: 1em;
  line-height: 1.4em;
}

table {
  text-align: left;
}

table td tr {
  font-size: 90%;
}

/* 大外枠 \*/
div#container {
  margin:0px auto;
  width: 100%;
  text-align:center;
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto -170px; /* the bottom margin is the negative value of the footer's height */
}
	
/* =====[2]リンク===== \*/
a:link {
  text-decoration: underline;
  color: #444444;
}

a:visited {
  text-decoration: underline;
  color: #444444;
}

a:hover {
  text-decoration: none;
  color: #444444;
}

a:active {
  text-decoration: underline;
  color: #444444;
}
		
	
/* =====================================
　　　↓2.ヘッダーの詳細↓ 
=====================================\*/
div#container div#header {
  width: 980px;
  height: 195px;
  margin: 0px auto;
}

div#container div#header p.encomlogo {
  float: left;
  padding: 0px;
  margin: 0px;
}

div#container div#header ul.menu {
  padding-top: 80px;
  float: left;
}

div#container div#header ul.menu li {
  display: inline;
}

/* =====================================
　　　↓3.コンテンツの詳細↓ 
=====================================\*/
div#container div#cont {
  width: 900px;
  margin: 20px auto 80px auto;
  clear: both;
}

div#container div#cont p {
  text-align: left;
  line-height: 1.4em;
  margin-bottom: 1em;
  font-size: 90%;
}

/* =====[1]サービス===== \*/
div#container div#cont p.underheader {
  margin-top: 40px;
}


div#container div#cont dl.flow {
  font-size:80%;
  line-height:120%;
  color: #FFF;
  text-align: left;
  float: left;
}

div#container div#cont dl.flow dt {
  float:left;
  width:120px;
  margin: 0px;
  padding:0px;
  text-align: left;
  clear:both;
  letter-spacing: 0.5px;
}

div#container div#cont dl.flow dd {
  width:20em;
  min-height: 134px;
  margin: 0px 0px 0px 120px;
  padding:40px 0px 0px 0px;
  text-align: left;
  vertical-align: middle;
}

div#container div#cont div#comment {
  float: right;
}

div.pagetop {
  width: 980px;
  text-align: right;
  margin: 20px auto;
}

/* =====[2]開発実績===== \*/
div#container div#cont div.projectwaku {
  width: 900px;
  border-bottom: 1px dashed;
  margin: 10px auto;
  padding: 10px 0px;
  clear: both;
  text-align: left;
  background-repeat: repeat-y;
  display: inline-block;
}

div#container div#cont div.projectwaku:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  font-size: 0;
}

/* Hide from IE-mac \*/
* html div#container div#cont div.projectwaku { height: 1%;}
div#container div#cont div.projectwaku { display: block;}
/* End hide from IE-mac */

div#container div#cont div.projectwaku img.thumbpic {
  float: left;
  margin: 0px 10px 0px 35px;
}

div#container div#cont div.projectwaku dl.project {
  width:650px;
  margin: 0px;
  font-size:80%;
  line-height: 1.2em;
  float:right;
}

div#container div#cont div.projectwaku dl.project dt {
  float:left;
  width:150px;
  padding:0px 0px 15px 0px;
  clear:both;
  font-weight: 600;
}

div#container div#cont div.projectwaku dl.project dd {
  width:490px;
  _width:480px;
  margin-left:150px;
  padding:0px 0px 15px 0px;
}

/* =====[3]企業情報===== \*/
div#container div#cont div#gaiyouwaku {
  width: 900px;
}

div#container div#cont div#gaiyouwaku div#gaiyou {
  width: 360px;
  float: left;
  margin-bottom: 20px;
}

div#container div#cont div#gaiyouwaku div#gaiyou dl {
  font-size:90%;
  line-height:120%;
  color: #FFF;
  text-align: left;
  float: left;
}

div#container div#cont div#gaiyouwaku div#gaiyou dt {
  float:left;
  width:6em;
  margin: 0px 0px 15px 0px;
  padding:0px;
  text-align: left;
  clear:both;
  letter-spacing: 0.5px;
}

div#container div#cont div#gaiyouwaku div#gaiyou dd {
  width: auto;
  margin: 0px 0px 15px 7em;
  padding:0px;
  text-align: left;
}


div#container div#cont div#gaiyouwaku div#gyoumu {
  width: 500px;
  float: right;
  margin-bottom: 20px;
}

div#container div#cont img.accress {
  margin: 0px 10px 7px 0px;
}

/* =====[4]お問い合わせ===== \*/
div#container div#cont form table.otoiawase {
  width: auto;
  font-size: 90%;
}

div#container div#cont form table.otoiawase th {
  width: 10em;
  padding: 10px 0px;
}

div#container div#cont form table.otoiawase tr td {
  padding: 10px 0px;
  line-height: 1.2em;
}


div#container div#cont div.otoiawasecheck form table {
  width: auto;
  margin:0px auto 20px auto;
  border-collapse: collapse;
  border: 1px solid #999999;
  border-spacing: 0;
  empty-cells: show;
  line-height: 0.95em;
  font-size: 90%;
}

div#container div#cont div.otoiawasecheck form table tr th {
  padding: 5px 10px;
  border: 1px solid #999999;
  color: #333333;
}

div#container div#cont div.otoiawasecheck form table tr td {
  padding: 5px 10px;
  border: 1px solid #999999;
  color: #333333;
}

/* =====================================
　　　↓4.フッターの詳細↓ 
=====================================\*/
div#footer, div.push {
	height: 170px; /* .push must be the same height as .footer */
  clear: both;
}

div#footer {
  width: 100%;
  text-align: center;
  background-color: #0DB4F2;
  color: #171717;
  clear: both;
}

div#footer div#footercont {
  width: 980px;
  margin: 0px auto;
  padding-top: 40px;
  text-align: right;
}

div#footer div#footercont p.copyright {
  padding: 8px 3px 0px 0px;
  font-size: 70%;
  font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}