@charset "utf-8";
/******************************************************/
/**********　　　　共通基本部分の設定　　　************/
/******************************************************/
html {
	text-align:center;
}
/*背景の設定*/
html body {
	background:#FFFFFF;
	background-image:url(../image/back.gif);
  background-repeat:repeat-x;
}
/*リンク色の設定*/
a:link {
	color:bule;
}
a:visited{
	color:purple;
}
a:hover{
	color:red;
}
a:active{
	color:red;
}

/*-----contentページヘッダー配置の基本設定-----*/
div#header {
	background-color:#56A4FF;
 	position:relative;
	width:754px;
	height:171px;
	margin:0 auto;
	padding:0 auto;
}
	/*contentページseo用のテキストの配置*/
div#header p#seo {
	font-size:12px;
	text-align:left;
	position:absolute;
	top:0;
	left:198px;
	z-index:10;
}
	/*contentページのHOMEへ戻るのボタン配置*/
div#header ul li#return_home {
	position:absolute;
	top:148px;
	left:16px;
	z-index:20;
}
/*-----contentページヘッダー配置の基本設定-----*/
div#con_header {
	background-color:#56A4FF;
 	position:relative;
	width:754px;
	height:171px;
	margin:0 auto;
	padding:0 auto;
}
	/*contentページseo用のテキストの配置*/
div#con_header p#con_seo {
	font-size:12px;
	text-align:left;
	position:absolute;
	top:0;
	left:198px;
	z-index:10;
}
	/*contentページのHOMEへ戻るのボタン配置*/
div#con_header ul li#con_return_home {
	position:absolute;
	top:148px;
	left:16px;
	z-index:20;
}

/*-----コンテナー配置の基本設定-----*/
div#container {
	position:relative;
	width:754px;
/*height:1236px;*/
	margin:0 auto;
	padding:0 auto;
	background:#FFFFFF url(../image/container_back.gif) no-repeat;
}
/*-----コンテナー内コンテンツ部の基本設定-----*/
div#container div#content {
	font-size:12px;
	position:relative;
	top:0;
	left:182px;
	width:523px;
	padding-left:30px;
	padding-right:17px;
}
	/*コンテナー内コンテンツ部のパンくずリストの設置*/
div#container div#content ul#future-navigation {
	text-align:left;
	list-style-type:none;
	padding:12px;
	margin-bottom:12px;
}
div#container div#content ul#future-navigation li {
	display:inline;
	padding-right:12px;
}
	/*コンテナー内テキストナビゲーションの配置*/
div#container div#content ul#seo_nab {
	margin:12px 0;
}
div#container div#content ul#seo_nab li {
	display:inline;
}	
	/*コンテナー内コンテンツ部の見出し「ｈ２」の設置*/
div#container div#content h2#title {
	width:523px;
	margin-bottom:10px;
}
	/*コンテナー内コンテンツ部ブロック内の「ｈ３」の配置*/
div#container div#content div.area h3{
	margin-bottom:10px;
}
	/*コンテナー内コンテンツ部ブロック内の「ｈ３」の配置*/
div#container div#content div#main_info h3{
	font-size:15px;
	color:#3377BB;
	margin-bottom:10px;
}
	/*コンテナー内コンテンツ部ブロック内の「ｈ４」の配置*/
div#container div#content div#main_info h4{
	font-size:13px;
	color:#3377BB;
	margin-bottom:6px;
}
div#container div#content div#main_info p#p_area {
 	margin:0 12px;
	margin-bottom:10px;
}
	/*コンテナー内コンテンツ部の情報ブロック基本設定*/
div#container div#content div#main_info {
	text-align:left;
	width:100%;
	margin:0;
	padding:0;
	margin-bottom:10px;
}

	/*コンテナー内コンテンツ部のブロック基本設定*/
div#container div#content div.area {
	width:523px;
	background:#CBE3FF url(../image/area_background.gif) repeat-y;
	margin:0;
	padding:0;
	margin-bottom:10px;
}
	/*コンテナー内コンテンツ部ブロック内[詳細についてはこちら]の配置*/
div#container div#content p.details{
	text-align:left;
	padding-left:12px;
}

	/*お問い合せ先情報の配置*/
div#container div#content div.area ul#address {
	margin:0 auto;
	padding:0 auto;
}
	/*このページのトップへ戻るの配置*/
