@charset "utf-8";


/* トップページ
------------------------------------------------------------------------*/

/* 技術例・製作例 */
div#page_index div#example1,
div#page_index div#example4 {
	width: 620px;
	margin: 0;
	background: url(../images/example_waku/example_waku1.jpg) no-repeat top;
}
div#page_index div#example_fix {
	clear: both;
	width: 620px;
	height: 10px;
	margin: 0 0 10px 0;
	background: url(../images/example_waku/example_waku2.jpg) no-repeat top;
}

div#page_index div#example1 div.left,
div#page_index div#example4 div.left {
	width:160px;
	padding: 10px 20px 0 20px;
}
div#page_index div#example1 div.center,
div#page_index div#example4 div.center {
	width:160px;
	padding: 10px 20px 0 20px;
	float: left;
	margin-left: 10px;
}
div#page_index div#example1 div.right,
div#page_index div#example4 div.right {
	width:160px;
	padding: 10px 20px 0 20px;
}

div#page_index div#example1 h3,
div#page_index div#example4 h3 {
	font-size: 100%;
	font-weight: normal;
	margin: 5px 0;
	padding: 0;
}

div#page_index div#example1 p,
div#page_index div#example4 p {
	padding-bottom: 5px;
}


/* 商品情報 */
div#page_index div#example2 {
	width: 620px;
	margin: 0;
	background: url(../images/example_waku/example_waku1.jpg) no-repeat top;
}

div#page_index div#example2 div.left {
	width:160px;
	padding: 10px 20px 0 20px;
}
div#page_index div#example2 div.center {
	width:160px;
	padding: 10px 20px 0 20px;
	float: left;
	margin-left: 10px;
}
div#page_index div#example2 div.right {
	width:160px;
	padding: 10px 20px 0 20px;
}

div#page_index div#example2 h3 {
	font-size: 100%;
	font-weight: normal;
	margin: 5px 0;
	padding: 0;
}

div#page_index div#example2 p {
	padding-bottom: 5px;
}


div#page_index div#example3 {
	width: 620px;
	margin: 0;
	background: url(../images/example_waku/example_waku1.jpg) no-repeat top;
}

div#page_index div#example3 div.left {
	width:160px;
	padding: 10px 20px 0 20px;
}
div#page_index div#example3 div.center {
	width:160px;
	padding: 10px 20px 0 20px;
	float: left;
	margin-left: 10px;
}
div#page_index div#example3 div.right {
	width:160px;
	padding: 10px 20px 0 20px;
}

div#page_index div#example3 h3 {
	font-size: 100%;
	font-weight: normal;
	margin: 5px 0;
	padding: 0;
}

div#page_index div#example3 p {
	padding-bottom: 5px;
}


/* ブログ タイトル */
div#page_index ul#blog_list li {
	margin-bottom: 10px;
}

/* トピックス タイトル */
div#page_index ul#topics_list li {
	margin-bottom: 10px;
}



/* 技術例・製作例
------------------------------------------------------------------------*/

/* 技術例・製作例 */
div#page_example div.example {
	width: 620px;
	margin: 0;
	background: url(../images/example_waku/example_waku1.jpg) no-repeat top;
}
div#page_example div.example_fix {
	clear: both;
	width: 620px;
	height: 10px;
	margin: 0 0 10px 0;
	background: url(../images/example_waku/example_waku2.jpg) no-repeat top;
}

div#page_example div.example div.left {
	width:160px;
	padding: 10px 20px;
}
div#page_example div.example div.center {
	width:160px;
	padding: 10px 20px;
	float: left;
	margin-left: 10px;
}
div#page_example div.example div.right {
	width:160px;
	padding: 10px 20px;
}

div#page_example div.example h3 {
	font-size: 100%;
	font-weight: normal;
	margin: 5px 0;
	padding: 0;
}

div#page_example div.example p {
	padding-bottom: 5px;
}



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

/* あいさつ */
div#page_company div#aisatu {
	width: 600px;
	margin: 0 auto 20px auto;
}
div#page_company div#aisatu p {
	line-height: 2;
}
div#page_company div#aisatu strong {
	color: #F60;
	font-size: 120%;
}

/* 会社概要テーブル */
div#page_company table#company_info {
	border: solid 1px #CCC;
}
div#page_company table#company_info th {
	width: 120px;
	background: #F2F2F2;
	padding: 5px;
}
div#page_company table#company_info td {
	border-bottom: dotted 1px #CCC;
	padding: 5px;
}
div#page_company table#company_info td.border_none {
	border-bottom: none;
	padding: 5px;
}

div#page_company table#company_info ul {
	margin: 0;
	padding-left: 20px;
}

