@charset "UTF-8";

#ttl {
	padding: 0 0 0 20px;
}

#ttl h2 {
	font-size: 2.0em;
}

#ttl h2 .linkDotBox {
	font-size: 0.6em;
}

h3#productFeatureTtl {
	padding: 16px 0 0 30px;	
	font-weight:bold;
}

h3#downloadTtl {
	line-height:1.7;
	padding: 16px 0 0 10px;
	font-weight:bold;
}

h3#attentionTtl {
	margin: 0 0 11px 0;
	padding: 0 0 0 10px;
}

	h3#attentionTtl span.attentionTxt {
		padding-bottom: 3px;
		font-size: 0.6em;
	}

p.leadTxt {
	line-height: 1.4;
	margin: 0 0 10px 0;
	padding: 14px 0 20px 10px;
}

/* -------------------------------------- */
/* -- attentionBox -- */
div.attentionBox {
	line-height: 1.4;
	margin: 0 0 12px 10px;
	padding: 0 0 4px 0;
}
	div.attentionBox p.lead {
		padding: 0 0 14px 30px;
		background: url(../../images/news_item_dot2.gif) no-repeat left 2px;
	}
	div.attentionBox div.commentA,
	div.attentionBox div.commentB {
		margin: 0 0 0 30px;
	}
		div.attentionBox div.commentA p,
		div.attentionBox div.commentB p {
			position: relative;
		}
		div.attentionBox div.commentA p {
			margin-bottom: 10px;	
		}
		div.attentionBox div.commentB p {
			margin-bottom: 9px;
		}
			div.attentionBox div.commentA p span {
				position: absolute;
				top: 3px;
				left: 65px;
			}
			div.attentionBox div.commentB p span {
				position: absolute;
				top: 3px;
				left: 25px;
			}
div.border {
	border-bottom: 1px dashed #808080;
}
/* -------------------------------------- */
/* -- attentionDetail -- */
div.attentionDetail {
	margin: 0 10px 14px 10px;
	background: url(images/bg_side.gif) repeat-y;
}
	div.attentionDetail div.detail {
		background: url(images/bg_bottom.gif) no-repeat bottom left;
	}
	div.attentionDetail div.attentionListBox {
	   background: url(images/attention_list_box_border.gif) repeat-y 296px 0;
			margin: 7px 0;
	}
	div.attentionDetail div.attentionListBorder {
	   border-bottom: 1px dashed #bfbfbf;
	}
		div.attentionDetail div.detail ul.List {
			width: 600px;
			margin: 9px auto 0;
		}
		div.attentionDetail div.detail ul.List li {
			float: left;
			width: 298px;
			/*height: 130px;*/
		}
			div.attentionDetail div.detail ul.List li.noborder {
				border: none;
			}
			div.attentionDetail div.detail ul.List dl {
				/*height: 120px;*/
				margin: 5px 2px 0 9px;
			}
			div.attentionDetail div.detail ul.List dl.border {
				border-right: 2px solid #bfbfbf;
			}
				div.attentionDetail div.detail ul.List dl dt {
					margin: 0 0 24px 0;
					padding: 5px 0 3px 24px;
					font-weight: bold;
				}
	dt.warningMark {
		background: url(images/prohibition_mark.gif) no-repeat left center;	
	}
	dt.attentionMark {
		background: url(images/compulsion_mark.gif) no-repeat left center;
	}
	div.attentionDetail div.detail ul.List dl dd {
		margin: 0 0 0 5px;
		font-size: 1.2em;
	}
	dl#warningImg01 { background: url(images/warningImg01.gif) no-repeat right top; }
	dl#warningImg02 { background: url(images/warningImg02.gif) no-repeat right 22px; }
	dl#warningImg03 { background: url(images/warningImg03.gif) no-repeat right top; }
	dl#warningImg04 { background: url(images/warningImg04.gif) no-repeat right top; }
	dl#warningImg05 { background: url(images/warningImg05.gif) no-repeat right 20px; }
	dl#warningImg06 { background: url(images/warningImg06.gif) no-repeat right top; }
	dl#warningImg07 { background: url(images/warningImg07.gif) no-repeat right top; }
	dl#warningImg08 { background: url(images/warningImg08.gif) no-repeat right top; }
	dl#warningImg01 dd,dl#warningImg03 dd,dl#warningImg05 dd,dl#warningImg07 dd { margin-right: 126px; }
	dl#warningImg02 dd { padding-top: 15px;	}
	dl#warningImg04 dd,dl#warningImg06 dd,dl#warningImg08 dd { margin-right: 120px;	}
	
	dl#attentionImg01 { background: url(images/attentionImg01.gif) no-repeat right top; }
	dl#attentionImg02 { background: url(images/attentionImg02.gif) no-repeat right top; }
	dl#attentionImg03 { background: url(images/attentionImg03.gif) no-repeat right top; }
	dl#attentionImg04 { background: url(images/attentionImg04.gif) no-repeat right top; }
	dl#attentionImg01 dd { margin-right: 138px; }
	dl#attentionImg02 dd,dl#attentionImg03 dd { margin-top: 45px; }
	dl#attentionImg03 dd { margin-right: 20px; }
	dl#attentionImg04 dd { margin: 44px 200px 0 0; }
