@charset "utf-8";
/* -----------------------------------------------

=index Style

----------------------------------------------- */

div.subArea ul {
	width: auto;}

div.subArea li {
	width: 190px;
	clear: both;
	background: url(/common/img/line_dotted.gif) left bottom repeat-x;}

div.subArea li a,
div.subArea li a:link,
div.subArea li a:visited {
	display: block;
	height: auto !important;
	height: 1%;
	padding: 6px 0 6px 20px;
	margin-bottom: 1px;
	font-size: 0.8em;
	background: url(/case/common/img/lnav_arrow.gif) 12px 11px no-repeat;
	text-decoration: none;}

div.subArea li a:hover,
div.subArea li a:active {
	background: url(/case/common/img/lnav_arrow_o.gif) 12px 11px no-repeat #0237a2;
	color: #FFFFFF;}

div.subArea li#imgNav {
	list-style-type: none;
	text-indent: 0;}

div.subArea li#imgNav a {
	padding: 0;
	margin-bottom: 0;
	text-indent: 0;
	background: none;}

.ex01 #ex01 a,
.ex02 #ex02 a,
.ex03 #ex03 a,
.ex04 #ex04 a,
.ex05 #ex05 a,
.ex06 #ex06 a,
.ex07 #ex07 a {
	background: url(/case/common/img/lnav_arrow_o.gif) 12px 11px no-repeat #0237a2;
	color: #FFFFFF;}



/* =index Style
____________________________________________________________________________ */



#topStyle h2 {
	padding: 0;
	margin: 0;
	background: none;}

#topStyle h3 {
	padding: 0 0 10px 0;
	margin-bottom: 15px;
	background: url(/common/img/bg_shadow.gif) left bottom repeat-x;
	font-size: 0;
	line-height: 0;}


#topStyle p#ctgLead {
	padding-bottom: 25px;}

#topStyle div.mainArea dl {
	width: 580px;}

#topStyle div.mainArea dt {
	width: 580px;
	float: left;}

#topStyle div.mainArea dt span {
	display: block;
	width: 5em;
	float: left;
	padding: 4px 0 1px 0;
	text-indent: 10px;
	background: url(/case/common/img/bg_label.gif) right top no-repeat #628bde;
	color: #FFFFFF;
	font-weight: bold;
	line-height: 1.3em;}

#topStyle div.mainArea dt a {
	display: block;
	float: left;
	padding: 4px 0 0 5px;
	font-size: 1.2em;
	font-weight: bold;}

#topStyle div.mainArea dd {
	width: 580px;
	clear: both;
	padding: 10px 0 20px 0 ;
	margin: 0 0 20px 0;
	background: url(/common/img/line_dotted.gif) left bottom repeat-x;}


/* =contents Style
____________________________________________________________________________ */

body#ctgStyle h2 {
	font-size: 1em;}

body#ctgStyle h2 span {
	display: block;
	width: 5em;
	float: left;
	padding: 4px 0 1px 0;
	text-indent: 10px;
	background: url(/case/common/img/bg_label.gif) right top no-repeat #628bde;
	color: #FFFFFF;
	font-weight: bold;
	line-height: 1.3em;}

body#ctgStyle h2 span.exTtl {
	width: auto;
	float: none;
	padding: 0 0 5px 0;
	background: none;
	color: #000000;
	font-size: 1.4em;
	line-height: 1.3em;
	border-bottom: 1px solid #bbbbbb;}

body#ctgStyle div.section01 {
	padding: 15px 13px 17px;
	margin-bottom: 20px;
	background: #ebebeb;}

body#ctgStyle div.section01 h3 {
	padding-bottom: 10px;}

body#ctgStyle div.section01 dt {
	width: 4.5em;
	float: left;
	clear: both;
	font-weight: bold;}

body#ctgStyle div.section02 {
	padding-bottom: 40px;
	margin-bottom: 8px;
	background: url(/case/common/img/arrow_gray.gif) center bottom no-repeat;}

body#ctgStyle div.section02 div {
	padding: 15px;
	border: 1px solid #b2b2b2;}

body#ctgStyle div.section02 div h3 {
	padding: 0 0 13px 0;
	text-align: center;
	font-size: 0;
	line-height: 0;}


body#ctgStyle div.section03 {
	padding: 0 0 38px 0;
	margin-bottom: 10px;
	background: url(/case/common/img/arrow_blue.gif) center bottom no-repeat;}

body#ctgStyle div.section03 div {
	padding: 0 14px 25px 14px;
	border: 2px solid #b0c5ee;}

body#ctgStyle div.section03 div div {
	padding: 0;
	border: none;
	background: #e0e7f4;}

body#ctgStyle div.section03 h3,
body#ctgStyle div.section04 h3,
body#ctgStyle div.section05 h3 {
	text-align: center;
	padding: 15px;}

body#ctgStyle div.section03 div.box01 {
	padding: 15px 17px 0 17px;
	background: #e0e7f4;
	border: 2px solid #ffffff;
	border-width: 0 0 2px 0;}

body#ctgStyle div.section03 div.box01 dl {
	padding: 0 0 10px 0;}

body#ctgStyle div.section03 div.box01 dt {
	width: 510px;
	float: left;
	padding: 0 0 10px 0;}

body#ctgStyle div.section03 div.box01 dt img {
	float: left;}

body#ctgStyle div.section03 div.box01 dt span {
	display: block;
	float: left;
	padding: 2px 0 0 7px;
	font-size: 1.2em;
	font-weight: bold;
	color: #0237A2;}

body#ctgStyle div.section03 div.box01 dd {
	clear: both;
	padding: 0 0 10px 72px;}

body#ctgStyle div.section03 div.box01 ul {
	padding: 0 0 0 15px;}

body#ctgStyle div.section03 div.box01 li {
	list-style-type: disc;}

body#ctgStyle div.section03 div.box02 {
	background: url(/case/common/img/bg_box.gif) left top repeat-y;}

body#ctgStyle div.section03 div.box02 dl {
	padding: 10px 0;}

body#ctgStyle div.section03 div.box02 dt {
	font-weight: bold;}

body#ctgStyle div.section03 div.box02 dt,
body#ctgStyle div.section03 div.box02 dd {
	padding: 0 15px;}

body#ctgStyle div.section03 div.box02 dl.term {
	width: 140px;
	float: left;}

body#ctgStyle div.section03 div.box02 dl.related {
	width: 390px;
	float: left;}
	
body#ctgStyle div.section03 div.box02 dl.related li {}

body#ctgStyle div.section03 div.box02 dl.related li a {
	padding-right: 10px;
	font-size: 0.8em;}

body#ctgStyle div.section03 div.box02 dl.related li span {
	font-size: 0.8em;}

body#ctgStyle div.section03 div p {
	clear: both;
	padding: 20px 0 0 0;}

body#ctgStyle div.section03 p.solutionLead {
	padding: 0px 0 10px 0;}

body#ctgStyle div.section04 {
	padding: 0 0 38px 0;
	margin-bottom: 10px;
	background: url(/case/common/img/arrow_blue.gif) center bottom no-repeat;}

body#ctgStyle div.section04 div {
	padding: 0 14px 15px 14px;
	border: 2px solid #b0c5ee;}

body#ctgStyle div.section05 {
	margin-bottom: 30px;}

body#ctgStyle div.section05 div {
	padding: 0 14px 15px 14px;
	border: 2px solid #246cff;}



div.bottomSection {
	padding: 10px 0 0 0; }

div.bottomSection p.linkInq {
	padding: 8px 0 0 0;
	margin: 8px 0 0 0;
	border-top: 1px solid #bbbbbb;
	text-align: center;}