@charset "utf-8";

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

/*===================================================================
------------------
Table Of Contents
------------------
 01) common
 02) index
 03) domestic
 04) international
 05) card
 
 09) Clearfix
===================================================================*/

/*-------------------------------------------------------------------
 01) common
-------------------------------------------------------------------*/
#titleIndexMain {
	margin: 30px 0 30px 14px;
	width: 666px;
	height: 80px;
	background: transparent url(../../printer/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 34px;}

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

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

.contactBlock .tel,
.contactBlock .form {
	position: absolute;
	top: 15px;
}

.contactBlock .tel { left: 25px;}
.contactBlock .form { left: 334px;}


dl.products {
	margin: 0 0 20px 34px;
	width: 604px;
	background: transparent url(../../printer/images/bg_products.gif) left top repeat-y;
	border: 1px solid #cccccc;
}

dl.products dt {
	float: left;
	width: 193px;
	display: block;
	background: #ffffff;
}

dl.products dd {
	float: right;
	width: 380px;
	padding: 14px 20px 0 0;
	line-height: 1.8;
}

* html dl.products dd { width: 390px;}


dl.products dd.productDetail dl {
	margin: 0 0 0 0;
	width: 370px;
}

dl.products dd.productDetail dt {
	float: left;
	width: 80px;
	background: none;
	font-weight: bold;
}

dl.products dd.productDetail dd {
	float: right;
	width: 280px;
	padding: 0;
}


#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
-------------------------------------------------------------------*/
.indexInfo { margin: 30px 0 20px 34px; }

.mainTxt .mt20 { margin: 20px 0 20px 34px; }

.indexInfo a { margin-right: 15px;}


/*-------------------------------------------------------------------
 03) domestic
-------------------------------------------------------------------*/


table.brandTable {
	margin: 0 0 40px 34px;
	width: 615px;
}

table.brandTable caption { font-weight: bold;}

* html table.brandTable caption,
* html table.brandTable td { font-size: 75%;}

table.brandTable td {
	padding: 10px 0 10px 8px;
	width: 197px;
}

table.brandTable td.t01,
table.brandTable td.t02 {
	background: transparent url(../../images/common/bg_brand_table.gif) left bottom no-repeat;
}

table.brandTable td.t03 {
	background: transparent url(../../images/common/bg_brand_table2.gif) left bottom no-repeat;
}


/*-------------------------------------------------------------------
 04) international
-------------------------------------------------------------------*/
.logoImg { margin: 0 0 35px 74px;}

ul.list { margin: 0 0 30px 45px;}

ul.list li {
	padding-left: 10px;
	margin-bottom: 1em;
	background: transparent url(../../images/common/icon_list.gif) left center no-repeat;
}

table.productsTable {
	margin: 0 0 30px 40px;
	width: 605px;
}

table.productsTable td { vertical-align: top;}

* html table.productsTable td { font-size: 75%;}

table.productsTable td h4 { margin: 0 0 8px 0;}

table.productsTable td dl {
	border: 1px solid #cccccc;
	margin-right: 10px;
	background: transparent url(../../images/common/bg_check2.gif) left top repeat;
}

table.productsTable td dd {
	padding: 10px;
	border-top: 1px solid #cccccc;
	line-height: 1.6;
}

.mps {
	margin: 0 0 0 36px;
	width: 605px;
}

.mps .pictR {
	float: right;
	margin-left: 10px;
}

.mps .pictR div { margin-bottom: 15px;}

.mps p {
	width: auto;
	margin: 0 0 1em 0;
	padding: 0;
	line-height: 1.8;
}


/*-------------------------------------------------------------------
 05) card
-------------------------------------------------------------------*/
.mainTxt p.indent { margin: 0 0 2em 44px;}

.mainTxt .fips {
	position: relative;
	margin: 0 0 35px 44px;
}

.mainTxt .fips p {
	position: absolute;
	top: 0;
	left: 73px;
	margin: 0;
	width: 540px;
	font-size: 90%;
}

.mainTxt h3.detail { margin: 0 0 0 34px;}

.mainTxt .detailBox,
.mainTxt .detailBox2 {
	margin: 0 0 34px 34px;
	padding: 15px 0;
	border-left: 1px solid #4b6e8c;
	border-right: 1px solid #4b6e8c;
	border-bottom: 1px solid #4b6e8c;
}

.mainTxt .detailBox {width: 604px;}
.mainTxt .detailBox2 {width: 614px;}

