@charset "utf-8";

/* --------------------------------

	コンテンツ

-----------------------------------

	1. 基本レイアウト・デザイン
	3. 制作の流れ
	4. 制作実績
	5. FAQ
	6. お問い合わせ
	7. 会社情報
	7-1. 会社概要
	7-4. 採用情報
	7-5. 仕事の流れ
	8. サイトマップ
	

--------------------------------- */



/* ========================================================================



	1. 基本レイアウト・デザイン


 
======================================================================== */


/* ----------------------------------------------------
	■ページ見出し #pageTit
---------------------------------------------------- */
#pageTit {
	height: 120px;
	width: 580px;
	padding: 40px 0 0;
}


/* ----------------------------------------------------
	■コンテンツ #contents
---------------------------------------------------- */
#contents {
	min-height: 500px;
	width: 530px;
	padding: 30px 25px 0;
}
#contents {
	_height: 500px; /* IE6 */
}


/* ----------------------------------------------------
	■記事 .entryWord
---------------------------------------------------- */

/* 記事タイトル
------------------------------------------ */
.entryTit {
	padding: 0 0 30px;
	font-size: 1px;
	line-height: 1px;
}
.entryTit img {
	display: block;
}

/* 記事タイトルB
------------------------------------------ */
.entryTitB {
	padding: 0 0 1em 23px;
	line-height: 1.7;
	font-weight: bold;
	margin: 2em 0 0;
	background-image: url(../img/base/icon_minitit.gif);
	background-repeat: no-repeat;
	background-position: 0 0.2em;
}

/* 記事本文
------------------------------------------ */
.entryBody {
	margin: 0 5px 40px;
	width: 520px;
}

/* 画像
------------------------------------------ */
.entryBody img.picL {
	float: left;
	margin: 0 15px 5px 0;
}
.entryBody img.picR {
	float: right;
	margin: 0 0 5px 20px;
}


/* 記事本文
------------------------------------------ */
.entryBody p {
	margin: 0 0 1em;
	font-size: 93%;
	line-height: 1.7;
}

/* テキスト位置
------------------------------------------ */
.centering {
	text-align: center;
}

/* ----------------------------------------------------
	■基本リスト
---------------------------------------------------- */
ul.basicList,
ol.basicList {
	margin: 0 0 1em;
	font-size: 93%;
	line-height: 1.3;
}
ul.basicList li {
	display: list-item;
	padding: 0 0 0.4em 1.5em;
	background-image: url(../img/base/icon_basiclist.gif);
	background-repeat: no-repeat;
	background-position: 0.5em 0.5em;
}
ol.basicList li {
	display: list-item;
	margin: 0 0 0 2em;
	list-style-position: outside;
	list-style-type: decimal;
}


/* ----------------------------------------------------
	■補足（※）リスト
---------------------------------------------------- */
ul.supList {
	margin: 0 0 1em;
	font-size: 93%;
	line-height: 1.3;
}
ul.supList li {
	margin: 0 0 0.4em 1.5em;
}
ul.supList li span {
	margin: 0 0.4em 0 -1.4em;
}



/* ----------------------------------------------------
	■テーブル .table
---------------------------------------------------- */
table.table {
	table-layout: fixed;
	border-top: 1px solid #dbdbdb;
	border-left: 1px solid #dbdbdb;
	margin: 0 0 20px;
}
table.table th {
	border-bottom: 1px solid #dbdbdb;
	background-color: #eee;
	text-align: center;
	font-size: 85%;
	line-height: 1.2;
	padding: 7px 5px;
}
table.table td {
	border-right: 1px solid #dbdbdb;
	border-bottom: 1px solid #dbdbdb;
	font-size: 93%;
	line-height: 1.4;
	padding: 7px 10px;
}


/* ----------------------------------------------------
	■文末 .End
---------------------------------------------------- */
.End,
ul.End {
	margin: 0 0 70px;
}




