@charset "UTF-8";
/* basic */
/*/////////////////////////////////////////////////*/


#top #main h1 {
	background : url("../images/main_img.png") no-repeat;
	width:978px;
	height:116px;
}

/* category setting */
/*/////////////////////////////////////////////////*/


/* top */
/*/////////////////////////////////////////////////*/

#qa {
	border : 1px solid #dddddd;
	padding : 10px;
	margin : 0px 10px 13px 10px;
}

#qa p a img:hover {
	background : url("/common/images/bt_over.png") repeat-x;
}

* html body #qa p a img {
	position : relative;
	left : 0px;
	top : 0px;
	cursor : pointer;
}

* html body #qa p a img:hover {
	background : none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/common/images/bt_over.png',sizingMethod=scale);
}
#main .box #topic {
	border:1px #efefef solid;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
	line-height:1.231em;
	padding:10px 10px 8px 10px;
	behavior: url(/common/js/PIE.htc);
	margin:10px;
}

#main .box #topic p {
	display : block;
	margin : 0px 0px 3px 0px;

}
#main .box #topic p em {
	display : block;
	float:left;
	margin : 0px 10px 3px 0px;
	padding : 0px 0px 2px 0px;
	font-size:16px;
	border-bottom:none;
	font-weight : bold;

	letter-spacing:0.5em;
}
#main .box #topic p.kadai {
	padding : 0px 0px 5px 0px;
	border-bottom : 1px dotted #bbbbbb;
}
#main .box #topic p.kadai em {
	color : #dd4f4d;
}


#main .box #topic p.kadai span {
	display : block;
	padding : 0px;
	color : #dd4f4d;
	font-size:14px;
}
#main .box #topic p.kaiketsu {
	padding : 5px 0px 2px 0px;
}




/* table example */
#main .box table.example {
	border-collapse : collapse;
	margin : 0px 9px 13px 10px;
}

#main .box table.example th,
#main .box table.example td {
	padding : 2px 3px 12px 3px;
	font-weight:normal;
}


#main .box ul.industry li {
	background : url("/solution/common/images/bt_bg_industry.gif") no-repeat 0px 0px;
	margin:0px 5px 5px 5px;
	padding :0px;
	height:58px;
	width:290px;
}

#main .box ul.industry li a {
	padding : 18px 0px 20px 42px;
	display : block;
	font-size:1.35em;
	color:#2b556e;	
}

#main .box ul.industry li a:hover {
	text-decoration:underline;
}

/*\*/

* html body #main #contents .box ul.industry li a {
	background-position : 0px 3px;
}

/**/

*+html body #main #contents .box ul.industry li a {
	background-position : 0px 3px;
}


/* embox */

#main .box div.embox-ex {
	margin : 10px 10px 5px 10px;
	padding : 2px 0px 0px 0px;
	background : url("/solution/images/solution_embox_top.gif") no-repeat 0px 1px;
}

#main .box div.embox-ex div.inner {
	background : url("/solution/images/solution_embox_bg_bottom.gif") no-repeat bottom center;
	padding : 7px 7px 0px 0px;
	margin : 0px 0px 0px 0px;
}

#main .box div.embox-ex div.inner em {
	color:#dd4f4d;
	font-style:normal;
}

/*\*/

* html body #main .box div.embox-ex,
* html body #main .box div.embox-ex div.inner {
	width : 600px;
}
/**/
#main .box div.embox-ex div.inner h3 {
	 background:none;margin:0px 0px 10px 0px;
	 padding-left:5px;
}
#main .box div.embox-ex div.inner h2 {
	background-image:none;
	font-size : 18px;
	color : #555;
	padding : 0px 5px 5px 10px;
	 margin:0px 0px 0px 0px;
	 border-bottom:none;
}
#main .box div.embox-ex div.inner p,
#main .box div.embox-ex form {
	margin : 0px 0px 0px 7px;
	padding : 0px 0px 13px 0px;
}
#main .box div.embox-ex div.inner p img.right {
	float : right;
	border-left:none;
	margin : 0px 0px 3px 5px;
}


/* relation link for ex */

#main #contents .relation-link-ex {
	border : 1px solid #dfe4e7;
	background : url("/common/images/relation_link_bg.gif") repeat-y 85px 0px;
	margin : 10px 10px 0px 10px;
	padding : 1px 0px 1px 0px;
	font-size : 11px;
	height:100%;
}

/*\*/
* html body #main #contents .relation-link-ex {
	background-position : 86px 0px;
}
/**/

*+html body #main #contents .relation-link-ex {
	background-position : 86px 0px;
}

#main #contents .relation-link-ex ul {
	background : url("/common/images/relation_link_codesign.gif") no-repeat left center;
	padding : 0px 0px 0px 88px;
	border-left : 1px solid #ffffff;
	float:left;
	
}

#main #contents .relation-link-ex ul li {
	width : 145px;
	padding : 2px 5px 2px 5px;
	float : left;
}

/*\*/
* html body #main #contents .relation-link-ex ul li {
	width : 135px;
}
/**/

#main #contents .relation-link-ex ul li a {
	background : url("/common/images/link_icon.gif") no-repeat 0px 2px;
	display : block;
	padding : 0px 0px 0px 12px;
	text-decoration : none;
}

/* ex hr-line */

.hr_ex {
	height : 8px;
	background:url(/cominfo/common/images/line.gif) no-repeat center;
	margin : 7px 0px 7px 0px;
}

/* float clear */

/*\*/

/* top */
/*/////////////////////////////////////////////////*/

#qa {
	border : 1px solid #dddddd;
	padding : 10px;
	margin : 0px 10px 13px 10px;
}

