@charset "shift_jis";
/* ===================================================================
CSS information

 file name  :index.css
 style info :zwei.com indexページ用CSS
=================================================================== */



/* -----------------------------------------------------------
	.index ローカルエリア内
----------------------------------------------------------- */

.index #wrapper{
	width:960px;
	margin:0 auto;
	background:url(../zwei/img/index/bg-index.gif) no-repeat left top;
}

div#main{
	width:960px;
	padding-left:20px;
}

/* メインFlashエリア */

div#main div#top_flash{
	height:257px;
}


/* 中段イメージエリア */

div#image_area{
	width:920px;
	border-bottom:3px solid #526093;
}

div#image_area div.illustration{
	float:left;
	width:690px;
	background:url(../zwei/img/index/bg_illustration_engagement.gif) no-repeat;
	min-height:304px;
	height:auto !important;
	height:304px;
	position:relative;
}

div#image_area div.illustration h2{
	position:absolute;
	top:10px;
	left:14px;
}

div#image_area div.illustration div.btn_detail{
	position:absolute;
	top:48px;
	left:264px;
}


div#image_area div.illustration p{
	margin:26px 0 0 20px;
}

div#image_area div.illustration p.btn{
	margin:20px 0 0 0px;
}

div#image_area div.btn_request{
	width:230px;
	float:right;
	background:url(../zwei/img/index/bg-request.gif) no-repeat;
	min-height:304px;
	height:auto !important;
	height:304px;
}

div#image_area div.btn_request h2{
	padding-top:23px;
	text-align:center;
	padding-bottom:5px;
}

div#image_area div.btn_request p{
	text-align:center;
	padding-bottom:5px;
}

div#image_area div.btn_request p.btn{
	text-align:left;
	padding-left:17px;
}

div#image_area:after{  
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;  
}

/* ニュース・トピックス */

div#news_area{
	width:920px;
	overflow:hidden;
	border-bottom:1px solid #526093;
}

div#news_area .news_area_main{
	margin:36px 0 0 13px;
	_margin:36px 0 0 6px; /* IE6 float fix */
	width:655px;
	float:left;
}

div#news_area .news_area_main ul{
	width:655px;
	overflow:hidden;
	margin-top:-10px;
	margin-bottom:10px;
	color:#333;
}

div#news_area .news_area_main ul.more{
	margin-top:0px;

}

div#news_area .news_area_main ul a{
	color:#333;
}

div#news_area .news_area_main p.alllink{
	width:655px;
	overflow:hidden;
	margin-left:10px;
	margin-bottom:35px;
	color:#333;
}

div#news_area .news_area_main div.accordion{
	width:655px;
	margin-top:-15px;
	margin-bottom:25px;
}

div#news_area .news_area_main ul li{
	margin-left:5px;
	padding-left:18px;
	padding-top:4px;
	padding-bottom:4px;
	background:url(../zwei/img/index/ico-news.gif) no-repeat left;
	border-bottom:1px solid #ededed;
}


div#news_area .news_area_main ul li img{
	display:inline;
	vertical-align:top;
	padding-top:3px;
	_padding-top:0px;
}


/* moreボタン */

div#news_area div.news_title{
	position:relative;
	width:655px;
	height:26px;
	margin-bottom:10px;
}

div#news_area div.news_title p.more{
	position:absolute;
	bottom:5px;
	left:610px;
}

/* サイドバー バナー */

div#news_area .bnr_section{
	margin-top:11px;
	float:right;
	width:230px;
}

div#news_area .bnr_section ul li{
	margin-bottom:8px;
	width:230px;
}

div#news_area .bnr_section ul li.end{
	margin-bottom:20px;
	width:230px;
	padding-left:11px;
}


/* フッターリンク上 */

div#link_area{
	width:920px;
	overflow:hidden;
}


div#link_area ul.link_box{
	float:left;
	width:165px;
	margin-top:15px;
	margin-left:23px;
	_margin-left:11px;
}

div#link_area ul.link_box2{
	float:left;
	width:120px;
	margin-top:15px;
	margin-left:23px;
	_margin-left:11px;
}

div#link_area ul.box_end{
	float:right;
	width:165px;
	margin-top:15px;
}

div#link_area ul li{
	margin-bottom:5px;
	text-indent:-0.5em; 
	padding-left:0.5em; 
}

div#link_area ul li.end{
	margin-bottom:40px;
}

div#link_area:after{
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;  
}