@charset "utf-8";
/* ===================================================================
CSS information

 file name  :top.css
 author     :Ability Consultant
style info  :設定　ハックは最下部に記述
=================================================================== */


/* -----------------------------------------------------------
	各ページ専用指定
----------------------------------------------------------- */

/* 背景
----------------------------------------------------------- */
#top {
	background: url(../images/top_body_bg.gif) left top repeat-x #fff;
}


/* mainの画像部分
----------------------------------------------------------- */
#top #kyocho{
	width: 910px;
	background: url(../images/top/bg_main.gif) 0px 10px no-repeat #fff;
	overflow: hidden;
	height: 340px;
}

/* clearfix */
#top #kyocho:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}

/*お問い合わせ　お客様のお声　ボタン*/
#top #kyocho_bt {
	margin-top: 20px;
	padding-left:10px;
	width: 220px;
	float: left;
}

#top #kyocho_bt #kyocho_bt_contact{
	margin-bottom: 10px;
}


#top h2 img#kyocho_copy {
	margin: 0 0 0 15px; 
	width: 320px;
	float: left;
	background: #f00;
}

#top img#kyocho_img {
	float: right;
}

/* 見直したい　相談したい
----------------------------------------------------------- */
#top #shitai{
	margin: 0 0 30px;
	height: 145px;
}



#top #shitai h3,
#top #shitai p{
	overflow: hidden;
	text-indent: -9999px;
	height: 52px;
}

#top #shitai #minaoshi,
#top #shitai #soudan{
	width: 330px;
	height: 145px;
}

#top #shitai #soudan h3 a,
#top #shitai #soudan p a{
	width: 330px;
	height: 52px;
	display: block;
}

#top #shitai img{
	margin-left: 10px;
}


#top #shitai #minaoshi {
	background: url(../images/top/c_img_minaoshi.gif) left top no-repeat;
	float: left;
}

#top #shitai #soudan {
	background: url(../images/top/c_img_soudan.gif) left top no-repeat;
	float: right;
}

/* リスク別損害保険
----------------------------------------------------------- */
#top #lisk {
	margin-bottom: 20px;
	overflow:hidden;
	background:#FFFCD3;
	zoom: 100%;
}
#top #gyosyu {
	margin-bottom: 20px;
	overflow:hidden;
	background:#F5FDD4;
	zoom: 100%;
}
#top #shohin {
	margin-bottom: 30px;
	overflow:hidden;
	background:#EBFAFF;
	zoom: 100%;
}
#top #lisk lisk:after,
#top #gyosyu:after,
#top #shohin:after{
	clear:both;
}
#top h3.st_list{
	float:left;
}

#top ul.hoken_list{
	list-style:none;
	float:right;
	width:380px;
	padding: 15px 10px 15px 0;
}
#top ul.hoken_list li{
	display: inline;
	zoom: 1;
	line-height:200%;
}

#top .list_btn{
	float:right;
	margin-bottom: 15px;
}

/* リスク別損害保険
----------------------------------------------------------- */
#top #lisk_list{
	clear: both;
	margin: 0;
	height: 1%;
}

#top #lisk_list ul{
	margin: 0 0 15px;
}

/* clearfix */
#top #lisk_list:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}

#top #lisk_list div{
	margin: 0 7px 0 8px;
	width: 322px;
	float: left;
}

/* スタッフ紹介
----------------------------------------------------------- */
#top #staff_list{
	clear: both;
	margin: 0;
	height: 1%;
}

#top #staff_list .member{
	width: 670px;
	height: auto;
	padding: 15px 0 15px 0;
}

#top #staff_list .member img{
	margin: 0 15px 0 5px;
	float: left;
}

#top #staff_list .member p{
	font-weight: bold;
	color:#388dac;
}


#top #staff_list .member table{
	margin: 10px 0 0 0;
	border: 1px solid #ccc;
	width: 500px;
}

#top #staff_list .line{
	background-image: url(../images/top/staff/line.gif); background-repeat: repeat-x;
	width: 600px;
	height: 1px;
	padding: 0;
	margin: 0 0 0 30px;
}


#top #staff_list .member table tr th{
	padding: 0.2em;
	border: 1px solid #ccc;
	width: 80px;
	background:#e6f5fb;
	text-align:center;
	font-weight: normal;
}

#top #staff_list .member table tr td{
	padding: 0.2em;
	border: 1px solid #ccc;
	width: 420px;
}


#top #staff_list .member table tr td .long{
	width: 20em;
}
/* ピックアップ保険
----------------------------------------------------------- */
#top #picup{
	width: 400px;
	float: left;
}
#top #picup .picup_con{
	border: 1px solid #ccc;
	width:378px;
	margin: 0;
	padding: 10px;
	overflow:hidden;
}
/* 新着情報
----------------------------------------------------------- */
#top #feed{
	width: 270px;
	float: right;
}
#top #feed #feed_area{
	width:270px;
	height:300px;
	overflow:auto;
}
#top #feed #feed_area a{
	color:#595959;
}
#top #feed .news_text{
	margin-bottom:5px;
}

/*======================================

	hack - 各種cssハック - for IE7

=======================================*/
*:first-child+html {}


/*======================================

	hack - 各種cssハック - for IE6

=======================================*/
* html {}


* html #top #lisk_list div{
	margin: 0 4px 0 4px;
	width: 322px;
	float: left;
}