/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	name : care.css
	last-update : 2009.03.13
 : :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

/* ********************************************************************************
 * タイトル：TitleArea
 * ******************************************************************************** */
#titleArea h2 {
	background:  url(../../care/images/title.gif) top left no-repeat;
}

/* ********************************************************************************
 * リード：LeadArea
 * ******************************************************************************** */
#leadArea {
       display: block;
	width: 900px;
	height: 230px;
}

#leadArea h3 {
	background:  url(../../care/images/sub_title.png) top left no-repeat;
}

#leadArea h4 {
	background: url(../../care/images/catch_copy.png) top left no-repeat;
}

/* ********************************************************************************
 * 記事エリア：ArticleArea
 * ******************************************************************************** */
#articleArea {
       display: block;
	width: 900px;
	height: auto;
       padding-bottom: 30px;
       background: url(../../images/bubble_bg.jpg) bottom no-repeat;
}

#articleArea #article-box {
       width: 795px;
       height: 393px;
       margin: 0 auto;
       padding: 0;
       text-align: left;
}

#article-box .copyArea h4 {
       width: 354px;
       height: 18px;
       margin: 0;
       padding: 0;
       background: url(../../care/images/copy1.png) top left no-repeat;
       text-indent: -9999px;
}

#article-box ul li {
       width: 354px;
       height: 48px;
       margin: 15px 0 0 0;
       padding: 0;
       background: url(../../care/images/copy2.png) top left no-repeat;
       text-indent: -9999px;
}

#article-box #item1 {
       float: left;
       width: 365px;
       height: 280px;
       margin: 40px 0 0 5px;
       padding: 0;
       background: url(../../care/images/item-bg.png) top left no-repeat;
       text-align: left;
}

#article-box #item1 img {
       float: left;
}

#article-box #item1 h4 {
       float: right;
       width: 220px;
       height: 42px;
       margin: 30px 0 0 0;
       padding: 0;
       background: url(../../care/images/item1_tt.png) top left no-repeat;
       text-indent: -9999px;
}

#article-box #item1 p {
       float: right;
       width: 220px;
       height: auto;
       margin: 10px 0 0 0;
       padding: 0;
       font-size: 95%;
       line-height: 15px;
}

#article-box #item1 p.btn a {
       float: left;
       width: 192px;
       height: 50px;
       margin: 5px 0 0 0;
       padding: 0;
       background: url(../../care/images/btn.png) top left no-repeat;
       text-indent: -9999px;
       cursor: pointer;
}

#article-box #item2 {
       float: right;
       width: 365px;
       height: 280px;
       margin: 40px 0 0 5px;
       padding: 0;
       background: url(../../care/images/item-bg.png) top left no-repeat;
       text-align: left;
}

#article-box #item2 img {
       float: left;
}

#article-box #item2 h4 {
       float: right;
       width: 220px;
       height: 42px;
       margin: 30px 0 0 0;
       padding: 0;
       background: url(../../care/images/item2_tt.png) top left no-repeat;
       text-indent: -9999px;
}

#article-box #item2 p {
       float: right;
       width: 220px;
       height: auto;
       margin: 10px 0 0 0;
       padding: 0;
       font-size: 95%;
       line-height: 15px;
}

#article-box #item2 p.btn a {
       float: left;
       width: 192px;
       height: 50px;
       margin: 5px 0 0 0;
       padding: 0;
       background: url(../../care/images/btn.png) top left no-repeat;
       text-indent: -9999px;
       cursor: pointer;
}

#article-box #item1 p.btn a:hover,
#article-box #item2 p.btn a:hover {
       background-position: bottom left;
}

*html #item1 img,
#item2 img {
	behavior: expression(IEPNGFIX.fix(this));
}

*html #article-box .copyArea h4, 
       #article-box ul li,
       #article-box #item1,
       #article-box #item1 h4,
       #article-box #item1 p.btn a,
       #article-box #item2,
       #article-box #item2 h4,
       #article-box #item2 p.btn a {
       behavior: expression(
       this.style.behavior || (
       this.style.filter ="progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop,src='"+this.currentStyle.getAttribute("backgroundImage").slice(5,-2)+"')",
this.style.backgroundImage = "none",
this.style.behavior = "none"
)
);
}