@charset "utf-8";

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

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

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

.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(../../bizcard/images/info_text_bg.gif) left top no-repeat;
}

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

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

dl.products {
	margin: 0 0 20px 34px;
	width: 604px;
	background: transparent url(../../bizcard/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: 370px;
	padding: 14px 20px 14px 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
-------------------------------------------------------------------*/
.logoImg { margin: 0 0 10px 45px;}

.indexnavi {
	position: relative;
	margin: 0 0 30px 55px;
	height: 70px;
	width: 600px;
}

.indexnavi .i01,
.indexnavi .i02,
.indexnavi .i03,
.indexnavi .i04 {
	position: absolute;
	top: 0;
}

.indexnavi .i01 { left: 140px;}
.indexnavi .i02 { left: 280px;}
.indexnavi .i03 { left: 420px;}
.indexnavi .i04 { top: 50px; right: 0;}


.indexInfo { margin: 30px 0 40px 44px; }

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


.softNavi {
	margin: 30px 0 40px 34px;
	width: 618px;
}

.softNavi .sectionL,
.softNavi .sectionR { width: 301px;}


.softNavi ul { margin: 10px 0 0 10px;}
.softNavi li {
	padding-left: 13px;
	line-height: 1.5;
	background: transparent url(../../images/common/icon_list02.gif) 0 0.5em no-repeat;
}


/*-------------------------------------------------------------------
 03) software
-------------------------------------------------------------------*/
.detailLayout { width: 616px;}

.detailLayout .imgR {
	float: right;
	margin-left: 10px;
}

.detailLayout .imgR div { margin-bottom: 15px;}

.detailLayout p { width: auto;}

ul.square {
	margin: 0 0 30px 34px;
	width: 616px;
}

ul.square li {
	padding-left: 13px;
	margin-bottom: 1em;
	line-height: 1.5;
	background: transparent url(../../images/common/icon_list02.gif) 0 0.5em no-repeat;
}

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


.mainTxt .detailBox,
.mainTxt .detailBox2 {
	margin: 0 0 34px 24px;
	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: 580px;
}

.mainTxt .detailBox dt,
.mainTxt .detailBox2 dt {
	float: left;
	width: 125px;
	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: 440px;
	font-size: 90%;
	line-height: 1.8;
}

.mainTxt .detailBox2 p.note {
	margin: 18px 0 0 24px;
	padding-left: 1em;
	text-indent: -1em;
	font-size: 90%;
}

.cardImg { margin: 0 0 20px 44px;}

.cardImg img { margin-right: 10px;}

table.cardTable {	
	margin: 0 0 34px 34px;
	width: 600px;
}

* html table.cardTable th,
* html table.cardTable td { font-size: 75%;}

table.cardTable th,
table.cardTable td { padding: 5px 0;}

table.cardTable th {
	width: 150px;
	padding-left: 10px;
	background: transparent url(../../images/common/icon_list.gif) left center no-repeat;
	font-weight: bold;
}


table.typeTable {
	margin: 0 0 40px 34px;
	width: 620px;
	border: 1px solid #4b6e8c;
}

table.typeTable th,
table.typeTable td {
	padding: 10px;
	border: 1px solid #4b6e8c;
	font-size: 90%;
	vertical-align: top;
}

* html table.typeTable th,
* html table.typeTable td {font-size: 65%;}

table.typeTable th {
	background: #c0def7;
}

/*-------------------------------------------------------------------
 04) kumihan megumi
-------------------------------------------------------------------*/
.flow {
	position: relative;
	margin: 0 0 25px 35px;
}

.flow .flow1,
.flow .flow2 {
	position: absolute;
	top: 123px;
}

.flow .flow1 { left: 190px;}
.flow .flow2 { left: 366px;}

.kumihanImg,
.megumiImg { margin: 0 0 30px 34px;}
.kumihanImg img,
.megumiImg img { margin-right: 10px;}


/*-------------------------------------------------------------------
 09) Clearfix
-------------------------------------------------------------------*/
.clearfix:after,
dl.products:after,
dl.products dd.productDetail dl:after,
.mps:after,
.mainTxt .detailBox dl:after,
.mainTxt .detailBox2 dl:after,
.detailLayout:after,
.softNavi: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,
.detailLayout,
.softNavi { 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 .detailLayout,
* html .softNavi { height: 1%;}
.clearfix,
dl.products,
dl.products dd.productDetail dl,
.mps,
.mainTxt .detailBox dl,
.mainTxt .detailBox2 dl,
.detailLayout,
.softNavi { display: block;}
/* MacIE5 */