@charset "utf-8";

/*---------------------------------------------------------
  HISAEDA CONSULTING CSS : Casestudy
----------------------------------------------------------*/
#contents .mainTitle {
	position: relative;
	height: 60px;
}
#contents .mainTitle h1.title {
	background: url(none);
	padding: 0px;
	position: absolute;
	left: 0px;
	top: -10px;
}
#contents .mainTitle p.btnRss {
	position: absolute;
	top: 20px;
	right: 12px;
}

/* catList */
#contents .catList {
	background: url(../images/casestudy/top_bg.jpg) no-repeat 0px 100%;
	padding-bottom: 18px;
}
#contents .catList h2 {
	padding-top: 10px;
	background: #FFF;
}
#contents .catList .catListInner {
	background: url(../images/casestudy/top_inner_bg.jpg) no-repeat 21px 0px;
	padding: 12px 0px 5px 27px;
}
#contents .catList .catBox {
	width: 184px;
	float: left;
	padding: 0px 0px 15px 6px;
}
#contents .catList h3 {
	padding-bottom: 5px;
}
#contents .catList ul {
	list-style: none;
	border-right: 1px dashed #CCC;
	padding-right: 6px;
}
#contents .catList ul.rightSide {
	border-style: none;
}
#contents .catList li {
	line-height:0; /* IE6 hack */
}
#contents .catList 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;
}
#contents .topicsList {
	clear: both;
	padding: 0px 5px;
}
#contents .topicsList h2 {
	background: url(../images/casestudy/top_topics_tit_bg.jpg) repeat-x 0px 100%;
	padding: 15px 0px 13px 15px;
}
#contents dl.topics {
	background: url(none);
}

/* contBox */
#contents .contBox {
	padding-top: 15px;
}