/* ========================================================================



	3. 制作の流れ


 
======================================================================== */


/* ----------------------------------------------------
	■番号リスト .flowList
---------------------------------------------------- */
#flow ol.flowList {
	width: 520px;
	margin: 0 5px 0;
	background-image: url(../img/flow/flow_bg.gif);
	background-repeat: repeat-y;
}
#flow ol.flowList li.step {
	width: 450px;
	padding: 0 0 40px 70px;
	background-image: url(../img/flow/flow_arrow.gif);
	background-repeat: no-repeat;
	background-position: 0 bottom;
	float: left;
}
#flow ol.flowList li.end {
	background-color: #fff;
	background-image: none;
}
#flow ol.flowList li.step h4 {
	width: 520px;
	margin: 0 0 20px -70px;
	height: 34px;
}
#flow ol.flowList li.step p {
	margin: 0 0 1em;
	font-size: 93%;
	line-height: 1.7;
}
#flow ol.flowList li.step ul.inlineList li {
	display: inline;
	padding: 0 0.8em 0 0;
}


/* ----------------------------------------------------
	■連絡先 .salesArea
---------------------------------------------------- */
#flow ol.flowList .salesArea {
	width: 450px;
}
#flow ol.flowList .salesArea .east {
	width: 210px;
	float: left;
}
#flow ol.flowList .salesArea .west {
	width: 230px;
	float: right;
}
#flow ol.flowList .salesArea .entryTitB {
	margin: 0px;
}
#flow ol.flowList li.step .salesArea p {
	margin: 0px;
}


/* ----------------------------------------------------
	■アングル画像 .angleBox
---------------------------------------------------- */
#flow ol.flowList .angleBox {
	width: 420px;
	margin: 15px;
	font-size: 1px;
}
#flow ol.flowList .angleBox img {
	width: 420px;
	margin: 0 0 5px;
}


/* ----------------------------------------------------
	■チェック画像 .checkBox
---------------------------------------------------- */
#flow ol.flowList .checkBox {
	width: 435px;
	margin: 15px 0 15px 15px;
	font-size: 1px;
}
#flow ol.flowList .checkBox img {
	margin: 0 10px 5px 0;
	vertical-align: middle;
}




/* ========================================================================



	4. 制作実績


 
======================================================================== */

/* ----------------------------------------------------
	■ギャラリー .picList
---------------------------------------------------- */
#works ul.picList {
	width: 520px;
	font-size: 10px;
	margin: 0 0 40px 10px;
}
#works ul.picList li {
	float: left;
	height: 110px;
	width: 130px;
}
#works ul.picList li img {
	height: 90px;
	width: 110px;
	padding: 4px;
	border: 1px solid #d9d9d9;
	background-color: #fff;
	display: block;
}
#works ul.picList li a:hover img {
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}




/* ========================================================================



	5. FAQ


 
======================================================================== */


/* ----------------------------------------------------
	■FAQ
---------------------------------------------------- */

/* 記事本文
------------------------------------------ */
#faq .question {
	margin: 0 5px 0;
	padding: 8px 0 12px 55px;
	width: 465px;
	background-image: url(../img/faq/q.gif);
	background-repeat: no-repeat;
	min-height: 25px;
	_height: 25px;
	line-height: 1.3;
	font-weight: bold;
}
#faq .answer {
	margin: 0 5px 30px 5px;
	padding: 5px 0 0 55px;
	width: 465px;
	background-image: url(../img/faq/a.gif);
	background-repeat: no-repeat;
}

/* 記事本文
------------------------------------------ */
.answer p {
	margin: 0 0 1em;
	font-size: 93%;
	line-height: 1.7;
}




/* ========================================================================



	6. お問い合わせ


 
======================================================================== */

/* ----------------------------------------------------
	■電話番号
---------------------------------------------------- */
.entryBody p.telNum {
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 167%;
	line-height: 1;
	font-weight: bold;
}

