@charset "UTF-8";

/*////////////////////////////////////////////////////////

introduction

////////////////////////////////////////////////////////*/

.introTitle1,
.introTitle2,
.introTitle3,
.introTitle4 {
	width:564px;
	height:41px;
	margin-bottom:20px;
}

.introTitle1 {
	background-image: url(../images/introduction/h1_tit_01.jpg);
}

.introTitle2 {
	background-image: url(../images/introduction/h1_tit_02.jpg);
}

.introTitle3 {
	background-image: url(../images/introduction/h1_tit_03.jpg);
}

.introTitle4 {
	background-image: url(../images/introduction/h1_tit_04.jpg);
}

.introText {
	padding: 0px 0px 20px 3px;
	line-height:150% !important;
	position:relative;
}

#introImage1,
#introImage2,
#introImage3,
#introImage4,
#introImage5 {
	position:absolute;
	top:0px;
}

#introImage1 {
	left:400px;
}

#introImage2 {
	left:320px;
}

#introImage3 {
	left:420px;
}

#introImage4 {
	left:0px;
}

#introImage5 {
	left:315px;
}


/* left navigation
------------------------------------------------------- */

#introLeftNavi01 a {
	height:34px !important;
	background-image: url(../images/introduction/lnavi_01.gif);
}

#introLeftNavi02 a {
	height:22px !important;
	background-image: url(../images/introduction/lnavi_02.gif);
}

#introLeftNavi03 a {
	height:34px !important;
	background-image: url(../images/introduction/lnavi_03.gif);
}

#introLeftNavi04 a {
	height:34px !important;
	background-image: url(../images/introduction/lnavi_04.gif);
}

#introLeftNavi05 a {
	height:22px !important;
	background-image: url(../images/introduction/lnavi_05.gif);
}


/* problem solver
------------------------------------------------------- */

#problemTitle1 {
	width:564px;
	height:41px;
	margin-bottom:20px;
	background:url(../images/introduction/problemsolver/h1_tit.jpg);
}

#problemOuterBox {
	width:585px;
	position:relative;
	overflow:hidden;
}

#problemText {
	margin-bottom:10px;
	padding-bottom:20px;
	background:url(../images/introduction/problemsolver/line_dot.jpg) no-repeat bottom;
}

#problemRighttBox {
	float:right;
	width:384px;
	padding-right:20px;
	position:relative;
	overflow:hidden;
}

#problemRighttBox ol li {
	width:375px;
	margin:10px 0;
	padding-bottom:10px;
	background:url(../images/introduction/problemsolver/line_dot.jpg) no-repeat bottom;
	position:relative;
	overflow:hidden;
}

#problemList01 {
	background:url(../images/introduction/problemsolver/icon_no1.gif) no-repeat 10px 0px;
}

#problemList02 {
	background:url(../images/introduction/problemsolver/icon_no2.gif) no-repeat 10px 0px;
}

#problemList03 {
	background:url(../images/introduction/problemsolver/icon_no3.gif) no-repeat 10px 0px;
}

#problemList04 {
	background:url(../images/introduction/problemsolver/icon_no4.gif) no-repeat 10px 0px;
}

#problemList05 {
	background:url(../images/introduction/problemsolver/icon_no5.gif) no-repeat 10px 0px;
}

.boxRight {
	width:105px;
	float:right;
}

.boxLeft {
	width:220px;
	padding-left:35px;
	float:left;
}

.boxCenter {
	width:330px;
	padding-left:35px;
}

.problemImage {
	position:absolute;
	top:0px;
	left:250px;
}

#problemLeftBox {
	width:160px;
	text-align:center;
	border:1px solid #000000;
	float:left;
}

#LeftBoxTitle {
	width:160px;
	height:31px;
	margin-bottom:10px;
	background:url(../images/introduction/problemsolver/step_tit.gif) right top no-repeat;
}

#problemLeftBox ol {
	width:120px;
	margin:auto;
}

#problemLeftBox ol li {
	padding:5px 0 20px 0;
	background: url(../images/introduction/problemsolver/step_arrow.gif) no-repeat bottom center;
}

.last {
	background:none !important;
}

#problemLeftBox ol li p a {
	font-size:10px;
	font-weight:bold;
	color:#333333;
	text-decoration:underline;
}

#problemLeftBox ol li p a:hover {
	color:#333333;
	text-decoration:none;
}

.BoxLeftImage {
	border:1px solid #A7A7A7;
}