/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

◆サイトトップ

　/css/top.css

 - - - - - - - - - - - - - - - - - - - 

#サイトトップについて、スタイルを設定します。
〔HINT!〕正規表現^[^\t]でgrepをかけると、説明が抽出されます。

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */



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

■画面基本

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

/************************************** 100301monosus add */
body {
	background-color: #FFFFFF;
}

#container {
}

#pr_area {
	background: #FFFFFF url(/images/bg_index_v2.gif) repeat-x left top;
	height: 315px;
	position: relative;
	padding-left: 20px;
}

/* =========== IE用印刷設定CSS =========== */

@media print{

	body {
	zoom: 65% !important; /*WinIE only */
	}
}
/* =========================================================


■PRエリア

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

/************************************** 100301monosus add */

#head1pr {
	position: absolute;
	float:left;
	width: 260px;
	height:120px;
	display: inline;
}
	#head1pr h1.micard_logopr {
		background: none;
		position: absolute;
		top: 15px;
		margin: 0;
	}
	#head1pr h2.card_img {
		position: absolute;
		top: 74px;
		left: 9px;
	}
	#head1pr .member_service {
		position: absolute;
		top: 190px;
	}
	#head1pr .member_serviceIn {
		background: #202020;
		height: 96px;
		width: 218px;
		overflow: hidden;
	}
			#head1pr .member_serviceIn .member_login{
				margin: 0;
				padding: 10px 8px 0;
			}
				#head1pr .member_serviceIn .member_login li{
					margin-bottom: 5px;
					list-style-type: none;
				}
				#head1pr .member_serviceIn .member_login span{
					visibility:hidden;
				}
					#head1pr .member_serviceIn .member_login li.li01 a{
						background: url(/common/images/btn_menu_mnb01.gif) no-repeat left top;
						width: 202px;
						height: 24px;
						display: block;
						text-decoration: none;
					}
					#head1pr .member_serviceIn .member_login li.li01 a:hover{
						background: url(/common/images/btn_menu_mnb01_ov.gif) no-repeat left top;
					}
					#head1pr .member_serviceIn .member_login li.li02 a{
						background: url(/common/images/btn_menu_mnb02.gif) no-repeat left top;
						width: 202px;
						height: 24px;
						display: block;
						text-decoration: none;
					}
					#head1pr .member_serviceIn .member_login li.li02 a:hover{
						background: url(/common/images/btn_menu_mnb02_ov.gif) no-repeat left top;
					}
			#head1pr .member_serviceIn .guidepr{
				padding-left: 8px;
				padding-top: 3px;
				margin: 0;
				line-height: normal;
			}
				#head1pr .member_serviceIn .guidepr span{
					visibility: hidden;
				}
				#head1pr .member_serviceIn .guidepr a{
					background: url(/common/images/txt_menu_mnb01.gif) no-repeat left top;
					width: 199px;
					height: 11px;
					text-decoration: none;
					display: block;
				}
				#head1pr .member_serviceIn .guidepr a:hover{
					background: url(/common/images/txt_menu_mnb01_ov.gif) no-repeat left top;
				}

#head2pr {
	position: absolute;
	top:0px;
	left:260px;
	width: 720px;
	line-height: 1px;
}

/* head21 */

#head21pr {
	width: 720px;
	height: 19px;
	margin-top: 5px;
}

.head211pr {
	float: right;
	width: 319px;
	display: inline;
}

#head21pr span {
	visibility:hidden;
}

#head21pr a { 
	float: right;
	text-decoration: none;
	display:block;
	margin-left: 3px;
	cursor:pointer;
}

#head21pr a.wht1:link,
#head21pr a.wht1:visited {
	background:url('/css/images/navi_t1.gif') no-repeat;
	width: 70px;
	height: 15px;
}

#head21pr a.wht1:hover,
#head21pr a.wht1:active {
	background:url('/css/images/navi_t1_ov.gif') no-repeat;
	width: 70px;
	height: 15px;
}

#head21pr a.wht2:link,
#head21pr a.wht2:visited {
	background:url('/css/images/navi_t2.gif') no-repeat;
	width: 70px;
	height: 15px;
}

#head21pr a.wht2:hover,
#head21pr a.wht2:active {
	background:url('/css/images/navi_t2_ov.gif') no-repeat;
	width: 70px;
	height: 15px;
}

#head21pr a.wht3:link,
#head21pr a.wht3:visited {
	background:url('/css/images/navi_t3.gif') no-repeat;
	width: 70px;
	height: 15px;
}

#head21pr a.wht3:hover,
#head21pr a.wht3:active {
	background:url('/css/images/navi_t3_ov.gif') no-repeat;
	width: 70px;
	height: 15px;
}

#head21pr a.wht4:link,
#head21pr a.wht4:visited {
	background:url('/css/images/navi_t4.gif') no-repeat;
	width:100px;
	height: 15px;
	margin-left: 0;
}

#head21pr a.wht4:hover,
#head21pr a.wht4:active {
	background:url('/css/images/navi_t4_ov.gif') no-repeat;
	width:100px;
	height: 15px;
	margin-left: 0;
}

.head212pr {
	float: right;
	width: 255px;
	margin-right: 144px;
	margin-top: 3px;
}