/* 会社沿革 */
div#page_company div#enkaku {
	margin: 20px 0;
}
div#page_company div#enkaku table {
	border: solid 1px #CCC;
}
div#page_company div#enkaku th {
	width: 120px;
	background: #F2F2F2;
	padding: 5px;
}
div#page_company div#enkaku td {
	border-bottom: dotted 1px #CCC;
	padding: 5px;
}
div#page_company div#enkaku td.border_none {
	border-bottom: none;
	padding: 5px;
}


/* GoogleMap */
div#page_company #map {
	border: solid 1px #CCC;
	width: 618px;
	height: 400px;
	margin: 0;
	padding: 0;
}



/* 求人情報
------------------------------------------------------------------------*/

/* 求人情報テーブル */
div#page_job table#job_info {
	border: solid 1px #CCC;
}
div#page_job table#job_info th {
	width: 120px;
	background: #F2F2F2;
	padding: 5px;
}
div#page_job table#job_info td {
	border-bottom: dotted 1px #CCC;
	padding: 5px;
}
div#page_job table#job_info td.border_none {
	border-bottom: none;
	padding: 5px;
}

div#page_job table#job_info ul {
	margin: 0;
	padding-left: 20px;
}



/* リンク集
------------------------------------------------------------------------*/

div#page_link div.left {
	width: 300px;
}
div#page_link div.right {
	width: 300px;
}

div#page_link h3 {
	background: #F2F2F2;
	font-size: 100%;
	padding: 3px;
}

div#page_link ul.link_list {
	line-height: 2;
}



/* プライバシーポリシー
------------------------------------------------------------------------*/

div#page_privacy div#privacy h3 {
	background: #F2F2F2;
	font-size: 100%;
	padding: 5px 10px;
	margin: 10px 0 0 0;
}

div#page_privacy div#privacy li {
	line-height: 2;
}



/* サイトマップ
------------------------------------------------------------------------*/

div#page_sitemap div.left {
	width: 300px;
	padding-bottom: 30px;
}
div#page_sitemap div.right {
	width: 300px;
	padding-bottom: 30px;
}

div#page_sitemap h3 {
	background: #F2F2F2;
	font-size: 100%;
	padding: 3px;
}

div#page_sitemap ul.list {
	line-height: 2;
}



/* ロボットティーチング技術例
------------------------------------------------------------------------*/

/* YouTube */
div#page_example_detail div#youtube {
	width: 560px;
	margin: 0 auto;
}

/* 詳細枠 */
div#page_example_detail div#detail {
	width: 560px;
	margin: 0 auto;
}

/* 写真 */
div#page_example_detail div#photo {
	float: left;
	width: 190px;
	margin: 20px 0;
}
div#page_example_detail div#photo img {
	margin-bottom: 5px;
}

/* テキスト */
div#page_example_detail div#txt {
	float: right;
	width: 360px;
	margin: 20px 0;
}

div#page_example_detail h3 {
	background: #F2F2F2;
	padding: 3px 6px;
}

div#page_example_detail #txt table {
	padding: 10px 15px 0 15px;
}
div#page_example_detail #txt th {
	text-align: left;
}
div#page_example_detail #txt td {
	padding-left: 5px;
}

div#page_example_detail #txt p {
	padding: 0 15px 15px 15px;
}



/* システム製作例
------------------------------------------------------------------------*/

/* bese */
div#example_base {
	width: 750px;
	margin: 0 auto;
	background: #FFF;
	padding: 10px 20px;
}

/* H1 */
div#example_base h1 {
	font-size: 150%;
	width: 680px;
	float: left;
}

/* closeボタン */
div#example_base #close {
	width: 60px;
	text-align: right;
	float: right;
}

/* 説明文等 */
div#example_base #text {
	width: 600px;
	float: left;
}

/* PDFダウンロードボタン */
div#example_base #pdf {
	width: 140px;
	float: right;
	text-align: right;
}

/* メイン画像 */
div#example_base #img {
	text-align: center;
}

/* フッター */
div#example_base #foot {
	border-top: 5px solid #F30;
	margin-top: 30px;
}



/* 特定商取引法に基づく表記
------------------------------------------------------------------------*/

/* 特定商取引法に基づく表記テーブル */
div#page_tokutei table#tokutei_info {
	border: solid 1px #CCC;
}
div#page_tokutei table#tokutei_info th {
	width: 120px;
	background: #F2F2F2;
	padding: 5px;
}
div#page_tokutei table#tokutei_info td {
	border-bottom: dotted 1px #CCC;
	padding: 5px;
}
div#page_tokutei table#tokutei_info td.border_none {
	border-bottom: none;
	padding: 5px;
}

div#page_tokutei table#tokutei_info ul {
	margin: 0;
	padding-left: 20px;
}