@charset "utf-8";

/*==============================================
 CSS INFO
 Description : index css
------------------------------------------
	1: common
	2: feature-特集
	3: topic-こんな時に相談
	4: hours-営業時間・マップ
------------------------------------------
 IMPORT INFO
 common.css
 
===============================================*/

@import url(common.css);

/* 1: common
---------------------------------------------- */
#contents p{
	padding			:5px 10px;
	}
	
/* 2: feature-特集
---------------------------------------------- */
#feature{
	background		:url(../img/idx_feature.gif) no-repeat;
	width			:540px;
	height			:120px;
	margin-bottom	:20px;
	}
	
#feature p{
		padding			:35px 130px 5px 8px;
		}
		
/* 3: topic-こんな時に相談
---------------------------------------------- */
.topic{
	float				:left;
	height				:202px;
	width				:163px;
	}
	
#topi_center{
	margin				:0 20px;
	}
	
*html #topi_center{
	margin				:0 10px;
	}
	
#contents .topi01{
	background			:url(../img/idx_topic01.gif) no-repeat;
	height				:123px;
	width				:152px;
	padding				:40px 10px 0 10px;
	}
	
*html #contents .topi01{
	height				:163px;
	width				:172px;
	padding				:40px 10px 0 10px;
	}
	
#contents .topi02{
	background			:url(../img/idx_topic02.gif) no-repeat;
	height				:123px;
	width				:152px;
	padding				:40px 10px 0 10px;
	}
	
*html #contents .topi02{
	height				:163px;
	width				:172px;
	padding				:40px 10px 0 10px;
	}
	
#contents .topi03{
	background			:url(../img/idx_topic03.gif) no-repeat;
	height				:123px;
	width				:152px;
	padding				:40px 10px 0 10px;
	}
	
*html #contents .topi03{
	height				:163px;
	width				:172px;
	padding				:40px 10px 0 10px;
	}
	
#topi_wrap{
	margin				:10px 0;
	}
	
/* 3: hours-営業時間・マップ
---------------------------------------------- */
#hours{
	background			:url(../img/map.gif) top right no-repeat;
	height				:230px;
	margin-top			:10px;
	}	

#hours dt{
	float				:left;
	clear				:both;
	display        		:block;
	width				:90px;
	}
	
#hours dd{
	width				:210px;
	padding				:2px 0;
	margin-left			:100px;
	}
	
*html #hours dd{
	width				:210px;
	}

/* information
---------------------------------------------- */
.saimInfo{
	margin		: 15px 0;
	border		: 2px solid #EEE;
	background	: url("../img/info_title_bg.gif") repeat-x left top;
	}
	
.saimInfo ul{
	margin		: 10px;
	}
	
.saimInfo ul li{
	border-bottom: 1px dotted #CCC;
	padding		: 2px 0 3px;
	}
	
.saimInfo ul li a{
	background	: url("../img/arrow.gif") no-repeat left center;
	padding-left: 15px;
	}

#contents h3.saimInfoTtl{
	background	: url("../img/info_ttl_icon.gif") no-repeat 3px center;
	font-size	: 12px;
	margin		: 0 0 10px;
	padding		: 2px 5px 0 20px;
	font-weight	: bold;
	color		: #00479D;
	}