/* ----------------------------------------------------
	■お問い合わせフォーム .formList
---------------------------------------------------- */
dl#formList {
	padding: 0 0 1px;
	margin: 0 0 20px;
	font-size: 77%;
	line-height: 1.2;
}
dl#formList dt {
	padding: 0.7em 0.5em 0 1em;
	width: 10em;
	text-align: right;
	float: left;
}
em.fill,
dl#formList dt em {
	font-size: 12px;
	color: #CC0000;
	font-style: normal;
}
dl#formList dd {
	margin: 0 0 2px 12em;
	padding: 0.5em 0 0.5em 10px;
	border-left: 1px solid #CCCCCC;
}
dl#formList dd.fill {
	border-left: 1px solid #CC0000;
}
dl#formList dd .formA,
dl#formList dd .formB {
	border: 1px solid #CCCCCC;
	padding: 2px;
}
dl#formList dd .formA {
	width: 50%;
}
dl#formList dd .formB {
	width: 95%;
}


/* 送信ボタン
------------------------------------------ */
body#contact .submitBtn {
	text-align: center;
}
body#contact .submitBtn button {
	width: 171px;
	height: 35px;
	border: 0;
	text-indent: -9999px;
	cursor: pointer;
	background-image: url(../img/contact/btn_submit.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	display: block;
	margin: 0 auto;
}




/* ========================================================================



	7. 会社情報


 
======================================================================== */

/* ----------------------------------------------------
	■ナビゲーション
---------------------------------------------------- */
ul#naviC {
	height: 40px;
	width: 540px;
	overflow: hidden;
	padding: 30px 0 0 30px;
}
ul#naviC li {
	height: 25px;
	background-repeat: no-repeat;
	text-indent: -9999px;
	float: left;
}
ul#naviC li a {
	height: 25px;
	width: 125px;
	display: block;
	margin: 0 8px 0 0;
}
ul#naviC li a:hover {
	background-position: -150px 0;
}
ul#naviC li.outlineBtn a {		background-image: url(../img/base/navi_c/outline.gif);}
ul#naviC li.messageBtn a {		background-image: url(../img/base/navi_c/message.gif);}
ul#naviC li.visionBtn a {		background-image: url(../img/base/navi_c/vision.gif);}
ul#naviC li.recruitBtn a {		background-image: url(../img/base/navi_c/recruit.gif);}

.outline ul#naviC li.outlineBtn a,
.message ul#naviC li.messageBtn a,
.vision ul#naviC li.visionBtn a,
.recruit ul#naviC li.recruitBtn a {
	background-position: -300px 0;
}




/* ========================================================================



	7-1. 会社概要　.outline


 
======================================================================== */


table.table td .newWindow {
	padding: 0 0 0 20px;
	background-image: url(../img/base/icon_newwindow.gif);
	background-repeat: no-repeat;
	background-position: 0px center;
}

/* ----------------------------------------------------
	■アクセスマップ .
---------------------------------------------------- */
dl.accessList dt {
	padding: 0 0 10px 23px;
	line-height: 1.7;
	font-weight: bold;
	background-image: url(../img/base/icon_minitit.gif);
	background-repeat: no-repeat;
	background-position: 0 0.2em;
}
dl.accessList dd {
	font-size: 93%;
	line-height: 1.7;
	margin: 0 0 25px 0;
}
dl.accessList dd img {
	margin: 15px 0 0 0;
}
dl.accessList dd .newWindow {
	padding: 0 0 0 20px;
	background-image: url(../img/base/icon_newwindow.gif);
	background-repeat: no-repeat;
	background-position: 0px center;
}



/* ----------------------------------------------------
	■沿革 .historyList
---------------------------------------------------- */
dl.historyList {
	margin: 0 5px 40px;
	width: 520px;
	font-size: 93%;
	line-height: 1.7;
	border-bottom: 1px solid #eee;
}
dl.historyList dt {
	padding: 5px 0;
	width: 8em;
	float: left;
	clear: both;
	border-top: 1px solid #eee;
}
dl.historyList dd {
	margin: 0 0 0 8em;
	padding: 5px 0;
	border-top: 1px solid #eee;
}




