@charset "utf-8";

/*===================================================================
------------------
CSS Information
------------------
 Site URL :           http://www.dcot.co.jp/
 File name :          barcode.css http://www.dcot.co.jp/css/module/barcode.css
 Summary :            module styles
 Created :            2009-03-24 by yuko aono
 Last Update :        2009-03-24 by yuko aono
 Author :             yuko aono 
===================================================================*/

/*===================================================================
------------------
Table Of Contents
------------------
 01) common
 02) index
 03) software
 
 09) Clearfix
===================================================================*/

/*-------------------------------------------------------------------
 01) common
-------------------------------------------------------------------*/
#titleIndexMain {
	margin: 30px 0 30px 14px;
	width: 666px;
	height: 80px;
	background: transparent url(../../barcode/images/title_bg.jpg) left top no-repeat;
}

#titleIndexMain h2 { padding: 13px 0 0 0;}

#titleIndexMain .topicPath {
	padding: 10px 0 0 16px;
	font-size: 90%;
	color: #ffffff;
}

#titleIndexMain .topicPath a {
	color: #ffffff;
	text-decoration: underline;
}

#titleIndexMain .topicPath a:hover { text-decoration: none;}

.mainTxt h3 { margin: 0 0 25px 24px;}

.mainTxt h4 { margin: 0 0 10px 24px;}

.mainTxt h5 { margin: 0 0 10px 34px;}

.mainTxt h6 {
	margin: 0 0 20px 39px;
	width: 600px;
	line-height: 1.8;
	font-weight: bold;
	color: #457298;
}


.mainTxt p {
	margin: 0 0 2.5em 34px;
	width: 615px;
	line-height: 1.8;
}

.contactBlock {
	position: relative;
	margin: 0 0 34px 24px;
	width: 636px;
	height: 93px;
	background: transparent url(../../barcode/images/info_text_bg.gif) left top no-repeat;
}

.contactBlock .tel,
.contactBlock .form { position: absolute;}

.contactBlock .tel {
	top: 17px;
	left: 25px;
}

.contactBlock .form {
	top: 19px;
	left: 334px;
}


#sideContents h2 { margin: 0 0 18px 82px;}
#sideContents ul { margin: 0 0 0 82px;}

#sideContents li {
	margin: 0 0 0.8em 17px;
	padding-left: 10px;
	background: transparent url(../../images/common/icon_arrow.gif) 0 0.2em no-repeat;
}

#sideContents li.stay a {
	color: #003e72;
	font-weight: bold;
}

#sideContents li a { color: #333333;}

#sideContents li.l01,
#sideContents li.l05,
#sideContents li.l08,
#sideContents li.l09 {
	padding: 0;
	background: none;
}

#sideContents li.l01 { margin: 0 0 13px 0;}
#sideContents li.l05,
#sideContents li.l08,
#sideContents li.l09 { margin: 20px 0 13px 0;}


/*-------------------------------------------------------------------
 02) index
-------------------------------------------------------------------*/
.img1 {
	position: relative;
	margin: 0 0 45px 34px;
	width: 606px;
	height: 393px;
}

.img1 .btnInfo {
	position: absolute;
	bottom: -16px;
	left: 441px;
}

.mainTxt ul.list1 {
	margin-left: 34px;
	width: 600px;
}

.mainTxt ul.list1 li {
	padding-left: 15px;
	margin-bottom: 0.8em;
	font-weight: bold;
	background: transparent url(../../images/common/icon_list02.gif) 0 0.6em no-repeat;
	line-height: 1.7;
}

.mainTxt ul.list1 li ul { margin: 8px 0 0 -14px;}

.mainTxt ul.list1 li li {
	background: none;
	font-weight: normal;
	margin-bottom: 0.6em;
}

.mainTxt ul.last { margin-bottom: 20px;}
.mainTxt ul.list1 li.last { margin-bottom: 3em;}

.img2 { margin: 0 0 45px 34px;}


/*-------------------------------------------------------------------
 09) Clearfix
-------------------------------------------------------------------*/
.clearfix:after,
dl.products:after,
dl.products dd.productDetail dl:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix,
dl.products,
dl.products dd.productDetail dl { display: inline-block;}

/* MacIE5 \*/
* html .clearfix,
* html dl.products,
* html dl.products dd.productDetail dl { height: 1%;}
.clearfix,
dl.products,
dl.products dd.productDetail dl { display: block;}
/* MacIE5 */