@charset "UTF-8";

/*--------------------------------------
eyeCatch
--------------------------------------*/

#eyeCatch {
	clear:both;
	width:920px;
	background:#FFF;
	margin-right: 20px;
	margin-left: 20px;
}

#eyeCatch p {
	margin:0;
}

#eyeCatch #topicPath {
	margin-top:10px;
	margin-bottom:-10px;
}

#eyeCatch h1 img,
#eyeCatch p img {
	vertical-align:bottom;
}


/*--------------------------------------
main
--------------------------------------*/


#main{
	float:left;
	width:625px;
	clear:both;
	overflow: hidden;
	margin-left: 20px;
}


#main ul li a img.newService{
	border:0 none;
	position:absolute;
	z-index:100;
	left: 0px;
	top: 0px;
}

#main h2,
#sideBox h2{
	height: 40px;
	padding: 10px 0 0 0;
}

#topService{
	width:625px;
	padding-bottom:10px;
	padding-top:20px;
}

#topService li{
	width:208px;
	height:160px;
	float:left;
	text-align:right;
	position:relative;
	padding-top: 2px;
	overflow:hidden;
}

#topSales{
	width:625px;
	padding-bottom:10px;
	padding-top:20px;
}

#topSales li{
	width:625px;
	height:160px;
	float:left;
	text-align:right;
	position:relative;
	padding-top: 2px;
	overflow:hidden;
}

/*--------------------------------------
sideBox
--------------------------------------*/

#sideBox{
	width:305px;
	float:left;
	clear:right;
	position:relative;}

#sideBox h2{
	padding-bottom:15px;}
	
#sideBox h3{
margin-left:15px;
padding:10px 0 0;}

#sideBox h4{
	margin-bottom: 5px;
}


ul.rssLink{
	position:absolute;
	right:0px;
	top:20px;
}


ul#topicBanner,
ul#jobBanner,
div.news{
	margin-left:15px;
	width:290px;
	margin-top:10px;
}
ul#topicBanner{
	border-top:1px solid #B8AE9C;
	padding-bottom:10px;
}

ul#jobBanner{
	padding-bottom:10px;
}


ul#topicBanner li,
ul#jobBanner li,
div.news{
	margin-top:10px;
	clear:both;}

div.news{
	border-bottom:1px dotted #B9B09D;
	padding:15px 0 10px;
}

/*--------------------------------------
newsArea
--------------------------------------*/

h4.blogTitle {
	font-weight: bold;
	color: #07913B;    	
}

a {
	text-decoration:none;
	color: #07913B;
}

#newsArea {
	margin-left:15px;
	width:290px;
	margin-top:10px;
	padding: 10px;
}

.date {
	color:#D81511;
	font-size:0.8em;
	margin-bottom: 5px;
}

p.blogEntry {
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #07913B;
	font-size: 0.9em;
}


/* Modern browsers like Firefox, Safari, Opera */
.clearfix:after,
.lstD1:after,
.lstD2:after,
div.boxLst:after,
.conPlain:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* IE 7 and MacIE*/
.clearfix,
.lstD1,
.lstD2,
div.boxLst,
.conPlain {
	display: inline-block;
}

/* Hides from IE-mac */
* html .clearfix,
* html .lstD1,
* html .lstD2,
* html div.boxLst,
* html .conPlain {
	height: 1%;
}
* html .clearfix,
* html .lstD1,
* html .lstD2,
* html div.boxLst,
* html .conPlain {
	display: block;
}
/* End hide from IE-mac */ 

/*--------------------------------------
Sitemap
--------------------------------------*/

ul#sitemap li {
	margin: 0 0 0 10px;
	padding: 0 0 0 20px;
	line-height: 160%;
	background-image: url(../images/mark_arrow_s.gif);
	background-repeat: no-repeat;
	background-position: 0 4px;
}
ul#sitemap li ul {
	background: url(img/ic_bk.gif) no-repeat 17px 0;　// ul の背景に点線の画像を設定
}
ul#sitemap li ul.category li {
	background: url(../images/mark_arrow_s.gif) no-repeat 1px -283px;　// 長さ 300px あるのでマイナスで位置調整
}
ul#sitemap li ul.page li {
	background: url(img/ic_page.gif) no-repeat 1px -283px;
}
ul#sitemap li ul li.last {
	background-color: #FFFFFF; // 点線の表示を消すため、背景と同じ色にします。
}