@charset "utf-8";

body  {
	margin: 0; /* 複数の異なるブラウザの初期設定値に対応するため、body エレメントのマージンと余白を 0 にすることをお勧めします */
	padding: 0;
	text-align: center; /* これにより、IE 5* ブラウザではコンテナが中央揃えになります。そして、テキストは、#container セレクタの初期設定である左揃えに設定されます */
}

.twoColLiqLtHdr #container {
    width:815px;
	margin: 0 auto; /* 自動マージン（幅と連動）により、ページが中央揃えになります */
	text-align:left;
	background-image:url(images/waku.png);
	background-repeat:repeat-y;
	background-position:right;
}

/* 全体 */

ul {
	margin:0px;
	padding:0px;
	list-style:none;
}

img {
	padding: 0px;
	margin: 0px;
	vertical-align: bottom;
}


img a {
	vertical-align: bottom;
}

h2 {
	margin:0px;
	padding:0px;
}

p {
	padding: 0px;
	margin: 0px;
	line-height: 18px;
	letter-spacing: 1px;
}

table {
	width:590px;
	margin:20px 0 0 8px;
	font-size:13px;
	border-collapse:collapse;
	line-height:22px;
}

.pic {
	text-indent:-9376px;
	overflow:hidden;
}

.midasi {
	width:590px;
	height:124px;
	margin:20px 0 0 8px;
}

.midasitext {
	width:276px;
	margin:0 0 0 20px;
	float:left;
	font-size:13px;
}

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

.clearfix {
  min-height: 1px;
}

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

#left {
	float:left;
	width:598px;
}

#right {
	width:202px;
	margin:0 0 0 613px;
}

/* 上の部分 */

.waku_top {
	width:815px;
	height:32px;
	margin:0 auto;
	background-image:url(images/waku.png);
	background-repeat:no-repeat;
	background-position:right;
}

.tonbo_top {
	width:937px;
	height:52px;
	margin:0 auto;
	background-image:url(images/tonbo_top.png);
}

/* ヘッダー */

.logo {
	margin:5px 0 0 0;
	width:598px;
	height:219px;
	display:block;
	background-image:url(images/logo.png);
}

/* メインコンテンツ */

.midasi1 {
	width:590px;
	height:85px;
	margin:20px 0 0 8px;
	background-image:url(images/top1.png);
}

.toptext {
	margin:20px 20px 0 20px;
	font-size:13px;
}

.midasi1pic {
	width:302px;
	height:275px;
	margin:0px 0 0 15px;
	background-image:url(images/top_pic.png);
	float:right;
}

.help_m {
	background-image:url(images/top2.png);
}

.make_con {
	height:139px;
}

.make_con li {
	float:left;
	margin-left:9px;
}

.kamibaitai_con {
	background-image:url(images/top2_b1.png)
}

.web_con {
	background-image:url(images/top2_b2.png)
}

.mobile_con {
	background-image:url(images/top2_b3.png)
}

.etc_con {
	background-image:url(images/top2_b4.png)
}

.kamibaitai_con:hover {
	background-image:url(images/top2_b11.png)
}

.web_con:hover {
	background-image:url(images/top2_b22.png)
}

.mobile_con:hover {
	background-image:url(images/top2_b33.png)
}

.etc_con:hover {
	background-image:url(images/top2_b44.png)
}

.make_con a {
	width:139px;
	height:139px;
	display:block;
	text-indent:-9376px;
}

.map {
	width:577px;
	height:123px;
	background-image:url(images/map.png);
	text-indent:-9376px;
	margin:50px 0 0 15px;
}

.ask {
	width:550px;
	height:177px;
	margin:60px 0 0 20px;
	background-image:url(images/ask_con.png);
	text-indent:-9376px;
}

.ask_b {
	width:370px;
	height:40px;
	margin:-40px 0 0 200px;
	background-image:url(images/b_ask_con1.png);
	display:block;
	text-indent:-9376px;
}

.ask_b:hover {
	background-image:url(images/b_ask_con2.png);
}

/* サイドバー */

.menu {
	margin-left:5px;
}

.promo {
	color:#000;
	width:95%;
	margin:20px auto;
	font-size:14px;
	display:block;
}

.menu .a {
	display:block;
	width:182px;
	height:56px;
}

.gaiyou {
	background-image:url(images/b_gaiyou1.png);
}

.service {
	background-image:url(images/b_service1.png);
	margin-top:10px;
}

.recruit {
	background-image:url(images/b_recruito1.png);
	margin-top:10px;
}

.toiawase {
	background-image:url(images/b_ask1.png);
	margin-top:10px;
}

.gaiyou:hover {
	background-image:url(images/b_gaiyou2.png);
}

.service:hover {
	background-image:url(images/b_service2.png);
}

.recruit:hover {
	background-image:url(images/b_recruito2.png);
}

.toiawase:hover {
	background-image:url(images/b_ask2.png);
}

.menu p {
	width:182px;
	height:56px;
	text-indent:-9376px;
	background-image:url(images/b_jisseki1.png);
	margin-top:10px;
}
	