/* -------------------------------------- */
/* -- standard -- */	
div.standard {
	position: relative;
}
p.standard {
	margin: 0 0 0 10px;
	color: #e60012;
	font-weight: bold;
}
	p.standard span {
		position: absolute;
		top: 0;
		left: 81px;
		_left: 72px;
		line-height: 19px;
	}
ul.standard {
	margin: 0 0 30px 10px;
	font-size: 1.2em;
}
ul.standard ol {
	float: left;
}
/* --------------------------------------

	catalog

----------------------------------------- */
ul.catalogBox {
	clear: both;
	width: 608px;
	margin: 22px 0 0 8px;
	border-bottom: 1px dashed #808080;
}
	ul.catalogBox li {
		float: left;
		width: 152px;
		_width: 128px;
		margin: 0 0 27px 0; 
		_margin: 0 32px 0 0;
		/padding: 0 0 27px 0;
	}
	ul.catalogBox li.last {
		_margin: 0;
	}
	ul.catalogBox h4 {
		width: 128px;
		margin: 0 0 8px 0;
	}
	ul.catalogBox p.download {
		margin: 0 0 8px 0;
		padding: 2px 0 2px 24px;
		background: url(images/pdf_icon.gif) no-repeat left top;
	}
		ul.catalogBox p.download a {
			text-decoration: none;
			color: #4b81be;
		}
p.getReader {
	float: left;
	width: 154px;
	padding: 14px 0 0 5px;
}
p.getTeaderTxt,
ul.getTeaderTxt {
	width: 460px;
	margin: 0 0 20px 159px;
}
p.getTeaderTxt {
	line-height: 1.5;
	padding: 14px 0 16px 0;
}
ul.getTeaderTxt	{
	line-height: 1.2;
}
/* -------------------------------------- */
/* -- borderLine -- */
div.borderLine {
	background: url(images/bg_products.gif) repeat-y left top;
}

/* -------------------------------------- */
/* -- productMenu -- */
div#productMenu {
	float: left;
	width: 159px;
	font-weight: bold;
}
	div#productMenu ul li {
		margin: 21px 0;
	}
		div#productMenu ul li a,
		div#productMenu ul li a:hover {
			padding: 2px 0 5px 30px;
			text-decoration: none;
		}
		div#productMenu ul li a {
			color: #4c4c4d;
			background: url(../../images/news_item_dot1.gif) no-repeat left top;
		}
		div#productMenu ul li a:hover {
			color: #005aa6;
			background: url(../../images/news_item_dot2.gif) no-repeat left top;
		}
		div#productMenu ul li#focus a {
			color: #005aa6;
			background: url(../../images/news_item_dot2.gif) no-repeat left top;
		}