/* ========================================================================



	7-2. 社長あいさつ　.message


 
======================================================================== */

/* ----------------------------------------------------
	■署名
---------------------------------------------------- */
.signature {
	text-align: right;
	padding: 2em 0px 0px;
}




/* ========================================================================



	7-4. 採用情報　.recruit


 
======================================================================== */

/* ----------------------------------------------------
	■求人表 .offerList
---------------------------------------------------- */
.recruit dl.offerList {
	margin: 0 0 2em;
	width: 518px;
	font-size: 93%;
	line-height: 1.4;
	background-color: #eee;
	border-right: 1px solid #dbdbdb;
	border-bottom: 1px solid #dbdbdb;
	border-left: 1px solid #dbdbdb;
}
.recruit dl.offerList dt {
	padding: 0.7em 1em;
	width: 10em;
	float: left;
	clear: both;
	border-top: 1px solid #dbdbdb;
	text-align: center;
}
.recruit dl.offerList dd {
	margin: 0 0 0 12em;
	padding: 0.7em 1em;
	border-top: 1px solid #dbdbdb;
	background-color: #fff;
}

/* ----------------------------------------------------
	■仕事の流れボタン
---------------------------------------------------- */
.recruit p.flowBtn {
	text-align: right;
}




/* ========================================================================



	7-5. 仕事の流れ　.workflow


 
======================================================================== */

/* ----------------------------------------------------
	■スケジュール .schedule
---------------------------------------------------- */
.workflow .entryBody .schedule {
	background-image: url(../img/base/dotline.gif);
	background-repeat: repeat-x;
	background-position: 0px bottom;
	padding: 0 0 0.3em;
}
.workflow .entryBody .schedule h4 {
	font-size: 93%;
	line-height: 1.2;
	font-weight: bold;
	background-image: url(../img/base/dotline.gif);
	background-repeat: repeat-x;
	margin: 0 0 0.6em;
	padding: 1em 0 0 0;
}
.workflow .entryBody .schedule h4 span {
	color: #0099CC;
	padding: 0 10px 0 20px;
	background-image: url(../img/company/workflow/icon_time.gif);
	background-repeat: no-repeat;
	background-position: 0px center;
}
.workflow .entryBody .schedule p {
	margin: 0 0 1em;
}


/* ----------------------------------------------------
	■写真 .pic
---------------------------------------------------- */
.workflow .entryBody .pic {
	float: right;
	width: 170px;
	padding: 0px 0px 0px 15px;
	background-color: #fff;
}
.workflow .entryBody .pic img {
	width: 160px;
	margin: 0 0 10px;
	padding: 4px;
	border: 1px solid #d9d9d9;
	background-color: #fff;
	display: block;
}




/* ========================================================================



	8. サイトマップ　#sitemap


 
======================================================================== */

#sitemap ul.sitemapList {
	font-size: 93%;
	line-height: 1.2;
	padding: 0 0px 0px 15px;
}
#sitemap ul.sitemapList li span {
	display: block;
	padding: 0 0px 0.5em 0;
}
#sitemap ul.sitemapList li {
	padding: 0.5em 0px 0px 15px;
	background-image: url(../img/base/icon_arrow.gif);
	background-repeat: no-repeat;
	background-position: 0px 0.7em;
}
#sitemap ul.sitemapList li ul {
	padding: 0.2em 0px 0px 15px;
	margin: 0px 0px 0px 5px;
}




/* ========================================================================



	* clearfix


 
======================================================================== */

.entryBody,
#flow ol.flowList,
#works ul.picList {
	_height: 1px;
	min-height: 1px;/* */
}
.entryBody:after,
#flow ol.flowList:after,
#works ul.picList:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;/* */
}