@charset "Shift_JIS";

/* ***********************************************************
 *
 * Since:     2008-11-21
 * Editor:    contents tokunaga
 * Modified:  2008-11-21 by:contents tokunaga
 *
 * ***********************************************************
 */

/* font-size===========================================

77% = 10px	|	122% = 16px	|	167% = 22px
85% = 11px	|	129% = 17px	|	174% = 23px
92% = 12px	|	136% = 18px	|	182% = 24px
100% = 13px	|	144% = 19px	|	189% = 25px
107% = 14px	|	152% = 20px	|	197% = 26px
114% = 15px	|	159% = 21px	|

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


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

  ���C��

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

/* top body bg */
body#top {
	background: #FFFFFF url(../img/bg.jpg) no-repeat center top;
}

/* gNavi width */
#top #header ul.hNavi {
	width: 479px;
}

/* gNavi width */
#top #footer {
	padding-top: 5px;
}

/* footer */
#top #footer .tel {
	text-align: center;
	padding-left: 84px;
}

#top #footer .pagetop {
	float: right;
	padding-top: 10px;
}

/* ---------- wrapper ---------- */

/* news */
#top #wrapper dl.newsArea {
	background: url(../img/news_bg.jpg) no-repeat center top;
	margin-bottom: 10px;
	padding-top: 22px;
}

#top #wrapper dl.newsArea dt {
	width: 240px;
	float: left;
}

#top #wrapper dl.newsArea dd {
	color: #FFFFFF;
	padding: 3px 10px 0px 250px;
}

#top #wrapper dl.newsArea a {
	color: #FFFFFF;
}


#top #wrapper .block01 {
	padding-bottom:15px;
}

/* for home */
#top #wrapper .forHome {
	width: 446px;
	float: left;
	background: url(../img/for_home_bg.gif) repeat-y left top;
}

	#top #wrapper .forHome h2 {
	background: url(../img/for_home_img.gif) no-repeat bottom;
	padding: 0px 0px 60px;
	}

	#top #wrapper  .forHome .inner {
	background: url(../img/for_home_foot.jpg) no-repeat left bottom;
	padding: 5px 15px 20px;
	height: 120px;
	}

	#top #wrapper .forHome .inner .freeBana {
	float: right;
	height: 120px;
	width: 200px;
	}
	
	#top #wrapper .forHome .inner ul {
	width: 180px;
	margin-top: 3px;
	padding-left: 5px;
	}

	#top #wrapper .forHome .inner ul li {
	width:180px;
	padding: 3px 3px 3px 17px;
	background: url(../common/home_arw.gif) no-repeat left center;
	}

/* for business */
#top #wrapper .forBusiness {
	width: 446px;
	float: right;
	background: url(../img/for_business_bg.gif) repeat-y left top;
}

	#top #wrapper .forBusiness h2 {
	background: url(../img/for_bs_img.gif) no-repeat bottom;
	padding: 0px 0px 60px;
	}

	#top #wrapper .forBusiness .inner {
	background: url(../img/for_business_foot.gif) no-repeat left bottom;
	padding: 10px 15px 20px;
	height: 115px;
	}

	#top #wrapper .forBusiness .inner ul {
	padding-left: 5px;
	}

	#top #wrapper .forBusiness .inner ul li {
	width:180px;
	float: left;
	padding: 3px 3px 3px 17px;
	background: url(../common/business_arw.gif) no-repeat left center;
	}


#top #wrapper .block02 {
	padding-bottom: 15px;
}

#top #wrapper .block02 .sani {
	width: 292px;
	float: left;
	border: 1px solid #CCCCCC;
}

#top #wrapper .block02 .sani p {
	margin:1px;
}

#top #wrapper .block02 .sani ul.btn {
	background: url(../img/kan_bg.jpg) repeat-y left top;
	margin: 2px 1px 1px;
	height: 25px;
	padding-top: 2px;
	_padding-top: 3px;
}

#top #wrapper .block02 .sani ul.btn li {
	display:inline;
	padding-left: 3px;
}

#top #wrapper .block02 ul.banner {
	width: 606px;
	float: right;
	height: 125px;
}

#top #wrapper .block02 ul.banner li {
	float: left;
	padding: 0px 0px 1px 2px;
}

#top #wrapper .tagline {
	font-size:85%;
	text-align: center;
	margin-bottom: 5px;
}