.menu .b {
	display:block;
	height:29px;
	margin:15px 15px 0 0 ;
	margin-left:auto;
}
	
.make_hp {
	background-image:url(images/b_hp1.png);
	width:123px;
}

.make_kami {
	background-image:url(images/b_dtp1.png);
	width:150px;
}

.make_logo {
	background-image:url(images/b_logo1.png);
	width:176px;
}

.make_hp:hover {
	background-image:url(images/b_hp2.png);
}

.make_kami:hover {
	background-image:url(images/b_dtp2.png);
}

.make_logo:hover {
	background-image:url(images/b_logo2.png);
}

/* フッター */

.foader_menu {
	margin:75px 0 0 0;
	font-size:13px;
	text-align:right;
}

.foader_menu li {
	display:inline;
	margin-left:10px;
}

.foader_menu li a {
	color:#333;
	text-decoration:none;
}

.foader_menu li a:hover {
	color:#E83928;
	text-decoration:underline;
}

.copy {
	color:#333;
	text-align:right;
	font-size:13px;
	margin:10px 0 10px 0;
	letter-spacing:2px;
}

/* 下の部分 */

.waku_under {
	width:815px;
	height:100%;
	margin:0 auto;
	background-image:url(images/waku.png);
	background-repeat:repeat-y;
	background-position:right;
	line-height:36px;
}

.tonbo_under {
	width:937px;
	height:52px;
	margin:0 auto;
	background-image:url(images/tonbo_under.png);
}

/* 会社概要 --------------------------------------------- */

.gaiyou_m {
	background-image:url(images/gaiyou.png);
}

.gaiyoupic {
	background-image:url(images/gaiyou_pic.png);
	width:236px;
	height:169px;
	margin:0 0 0 360px;
}

.gaiyou_table {
	margin:20px 0 0 8px;
}

.gaiyou_table td {
	border-top:solid;
	border-bottom:solid;
	border-width:1px;
	border-color:#999;
	padding:5px;
}

.midasi_table {
	width:32%;
}

.naiyou_table {
	width:68%;
}

/* サービス --------------------------------------------- */

.icon_service {
	width:139px;
	height:139px;
	margin-left:430px;
}

.kami {
	background-image:url(images/kamibaitai.png);
}

.service_kami {
	background-image:url(images/top2_b1.png);
}

.web {
	background-image:url(images/web.png);
	height:120px;
	margin-top:30px;
}

.service_web {
	background-image:url(images/top2_b2.png);
}

.mobile {
	background-image:url(images/mobile.png);
	margin-top:30px;
}

.service_mobile {
	background-image:url(images/top2_b3.png);
}

.etc {
	background-image:url(images/etc.png);
	margin-top:30px;
}

.service_etc {
	background-image:url(images/top2_b4.png);
}

.service_ul {
	list-style:square;
	list-style-position:inside;
	float:left;
	width:276px;
	margin:0 0 0 20px;
}

/* サービス --------------------------------------------- */

.recruit_m {
	background-image:url(images/recruito.png);
}

/* 問い合わせ --------------------------------------------- */

.toiawase_m {
	background-image:url(images/ask.png);
}

.toiawase_table {
	width:590px;
	margin:20px 0 0 8px;
}

.toiawase_table td {
	padding:5px;
}

.toiawase_table .midasi_table {
	vertical-align:top;
}

textarea,input {
	width:100%;
}

textarea {
	height:150px;
}

.toiawase_botton {
	width:150px;
}

.right {
	text-align:right;
}

.text02 {
	color:#F00;
}

.tadaima {
	font-size:36px;
	margin:80px 0 0 150px;
}

/* 施工例 --------------------------------------------- */

.seisaku {
	margin:30px 0 0 10px;
	padding:0px;
	width:580px;
}

.seisaku td {
	vertical-align:top
}

.seisakupic {
	width:200px;
}

.underpad {
	padding-bottom:25px;
}

.seisaku .seisakuleft {
	font-weight:bold;
	width:100px;
}

.seisaku .seisakuright {
	color:#333;
	width:280px;
}

.seisaku1 {
	background-image:url(images/jirei/rentalweb.png);
	width:368px;
	height:30px;
	display:block;
	margin:15px 0 35px 10px;
}

.seisakupic1 {
	background-image:url(images/jirei/rentalpic.png);
	width:144px;
	height:178px;
	display:block;
	margin:0 0 0 30px;
}

.seisaku2 {
	background-image:url(images/jirei/kenkouweb.png);
	width:267px;
	height:29px;
	display:block;
	margin:15px 0 35px 10px;
}

.seisakupic2 {
	background-image:url(images/jirei/kenkoupic.png);
	background-repeat:no-repeat;
	width:144px;
	height:178px;
	display:block;
	margin:0 0 0 30px;
}

.dtp1 {
	background-image:url(images/jirei/inshokudtp.png);
	width:368px;
	height:30px;
	display:block;
	margin:15px 0 35px 10px;
}

.dtppic1 {
	background-image:url(images/jirei/inshokupic.png);
	width:144px;
	height:178px;
	display:block;
	margin:0 0 0 30px;
}