@charset "shift_jis";

/*--Rel-ish：TOPdesignCSS -- 2010,04,09 Rel-ish yu-ki--*/


/*-------------------FLASH */
#flash_box {
	height: 325px;
	background: url(../img/index/flash_back-ground.jpg) repeat-x left top;
}

#flash {
	width: 900px;
	height: 325px;
	margin: 0 auto;
	background: url(../img/index/flash_back-ground_in.jpg) no-repeat left top;
}

#top_flash {
	width: 800px;
	margin: 0 auto;
}


/* --------contents */
#top_container {
	width: 770px;
	margin: 0 auto;
	padding: 15px;
	background: url(../img/index/flash_under_shadow.jpg) no-repeat left top;
}

/* =news topics */
.news,
#topics
{
	width: 740px;
	margin: 0 auto;
	padding: 0;
}

.news h3,
#topics h3
{
	height: 20px;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	overflow: hidden;
}

/*---新着情報---*/
.news {
	position: relative;
	border-bottom: solid 3px #ebebeb;
}

.news h3 {
	width: 420px;
	background: url(../img/read_news.jpg) no-repeat left top;
	border-bottom: solid 3px #ebebeb;
}

.news ul {
	width: 410px;
	padding: 10px 0;
	line-height: 0;
	zoom: 1;
}

.news li {
	margin: 0 0 0 10px;
	padding: 10px 0 0 20px;
	background: url(../img/blet_browncircle.jpg) no-repeat left 0.85em;
	line-height: 150%;
}

.news p {
	width: 360px;
	margin: 5px 0 0;
}

.pr_banner {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
}


/*スタッフブログへリンク*/
.news li#staff_blog_link {
	padding: 0 0 0 30px;
	background: url(../img/blet_orangesquea.jpg) no-repeat left top;
	font-weight: bold;
}

/*PR*/
.news li#rlspr {
	padding: 0 0 0 30px;
	background: url(../img/blet_redsquea.jpg) no-repeat left top;
	font-weight: bold;
	color: #c00;
}

/* =topics */
#topics {
	margin: 30px 0 0;
}

#topics h3 {
	height: 30px;
	background: url(../img/read_topics.jpg) no-repeat left top;
}

#topics div {
	float: left;
	display: inline;
	width: 353px;
	margin: 0 0 10px;
}

#topics div.topics_right {
	float: right;
	clear: right;
}

#topics div h4 img {
	margin: 0 0 10px;
}

#topics div img {
	float: left;
	margin: 0 10px 10px;
}

#topics div table {
	float: left;
	width: 235px;
}

#topics div table th,
#topics div table td
{
	text-align: left;
	vertical-align: top;
}

#topics div table td {
	min-height: 80px;
	_height: 80px;
	padding: 10px 0;
}


/* フリーダイヤルとチームマイナス６％の親ボックス設定 */
#top_container div.box01 {
	width: 770px;
	height: 210px;
	margin: 20px 0 30px;
	clear: both;
}

/* フリーダイヤルボックス設定 */
#freedial {
	float: left;
	width: 352px;
	min-height: 189px;
	_height: 189px;
	padding: 15px 0 5px 16px;
	background: url(../img/index/freedial_background.jpg) no-repeat left top;
}

#freedial h5 {
	height: 18px;
	background: url(../img/index/freedial_rel-ish.jpg) no-repeat left top;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	overflow: hidden;
}

#freedial p.free_re {
	height: 72px;
	margin: 0;
	background: url(../img/index/re_freedial.jpg) no-repeat left top;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	overflow: hidden;
}

#freedial p.to_contact {
	padding: 0 0 0 60px;
	background: url(../img/index/txt_freedial.jpg) no-repeat 10px bottom;
}

#freedial p {
	margin: 8px 0;
}

/* SNSボタンたち */
#sns_block { float: right; height: 209px;	width: 392px; }
#sns_block li { display: inline; }







/* -----------------------clearfix------------------------------------------*/

#top_container:after,
#top_container div.box01:after,
.news:after,
#topics:after,
#topics div:after,
#sns_block:after
{
    content: "";
    display: block;
    clear: both;
    height: 0;
    overflow: hidden;
}

#top_container,
#top_container div.box01,
.news,
#topics,
#topics div,
#sns_block
{ display: inline-block; }


/* exlude MacIE5 \*/
* html #top_container,
* html #top_container div.box01,
* html .news,
* html #topics,
* html #topics div,
* html #sns_block
{ height: 1% }


#top_container,
#top_container div.box01,
.news,
#topics,
#topics div,
#sns_block
{display:block;}
/* end MacIE5 */