@charset "utf-8";

/*---------------------------------------------------------
  HISAEDA CONSULTING CSS : Index
----------------------------------------------------------*/
#indexMain:after,
#indexService:after,
#column:after {
	content: "";
	display: block;
	clear: both; 
}
#indexMain,
#indexService,
#column {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html #indexMain,
* html #indexService,
* html #column {
	height: 1%;
}
#indexMain,
#indexService,
#column {
	display: block;
}
/* End hide from IE-mac */

#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 .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;
}

/* column */
#column {
	padding: 15px 15px 0px;
	clear: both;
}
#column #columnLeft {
	width: 185px;
	padding-right: 15px;
	float: left;
}
#column #columnLeft dl.bnrList dt {
	padding-top: 15px;
}
#column #columnLeft dl.bnrList dt.top {
	padding-top: 0px;
}
#column #columnLeft dl.bnrList dt img {
	vertical-align: bottom;
}
#column #columnLeft dl.bnrList dd {
	font-size: 10px;
	color: #666666;
	line-height: 14px;
	padding-top: 4px;
}
#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;
}