/* -------------------------------------- */
/* -- productDetail -- */
div#productDetail {
	widht: 443px;
	margin: 0 0 0 159px;
	padding: 0 0 0 16px;
/*	border-left: 2px solid #bfbfbf;*/
}
div.height {
	height: 570px;
}
div.imgView {
	background: url(images/hangerImg02.gif) no-repeat right 30px;
}
	div#productDetail h3.space,
	div#productDetail h3.nospace {
		font-size: 1.4em;
	}
	div#productDetail h3.space {
		margin: 0 0 16px 0;
	}
	div#productDetail h3.nospace {
		margin: 0 0 6px 0;
	}	
	div#productDetail h4 {
		margin: 0 0 10px 0;
	}
		div#productDetail ul li#productDetail01,
		div#productDetail ul li#productDetail02,
		div#productDetail ul li#productDetail03,
		div#productDetail ul li#productDetail04,
		div#productDetail ul li#productDetail05,
		div#productDetail ul li#productDetail06,
		div#productDetail ul li#productDetail07,
		div#productDetail ul li#productDetail08,
		div#productDetail ul li#productDetail09,
		div#productDetail ul li#productDetail10,
		div#productDetail ul li#productDetail11,
		div#productDetail ul li#productDetail12,
		div#productDetail ul li#productDetail13 {
			position: relative;
			border-bottom: 1px dashed #bfbfbf;
		}
		div#productDetail ul li#productDetail01 {
			height: 167px;
			margin: 0 0 12px 0;
			background: url(images/hangerImg01.gif) no-repeat left bottom;	
		}
		div#productDetail ul li#productDetail01 p.detail01,
		div#productDetail ul li#productDetail01 p.detail02,
		div#productDetail ul li#productDetail02 p.detail01,
		div#productDetail ul li#productDetail02 p.detail02,
		div#productDetail ul li#productDetail02 p.detail03,
		div#productDetail ul li#productDetail03 p.detail01,
		div#productDetail ul li#productDetail04 p.detail01,
		div#productDetail ul li#productDetail05 p.detail01,
		div#productDetail ul li#productDetail05 p.detail02,
		div#productDetail ul li#productDetail05 p.detail03,
		div#productDetail ul li#productDetail06 p.detail01 {
			position: absolute;
		}
		div#productDetail ul li#productDetail01 p.detail01 { top: 123px; left: 110px; }
		div#productDetail ul li#productDetail01 p.detail02 { top: 104px; left: 340px; }
		
		div#productDetail ul li#productDetail02 {
			height: 134px;
			background: url(images/hangerImg03.gif) no-repeat left bottom;
		}
		div#productDetail ul li#productDetail02 p.detail01 { top: 100px; left: 110px; }
		div#productDetail ul li#productDetail02 p.detail02 { top: 44px; left: 235px; color: #e7141a; }
		div#productDetail ul li#productDetail02 p.detail03 { top: 100px; left: 235px; }
		
		div#productDetail ul li#productDetail03 {
			height: 87px;
			background: url(images/beltImg01.gif) no-repeat left bottom;
		}
		div#productDetail ul li#productDetail04 {
			height: 87px;
			background: url(images/beltImg02.gif) no-repeat left bottom;
		}
		div#productDetail ul li#productDetail05 {
			height: 117px;
			background: url(images/beltImg03.gif) no-repeat left bottom;
		}
		div#productDetail ul li#productDetail06 {
			height: 107px;
			background: url(images/beltImg04.gif) no-repeat left bottom;
		}
		div#productDetail ul li#productDetail07 {
			height: 42px;
		}
		div#productDetail ul li#productDetail08 {
			height: 126px;
			background: url(images/beltImg05.gif) no-repeat left bottom;
			border: none;
		}
		div#productDetail ul li#productDetail09 {
		  height: 100px;
		  background: url(images/beltImg06.gif) no-repeat right bottom;
		}
		div#productDetail ul li#productDetail10 {
		  height: 90px;
		  background: url(images/beltImg07.gif) no-repeat right bottom;
		  margin: 0 0 20px 0;
		}
		div#productDetail ul li#productDetail11 {
		  height: 130px;
		  background: url(images/beltImg08.gif) no-repeat right bottom;
		  border: none;
		}
		div#productDetail ul li#productDetail12 {
		  height: 100px;
		  background: url(images/beltImg09.gif) no-repeat right bottom;
		}
		div#productDetail ul li#productDetail13 {
		  height: 70px;
		  border: none;
		}
		div#productDetail div#productDetail13Box {
		  background: url(images/beltImg10.gif) no-repeat right bottom;
		}
		div#productDetail ul li#productDetail03,
		div#productDetail ul li#productDetail04,
		div#productDetail ul li#productDetail05,
		div#productDetail ul li#productDetail07,
		div#productDetail ul li#productDetail09,
		div#productDetail ul li#productDetail12 {
			margin: 0 0 12px 0;
		}
		div#productDetail ul li#productDetail03 p.detail01 { top: 37px; left: 263px; }
		div#productDetail ul li#productDetail04 p.detail01 { top: 25px; left: 214px; }
		div#productDetail ul li#productDetail05 p.detail01 { top: 48px; left: 15px; }
		div#productDetail ul li#productDetail05 p.detail02 { top: 23px; left: 227px; width: 222px; word-wrap: break-word; }
		div#productDetail ul li#productDetail05 p.detail03 { top: 98px; left: 223px; }
		div#productDetail ul li#productDetail06 p.detail01 { top: 90px; left: 224px; }
		
		div#productDetail ul li#productDetail06 {
			margin: 0 0 20px 0;
		}