#head21pr a.lwht1:link,
#head21pr a.lwht1:visited {
	background: url('/css/images/navi_t02.gif') no-repeat;
	width: 106px;
	height: 16px;
}
#head21pr a.lwht1:hover,
#head21pr a.lwht1:active {
	background: url('/css/images/navi_t02_ov.gif') no-repeat;
	width: 106px;
	height: 16px;
}
#head21pr a.lwht2:link,
#head21pr a.lwht2:visited {
	background: url('/css/images/navi_t01.gif') no-repeat;
	width: 146px;
	height: 16px;
	margin-left: 0;
}
#head21pr a.lwht2:hover,
#head21pr a.lwht2:active {
	background: url('/css/images/navi_t01_ov.gif') no-repeat;
	width: 146px;
	height: 16px;
	margin-left: 0;
}


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

■gnavi

========================================================= */
#gNavi {
	width:720px;
	position: absolute;
	bottom: 0;
	_bottom: -1px;
	left: 260px;
	height: 32px;
}
	#gNavi ul {
		margin: 0;
		padding: 0;
	}
		#gNavi ul li {
			margin: 0;
			padding: 0;
			float: left;
			display: inline;
			list-style: none;
		}
		#gNavi ul li img {
			vertical-align: bottom;
		}
@media print {
	#gNavi { width: 800px;
}

}

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

■コンテンツ

========================================================= */
.search_purpose,
.ul_search_purpose {
	display: block;
	min-height: 1%;
}
.search_purpose:after,
.ul_search_purpose:after {
	clear: both;
	content:".";
	display: block;
	height: 0;
	visibility: hidden;
}
* html .search_purpose,
* html .ul_search_purpose {
	height: 1%;
	/*＼*//*/
	height: auto;
	overflow: hidden;
	/**/
}

div#content {
	clear:both;
	position:relative;
	float: none;
	min-height: 0;
	width: 980px;
	overflow: visible;
	height: auto;
	margin-top: 15px;
}

div#content div.column {
	float: left;
}

div#content div.column h4 {
	margin: 0;
	padding: 0;
}

div#content ul {
	margin: 0;
	padding: 0;
}

div#content ul li {
	list-style: none;
	margin: 0;
	padding: 0;
}

div#content ul li img {
	vertical-align: bottom;
}

div#content .contentL{
	float: left;
	width: 218px;
	padding-left: 20px;
}
	div#content .contentL h3{
		margin: 0;
	}

	div#content .contentL .search_life{
		border: 1px solid #dedacd;
		padding: 7px;
		margin-bottom: 20px
	}
		div#content .contentL .search_life ul.ul_search_life{
			width: 202px;
		}
			div#content .contentL .search_life ul.ul_search_life li.li_lifeEvent{
				position: relative;
			}
			div#content .contentL .search_life ul.ul_search_life li.li_lifeEvent p{
				margin: 0;
			}
			div#content .contentL .search_life ul.ul_search_life li.li_lifeEvent a{
				position: absolute;
				left: 8px;
				top: 13px;
			}

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

■右部分

========================================================= */
div#content .contentR{
	float: right;
	width: 720px;
	padding-left: 22px;
}
@media print{

div#content .contentR{
	width: 719px !important; /*WinIE only */
	}
}

	div#content .contentR a{
		color: #000;
	}
	div#content .contentR a:hover{
		color: #727272;
	}

	div#content .contentR .search_purpose{
		float: left;
		width: 495px;
	}
		div#content .contentR .search_purpose h3{
			margin-bottom: 0px;
		}
		div#content .contentR .search_purpose .ul_search_purpose{
			margin: 0 0 13px;
		}
			div#content .contentR .search_purpose .ul_search_purpose h4{
				margin: 0 0 7px;
			}
			div#content .contentR .search_purpose .ul_search_purpose li{
				float: left;
				margin:0 15px 0 0;
				display: inline;
			}
				div#content .contentR .search_purpose .ul_search_purpose li .ul_search_purpose_detail {
					width: 150px;
					overflow: hidden;
				}
				div#content .contentR .search_purpose .ul_search_purpose li .ul_search_purpose_detail li {
	float: left;
	margin-bottom: 5px;
	font-size: 85%;
	letter-spacing: normal;
	line-height: normal;
	width: 150px;
					}
				div#content .contentR .search_purpose .ul_search_purpose li .ul_search_purpose_detail li a{
					background: url(/images/ico_li_01.gif) no-repeat left top;
					padding-left: 15px;
					display: block;
				}
				div#content .contentR .search_purpose .ul_search_purpose li .ul_search_purpose_detail li a img{
	text-decoration: none !important;
	margin-bottom: 2px;
	margin-left: -1px;
				}
				div#content .contentR .bnrArea {
		float: right;
	}
		div#content .contentR .bnrArea p{
			margin: 0 0 10px;
		}

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

■news部分

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

div#content .contentR .topic{
	margin-top: 20px;
	}
	div#content .contentR .topic .topicIn{
		width: 350px;
	}
		div#content .contentR .topic .topicIn .h3_tit{
			position: relative;
		}
			div#content .contentR .topic .topicIn .h3_tit p{
				position: absolute;
				right: 0;
				top:0;
				margin: 0;
			}
	div#content .contentR .topic .topicIn ul{
		font-size: 85%;
		letter-spacing: normal;
	}
		div#content .contentR .topic .topicIn ul li{
			margin-bottom: 10px;
		}
			div#content .contentR .topic .topicIn ul li a{
				background: url(/images/ico_li_02.gif) no-repeat left 0.25em;
				padding-left: 8px;
				display: block;
				zoom:1;
			}
			div#content .contentR .topic .topicIn ul li.new a{
				background: url(/images/ico_li_new.gif) no-repeat left top;
				padding-left: 43px;
			}
			div#content .contentR .topic .topicIn ul li.special a{
				background: url(/images/ico_li_special.gif) no-repeat left top;
				padding-left: 60px;
			}