@charset "utf-8";

/*
########################################################
  product category
########################################################
*/

div.productCategory{
	width:485px;
	height:auto;
	margin:2px 0 15px 7px;
}

div.productCategoryL{
	width:120px;
	height:auto;
	margin:0;
	float:left;
}
div.productCategoryL h6 {
	margin: 5px 0 10px 0;
}

div.productCategoryR{
	width:360px;
	height:auto;
	margin:0;
	display:inline;
	float: left;
}

div.productCategoryR p {
	padding: 0 0 7px 0;
	margin: 0 10px 0 5px;
}


div#mainContentsArea h3{
	position:relative;
}

div#mainContentsArea h3 a{
	position:absolute;
	top:8px;
	right:8px;
}



/*
########################################################
  product category
########################################################
*/

div.productCategory02{
	width:470px;
	height:auto;
	margin:2px 0 13px 7px;
	background: url(../../common/images/bg_dotted02.gif) repeat-x left bottom;
	padding: 0 0 15px 0;
}

div.productCategoryL02{
	width:120px;
	height:auto;
	margin:0 20px 0 0;
	float:left;
}
div.productCategoryL02 h6 {
	margin: 5px 0 10px 0;
}

div.productCategoryR02{
	width:325px;
	height:auto;
	margin:0;
	display:inline;
	float: left;
}

div.productCategoryR02 p {
	padding: 0 0 7px 0;
	margin: 0 10px 0 5px;
}


/*
########################################################
  product main
########################################################
*/

div.productWordBox{
	width:475px;
	height:auto;
	margin:10px 0 20px 5px;
	padding:6px 0;
	background-color:#ededed;
}

div.productWordBoxL{
	width:120px;
	float:left;
	display:inline;
	margin:0 0 0 6px;
}

div.productWordBoxR{
	width:320px;
	float:left;
	display:inline;
	margin:0 0 0 12px;
}

div.productWordBoxL dl{
	width:118px;
	border-top:1px solid #FFFFFF;
	border-left:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
}

div.productWordBoxL dl dt{
	width:118px;
	border-right:1px solid #FFFFFF;
}

div.productWordBoxL dl dd{
	width:118px;
	text-align:right;
	font-size:85%;
	letter-spacing:-1px;
	padding:0;
	border-right:1px solid #FFFFFF;
}

div.productWordBoxL dl dd p{
	padding:4px 4px 4px 2px;
	font-weight:bold;
}

div.productWordBoxR p{
	line-height:1.6;
}

/* common style
*************************************/

div.solutionList{
	width:475px;
	height:auto;
	margin:10px 0 5px 8px;
	padding:0;
}

div.solutionList dl{
	width:475px;
	height:auto;
}

div.solutionList dl dt{
	float:left;
}

div.solutionList dl dd{
	width:345px;
	float:left;
	display:inline;
	margin:0 0 0 10px;
}

div.solutionList dl dd table{
	width:345px;
	border-collapse:collapse;
}

div.solutionList dl dd table td{
	width:50%;
	padding:0 0 6px 12px;
	font-size:85%;
	background:url(../../common/images/list_nodes.gif) no-repeat 0 0.2em;
}

div.contactNavArea {
	text-align:center;
	margin:17px 0 8px; 
}

/*
########################################################
  concept
########################################################
*/

body * div#mainContents h5 {
	background:none;
	margin:0;
	padding:0;
}

/* topicBox */

dl.topicBox {
	border:1px solid #cccccc;
	display:block;
	padding: 3px 3px 10px 3px;
}

dl.topicBox dt {
	background-color:#e7e7e7;
	text-align: center;
	overflow: hidden;
	height: 27px;
}

dl.topicBox dd {
	margin:3px;
	text-align: center;
}

/* blueBox */

dl.blueBox {
	background: url(../images/bg_blueBox.jpg) repeat-y;
	width: 475px;
	margin: 0 0 0 5px;
}
dl.blueBox dd {
	padding:5px 0 17px 00;
	height: auto;
	clear: left;
	line-height:1.6;
}

dl.blueBox dd.commonBlueBox {background:url(../images/midBar_blueBox.jpg) no-repeat left bottom;}
dl.blueBox dd.lastBlueBox {background:url(../images/footer_blueBox.jpg) no-repeat left bottom;}

dl.blueBox dd .iconReason {
	position: absolute;
	left: 26px;
}

dl.blueBox dd .txtReason {
	margin:0 30px 0 100px;
}

dl.blueBox dd .detailLink {
	float:right;
	display:inline;
	background:url(../../common/images/list_nodes.gif) no-repeat left 4px;
	font-size: 85%;
	padding-left: 12px;
}

/*
########################################################
  merit
########################################################
*/

div.productMeritBox{
	width:480px;
	height:auto;
	margin:15px 0 0 0;
	padding:0;
}

div.productMeritBox dl{
	width:480px;
	height:auto;
	margin:0 0 20px 0;
	padding:0;
	position:relative;
}

div.productMeritBox dl dt{
	position:absolute;
	padding:0 0 0 3px;
}

div.productMeritBox dl dd{
	padding:30px 0 0 89px;
}

div.productMeritBox p.meritNotice{
	font-size:85%;
	padding:0 0 0 25px;
	text-indent:-25px;
	line-height:1.2;
}

div.productMeritBox p.meritNotice strong{
	margin:0 5px 0 0;
}


/*
########################################################
  user_Committee
########################################################
*/

dl.listStyle-01 {
	width: 475px;
	margin: 0 0 15px 10px;
}

dl.listStyle-01 dt a {
	font-weight: bold;
	background: url(../../common/images/list_nodes.gif) no-repeat left 3px;
	padding-left:15px;
}
dl.listStyle-01 dd {
	margin: 5px 0 15px 15px;
}

