@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#left_side{
	float:left;
	width: 690px;

}

div#image_area{
	width:690px;

}
div#image_area div.banner{
	float:left;
	padding:8px 5px 8px 7px;
	width:678px;
	background-color:#f0f0f0;
	margin-bottom:20px;
}
div#image_area div.banner ul{
	width: 678px;
	margin:0;
	padding:0;
}
div#image_area div.banner li{
	float:left;
	width:335px;
	list-style-type:none;
	margin: 0 4px 0 0;
	padding: 0;
}
div#image_area div.banner li.last{
	margin: 0 0 0 0;
}
div#image_area div.illustration{
	float:left;
	width:690px;
	min-height:304px;
	height:auto !important;
	height:304px;
	position:relative;
}

div#image_area div.members_voice{
	padding: 0px;
	margin: 0px 20px 0 20px;
	width: 650px;
}


div#image_area div.point{
	padding-top: 20px;
	margin: 0px 20px 0 20px;
	width: 650px;
}
.clear{
	clear:both;
}
div#image_area div.point .area{
	background:url(../zwei/img/index/bk_point.jpg) no-repeat 0 0;
}
div#image_area div.point .area ul{
	margin: 0 0 0 10px;
	padding: 0;
}
div#image_area div.point .area li {
	float:left;
	width:198px;
	height: 244px;
	list-style-type:none;
	margin: 0 3px 4px 0;
	padding: 7px 5px 7px 5px;
	background:url(../zwei/img/index/bk_point_li.png) no-repeat 0 0;
}
div#image_area div.point .area li.last{
	margin: 0 0 4px 0;
}
div#image_area div.point .area li p.btn{
	margin: 0 0 12px 0;
}

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/1_03.jpg) repeat-x;
	min-height:304px;
	height:auto !important;
	height:304px;
	border-bottom:3px solid #526093;
}

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

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

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:690px;
	overflow:hidden;
	margin-top: 25px;
	margin-bottom: 50px;
}

div#news_area .news_area_main{
	margin:0 0 0 20px;
	/* _margin:36px 0 0 6px; IE6 float fix */
	width:650px;

}

div#news_area .news_area_main .media_box{
	margin: 0 0 0 0;
	padding: 0 0 10px 0;
	width: 650px;
}


div#news_area .news_area_main .media_box p.links{
	margin-right: 0px;
	text-align:right;
	width:630px;
	margin-bottom: 13px;
}
div#news_area .news_area_main .media_box p.links a{
	background:url(/zwei/service/img/share/ico-link_more.gif) no-repeat left;
	display:inline-block;
	padding-left:20px;
	color:#526093;
	text-decoration:underline;
}

div#news_area .news_area_main .news_box{
	width: 315px;
	float:left;

}
div#news_area .news_area_main .topics_box{
	float:right;
	width: 315px;
}


div#news_area .news_area_main ul{
	width:315px;
	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:315px;
	overflow:hidden;
	margin-left:10px;
	margin-bottom:35px;
	color:#333;
}

div#news_area .news_area_main div.accordion{
	width:315px;
	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 0 10px;
	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;
}


/* MEDIA */

div#news_area .news_area_main .media_box .top_media{
	margin: 0;
	padding-left:10px;
	margin-bottom:5px;
	padding-bottom: 10px;
	border-bottom:1px solid #ededed;
}
div#news_area .news_area_main .media_box .top_media dt{
	font-size: 118%;
	font-weight:bold;
	color:#ee5189;
}

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

div#news_area .news_area_main .media_box ul dt{
	width:200px;
	font-weight:bold;
	float:left;
}
div#news_area .news_area_main .media_box ul dd{
	margin-left: 220px;
}


div#news_area .news_area_main .media_box ul dd:after{
	content: ".";
	display:block;
	clear:both;
	height: 0;
	visibility:hidden;
}



div#news_area .news_area_main .media_box p.alllink{
	text-align:right;
	width:630px;
	overflow:hidden;
	margin-left:10px;
	margin-bottom:35px;
	color:#333;
}
div#news_area .news_area_main .media_box p.alllink a{
	background:url(/zwei/service/img/share/ico-link_more.gif) no-repeat left;
	display:inline-block;
	padding-left:20px;
	color:#526093;
	text-decoration:underline;
}

/* bnr_foot */
div#news_area .bnr_foot{
	clear:both;
	margin-top: 50px;
}
div#news_area .bnr_foot ul{
	width: 650px;

}

div#news_area .bnr_foot ul li{
	width: 320px;
	list-style-type:none;
	margin: 0 10px 0 0px;
	padding: 10px 0 10px 0;
	float:left;
	background-image: none;
	border-bottom: 0px;

}
div#news_area .bnr_foot ul li.end{
	margin-right: 0px;
}
/* moreボタン */

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

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


div#news_area div.media_title{
	position:relative;
	width:650px;
	height:25px;
	margin-bottom:10px;
}

div#news_area div.media_title p.more{
	position:absolute;
	bottom:6px;
	right:15px;
}


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

div#sub_area .bnr_section{
	margin-top:0;
	margin-right: 40px;
	float:right;
	width:230px;
}

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

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

div#sub_area .bnr_section ul.campaign_bnr{
	margin-bottom:10px;
	width:230px;
	height:240px;
	padding-left:6px;
	background:url(../zwei/img/index/bnr-campaign-back.jpg) no-repeat left bottom;
}
div#sub_area .bnr_section ul.campaign_bnr li{
	margin:0px;
}

div#sub_area .bnr_section div.btn_request{
	width:230px;
	float:right;
	margin-bottom: 15px;
	background:url(../zwei/img/index/1_03.jpg) repeat-x;
	min-height:304px;
	height:auto !important;
	height:304px;
	border-bottom:3px solid #526093;
}

div#sub_area .bnr_section div.btn_request h2{
	padding-top:10px;
	text-align:center;
	padding-bottom:0px;
}

div#sub_area .bnr_section div.btn_request p{
	text-align:center;
	padding-bottom:0px;
}

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

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

div#link_area{
	clear:both;
	width:920px;
	overflow:hidden;
	border-top:1px solid #526093;
}


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;  
}


div#news_area .cc_bnr{
	float:left;
	width:320px;
	margin: 0 10px 0 0;
	border: 1px #c8be9e solid;
}

div#news_area .chatio_bnr{
	width:320px;
	margin: 0 0 0 0;
	border: 1px #aeb5ca solid;
}
div#news_area .cc_bnr ul,.div#news_area chatio_bnr ul{
	width: 300px;
	margin: 0 10px 0 10px;
	padding: 0;
}
div#news_area .cc_bnr ul li,.div#news_area chatio_bnr ul li{
	width: 300px;
	margin:0;
	padding: 0;
	border: 0;
}
#okuyami{
	clear:both;
	margin: 20px 20px 0 20px;
	padding: 20px 27px 12px 27px;
	border: 1px solid #336600;
}
#okuyami h3{
	font-size: 16px;
	margin: 0 0 15px 0;
	text-align:center;
	color:#336600;
}
#okuyami p{
	margin: 0 0 8px 0;
}
#okuyami p span{
	font-size: 78%;
}
#okuyami p a{
	color:#526093;
}
#top_bnr{
	clear:both;
	margin: 17px 20px 0 20px;
	padding: 0;
	border: 0px solid #336600;
}

#top_bnr p{

	margin: 0px 0px 15px 0px;

}
#top_bnr p.last{

	margin: 0px 0px 0px 0px;

}
#okuyami a{
	background:url(/zwei/service/img/index/ico-arrow_shop4.gif) no-repeat left;
	display:inline-block;
	padding-left:10px;
}