@charset "UTF-8";
/* CSS Document */

/* トップページリードヘッダー ------------------------*/
#mv {
	text-align:center;
	height:47px;
	margin:0px 0px 15px 0;
}

/* メインビジュアル群 ------------------------*/
#top_lead {
	width:766px;
	height:454px;
}

/* スペシャルバナー */
#sp_banner {
	width:746px;
	height:138px;
	margin:0 0 10px 8px;
}


/* メインバナー */
#main_visual {
	width:766px;
	height:306px;
}
#mv_3, #mv_2, #mv_1, #mv_0 {
	margin:0 7px;
}
#mv_3, #mv_2, #mv_1, #mv_0,
#mv_3 img, #mv_2 img, #mv_1 img, #mv_0 img {
	float:left;
}
#mv_0 {
	width:360px;
	height:306px;
}
#mv_1 {
	width:190px;
	height:306px;
}
#mv_2 {
	width:168px;
	height:306px;
}
#mv_3 {
	width:542px;
	height:306px;
}
/* メインバナー／クロワッサンバナー設定 */
#mv_1.croissant {
	width:190px;
	height:304px;
	border:1px solid #ccc;
	background:#FFDEC0;
}
#mv_1.croissant p {
	padding:0 15px;
	margin:0;
	font-size:10px;
	font-weight:bold;
}
#mv_1.croissant img.cover {
	padding:2px 15px 5px 15px;
}
#mv_1.croissant div.backnumbers {
	padding:0 15px;
	}
#mv_1.croissant div.backnumbers p {
	float:left;
	padding:0 0 0 5px;
}

/* トピックス ------------------------*/
#topics {
	width:564px;
	height:100%;
	padding-bottom:20px;
	float:left;
}
#topics h1 {
	display:block;
	width:550px;
	height:40px;
	background:url(../images/topics.png);
}

#topics ul {
	width:538px;
	margin:0 0 0 10px;
}
#topics li {
	margin:3px 0;
	display:inline-block;
	height:75px;
	width:538px;
	border:1px solid #ccc;
}
#topics li a {
}
#topics li:hover {
	background:#FFC;
}
#topics li img {
	float:left;
	padding:0 15px 0 0;
}
#topics li p {
	font-size:1.2em;
	font-weight:bold;
	line-height:1.2em;
	padding:0;
	margin:0;
}
#topics li p.topics_title {
	padding:12px 0 0px 0;
}
#topics li p.topics_desc {
	font-size:1em;
	padding:2px 0;
	line-height:1.2em;
}

/* ブログインデックスバナー ------------------------*/
#blog_index {
	float:left;
	width:192px;
	height:190px;
	margin-top:53px;
	padding-bottom:20px;
}



/* 小バナー ------------------------*/
ul#banner {
	clear:both;
	display:block;
	margin:0 0 0 10px;
}
ul#banner li  {
	display:inline-block;
	margin:0;
	padding:0;
	float:left;
}
ul#banner li a img {
	vertical-align:bottom;
}

#content {
	position:relative;
	width:766px;
	padding:0 0 2em 0;
}


/* Not in use ------------------------

#lead_text {
	width:167px;
	height:306px;
	background-image:url(../images/top_lead.gif);
	float:left;
	position:absolute;
	top:0;
	left:15px;
}

#lead_text p {
	font-size:10px;
	line-height:16px;
	margin:1.5em 10px 0 10px;
	color:#555;
	text-indent:0;
}
#lead_text img {
	margin:0 0 0 5px;
}
#lead_text p span {
	color:#DF0024;
}
#lead_text p span strong {
	font-weight:bold;
}

h1#appreciation {
	width:766px;
	height:40px;
	background-image:url(../images/appreciation.png);
	margin:0 0 1em 0;
}

h1#appreciation strong { display:none; }

.appreciation_list {
	padding:0 0 0 3px;
}
.appreciation_list ul {
	width:760px;
	border:1px solid #ccc;
	background-color:#fafafa;
}
.appreciation_list.now ul {
	border-bottom:none;
}
.appreciation_list.done ul {
	border-top:none;
}

.appreciation_list ul li {
	padding:5px 0 0 20px;
	border-bottom:1px solid #eaeaea;
	background-color:#f0f0f0;
	clear:both;
}
.appreciation_list ul li:hover {
	background-color:#fff;
}
.appreciation_list ul li strong {
	width:150px;
	display:inline-block;
	letter-spacing:-1px;
}
.appreciation_list ul li strong span {
	font-size:10px;
	color:#df0024;
	padding:0 0 0 5px;
}
.appreciation_list ul li a.title {
	display:inline-block;
	width:450px;
}
.appreciation_list ul li a.mb {
	font-size:10px;
	letter-spacing:-1px;
}
.appreciation_list.now ul li a.mb {
	font-size:10px;
}

.now ul li {
	height:75px;
}
.now ul li span,
.now ul li strong {
	color:#df0024;
	font-weight:bold;
}
.now ul li img {
	padding:0 40px 0 0;
	float:left;
}

.done p {
	text-align:right;
	margin:1em 0 0 0;
	padding:0;
	color:#666;
	font-size:12px;
}

*/