@charset "utf-8";

/*
============================ article CSS ==============================

			各ページ設定
				1.サービスの特徴
				2.作業の流れ
				3.実績紹介
				4.サービス価格
				5.お問い合わせ
				6.プライバシーポリシー
				7.コーディングガイドライン
				8.運営会社
				9.サイトマップ
				10.リンク
				11.更新情報・ニュースリリース
				12.コーディング・ラボ
				99.各ページ共通

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


/* 1.要素設定
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */



/* 2.作業の流れ
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */

table.flow {
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
	margin: 0 0 10px 10px;
	text-align: left;
	width: 630px;
}
table.flow th,
table.flow td {
	padding: 8px 5px;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}
table.flow th {
	text-align: center;
	width: 20px;
}
table.flow th.customer {
	background-color: #FFE1A1;
}
table.flow th.cbiz {
	background-color: #BBD2E5;
}

ol.number {
	margin: 0 0 15px 30px;
}
ol.number li {
	list-style: decimal;
	margin: 0 0 8px;
}
ol.number ul  {
	margin: 0 0 15px 1em;
	padding: 5px 0 0;
}
ol.number ul li {
	list-style: none;
	line-height: 1.8;
}
ol.number ul li a {
	line-height: 1.6;
}
a.dlFormat {
	background: url(../../img/flow/btn_dl_format.png) no-repeat 0 0;
	display: block;
	width: 261px;
	height: 62px;
	text-indent: -9998px;
}
a.dlFormat:hover {
	background: url(../../img/flow/btn_dl_format.png) no-repeat -261px 0;
}

table.check {
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
	margin: 0 0 20px 10px;
	width: 630px;
}
table.check th,
table.check td {
	padding: 8px 5px;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	text-align: left;
}
table.check th {
	background-color: #999;
	color: #FFF;
	font-weight: bold;
	text-align: center;
	width: 80px;
}



/* 3.実績紹介
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */

table.portfolio {
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
	margin: 0 0 10px 10px;
	text-align: left;
	width: 630px;
}
table.portfolio th,
table.portfolio td {
	padding: 8px 5px;
	text-align: center;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}
table.portfolio th {
	background-color: #999;
	color: #FFF;
	font-weight: bold;
}
table.portfolio tr.odd td {
	background-color: #EEF3FB;
}
table.portfolio tr.total td {
	background-color: #FFF3F1;
}



/* 4.サービス価格
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */

table.price {
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
	margin: 0 0 10px 10px;
	text-align: left;
	width: 630px;
}
table.price th,
table.price td {
	padding: 8px 5px;
	text-align: center;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}
table.price th {
	background-color: #999;
	color: #FFF;
	font-weight: bold;
}
table.price td.nedan {
	color: #C00;
	font-size: 153.9%;
	font-weight: bold;
}
table.price td.nedan2 {
}
table.price td.explain {
	text-align: left;
}
table.price td span.bigPrice {
	font-size: 153.9%;
	font-weight: bold;
}
#article p.plus {
	font-size: 153.9%;
	line-height: 1;
	margin: 0 0 15px;
	text-align: center;
}



/* 5.お問い合わせ
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */

.contBack {
	background: url(../../img/contact/contact_img01.png) no-repeat right top;
	margin: 0 0 20px;
	padding: 0 0 10px;
	width: 640px;
}

#article h3.que {
	background: url(../../img/common/icon08.png) no-repeat 0 center;
	color: #FF6600;
	font-size: 93%;
	font-weight: bold;
	line-height: 1;
	margin: 0 0 0 10px;
	padding: 6px 0 0 30px;
	height: 21px;
}
#article p.ans {
	margin: 0 0 15px 40px;
}



/* 6.プライバシーポリシー
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */

#privacy dt {
	font-weight: bold;
	font-size: 108%;
	margin: 0 0 5px;
}
#privacy dd { margin: 0 0 15px; }



/* 7.コーディングガイドライン
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */



/* 8.運営会社
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */



/* 9.サイトマップ
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */



/* 10.リンク
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */

#article p.plink {
	color: #999;
	font-size: 77%;
	margin: 0 10px 0 0;
	text-align: right;
	text-decoration: none;
}
#article p.plink a { color: #999; }
#article p.plink a:hover { color: #666; }

#article p.linktitle {
	font-size: 108%;
	font-weight: bold;
	line-height: 1;
	margin: 3px 0 10px 0;
}
#article p.linkURL { margin: 0 0 5px; }
#article p.linkURL a {
	background: none;
	color: #999;
	font-size: 77%;
	padding: 0;
	text-decoration: none;
}
img.toplink { margin: 0 0 0 5px; vertical-align: text-bottom; }
ul.moreLink li { margin: 0 0 5px 10px; }



/* 11.更新情報・ニュースリリース
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */

#article p.eDate { color: #999; font-size: 77%; }
.eBody { margin: 0 10px 15px; }
.eMore { margin: 0 10px 20px; }



/* 12.コーディング・ラボ
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */

.twitill_content{
}
.twitill_content:after {	/* clearfix */ clear: both; content: "."; display: block; height: 0; visibility: hidden; }
.twitill_time { color: #CCC; }
li span.twitill_time {
	clear: both;
	float: left;
	margin: 0 20px 0 0;
	width: 30px;
}
li span.twitill_comment {
	float: right;
	margin: 0 0 15px;
	width: 560px;
}
li a.twitill_link {
	float: left;
	width: 10px;
}



/* 99.各ページ共通
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */

.column2BoxWin {
	background: url(../../img/about/win.png) no-repeat right bottom;
	display: inline;	/* IE6対策 */
	float: left;
	margin-bottom: 15px;
	padding: 0 20px 17px 0;
	width: 300px;
}
.column2BoxMac {
	background: url(../../img/about/mac.png) no-repeat right bottom;
	display: inline;	/* IE6対策 */
	float: left;
	margin-bottom: 15px;
	padding: 0 20px 17px 0;
	width: 300px;
}

.searchBody { margin: 0 10px 20px 25px; }

table.ulineBox { margin: 0 0 20px 10px; text-align: left; width: 630px; }
table.ulineBox th,
table.ulineBox td { padding: 8px 5px; }
table.ulineBox th { background: url(../../img/common/th_back.png) no-repeat right bottom; width: 180px; }
table.ulineBox td { background: url(../../img/common/td_back.png) no-repeat right bottom; }
table.ulineBox th.noneback,
table.ulineBox td.noneback { background: none; }



/* END */