@charset "Shift_JIS";

@import "reset.css";
@import "base.css";

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

#main-contents {
	float:left;
	width:585px;
}

#main-contents h3 a {
	position: absolute;
	float:right;
	width:62px;
	height:30px;
	margin-left:-62px;
	background:url(../../img/st_detail.gif) no-repeat;
	text-decoration:none;
	text-indent:-9999px;
}
#main-contents h3 a:hover {
	background-position:0 -30px;
}

/* #contents-box --------------------------*/

#contents-box h4 {
	margin:0 10px 10px 10px;
}

#contents-box h4 a {
	position: absolute;
	float:right;
	width:62px;
	height:30px;
	margin-left:-62px;
	background:url(../../img/ct_detail.gif) no-repeat;
	text-decoration:none;
	text-indent:-9999px;
}
#contents-box h4 a:hover {
	background-position:0 -30px;
}

#contents-box {
    margin-bottom:15px;
}

#contents-box p {
    margin:0 10px;
}

#contents-box .photo {
    margin:0 10px 7px 10px;
}

#contents-box li.media, #contents-box li.seo {
    margin-right:10px;
}

#contents-box li.media, #contents-box li.web {
    margin-bottom:15px;
}

#contents-box li.seo, #contents-box li.sales {
    margin-bottom:0;
}

#contents-box li {
    float:left;
    width:285px;
	margin-bottom:10px;
	padding-top:10px;
	background:url(../../img/bg_h_box.gif) no-repeat 0 0;
}

#contents-box .bg_f {
    display:block;
	line-height:0;
    height:10px;
    background:url(../../img/bg_f_box.gif) no-repeat center bottom;
	font-size:0;
}

/* #news --------------------------*/

#news {
    padding:0 10px;
}

#news dl {
    float:right;
    width:565px;
	margin-bottom:10px;
	padding-bottom:10px;
    background:url(../img/line_dot.gif) no-repeat left bottom;
}

#news dl.last {
	margin-bottom:0;
}

#news dt, #news dd {
    float:left;
}

#news dt {
    margin-right:10px;
	padding-left:15px;
	background:url(../img/arrow.gif) no-repeat 0 4px;
}

/*-----------------------------------------------*/
/*                right contents                 */
/*-----------------------------------------------*/

#right-contents {
	float:right;
	width:200px;
}

#right-contents li {
	margin-bottom:10px;
	font-size:0;
}

/*-----------------------------------------------*/
/*                   float clear                 */
/*-----------------------------------------------*/

.clearfix, #contents-box {
    zoom: 1; /* for IE5.5 - IE7 */
}
.clearfix:after, #contents-box:after { /* for modern browser */
    content: ".";
    display: block;
    height: 0px;
    clear: both;
    visibility: hidden;
}