p.copyBoxGray {
	background-color:#EDEDED;
	padding: 8px;
	text-align: center;
}

div.imgBox160 {
	width: 160px;
	background-color: #EDEDED;
	float: left;
}
div.imgBox160 p {
	font-size: 85%;
	padding:5px;
	line-height: 100%;
}

div.imgBox180 {
	width: 180px;
	background-color: #EDEDED;
	float: left;
}
div.imgBox180 p {
	font-size: 85%;
	padding:5px;
	line-height: 100%;
}
ul.listRight {
	width: 290px;
	margin: 0 0 0 15px;
	padding:0;
	list-style-type: none;
	float: left;
}
ul.listRight li {
	background: url(../../common/images/listimg_01.gif) no-repeat left 7px;
	padding-left:15px;
}

ul.list-voice {
	width: 460px;
	margin: 5px 0 0 0;
	padding:0;
	list-style-type: none;	
}
ul.list-voice li {
	background: url(../../common/images/bg_dotted02.gif) bottom repeat-x;
	padding: 5px 0 5px 0;
}
ul.list-voice li p {
	background: url(../../common/images/ico_voice.gif) left 2px no-repeat;
	padding: 0 0 0 30px;
}



div.comList {
	width: 465px;
	background-color:#EDEDED;
	margin: 0 0 0 5px;
	padding: 5px;
	text-align: center;
}
div.comList p {
	width: 445px;
	text-align:left;
	margin: 0 auto 10px auto;
	background: url(../../common/images/bg_dotted03.gif) repeat-x bottom;
	padding: 0 0 5px 0;
}
div.comList p span{
	margin-left: 10px;
	font-size: 85%;
}
div.comList ul {
	width: 216px;
	margin: 0 0 0 9px;
	padding:0;
	list-style-type: none;
	float: left;
}
div.comList ul li {
	padding: 5px 0 5px 0;
	text-align: left;
	line-height: 100%;
	font-size: 90%;
}
div.comList ul li span{
	font-size: 85%;
}

/*
########################################################
  service
########################################################
*/
p.btnArea {
	margin: 25px 0 15px 0;
	text-align: center;
}
p.btnArea img {
	margin: 0 10px 0 10px;	
}

p.rightBox {
	width: 270px;
	margin: 0 0 10px 15px;
	padding:0;
	float: left;	
}

.course {
	width: 475px;
	margin: 5px 0 20px 5px;
}
.course dl {
	width: 230px;
	background: url(../service/support/images/bg_middle.gif) repeat-y top;
	margin:0 0 10px 0;
	padding:0;
	float:left;
}
.course dl dt {
	width: 220px;
	background: url(../service/support/images/bg_top.gif) no-repeat top;
	padding: 10px 0 0 10px;
	margin: 0;
}
.course dl dt img {
	margin: 0 0 10px 0;
}
.course dl dd {
	width:210px;
	margin: 0 0 0 0;
	padding: 0 10px 20px 10px;
	background: url(../service/support/images/bg_bottom.gif) no-repeat bottom;
}
.course dl dd img {
	margin: 15px 0 5px 0;
}

/*
########################################################
  casestudy
########################################################
*/

.casestudy{
	background-color:#ededed;
	padding:2px;
	margin:15px 0 10px 0;
	width:100%;
}

.casestudy td.cs_ttl{
	width:65px;
}

img.imgR{
	float:right;
	margin:0 0 10px 10px;
}

img.imgL{
	float:left;
	margin:0 10px 10px 0;
}

div.caution{
	background:url(../images/line_dot_casestudy.gif) repeat-x top;
	font-size:80%;
	text-indent: -1em;
	padding-top: 15px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 1em;
}

div.corp{
	margin:10px 8px 0 8px;
	background:url(../casestudy/images/subh_jac_line.jpg) repeat-y 0px top;
}	

div.corp div{
	padding:0px 15px 5px 15px;
}

div.corp div th{
	vertical-align:top;
	width:18%;
	background-color:#EDF1F3;
	padding:5px 10px 5px 15px;
	border-top:1px solid #ffffff;
	border-bottom:solid 1px #D8D8D8;
	border-right:solid 1px #D8D8D8;
}

div.corp div td{
	vertical-align:top;
	width:80%;
	background-color:#f5f5f5;
	padding:5px 10px 5px 15px;
	border-top:1px solid #ffffff;
	border-left:1px solid #ffffff;
	border-bottom:solid 1px #D8D8D8;
	border-right:solid 1px #D8D8D8;
}


/*
########################################################
  best solution BOX
########################################################
*/

dl.solutionBox {
	background: url(../images/tbl_best_m.gif) repeat-y;
	width: 475px;
	margin: 0 0 20px 5px;
}
dl.solutionBox dd {
	padding:5px 0 17px 00;
	height: auto;
	clear: left;
	line-height:1.6;
}

dl.solutionBox dd {
	background: url(../images/tbl_best_b.gif) no-repeat left bottom;
	padding:10px 15px 10px 15px;
}

/*
########################################################
  best solution BOX
########################################################
*/

dl.solutionBox-s {
	background: url(../images/bg_tbl.gif) repeat-y;
	width: 355px;
	margin: 0 0 20px 0;
}
dl.solutionBox-s dd {
	height: auto;
	clear: left;
	position: relative;
	line-height:1.6;
}

dl.solutionBox-s dd {
	background: url(../images/tbl_b.gif) no-repeat left bottom;
	padding:10px 15px 10px 15px;
}

/*
########################################################
  flashContents
########################################################
*/
div#flashContents {
	width:480px;
	height: 560px;
	margin:0 0 0 5px;
	padding:0 ;
	display:none;
}