@charset "utf-8";

/*===================================================================
------------------
CSS Information
------------------
 Site URL :           http://www.dcot.co.jp/
 File name :          solution.css http://www.dcot.co.jp/css/module/solution.css
 Summary :            module styles
 Created :            2009-03-20 by yuko aono
 Last Update :        2009-03-20 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(../../solution/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 40px;}

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

.mainTxt p.indent { margin: 0 0 2em 44px;}

.mainTxt p.description {
	font-weight: bold;
	color: #457298;
}


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

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

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

.contactBlock .form {
	top: 18px;
	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
-------------------------------------------------------------------*/
.howImg { margin: 30px 0 15px 45px;}

table.solutionTable {
	margin: 0 0 20px 45px;
	width: 604px;
	border: 1px solid #f7bd82;
}

table.solutionTable th,
table.solutionTable td { border: 1px solid #f7bd82;}

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

table.solutionTable th {
	padding-left: 10px;
	vertical-align: middle;
	width: 153px;
}
table.solutionTable td { padding: 10px 15px;}

table.solutionTable td ul { margin-bottom: 1em;}

table.solutionTable td ul li {
	float: left;
	width: auto;
	padding-left: 12px;
	margin-right: 5px;
	background: transparent url(../../images/common/icon_list.gif) 0 0.3em no-repeat;
	font-weight: bold;
}

.solutionList {}

.solutionList h6 {
	margin: 0 0 0.3em 40px;
	padding-left: 12px;
	background: transparent url(../../images/common/icon_list02.gif) 0 0.3em no-repeat;
	font-weight: bold;
}

.solutionList p {margin: 0 0 1.5em 50px;}



/*-------------------------------------------------------------------
 09) Clearfix
-------------------------------------------------------------------*/
.clearfix:after,
table.solutionTable td ul:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix,
table.solutionTable td ul { display: inline-block;}

/* MacIE5 \*/
* html .clearfix,
* html table.solutionTable td ul { height: 1%;}
.clearfix,
table.solutionTable td ul { display: block;}
/* MacIE5 */