/* contLeft */
#contents .contLeft {
	width: 435px;
	float: left;
	padding-right: 15px;
}
#contents .contLeft p.archiveText {
	padding-bottom: 8px;
	color: #0A9240;
	font-size: 10px;
}
#contents .contLeft .contTitle h1 {
	padding: 0px;
}
#contents .contLeft .contTitle h1,
#contents .contLeft .contTitle h2 {
	font-size: 14px;
	line-height: 16px;
	font-weight: bold;
	color: #222222;
	background: url(../images/casestudy/cont_tit_bg.gif) repeat-y 0px 0px;
}
#contents .contLeft .contTitle h1 span,
#contents .contLeft .contTitle h2 span {
	background: url(../images/casestudy/cont_tit.jpg) no-repeat 0px 0px;
	display: block;
	padding: 10px 9px;
}
#contents .contLeft .contTitle h2 a.moreLink {
	color: #222222;
	text-decoration: none;
	background: url(../images/casestudy/cont_tit_link.jpg) no-repeat 0px 0px;
	display: block;
	padding: 10px 75px 10px 9px;
}
#contents .contLeft .contTitle h2 a.moreLink:hover {
	color: #30A162;
	background: url(../images/casestudy/cont_tit_link_on.jpg) no-repeat 0px 0px;
}
#contents .contLeft .contTitle .element {
	font-size: 10px;
	line-height: 14px;
	background: #ECE9D8 url(../images/casestudy/cont_tit_elem.gif) repeat-x 0px 0px;
	border: 1px solid #CCCCCC;
	padding: 4px 8px;
}
#contents .contLeft .contTitle .element p {
	float: right;
	width: 10.5em;
	text-align: right;
	display: block;
}
#contents .contLeft .contTitle .element ul {
	background: url(../images/casestudy/cont_elem_caticon.gif) no-repeat 0px 0px;
	float: left;
	padding-left: 18px;
	padding-top: 2px;
}
#contents .contLeft .contTitle .element li {
	display: inline;
	padding-right: 5px;
}
#contents .contLeft .articleBox {
	clear: both;
	padding-bottom: 20px;
}
#contents .contLeft .articleBox p {
	padding-top: 15px;
}
#contents .contLeft .articleBox ul,
#contents .contLeft .articleBox ol {
	padding: 10px 0px 5px 30px;
}
#contents .contLeft .articleBox li {
	padding: 3px 0px;
	line-height: 18px;
}
#contents .contLeft .articleBox .tbBox {
	padding-top: 30px;
}
#contents .contLeft .articleBox .tbBox label {
	color: #30A162;
}
#contents .contLeft .articleBox .tbBox input {
	padding: 2px 5px;
	width: 300px;
	background: #EDEDED;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #DCDCDC;
	border-bottom: 1px solid #DCDCDC;
	border-left: 1px solid #CCCCCC;
}
#contents .contLeft p.ancContTop {
	padding-bottom: 20px;
	text-align: right;
}
#contents .contLeft p.ancContTop a {
	font-size: 10px;
}
#contents .contLeft .pageMov {
	border: 1px solid #DCDCDC;
	position: relative;
	height: 28px;
}
#contents .contLeft .pageMov p.prev {
	position: absolute;
	left: 1px;
	top: 1px;
}
#contents .contLeft .pageMov p.prev a {
	background: url(../images/casestudy/cont_btn_prev.jpg) no-repeat 0px 0px;
	display: block;
	height: 21px;
	padding: 5px 0px 0px 30px;
}
#contents .contLeft .pageMov p.prev a:hover {
	background: url(../images/casestudy/cont_btn_prev_on.jpg) no-repeat 0px 0px;
}
#contents .contLeft .pageMov p.next {
	position: absolute;
	top: 1px;
	right: 1px;
}
#contents .contLeft .pageMov p.next a {
	background: url(../images/casestudy/cont_btn_next.jpg) no-repeat 100% 0px;
	display: block;
	height: 21px;
	padding: 5px 30px 0px 0px;
}
#contents .contLeft .pageMov p.next a:hover {
	background: url(../images/casestudy/cont_btn_next_on.jpg) no-repeat 100% 0px;
}
#contents .contLeft .articleBottom {
	background: url(../images/casestudy/cont_article_btm_bg.gif) repeat-y 0px 0px;
	margin-top: 15px;
	border: 1px solid #CCCCCC;
}
#contents .contLeft .articleBottom h2 {
	font-size: 12px;
	color: #30A162;
	font-weight: normal;
	width: 110px;
	float: left;
	padding: 10px 0px 10px 10px;
	display: block;
}
#contents .contLeft .articleBottom ul.relation {
	float: left;
	padding-bottom: 10px;
}
#contents .contLeft .articleBottom ul.relation li {
	padding-top: 10px;
	list-style: none;
}
#contents .contLeft .articleBottom ul.relation li a {
	background: url(../images/common/arrow_green1.gif) no-repeat 0px 1px;
	padding-left: 15px;
}
#contents .contLeft .articleBottom ul.wp-tag-cloud {
	padding: 10px 0px;
	float: left;
	display: block;
	width: 300px;
}
#contents .contLeft .articleBottom ul.wp-tag-cloud li {
	display: inline;
	padding-right: 5px;
}

/* contRight */
#contents .contRight {
	float: left;
	width: 170px;
}
#contents .contRight dl.menuList dt {
	padding-top: 15px;
}
#contents .contRight dl.menuList dt.top {
	padding-top: 0px;
}
#contents .contRight dl.menuList dt img {
	vertical-align: bottom;
}
#contents .contRight dl.menuList ul {
	display: block;
	border-top: 1px solid #DCDCDC;
	background: url(../images/casestudy/menu_list_bottom.gif) repeat-x 0px 100%;
	padding-bottom: 2px;
}
#contents .contRight dl.menuList li {
	border-right: 1px solid #DCDCDC;
	border-bottom: 1px solid #DCDCDC;
	border-left: 1px solid #DCDCDC;
	list-style: none;
	line-height: 16px;
}
#contents .contRight dl.menuList a {
	background: url(../images/casestudy/menu_btn_bg.jpg) no-repeat 0px 0px;
	display: block;
	padding: 8px 8px 8px 18px;
	text-decoration: none;
	color: #222222;
}
#contents .contRight dl.menuList a:hover {
	background: #F5F5F5 url(../images/casestudy/menu_btn_bg_on.gif) no-repeat 0px 0px;
	color: #30A162;
}