div#container div#content p.p_top{
	text-align:right;
	padding-right:12px;
	margin-bottom:12px;
}

	/*-----コンテナー内サイドバー部の基本設定-----*/
div#container div#sidebar {
	position:absolute;
	top:0;
	left:0;
	width:182px;
}
	/*コンテナー内サイドバー部、グローバルナビの配置*/
div#container div#sidebar ul#global_nab{
	width:166px;
	padding-left:16px;
}

	/*コンテナー内サイドバー部、グローバルナビのロールオーバー設定*/
div#container div#sidebar ul#global_nab li img{
	display:block;
	padding:6px 0 7px 0px;
	width:166px;
	border-bottom:1px solid #56A4FF;
}

	/*コンテナー内サイドバー部「環境への取り組み」の配置*/
div#container div#sidebar ul#eco{
	padding:20px 0 7px 16px;
	width:166px;
}
	/*コンテナー内サイドバー部「見積り依頼」の配置*/
div#container div#sidebar ul#telephone{
	padding:6px 0px 7px 16px;
	width:166px;
}
/*-----フッター配置の基本設定-----*/
div#footer {
	width:750px;
	margin:0 auto;
	padding:0 auto;
	text-align:center;
	background:#CBE3FF url(../image/copy.gif) no-repeat;
}
div#footer p {
	line-height:30px;
	font-size:12px;
	color:gray;
}
/*-----Web制作会社情報-----*/
div#web_produce {
	width:750px;
	margin:0 auto;
	padding:0 auto;
}
div#web_produce p {
	text-align:right;
}
/******************************************************/
/**********会社案内・環境への取り組みの設定************/
/******************************************************/
div#container div#content div#main_info p#map {
	margin-left:12px;
	margin-bottom:12px;
}
div#container div#content div#main_info p#map img {
	text-align:right;
}
div#container div#content div#main_info dl.outline {
	background:#CBE3FF;
	position:relative;
	width:500px;
	margin:2px 12px;
	border:thin solid #3399DD;
}
div#container div#content div#main_info dl.outline dt.item {
	position:absolute;
	top:0;
	left:0;
	background:#CBE3FF;
	width:85px;
	padding:0 6px;
}
div#container div#content div#main_info dl.outline dd.substance {
	position:relative;
	top:0;
	left:85px;
	background:#FFFFFF;
	width:398px;
	padding:0 8px;
}
div#container div#content div#main_info dl.outline dd.substance ul#list {
	margin-left:12px;
	list-style-type:decimal;
}
div#container div#content div#main_info dl.outline dd.substance ul#list li ul li {
	list-style-type:none;
}
div#container div#content div#main_info p#eco_p {
	background:#CBE3FF;
	text-align:left;
	margin:0 12px;
	padding:6px;
	margin-bottom:12px;
	border:thin solid #3399DD;
}
div#container div#content div#main_info ul#eco_img {
	text-align:left;
	margin:0 12px;
	padding:6px;
	margin-bottom:12px;
	border:thin solid #3399DD;
}
div#container div#content div#main_info ul#eco_img li {
	display:inline;
	padding:0 24px;
}
/******************************************************/
/*************切削部品の加工品紹介の設定***************/
/******************************************************/
div#container div#content div#main_info ul#parts {
	text-align:center;
	margin-bottom:12px;
}
div#container div#content div#main_info ul#parts li {
	display:inline;
}
/******************************************************/
/***************加工素材の種類の設定定*****************/
/******************************************************/
div#container div#content div#main_info p.p_kind {
	background:#CBE3FF;
	text-align:left;
	margin:0 12px;
	padding:6px;
	margin-bottom:12px;
	border:thin solid #3399DD;
}
/******************************************************/
/****************金属加工の方法の設定******************/
/******************************************************/
div#container div#content div#main_info h5 {
	font-size:13px;
	color:#3377BB;
	margin-left:12px;
	margin-bottom:12px;
}
div#container div#content div#main_info ol#way {
	background:bule;
	text-align:left;
	list-style-type:desc;
	margin-left:12px;
	margin-bottom:12px;
}
div#container div#content div#main_info ol#way li {
	background:#CBE3FF;
	color:#3377BB;
	padding:6px;
}

