/*=== ページベース ===*/
*{
	line-height:1.2em;
}

.container {
	width:753px;
	margin:0;
	padding:0;
	background-color:#fff;
}

/*=== ヘッダ ===*/
.header {
	width:753px;
	min-height:1%;
	margin:0;
	padding:0 10px;
	background-color:#fff;
	border-top:4px solid #808080;
	border-right:1px solid #999;
	clear:both;
}
.header:after {
	content:"";
	display:block;
	height:0px;
	clear:both;
	overflow:auto;
}
.header p {
	margin:0;
	padding:5px 0 8px;
	float:left;
	font-size:14px;
}

/* ヘッダ内メニュー */
.header ul {
	margin:42px 0 0;
	float:right;
}
.header li {
	margin:0 0 0 0;
	padding:3px 0 0 5px;
	font-size:8pt;
	float:left;
}
.header li.logo {
	margin:0;
	padding:0;
}

/* グローバルナビゲーション */
.container .gl {
	width:773px;
	min-height:1%;
	margin:0;
	padding:0;
	border-right:1px solid #999;
	clear:both;
	background-color:#808080;

}
.container .gl ul {
	width:752px;
	min-height:1%;
	margin:0 auto;
	border-left:1px solid #ccc;
	clear:both;
}
.container .gl:after,
.container .gl ul:after {
	content:"";
	display:block;
	height:0px;
	clear:both;
	overflow:auto;
}
.container .gl li {
	margin:0;
	border-right:1px solid #ccc;
	float:left;
}
.container .gl li a span {
	padding:5px 0 0 7px;
	font-size:14px;
	color:#ffffff;
	display:block;
}
.container .gl li a {
	height:24px;
	margin:0;
	padding:0;
	background-position:0px 0px;
	background-repeat:no-repeat;
	display:block;
	text-decoration:none; 
}
.container .gl li a:hover,
.container .gl li a:active,
.container #gl-home li.n-01 a,
.container #gl-work li.n-02 a,
.container #gl-company li.n-03 a,
.container #gl-inquiry li.n-04 a {
	background-color:#000000;
}
.container .gl li.n-01 a {
	width:156px;
}
.container .gl li.n-02 a {
	width:137px;
}
.container .gl li.n-03 a {
	width:167px;
}
.container .gl li.n-04 a {
	width:126px;
}

/* valid icon */
.container #valid-xhtml-icon {
	margin:5px 0 2px 2px;
	padding:0;
	float:left;
}
.container #valid-css-icon {
	margin:5px 0 2px 5px;
	padding:0;
}

/*=== content ===*/
.content {
	width:765px;
	margin:0;
	padding:0 0 10px 8px;
	background:#fff url(../images/bkimg_main.jpg) repeat-x;
	border-right:1px solid #999;
	clear:both;
}
.inner {
	width:755px;
	min-height:1%;
	margin:0;
	padding:15px 0 0;
	clear:both;
}
.inner:after,
.main:after {
	content:"";
	display:block;
	height:0px;
	clear:both;
	overflow:auto;
}
.main {
	width:756px;
	min-height:1%;
	margin:0;
	padding:0;
	float:right;
	clear:both;
}

.main p.tp-image {
	height:auto;
	margin:0 0 12px;
	padding:0;
	background-image:none;
	float:right;
}

.main p {
	margin-left:10pt;
	font-size:14px;
}

/* タイトル */
.main h1 {
	height:23px;
	margin:0 0 12px;
	padding:7px 0 0 10px;
	font-size:16px;
	clear:both;
	border-color:#808080;
	border-style:none none solid solid;
	border-width:0 0 1px 10px;
}

.main h2 {
	height:20px;
	margin:15px 0 12px;
	padding:7px 0 0 10px;
	font-size:14px;
	clear:both;
	border-color:#808080;
	border-style:none none dotted none;
	border-width:0 0 1px 0;
	width:95%;
}

.main h3 {
	height:20px;
	margin:28px 0 7px 8px;
	padding:0px 0 0 23px;
	font-size:14px;
	clear:both;

	background:url(../images/semititle01.gif) no-repeat;
}

/* 新着情報 */
.main ul.whatsnew li.date {
	display:block;
	font-size:14px;
	float:left;
	width:80px;
	vertical-align:middle;

	padding:3pt 0 0 5pt;
	margin:0;
}
.main ul.whatsnew li.cont {
	display:block;
	font-size:14px;
	vertical-align:middle;

	padding:3pt 0 0 5pt;
	margin:0;
}

/* 事業内容 */
.main ol#work-cont-list {
	list-style-type:decimal;
}
.main ol#work-cont-list li {
	font-size:14px;
	padding:3pt 0 0 0;
}

/* 開発実績 */
.main ul#work-list li {
	display:block;
	font-size:14px;
	padding:3pt 0 0 5pt;
	margin:0;
	vertical-align:top;
}
.main ul#work-list li.date {
	float:left;
	width:60px;
}
.main ul#work-list li.company {
	float:left;
	width:200px;
}