* html .mainTxt .detailBox {width: 606px;}
* html .mainTxt .detailBox2 {width: 616px;}

.mainTxt .detailBox dl,
.mainTxt .detailBox2 dl {
	margin: 0 0 0 24px;
	padding: 0;
	width: 570px;
}

.mainTxt .detailBox dt,
.mainTxt .detailBox2 dt {
	float: left;
	width: 105px;
	padding-left: 10px;
	background: transparent url(../../images/common/icon_list.gif) left center no-repeat;
	font-weight: bold;
	font-size: 90%;
	line-height: 1.8;
}

.mainTxt .detailBox dd,
.mainTxt .detailBox2 dd {
	float: right;
	width: 450px;
	font-size: 90%;
	line-height: 1.8;
}

.mainTxt .detailBox p.attention {
	width: auto;
	margin: 5px 0 0 24px;
	font-size: 90%;
}

.mainTxt .cardNavi { margin: 0 0 40px 34px;}

.mainTxt .cardNavi div {
	float: left;
	width: 197px;
	margin-right: 10px;
}

.mainTxt .cardNavi p {
	margin: 7px;
	width: 182px;
	font-size: 90%;
	line-height: 1.4;
}

/*-------------------------------------------------------------------
 06) security
-------------------------------------------------------------------*/

.security h4 {display:none;}

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

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

.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;}

.mainTxt p.detail { margin: 0 0 0 34px;}

.mainTxt .detailBox3 {
	margin: 0 0 5px 34px;
	padding: 15px 0;
	border-left: 1px solid #4b6e8c;
	border-right: 1px solid #4b6e8c;
	border-bottom: 1px solid #4b6e8c;
}

.mainTxt .detailBox3 {width: 604px;}
* html .mainTxt .detailBox3 {width: 606px;}

.mainTxt .detailBox3 dl {
	margin: 0 0 0 24px;
	padding: 0;
	width: 570px;
}

.mainTxt .detailBox3 dt {
	float: left;
	width: 240px;
	padding-left: 10px;
	background: transparent url(../../images/common/icon_list.gif) left center no-repeat;
	font-weight: bold;
	font-size: 85%;
	line-height: 1.8;
}

.mainTxt .detailBox3 dd {
	float: right;
	width: 320px;
	font-size: 85%;
	line-height: 1.8;
}
.mainTxt .screeenImg {
	width:605px;
	margin: 0 0 30px 34px;
}

.mainTxt .screeenImg img {float:left;}

.mainTxt .screeenImg p {
	margin:12px 0 0 0;
	width:292px;
	float:right;
}

.mainTxt #mailExample {
	width:606px;
	margin: 0 0 27px 34px;
}

#mailExample .sectionR {width:385px;}
#mailExample .sectionR dt {
	color:#013769;
	font-weight:bold;
}

#mailExample .sectionR dd {margin:7px 0 20px 0;}

#mailExample .sectionR p {
	width:auto;
	margin:0;
	font-size:85%;
}

.mainTxt .detailBox4 {
	margin:0 0 40px 34px;
	padding: 15px 0;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.mainTxt .height4 {height:4px;}
*html .mainTxt .height4 img {vertical-align:bottom;}
.mainTxt .detailBox4 {width: 604px;}
* html .mainTxt .detailBox4 {width: 606px;}

.mainTxt .detailBox4 ul {
	margin: 0 0 0 24px;
	padding: 0;
	width: 570px;
}

.mainTxt .detailBox4 li {
	padding-left: 10px;
	background: transparent url(../../images/common/icon_list.gif) left center no-repeat;
	font-size: 85%;
	line-height: 1.8;
}

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

.clearfix,
dl.products,
dl.products dd.productDetail dl,
.mps,
.mainTxt .detailBox dl,
.mainTxt .detailBox2 dl,
.mainTxt .detailBox3 dl,
.mainTxt .cardNavi { display: inline-block;}

/* MacIE5 \*/
* html .clearfix,
* html dl.products,
* html dl.products dd.productDetail dl,
* html .mps,
* html .mainTxt .detailBox dl,
* html .mainTxt .detailBox2 dl,
* html .mainTxt .detailBox3 dl,
* html .mainTxt .cardNavi { height: 1%;}
.clearfix,
dl.products,
dl.products dd.productDetail dl,
.mps,
.mainTxt .detailBox dl,
.mainTxt .detailBox2 dl,
.mainTxt .detailBox3 dl,
.mainTxt .cardNavi { display: block;}
/* MacIE5 */