div#container div#content div#main_info ol#way li p{
	background:#FFFFFF;
	padding:4px;
	color:#000000;
	border:thin solid #3399DD;
}
/******************************************************/
/************NC旋盤加工の設備一覧の設定****************/
/******************************************************/
div#container div#content div#main_info ul#maker {
	background:#FFFFFF;
	margin:6px;
}
div#container div#content div#main_info ul#maker li.campany ul.img {
	float:right;
	width:200px;
	margin-top:18px;
}
div#container div#content div#main_info ul#maker li.campany ul.img_omt {
	float:right;
	width:200px;
}
div#container div#content div#main_info ul#maker li.campany ul.img_omt li img {
	float:right;
	width:200px;
	height:250px;
	margin-top:18px;
}
div#container div#content div#main_info ul#maker li.campany {
	overflow: hidden;
	border:thin solid #3399DD;
	padding:6px;
	margin-bottom:12px;
}
div#container div#content div#main_info ul.type {
	background:#BBFFBB;
	width:260px;
	margin-right:6px;
	margin-bottom:12px;
	padding:3px;
	border:thin solid #3399DD;
}
div#container div#content div#main_info ul#nc_lathe {
	margin-bottom:12px;
}
div#container div#content div#main_info ul#nc_lathe li {
	display:inline;
	margin-left:20px;
}
div#container div#content div#main_info ul#nc_lathe li img#re_size01 {
	width:200px;
	height:118px;
}
div#container div#content div#main_info ul#nc_lathe li img#re_size02 {
	width:250px;
	height:118px;
}
div#container div#content div#main_info ul#nc_lathe_bjn {
	border:thin solid #3399DD;
	margin-bottom:6px;
}
div#container div#content div#main_info ul#nc_lathe_bjn li {
	display:inline;
	margin-left:20px;
}
div#container div#content div#main_info ul#nc_lathe_bjn li img#re_size03 {
	width:250px;
	height:142px;
}
div#container div#content div#main_info dl#miyano {
	background:#BBFFBB;
	border:thin solid #3399DD;
	padding:6px;
	margin-bottom:12px;
}

div#container div#content div#main_info uldl#miyano dt {
	background:#BBFFBB;
	border:thin solid #3399DD;
}
div#container div#content div#main_info ul#cincom {
	background:#CBE3FF;	
	margin:0;
	padding:6px 0;
	border:thin solid #3399DD;
	margin-bottom:12px;
}
div#container div#content div#main_info ul#cincom li div#a12img {
	background:#FFFFFF;	
	position:relative;
	margin:6px;
	padding:6px;
	padding-bottom:20px;
	width:496px;
}
div#container div#content div#main_info ul#cincom li div#a12img img#a12img01 {
	position:relative;
	top:0;
	left:0;
	width:250px;
}
div#container div#content div#main_info ul#cincom li div#a12img img#a12img02 {
	position:absolute;
	top:0;
	left:256px;
	width:250px;
}
div#container div#content div#main_info ul#cincom li div#a12img img#a12img03 {
	position:absolute;
	top:160px;
	left:256px;
	width:250px;
}
div#container div#content div#main_info ul#cincom li div#a12img ul#a12 {
	position:relative;
	top:0;
	left:0;
	width:250px;
}
div#container div#content div#main_info ul#cincom li div#a12img ul#a12list  {
	background:#BBFFBB;	
	list-style-type:disc;
	padding-left:20px;
	border:thin solid #3399DD;
}
div#container div#content div#main_info ul#benchless {
	background:#CBE3FF;	
	margin:0;
	padding:6px 12px;
	border:thin solid #3399DD;
	margin-bottom:12px;
}
div#container div#content div#main_info dl#aqua {
	overflow:hidden;
	background:#CBE3FF;	
	margin:0;
	padding:6px 12px;
	border:thin solid #3399DD;
	margin-bottom:12px;
}
div#container div#content div#main_info dl#aqua dd {
	overflow:hidden;
	background:#BBFFBB;	
	border:thin solid #3399DD;
}
div#container div#content div#main_info dl#aqua img {
	float:right;
	width:189px;
}
div#container div#content div#main_info ul#dakon {
	border:thin solid #3399DD;
	margin:2px;
	margin-bottom:6px;
}
div#container div#content div#main_info ul#dakon li {
	display:inline;
}
div#container div#content div#main_info ul#dakon li img#dakon03 {
	width:250px;
}
/******************************************************/
/*****************加工依頼などのQ&A********************/
/******************************************************/
div#container div#content div#main_info dl.qa {
	background:#CBE3FF;
	text-align:left;
	padding:6px;
	margin:12px;
	margin-bottom:24px;
}
div#container div#content div#main_info dl.qa dt.question {
	background:#DDFFBB;
	border:1px solid #56A4FF;
	padding:6px;
	margin-bottom:6px;
}
div#container div#content div#main_info dl.qa dd.answer {
	background:#FFFFBB;
	border:1px solid #56A4FF;
	padding:6px;
}
/******************************************************/
/*******************用語解説の設定*********************/
/******************************************************/
div#container div#content div#main_info dl.outline_word {
	background:#CBE3FF;
	margin:12px;
	padding:2px;
	border:thin solid #3399DD;
	margin-bottom:12px;
}
div#container div#content div#main_info dl.outline_word dt.item_word {
	background:#CBE3FF;
}
div#container div#content div#main_info dl.outline_word dd.substance_word {
	background:#FFFFFF;
}

