@charset "utf-8";
/* ===================================================================
CSS information

 file name  :top.css
 author     :--- (admin)
 style info :/index.html CSS
=================================================================== */

/*----------------------------------------------------
	#header
----------------------------------------------------*/
#header {
	background: url(/img/top/bg_header_repeat.jpg) repeat-x left top;
}
#header .inner {
	height: 142px;
	background: url(/img/top/bg_header.jpg) no-repeat -40px 0;
}


/*----------------------------------------------------
	#mainContents
----------------------------------------------------*/
#mainContents {
	width: 620px;
}


/* #mainContents .concept 
--------------------------- */
#mainContents .concept {
	position: relative;
	width: 620px;
	height: 295px;
	background: url(/img/top/bg_concept.jpg) no-repeat left top;
}
#mainContents .concept h2 {
	padding: 20px 0 16px 16px;
}
#mainContents .concept h3 {
	position: absolute;
	top: 157px;
	right: 26px;
}
#mainContents .concept h4 {
	position: absolute;
}
#mainContents .concept h4.request01 {
	top: 89px;
	right: 31px;
}
#mainContents .concept h4.request02 {
	top: 84px;
	right: 122px;
}
#mainContents .concept h4.request03 {
	top: 122px;
	right: 212px;
}
#mainContents .concept h4.request04 {
	top: 184px;
	right: 232px;
}
#mainContents .concept h4.request05 {
	top: 246px;
	right: 210px;
}
#mainContents .concept p {
	width: 266px;
	margin: 0 0 14px 24px;
	font-size: 12px;
}

/* #mainContents .service 
--------------------------- */
#mainContents .service {
	width: 620px;
	height: 496px;
	background: url(/img/top/bg_service.jpg) no-repeat left top;	
}
#mainContents .service h2 {
	padding: 16px 0 11px 16px;
}
#mainContents .service p.more {
	padding: 0 16px 0 0;
	text-align: right;
}
#mainContents .service table {
	margin: 0 0 23px 16px;
}
#mainContents .service table tr.head th {
	width: 166px;
	height: 21px;
	vertical-align: top;
}
#mainContents .service table tr.head th.blank {
	width: 96px;
}
#mainContents .service table tr.head th h3 {
	margin: 0 0 0 7px;
	padding: 0;
}
#mainContents .service table tr th {
	vertical-align: top;
	font-size: 0;
}
#mainContents .service table th.telephone_skil {
	height: 77px;
}
#mainContents .service table th.manages_business {
	height: 164px;
}
#mainContents .service table th.lean_sysop {
	height: 96px;
}
#mainContents .service table tr th h3 {
	padding: 8px 0 0 0;
}
#mainContents .service table td {
	font-size: 0;
	vertical-align: top;
}
#mainContents .service table td ul {
	margin: 9px 0 0 7px;
}
#mainContents .service table td ul li {
	margin: 0 0 2px 0;
}
#mainContents .service table td p {
	padding: 6px 0 0 0;
	text-align: right;
}
#mainContents .service table td p a {
	padding: 0 12px 0 12px;
	color: #865C07;
	font-size: 10px;
	background: url(/img/share/link_arrow_brown.gif) no-repeat left center;
}


/*----------------------------------------------------
	#sideContents
----------------------------------------------------*/

/* #sideContents .news 
--------------------------- */
#sideContents .news {
	width: 328px;
	margin: 0 0 10px 0;
	padding: 20px 0 0 0;
	background: url(/img/top/bg_news_top.jpg) no-repeat left top;
}
#sideContents .news .btm {
	padding: 0 0 19px 0;
	background: url(/img/top/bg_news_btm.jpg) no-repeat left bottom;
}
#sideContents .news .inner {
	background: url(/img/top/bg_news.jpg) repeat-y left bottom;
}
#sideContents .news h2 {
	margin: 0 0 12px 22px;
}
#sideContents .news ul {
	width: 280px;
	margin: 0 0 8px 22px;
}
#sideContents .news ul li {
	padding: 8px 3px 8px 3px;
	color: #333333;
	background: url(/img/share/dot_side.gif) repeat-x left bottom;
}
#sideContents .news ul li span {
	display: block;
	text-align: right;
	color: #376FAF;
}
#sideContents .news p {
	text-align: right;
}
#sideContents .news p a {
	padding: 0 24px 0 12px;
	background: url(../img/share/link_arrow_blue.gif) no-repeat left center;
}


/* #sideContents ul.banner
--------------------------- */
#sideContents ul.banner li {
	margin: 0 0 2px 0;
}