#qa p a img:hover {
	background : url("/common/images/bt_over.png") repeat-x;
}

* html body #qa p a img {
	position : relative;
	left : 0px;
	top : 0px;
	cursor : pointer;
}

* html body #qa p a img:hover {
	background : none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/common/images/bt_over.png',sizingMethod=scale);
}
#main .box #topic {
	border:1px #efefef solid;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
	line-height:1.231em;
	padding:10px 10px 8px 10px;
	behavior: url(/common/js/PIE.htc);
	margin:10px;
}

#main .box #topic p {
	display : block;
	margin : 0px 0px 3px 0px;

}
#main .box #topic p em {
	display : block;
	float:left;
	margin : 0px 10px 3px 0px;
	padding : 0px 0px 2px 0px;
	font-size:16px;
	border-bottom:none;
	font-weight : bold;

	letter-spacing:0.5em;
}
#main .box #topic p.kadai {
	padding : 0px 0px 5px 0px;
	border-bottom : 1px dotted #bbbbbb;
}
#main .box #topic p.kadai em {
	color : #dd4f4d;
}


#main .box #topic p.kadai span {
	display : block;
	padding : 0px;
	color : #dd4f4d;
	font-size:14px;
}
#main .box #topic p.kaiketsu {
	padding : 5px 0px 2px 0px;
}




/* table example */
#main .box table.example {
	border-collapse : collapse;
	margin : 0px 9px 13px 10px;
}

#main .box table.example th,
#main .box table.example td {
	padding : 2px 3px 12px 3px;
	font-weight:normal;
}


#main .box ul.industry li {
	background : url("/solution/common/images/bt_bg_industry.gif") no-repeat 0px 0px;
	margin:0px 5px 5px 5px;
	padding :0px;
	height:58px;
	width:290px;
}

#main .box ul.industry li a {
	padding : 18px 0px 20px 42px;
	display : block;
	font-size:1.35em;
	color:#2b556e;	
}

#main .box ul.industry li a:hover {
	text-decoration:underline;
}

/*\*/

* html body #main #contents .box ul.industry li a {
	background-position : 0px 3px;
}

/**/

*+html body #main #contents .box ul.industry li a {
	background-position : 0px 3px;
}


/* embox */

#main .box div.embox-ex {
	margin : 10px 10px 5px 10px;
	padding : 2px 0px 0px 0px;
	background : url("/solution/images/solution_embox_top.gif") no-repeat 0px 1px;
}



#main .box div.embox-ex div.inner {
	background : url("/solution/images/solution_embox_bg_bottom.gif") no-repeat bottom center;
	padding : 7px 7px 0px 0px;
	margin : 0px 0px 0px 0px;
}

#main .box div.embox-ex div.inner em {
	color:#dd4f4d;
	font-style:normal;
}



/*\*/

* html body #main .box div.embox-ex,
* html body #main .box div.embox-ex div.inner {
	width : 600px;
}

/**/
#main .box div.embox-ex div.inner h3 {
	 background:none;margin:0px 0px 10px 0px;
	 padding-left:5px;
}




#main .box div.embox-ex div.inner p,
#main .box div.embox-ex form {
	margin : 0px 0px 0px 7px;
	padding : 0px 0px 13px 0px;
}

#main .box div.embox-ex div.inner p img.right {
	float : right;
	border-left:none;
	margin : 0px 0px 3px 5px;
}


#main .box div.embox-ex div.inner div.inner-box-left {
	float:left;
	width:95px;
	margin-right:5px;
}

#main .box div.embox-ex div.inner div.inner-box-right {
	float:left;
	width:480px;
}

#main .box div.embox-ex table.list {
	margin : 0px 0px 13px 0px;
}


#main .box div.embox-ex h3 {
	background : url("/solution/images/solution_embox_title.gif") no-repeat;
	margin : 0px 0px 0px 0px;
	padding : 0px 7px 0px 7px;
	text-indent:-5000px;
	height:37px;
}


#main .box div.embox-ex h3.img {
	padding : 0px 0px 0px 0px;
}

#main .box div.embox-ex h4 {
	margin : 0px 0px 5px 0px;
}


/* relation link for ex */

#main #contents .relation-link-ex {
	border : 1px solid #dfe4e7;
	background : url("/common/images/relation_link_bg.gif") repeat-y 85px 0px;
	margin : 10px 10px 0px 10px;
	padding : 1px 0px 1px 0px;
	font-size : 11px;
	height:100%;
}

/*\*/
* html body #main #contents .relation-link-ex {
	background-position : 86px 0px;
}
/**/

*+html body #main #contents .relation-link-ex {
	background-position : 86px 0px;
}

#main #contents .relation-link-ex ul {
	background : url("/common/images/relation_link_codesign.gif") no-repeat left center;
	padding : 0px 0px 0px 88px;
	border-left : 1px solid #ffffff;
	float:left;
	
}

#main #contents .relation-link-ex ul li {
	width : 145px;
	padding : 2px 5px 2px 5px;
	float : left;
}

/*\*/
* html body #main #contents .relation-link-ex ul li {
	width : 135px;
}
/**/

#main #contents .relation-link-ex ul li a {
	background : url("/common/images/link_icon.gif") no-repeat 0px 2px;
	display : block;
	padding : 0px 0px 0px 12px;
	text-decoration : none;
}

/* ex hr-line */

.hr_ex {
	height : 8px;
	background:url(/cominfo/common/images/line.gif) no-repeat center;
	margin : 7px 0px 7px 0px;
}

/* float clear */

/*\*/