/* -------------------------------------- */
/* -- close -- */
/* -------------------------------------- */
/* closeLeftBox */
#closeLeftBox {
	float: left;
	width: 109px;
	padding: 9px 20px;
}
#closeLeftBox ul li {
	margin: 0 0 7px 0;
}
#closeLeftBox ul li a {
	text-decoration: none;
	color: #005aa6;
	background: url(/common/images/link_dot.gif) left no-repeat;
	padding: 0 0 0 15px;
	color: #000000;
	font-size: 1.2em;
	font-weight: bold;
}
#closeLeftBox ul li a span {
	margin: 0 0 0 5px;
	font-size: 0.8em;
	font-weight: normal;
}
/* -------------------------------------- */
/* closeRightBox */
#closeRightBox {
	float: left;
	width: 849px;
	border-left: 2px solid #bfbfbf;
}
/* -------------------------------------- */
/* separateYear */
.separateYear {
	width: 809px;
	margin: 0 auto;
	border-bottom: 2px solid #bfbfbf;
}
/* -------------------------------------- */
/* separateMonth */
.separateMonth p.ttlMonth {
	position: absolute;
	width: 152px;
	font-size: 1.1em;
	font-weight: bold;
	margin-top: 6px;
}
.separateMonth p.ttlMonth span {
	margin: 0 2px;
	font-size: 0.8em;
	font-weight: normal;
}
.separateMonth ul li {
	border-top: 1px dashed #bfbfbf;
}
.separateMonth ul li.newsListFirst {
	border: none;
}
/* -------------------------------------- */
/* newsItemList */
.newsItemList li {
  background: url(/images/news_item_dot1.gif) no-repeat 12px 10px;
  height: 4.5em;
  padding: 6px 10px 5px 40px;
  font-size: 1.2em;
  line-height: 1.4em;
}
.newsItemList li a {
  text-decoration: none;
  color: #005aa6;
  background: url(/common/images/link_dot.gif) no-repeat;
  padding-left: 1.5em;
}