@charset "UTF-8";
/*==========
株式会社イーライフ
http://www.e-life.co.jp/
ベースレイアウト
=============================================================*/


#container{
	text-align:center;
	font-size: 14px;
	line-height: 21px;
}






/*==========
#header_wrap
ヘッダー
=============================================================*/
#header_wrap{
	background-image: url(/c_images/common/h_back.png);
	background-repeat: repeat-x;
	background-position: 0px 70px;
}
#header_wrap .header{
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	height: 80px;
}
#header_wrap .header h1{
	text-align: right;
	height: 25px;
	padding-top: 5px;
}
#header_wrap .header dl{
	text-align: left;
	margin-top: -10px;
}
#header_wrap .header dt{
	display: inline-block;
	margin-right: 10px;
	vertical-align: bottom;
}
#header_wrap .header dt a{}
#header_wrap .header dd{
	display: inline-block;
	vertical-align: bottom;
}
#header_wrap .header ul{
	margin-top: -20px;
	text-align: right;
}
#header_wrap .header li{
	height: 20px;
	margin-left: 20px;
	display:inline-block;
	vertical-align:top;
}
#header_wrap .header li a{
	line-height: 20px;
	background-image: url(/c_images/common/h_ar01.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	padding:0 0 0 15px;
}
#header_wrap .header li a:hover{}
#header_wrap .header_navi{
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
}
#header_wrap .header_navi ul{
	text-align: left;
	margin-left: 10px;
}
#header_wrap .header_navi li{
	text-align: center;
	height: 60px;
	width: 245px;
	vertical-align: top;
	display: inline-block;
}
#header_wrap .header_navi li a{
	background-image: url(/c_images/common/h_n_back.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	height: 60px;
}
#header_wrap .header_navi li a:hover{
	background-position: 0px -100px;
}
#header_wrap .header_navi li a img{
	padding-top: 15px;
}



/*==========
#main_wrap
コンテンツ部分
=============================================================*/
#main_wrap{}
#main_wrap .topic_path{
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	padding-bottom: 20px;
}
#main_wrap .topic_path dl{
	text-align: left;
}
#main_wrap .topic_path dt,
#main_wrap .topic_path dd{
	margin-right: 3px;
	display: inline-block;
	vertical-align: top;
}
#main_wrap .topic_path dt a,
#main_wrap .topic_path dd a{
	margin-right: 3px;
}
#main_wrap .contents_wrap{
	width: 970px;
	margin-right: auto;
	margin-left: auto;
}
#main_wrap .contents_wrap .contents{
	width: 670px;
	background-image: url(/c_images/common/cont_back.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-bottom: 20px;
	float:left;
}
#main_wrap .contents_wrap .contents h2{
	padding-top: 20px;
	padding-bottom: 10px;
}
#main_wrap .contents_wrap .side{
	width: 270px;
	padding-bottom: 10px;
	text-align:center;
	float:right;
}
#main_wrap .contents_wrap .side .list{
	margin-bottom: 30px;
}
#main_wrap .contents_wrap .side .list h3{}
#main_wrap .contents_wrap .side .list .inner{
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	background-color: #E6E6E6;
}
#main_wrap .contents_wrap .side .list .inner ul{
	width: 250px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFFFFF;
	margin-bottom: 9px;
}
#main_wrap .contents_wrap .side .list .inner li{
	width: 230px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 10px;
	font-size: 13px;
	line-height: 20px;
}
#main_wrap .contents_wrap .side .list .inner li a{
	display: block;
	border: 1px solid #83A0C9;
	text-align: left;
	padding-top: 14px;
	padding-bottom: 14px;
	padding-left: 25px;
	background-image: url(/c_images/common/side_ar01.png);
	background-repeat: no-repeat;
	background-position: 0px 20px;
	padding-right: 9px;
}
#main_wrap .contents_wrap .side .list .inner li a:hover{background-color:#EBF4FE;}
#main_wrap .contents_wrap .side .banner01{}
#main_wrap .contents_wrap .side .banner01 li{
	padding-bottom: 10px;
}
#main_wrap .contents_wrap .side .banner01 li a:hover img{filter:alpha(opacity=60);opacity:0.6;}







/*==========
#footer_wrap
フッター
=============================================================*/
#footer_wrap{
	background-color: #E6E6E6;
}
#footer_wrap .footer{
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 20px;
}

#footer_wrap .footer .inner{
	width: 100%;
	height: 50px;
	background-color: #FFFFFF;
}
#footer_wrap .footer .inner .re_top{
	text-align: right;
	float: right;
	width: 110px;
}
#footer_wrap .footer .inner .re_top a:hover img{filter:alpha(opacity=60);opacity:0.6;}
#footer_wrap .footer .inner ul{
	width: 830px;
	text-align: left;
	margin-left: 10px;
	padding-top: 10px;
}
#footer_wrap .footer .inner li{
	line-height: 30px;
	margin-right: 2px;
	display: inline-block;
	vertical-align: top;
}
#footer_wrap .footer .inner li a{
	margin-right: 2px;
}
#footer_wrap .footer .cr{
	padding-top: 15px;
	padding-bottom: 20px;
	text-align: left;
}
#footer_wrap .footer .cr img{}