@charset "UTF-8";
/*
hotstaff.jp
top page.css
----------------------------------
-----------------------------------*/
.normal{	font-weight:normal;	}
.align-right{
	text-align:right;
}
.align-left{
	text-align:left;
}
.align-center{
	text-align:center;
}
.arrow{
	padding-left:15px;
	background:url(../img/common/icon_square-arrow.gif) left center no-repeat;
}

/*cachcopy*/
#catchcopy{
	margin-bottom:2em;
}

/*blog new*/
dl#blog-new{
	margin-bottom:1.5em;
}
dl#blog-new dt{
	float:left;
	margin: 0;
	padding-left:7px;
	background:url(../img/common/icon_dot-arrow.gif) left 6px no-repeat;
}
dl#blog-new dd{
	margin:0.5em 0 0.5em 10em;
}


/*topics*/
dl#topics{
	margin-bottom:2em;
}
dl#topics dt,
dl#topics dd{
	padding-left:7px;
	
}
dl#topics dt{
	display:block;
	margin-top:5px;
	padding-left:7px;
	color:#0058b3;
	text-decoration:underline;
	cursor:pointer;
	background:url(../img/common/icon_dot-arrow.gif) left 6px no-repeat;
}

dl#topics dd{
	overflow: hidden;
	background:#fefff7 url(../img/common/bg_dotted.gif) bottom repeat-x;
}

dl#topics dt.ui-state-active {/*アクティブな時*/
	font-weight:bold;
	color:#333;
	text-decoration:none;
	background:#cef3ff url(../img/common/icon_dot-arrow-open.gif) left 6px no-repeat;
}







/*work*/
#top-work{
	margin-bottom:2em;
}
#top-work dl{
	float:left;
	margin-bottom:15px;
	padding:5px;
	width:323px;/*330px*/
	background:url(../img/top/bg_top-work.jpg) left top repeat-x;
	border-bottom:1px #a9e0f2 solid;
}
#top-work dl.left{
	margin-right:10px;
}
#top-work dl dt{
	float:left;
}
#top-work dl dt img{
	border:1px #ccc solid;
}
#top-work dl dd{
	margin-left:105px;
}
#top-work dl dd.client{
	margin-top:5px;
	font-weight:bold;
}
#top-work dl dd.new{
	margin-top:5px;
	padding:0 0 0 20px;
	font-size:92%;
	background:url(../img/common/icon_new.gif) left center no-repeat;
}

/*feature*/
#top-feature{
	margin-bottom:5em;
}
#top-feature div{
	margin-bottom:8px;
	padding:8px 8px 8px 25px;
	font-weight:bold;
	letter-spacing:0.1em;
	font-size:108%;
	border:1px #e5e5e5 solid;
	background:url(../img/top/bg_feature.gif) left center no-repeat;
}

/*save the children*/
#top-stc{
	padding:4px;
	border:1px #ccc solid;
}
#top-stc img{
	float:left;
}
#top-stc div{
	margin-left:175px;
	font-size:92%;
}

/*banner*/
#top-bnr{
	padding:1em;
	margin-bottom:2em;
	border-top:1px #ccc dotted;
}
#top-bnr dl dt{
	float:left;
}
#top-bnr dl dd{
	margin-left:155px;
	font-size:93%;
	line-height:1.1;
}
#top-bnr dl.left-bnr{
	float:left;
}
#top-bnr dl.right-bnr{
	float:right;
}

/*business plan*/
#reason{
	margin:1px 30px 15px 0;
	text-align:right;
}

#pr ul li{
	display:inline;
	padding:2px 3px;
	font-size:83%;
}
#pr ul li a{
	color:#666;
}



/*carousel*/
#carouselWrap{
    margin:10px auto;
    width:640px;
    height:140px;
    padding:0 10px;
    background:url("../img/top/bg_carousel.gif") left top no-repeat;
    position:relative;
}
#carouselPrev{
    position:absolute;
    top:60px;
    left:-10px;
    cursor:pointer;
}
#carouselNext{
    position:absolute;
    top:60px;
    right:-10px;
    cursor:pointer;
}
#carouse{
    width:100%;
    height:100%;
    overflow:hidden;
}
#carouselInner ul.column{
    width:625px;/*640px*/
    height:117px;
    padding:13px 0 10px 15px;
    list-style-type:none;
    float:left;
}
#carouselInner ul.column li{
    float:left;
    margin-right:8px;
    display:inline;
}
#carouselInner ul.column li img{
    border:1px #ccc solid;
}
#carouselInner ul.column li a:hover img{
	border:1px #009de6 solid;