div#container div#content div#main_info dl.outline_word dd.substance_word ul#merit {
	list-style-type:decimal;
	padding-left:20px;
}
div#container div#content div#main_info dl.outline_word dd.substance_word ul.merit_details {
	list-style-type:disc;
	padding-left:12px;
}
/******************************************************/
/*******************リンク集の設定*********************/
/******************************************************/
div#container div#content div#main_info dl.link {
	background:#CBE3FF;
	text-align:left;
	margin:0 12px;
	border:1px solid #56A4FF;
	margin-bottom:12px;
}
div#container div#content div#main_info dl.link dt.item {
	display:block;
 	width:200px;
	float:left;
	margin:0 6px;
}
div#container div#content div#main_info dl.link dd.substance {
	overflow: hidden;
	background:#FFFFFF;
	padding:0 6px;
	margin-bottom:12px;
}
/******************************************************/
/*******************お知らせの設定*********************/
/******************************************************/
div#container div#content div#main_info p#day_off {
 	margin-bottom:300px;
}
/******************************************************/
/***************サイトマップリスト用設定***************/
/******************************************************/
div#container div#content div#main_info ul#sitemap_list {
	background:#CBE3FF;
	margin:12px;
 	padding:24px;
	padding-left:100px;
	line-height:30px;
	list-style-type:disc;
	border:1px solid #56A4FF;
}
div#container div#content div#main_info ul#sitemap_list li#re_top {
	margin-left:-50px;
}
/******************************************************/
/***************お問い合せフォーム用設定***************/
/******************************************************/
div#container div#content div#main_info form {
	background:#CBE3FF; 
	margin:12px 2px;
	padding:12px;
}
div#container div#content div#main_info form ol li{
 	margin:12px 0;
}

div#container div#content div#main_info h4#form_title {
 	text-align:center;
}
div#container div#content div#main_info form ol li label{
	background:#BBFFBB;
	display:block;
 	width:85px;
	float:left;
	text-align:right;
	margin-right:10px;
	border:1px solid #56A4FF;
}
div#container div#content div#main_info form ol li input#company{
 	width:350px;
}
div#container div#content div#main_info form ol li input#person{
 	width:350px;
}
div#container div#content div#main_info form ol li input#post{
 	width:60px;
}
div#container div#content div#main_info form ol li input#form_address{
 	width:350px;
}
div#container div#content div#main_info form ol li input#telephon{
 	width:150px;
}
div#container div#content div#main_info form ol li input#fax{
 	width:150px;
}
div#container div#content div#main_info form ol li input#e_mail{
 	width:350px;
}
div#container div#content div#main_info form ol li textarea#com {
 	width:350px;
}
div#container div#content div#main_info form ul#sub {
text-align:center;
}
div#container div#content div#main_info form ul#sub li {
	display:inline;
}
div#container div#content div#main_info p#protection {
	background-color:#CBE3FF;
	margin:0;
	padding:12px;
	border:thin dotted #56A4FF;
}
div#container div#content div#main_info form ol li input:hover{
 	background-color:#CBE3FF;
}
div#container div#content div#main_info form ol li textarea:hover{
 	background-color:#CBE3FF;
}