@charset "utf-8";

html {
	text-align:center;
}
/*----------------------共通部の設定-------------------------*/
 /*背景*/
html body {
	background:#FFFFFF;
	background-image:url(../image/back.gif);
  background-repeat:repeat-x;
}
 /*リンク色の設定*/
a:link {
	color:blue;
}
a:visited{
	color:purple;
}
a:hover{
	color:red;
}
a:active{
	color:red;
}
/*-------------topページヘッダー配置の基本設定---------------*/
div#header {
	background-color:#56A4FF;
 	position:relative;
	width:754px;
	height:260px;
	margin:0 auto;
}
	/*topページseo用のテキストの配置*/
div#header p#seo {
	font-size:12px;
	text-align:left;
	position:absolute;
	top:0;
	left:245px;
	z-index:10;
}
	/*HOMEへ戻るのボタン配置*/
div#header ul li#return_home {
	position:absolute;
	top:220px;
	left:16px;
	z-index:20;
}
	/*サイトマップのボタン配置*/
div#header ul li#go_sitemap {
	position:absolute;
	top:12px;
	right:12px;
	z-index:20;
}
/*------------------コンテナー配置の基本設定-----------------*/
div#container {
	position:relative;
	width:754px;
	margin: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 p#inquiry {
	width:523px;
	margin-bottom:12px;
}
	/*コンテナー内コンテンツ部のブロック基本設定*/
div#container div#content div.area {
	width:523px;
	background:#CBE3FF url(../image/area_background.gif) repeat-y;
	margin:0;
	padding:0;
	margin-bottom:12px;
}
	/*コンテナー内コンテンツ部ブロック内のｈ２の配置*/
div#container div#content div.area h2{
	margin-bottom:10px;
}
	/*コンテナー内コンテンツ部ブロック内（１）～（３）の画像配置*/
div#container div#content li.pride img.block_img {
	width:153px;
	float:right;
	padding-right:10px;
	padding-bottom:10px;
}
	/*コンテナー内コンテンツ部ブロック内（１）～（３）のリスト配置*/
div#container div#content li.pride ul{
	text-align:left;
	padding-left:30px;
	padding-bottom:6px;
	list-style:disc;
}
	/*コンテナー内コンテンツ部ブロック内[詳細についてはこちら]の配置*/
div#container div#content p.details{
	text-align:left;
	padding-left: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 div.area ul#news_area {
	text-align:left;
	line-height:20px;
	margin:0 6px;
	padding:0 6px;
}
div#container div#content div.area ul#news_area li{
	border-bottom-width:thin;
	border-bottom-style:solid;
	border-bottom-color:#CBE3FF;
}
	/*金属加工・NC旋盤加工の例の配置*/
div#container div#content div.area ul#exemple {
	margin:0 auto;
}
div#container div#content div.area ul#exemple li{
	margin:0 auto;
}
div#container div#content div.area ul#exemple li{
	display:inline;
}
	/*お問い合せ先情報の配置*/
div#container div#content div.area ul#address {
	margin:0 auto;
}
	/*このページのトップへ戻るの配置*/
div#container div#content p.p_top{
	text-align:right;
	padding-right: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;
	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;
}
div#web_produce p {
	text-align:right;
}


div.area_box {
	margin-bottom : 12px;
	padding : 6px;
}