@charset "utf-8";

/*---------------------------------------------------------
  HISAEDA CONSULTING CSS : Index
----------------------------------------------------------*/
#indexMain {
	background: url(../images/index/main_bg.jpg) no-repeat 0px 0px;
}
#main a.newWinGray {
	background: url(../images/common/icon_newwin_gray1.gif) no-repeat 0px 2px;
	padding-left: 13px;
}
#indexMain .mainLeft {
	float: left;
	width: 243px;
}
#indexMain .mainLeft h2 {
	padding: 65px 0px 0px 24px;
}
#indexMain .mainLeft p.readText {
	padding: 17px 0px 0px 24px;
}
#indexMain .mainLeft p.profBar {
	padding: 34px 0px 0px 14px;
}
#indexMain #mainCenter {
	float: left;
	width: 365px;
}
#indexMain #mainCenter .picTarget {
	height: 303px;
	width: 365px;
}
#indexMain #mainCenter .picTarget p {
	padding-top: 139px;
	text-align: center;
}
#indexMain .mainRight {
	background: #068F3D url(../images/index/main_right_bg.jpg) no-repeat 0px 0px;
	float: left;
	width: 227px;
	padding: 0px 7px 6px 8px;
}
#indexMain .mainRight ol {
	list-style: none;
}
#indexMain .mainRight ol img {
	vertical-align: bottom;
}

/* indexMainMiddle */
#indexMainMiddle {
	clear: both;
	background: url(../images/index/main_middle_bg.jpg) repeat-x 0px 0px;
	padding: 5px 15px 12px;
}
#indexMainMiddle p {
	line-height: 14px;
	color: #666666;
}

/* indexService */
#service {
	clear: both;
	padding: 0px 15px;
}
#service p {
	font-size: 10px;
	line-height: 14px;
	color: #444444;
	padding: 6px 9px 0px;
}
#service ul {
	padding: 6px 9px;
	list-style: none;
}
#service li {
	line-height:0; /* IE6 hack */
}
#service ul a {
	line-height:16px; /* IE6 hack */
	background: url(../images/common/menu_list_arrow.gif) no-repeat 0px 3px;
	padding: 0px 0px 4px 13px;
	display: block;
}
#service ul a.newWinGreen {
	background: url(../images/common/icon_newwin_green1.gif) no-repeat 0px 4px;
	padding-left: 13px;
}
#service ul li.noLink {
	font-size: 12px;
	line-height: 16px;
	background: url(../images/common/menu_list_arrow.gif) no-repeat 0px 3px;
	padding: 0px 0px 6px 13px;
	display: block;
	text-decoration: none;
}
#service .serviceBox {
	background: url(../images/index/service_bg.jpg) no-repeat left bottom;
	width: 273px;
}
#service .serviceBoxRight {
	background: url(../images/index/service_bg_right.jpg) no-repeat left bottom;
	width: 274px;
}
#service .serviceBox,
#service .serviceBoxRight {
	float: left;
	min-height: 235px;
	height: auto !important;
	height: 235px;
}

/* problem */
#problem {
	clear: both;
	padding: 0px 15px;
	background: url(../images/index/problem_bg.jpg) no-repeat 15px 0px;
}
#problem .tab {
	padding-left: 15px;
}
#problem .tab li {
	float: left;
	padding-right: 3px;
}
#problem .tab li a {
	display: block;
	text-indent: -3000px;
}
#problem .tab li.btnReexamine a {
	height: 38px;
	width: 395px;
	background: url(../images/index/problem_tab_reexamine.jpg) no-repeat 0px 0px;
}
#problem .tab li.btnReexamine a:hover,
#problem .tab li.btnReexamine a.sct {
	background: url(../images/index/problem_tab_reexamine_on.jpg) no-repeat 0px 0px;
}
#problem .tab li.btnTraining a {
	height: 38px;
	width: 394px;
	background: url(../images/index/problem_tab_training.jpg) no-repeat 0px 0px;
}
#problem .tab li.btnTraining a:hover,
#problem .tab li.btnTraining a.sct {
	background: url(../images/index/problem_tab_training_on.jpg) no-repeat 0px 0px;
}
#problem #contTraining {
	display: none;
}
#problem .problemInner {
	background: url(../images/index/problem_cover_bg.gif) repeat-y 10px 0px;
	clear: both;
	padding: 6px 10px 0px;
	width: 800px;
}
#problem .topLine {
	border-top: 2px solid #D6D6D6;
	padding-top: 6px;
}
#problem .problemBox {
	width: 266px;
	float: left;
}
#problem .problemBox ul {
	padding: 0px 15px 15px;
}
#problem .problemBox li {
	line-height: 16px;
	background: url(../images/index/problem_point.jpg) no-repeat 0px 10px;
	padding: 8px 0px 8px 16px;
	min-height: 32px;
	height: auto !important;
	height: 32px;
	border-bottom: 1px dashed #CCC;
}
#problem .problemBox .action {
	background: url(../images/index/problem_action_bg.jpg) no-repeat 1px 0px;
	padding-top: 60px;
}
#problem .problemBox p {
	text-align: center;
}
#problem .problemBox p.btn {
	padding: 6px 0px 15px;
}
#problem .problemBtm {
	background: url(../images/index/problem_cover_btm.gif) no-repeat 0px 0px;
	clear: both;
	height: 9px;
}
#problem .problemBtmText {
	padding: 8px 15px 10px;
	border-bottom: 1px solid #CCC;
}

/* column */
#column {
	padding: 30px 15px 0px;
	clear: both;
}
#column #columnLeft {
	width: 185px;
	padding-right: 15px;
	float: left;
}
#column #columnLeft ul.bnrList li {
	padding-top: 5px;
	list-style: none;
}
#column #columnLeft ul.bnrList li.top {
	padding-top: 5px;
}
#column #columnLeft ul.bnrListSmall {
	padding-top: 12px;
}
#column #columnLeft ul.bnrListSmall li {
	padding-top: 5px;
	list-style: none;
}
#column #columnLeft ul.bnrList li img,
#column #columnLeft ul.bnrListSmall li img {
	vertical-align: bottom;
}

#column #columnRight {
	float: left;
	width: 620px;
}
#column #columnRight .topicsTitle {
	background: url(../images/index/topics_title_bg.jpg) repeat-x left bottom;
	padding: 5px 10px 8px 5px;
	position: relative;
}
#column #columnRight .topicsTitle p.btnList {
	width: 45px;
	position: absolute;
	top: 15px;
	right: 5px;
}
#column #columnRight .topicsTitle p.btnRss {
	width: 50px;
	position: absolute;
	top: 15px;
	right: 59px;
}
#column #columnRight .blogTitle {
	background: url(../images/index/topics_title_bg.jpg) repeat-x left bottom;
	padding: 20px 10px 8px 5px;
	position: relative;
}
#column #columnRight .blogTitle p.btnList {
	width: 45px;
	position: absolute;
	top: 30px;
	right: 5px;
}
#column #columnRight .blogTitle p.btnRss {
	width: 50px;
	position: absolute;
	top: 30px;
	right: 59px;
}