/* ================================================================================ */
/*      ボーダー消し                                                                */
/* ================================================================================ */

img {
	border: none;
}

/* ================================================================================ */
/*      floatによるブラウザ間のバグ対策                                             */
/* ================================================================================ */

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
}

/* ================================================================================ */
/*      製品一覧の定義                                                            */
/* ================================================================================ */

div#product_list {
	margin: 0;
}

body div#contents_body h2 {
	margin:20px 0 15px;
}

body div#contents_body h3.case_title {
	margin: 0 7px 20px;
}

body div#contents_body p#product_explain {
	margin: 0 0 25px;
	font-weight: normal;
}

div#product_list dl.product_list_left dt a img,
div#product_list dl.product_list_right dt a img {
	margin: 0;
	display: inline;
	height: 68px;
}

div#product_list div.list_block {
	margin-bottom: 20px;
}

dl.product_list_left {
	margin: 0;
	float: left;
	width: 315px;
}

dl.product_list_right {
	margin: 0;
	float: right;
	width: 315px;
}

dl.product_list_left dt,
dl.product_list_right dt {
	text-align: center;
}
dl.product_list_left dt a,
dl.product_list_right dt a {
	display: block;
}

dl.product_list_left dd ,
dl.product_list_right dd {
	margin: 0;
}

dl.product_list_left span,
dl.product_list_right span {
	display: block;
	color: #F00;
}

div#product_list dl.product_list_left dd a,
div#product_list dl.product_list_right dd a {
	display: block;
	text-align: right;
}

div#product_list dl.product_list_left dd a img,
div#product_list dl.product_list_right dd a img {
	margin: 0;
	display: inline;
	height: 20px;
}

/* ================================================================================ */
/*      各製品ページの定義                                                        */
/* ================================================================================ */

h3#product_title {
	background: none;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	line-height: 1.1;
}

div#contents img#image_first {
	padding: 0;
}

div#contents img {
	margin: 40px auto 20px;
	display: block;
}

div#contents_body p {
	padding: 0 40px;
	color: #000;
	font-size: 17px;
	font-weight: normal;
}

div#contents_body dl#suit_customer {
	margin: 20px 0 40px;
	padding: 20px;
	border: 1px solid #000;
	color: #000;
}

div#contents_body dl#suit_customer dt {
	font-weight: bold;
	font-size: 17px;
}

div#contents_body dl#suit_customer dd {
	margin: 0px;
	font-size: 13px;
}

div#contents_body dl#suit_customer dd ul {
	margin: 0px;
	padding-left: 20px;
}

div#contents_body dl#suit_customer dd ul li {
	margin-top: 10px;
}

ul#product_detail {
	padding-left: 20px;
	margin: 0 auto;
	color: #000;
	font-weight: bold;
	width: 330px;
}

div#contents_body div#product_explain {
	margin: 30px 0 5px;
	padding: 15px;
	border: 1px solid #666;
	color: #000;
}

div#contents_body div#product_explain dl dt {
	margin-top: 8px;
	font-weight: bold;
	font-size: 15px;
}

div#contents_body div#product_explain dl dd {
	margin: 0 0 5px 20px;
}

div#contents_body dl#product_explain_left {
	float: left;
	width: 320px;
}
div#contents_body dl#product_explain_right {
	float: right;
	width: 320px;
}

div#contents_body div#product_explain dl {
	margin: 0;
}

div#contents div#logo {
	text-align: right;
}

div#contents div#logo img {
	margin: 0;
	display: inline;
}

/* ================================================================================ */
/*      DSL製品用の定義                                                           */
/* ================================================================================ */

ul#product_detail_left {
	margin: 0;
	padding-left: 20px;
	font-weight: bold;
}

ul#product_detail_right {
	margin: 0;
	padding-left: 20px;
	float: right;
	font-weight: bold;
	width: 320px;
}

* html ul#product_detail_right {
	width: 340px;
}

ul#product_detail_left li dl {
	display: inline;
}

ul#product_detail_left dl dt {
	font-weight: bold;
}

ul#product_detail_left dl dd {
	margin: 0 0 0 15px;
	font-weight: normal;
}

/* ================================================================================ */
/*     製品事例の定義                                                               */
/* ================================================================================ */

dl.case {
	margin: 0 0 40px;
	padding: 0 10px;
}

dl.case dt {
	margin-right: 15px;
	float: left;
}

div#contents dl.case dt img {
	margin: 0;
}

dl.case dd {
	margin: 0;
}

div#contents dl.case dd p {
	margin: 0 0 10px;
	padding: 0;
	font-weight: normal;
	font-size: 12px;
}

/* ================================================================================ */
/*      問い合わせの定義                                                            */
/* ================================================================================ */

div#contents dl.inquiry {
	text-align: left;
}

div#contents dl.inquiry dt {
	margin-bottom: 10px;
	padding-left: 24px;
	font-size: 19px;
	font-weight: bold;
	background-image: url(../images/name_yoko.gif);
	background-repeat: no-repeat;
	color: #000000;
	line-height: 1.3em;
}


div#product_category_explain {
	border-top: 1px solid #000;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
}

div#product_category_explain dl,
div#product_category_explain dt,
div#product_category_explain dd {
	margin: 0;
}


div#product_category_explain dl dd dl {
	border-bottom: 1px solid #000;
}

dt.explain_category {
	padding: 3px 10px;
	border-bottom: 1px solid #000;
}

dt.explain_item {
	padding: 5px 0;
	float:left;
	text-align: center;
	width:150px;
	vertical
}

dd.explain_outline {
	padding: 5px;
	border-left: 1px solid #000;
	float:right;
	width:517px;
}










/* ================================================================================ */
/*     正しいXHTMLによる修正を行った為、IE6のバグを下記で回避(応急処置)             */
/*     今現在は、製品製品のみのページで行っている為、応急処置にしているが、       */
/*     全てのサイトを正しいXHTMLにする場合、下記の定義を全てのサイトに足す必要あり。*/
/*     default.cssに定義すれば解決はするかもしれませんが、                          */
/*     bodyのタグをセンタリングしている為、どこに影響が出るかがわかっていません。   */
/* ================================================================================ */

* html body {
	text-align: center;
}

* html div#contents_body {
	margin: 0 50px;
	text-align: center;
}

* html h1,
* html h2,
* html h3,
* html h4,
* html h5,
* html h6,
* html div#contents_body p,
* html div#contents_body dl,
* html div#contents_body ul {
	text-align: left;
}

* html div#footer {
	width: 780px;
}