/* 得意とする技術 */
.main ul#work-tech-list li {
	display:block;
	font-size:14px;
	padding:3pt 0 0 5pt;
	margin:0;
	vertical-align:top;
}
.main ul#work-tech-list li.title {
	float:left;
	width:100px;
}

/* 受託開発ワークフロー */
.main ul#work-flow {
	list-style-type:decimal;
	border-color:#808080;
	border-style:solid solid solid solid;
	border-width:1px 1px 1px 1px;
	margin:0 10pt 20pt 10pt;
	padding:10pt 0 10pt 30pt;
}
.main ul#work-flow li {
	font-size:14px;
	padding:3pt 0 3pt 0;
}
.main ul#work-flow li.arrow {
	padding:5pt 0 30pt 0;

	background:url(../images/arrow_down.gif) no-repeat;
	background-position:20% bottom;

}
.main ul#work-flow li span {
	font-size:12px;
}

/* 技術投資／資格 */
.main ol#work-coop-qlist {
	list-style-type:decimal;
}
.main ol#work-coop-qlist li {
	font-size:14px;
	padding:0 0 3pt 0;
}

/* 技術投資／資格 */
.main ol#work-pack-list {
	list-style-type:decimal;
}
.main ol#work-pack-list li {
	font-size:14px;
	padding:0 0 15pt 0;
}

/* 会社概要 */
.main table#company-profile {
	margin:15px 0 15px 5px;
	padding:0 15px 0 15px;
	font-size:14px;
}

.main table#company-profile th {
	font-size:14px;
	text-align:left;
	background:#cccccc;
	padding:5px 20px 5px 10px;
}

.main table#company-profile td {
	font-size:14px;
	text-align:left;
}

/* 会社沿革 */
.main ul#company-history {
	margin:20px 0 30px 0;
}
.main ul#company-history li {
	display:block;
	font-size:14px;
	padding:3pt 3pt 3pt 3pt;
	margin:0px 0 0 10px;
	vertical-align:top;
}
.main ul#company-history li.date {
	float:left;
	width:100px;
}

/* プライバシーポリシー */
.main ol#privacy-policy {
	list-style-type:decimal;
}
.main ol#privacy-policy li {
	font-size:14px;
	padding:0 0 5pt 0;
}

.main p#privacy-policy-sign {
	text-align:right;
}

/* サイトマップ */
.main ul#sitemap {
	margin:20px 0 30px 0;
}
.main ul#sitemap li.level1 {
	list-style-type:circle;
	font-size:14px;
	padding:3pt 3pt 3pt 3pt;
	margin:0px 0 0 30px;
}
.main ul#sitemap li.level2 {
	font-size:12px;
	padding:3pt 3pt 3pt 15pt;
	margin:0px 0 0 30px;
}

/* パンくずナビ */
.topic-path {
	width:773px;
	height:18px;
	margin:0;
	padding:7px 0 5px 0;
	background-color:#f0f0f0;
	border-right:1px solid #999;
	clear:both;
}
.topic-path ul {
	min-height:1%;
	margin:0 0 0 10px;
	clear:both;
}
.topic-path ul:after {
	content:"";
	display:block;
	height:0px;
	clear:both;
	overflow:auto;
}
.topic-path li {
	margin:0 10px 0 0;
	padding:0 0 0 22px;
	background:url(../images/topic_arrow.gif) no-repeat;
	background-position:0 80%;
	font-size:12px;
	display:inline;
	float:left;
}
.topic-path li.home {
	padding:0 0 0 18px;
	background:url(../images/topic_home.gif) no-repeat;
	background-position:0 80%;
}

/* ページトップ */
.pagetop {
	margin:15px 0 0;
	padding:0;
	float:right;
	font-size:10px;
}

/* メールフォーム */
.main.caution {
	font-size:14px;
	text-align:left;
	font-weight:bold;
}

.main table#mailform {
	margin:15px 0 15px 15px;
	padding:0 15px 0 15px;
	font-size:14px;
}

.main table#mailform th {
	font-size:14px;
	text-align:left;
	background:#cccccc;
	padding:5px 20px 5px 10px;
}

.main table#mailform td {
	font-size:14px;
	text-align:left;
}

.main table#mailform td span {
	font-size:12px;
	text-align:left;
	color:#ff0000;
	font-weight:bold;
}

.main table#mailform td input.text {
	width:250px;
	height:1.3em;
	padding-bottom:0.3em;
	font-size:12px;
}

.main table#mailform td input.radio {
	width:25px;
}

.main table#mailform td textarea {
	width:450px;
	height:100px;
	font-size:12px;
}

.main ul#error-message {
	list-style-type:circle;
	padding:0 0 0 25px;
	margin:0 0 5pt 25px;
}
.main ul#error-message li {
	font-size:14px;
	padding:0 0 5pt 0;
}

/*=== フッタ ===*/
.footer {
	width:753px;
	margin:0;
	padding:2px 10px 2px;
	background-color:#808080;
	border-right:1px solid #999;
	clear:both;
	height:15pt;
}

.footer address {
	margin:0;
	padding:3px 0 0;
	text-align:right;
	font-size:12px;
	font-style:normal;
	color:#fff;
	float:right;
}