@charset "utf-8";







/* Contents BG
-------------------------------------------------- */

div#contents_BG02_side {
background:url(../common/images/contents_bg2_01.gif) repeat-y top center;
}
div#contents_BG02_top {
background:url(../common/images/contents_bg2_02.gif) no-repeat top center;
}
div#contents_BG02_bottom {
background:url(../common/images/contents_bg2_03.gif) no-repeat bottom center;
}


/* HOME LinkBtn
-------------------------------------------------- */
div#homeBtn {
float:left;

}

div#homeBtn p a {
display:inline-block;
background:transparent url(../common/images/btn_home_off.gif) no-repeat scroll 0 0;
line-height:1;
padding:14px 10px 5px 40px;
min-height:18px;
height:auto !important;
height:18px;/*Needs to match the min height pixels above*/
}

div#homeBtn p a:hover {
background:transparent url(../common/images/btn_home_on.gif) no-repeat scroll 0 0;
}



/* catchRead
-------------------------------------------------- */
div#catchRead {
float:right;
text-align:right;

}
div#catchRead p {
padding:13px 20px 0 20px;
}


/* TITLE
-------------------------------------------------- */
div#pageTitle {
width:950px;
margin:5px;
background:transparent url(../images/case/title_backg.gif) no-repeat scroll 0 0;
min-height:51px;
height:auto !important;
height:51px;/*Needs to match the min height pixels above*/
}
div#pageTitle:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
div#pageTitle {display:inline-block;}
/* Hides from IE-mac \*/
* html div#pageTitle {height:1%;}
div#pageTitle {display:block;}
/* End hide from IE-mac */

div#pageTitleLeft {
float:left;
width:821px;
}

div#pageTitleRight {
float:right;
width:129px;
}

div#pageTitle div#pageTitleLeft h1 {
padding:15px 0 0 15px;
height:42px;
}

div#pageTitle div#pageTitleLeft p {
text-align:right;
padding:0 5px 0 0;
line-height:1.3;
}
div#pageTitle div#pageTitleLeft h3 {
padding:13px 0px 0 15px;
}

div#pageTitleRight img {
margin:5px 15px 0 0;
}

/* articleItem (920px)
-------------------------------------------------- */
div.articleItem {
display:block;
width:920px;
margin-left:20px;
margin-right:20px;
}



/* caseItem (922px)
-------------------------------------------------- */
div.caseItem {
display:block;
width:922px;
margin-left:18px;
margin-right:20px;
}


/* subTitle BackGround 1 */
div.caseItem div.subTitle1_BG01 {
background:url(../images/case/subtitle1_bg01.gif) repeat-y top left;}
div.caseItem div.subTitle1_BG02 {
background:url(../images/case/subtitle1_bg02.gif) no-repeat top left;}
div.caseItem div.subTitle1_BG03 {
background:url(../images/case/subtitle1_bg03.gif) no-repeat bottom left;}
/* subTitle BackGround 2 */
div.caseItem div.subTitle2_BG01 {
background:url(../images/case/subtitle2_bg01.gif) repeat-y top left;}
div.caseItem div.subTitle2_BG02 {
background:url(../images/case/subtitle2_bg02.gif) no-repeat top left;}
div.caseItem div.subTitle2_BG03 {
background:url(../images/case/subtitle2_bg03.gif) no-repeat bottom left;}
/* subTitle BackGround 3 */
div.caseItem div.subTitle3_BG01 {
background:url(../images/case/subtitle3_bg01.gif) repeat-y top left;}
div.caseItem div.subTitle3_BG02 {
background:url(../images/case/subtitle3_bg02.gif) no-repeat top left;}
div.caseItem div.subTitle3_BG03 {
background:url(../images/case/subtitle3_bg03.gif) no-repeat bottom left;}

div.caseItem div.subTitle1_BG01 div.subTitle1_BG02 div.subTitle1_BG03 h4,
div.caseItem div.subTitle2_BG01 div.subTitle2_BG02 div.subTitle2_BG03 h4,
div.caseItem div.subTitle3_BG01 div.subTitle3_BG02 div.subTitle3_BG03 h4 {
line-height:1.2;
padding:10px 12px 5px 19px;
min-height:21px;
height:auto !important;
height:21px;/*Needs to match the min height pixels above*/
}

/*  caseItem BG 1 */
div.caseItem1_BG_side {
background:url(../images/case/item1_bg01.gif) repeat-y top left;}
div.caseItem1_BG_top {
background:url(../images/case/item1_bg02.gif) no-repeat top left;}
div.caseItem1_BG_bottom {
background:url(../images/case/item1_bg03.gif) no-repeat bottom left;}
/*  caseItem BG 2 */
div.caseItem2_BG_side {background:url(../images/case/item2_bg01.gif) repeat-y top left;}
div.caseItem2_BG_top {background:url(../images/case/item2_bg02.gif) no-repeat top left;}
div.caseItem2_BG_bottom {background:url(../images/case/item2_bg03.gif) no-repeat bottom left;}
/*  caseItem BG 3 */
div.caseItem3_BG_side {background:url(../images/case/item3_bg01.gif) repeat-y top left;}
div.caseItem3_BG_top {background:url(../images/case/item3_bg02.gif) no-repeat top left;}
div.caseItem3_BG_bottom {background:url(../images/case/item3_bg03.gif) no-repeat bottom left;}

div.caseItem div.caseItem1_BG_side div.caseItem1_BG_top div.caseItem1_BG_bottom p.case_text,
div.caseItem div.caseItem2_BG_side div.caseItem2_BG_top div.caseItem2_BG_bottom p.case_text,
div.caseItem div.caseItem3_BG_side div.caseItem3_BG_top div.caseItem3_BG_bottom p.case_text {
padding:8px 5px 0 19px;
}

div.caseItem div.caseItem1_BG_side div.caseItem1_BG_top div.caseItem1_BG_bottom p.case_text,
div.caseItem div.caseItem2_BG_side div.caseItem2_BG_top div.caseItem2_BG_bottom p.case_text,
div.caseItem div.caseItem3_BG_side div.caseItem3_BG_top div.caseItem3_BG_bottom p.case_text {
padding:8px 5px 0 19px;
}

div.caseItem div.caseItem1_BG_side div.caseItem1_BG_top div.caseItem1_BG_bottom img,
div.caseItem div.caseItem2_BG_side div.caseItem2_BG_top div.caseItem2_BG_bottom img,
div.caseItem div.caseItem3_BG_side div.caseItem3_BG_top div.caseItem3_BG_bottom img {
padding:10px 0 0 34px;
}



div.caption01 {
display: inline; /* for IE6 Double Margin */
float:left;
width:362px;
margin:0 120px 5px 35px;
line-height:1.4;

}

div.caption02 {
float:left;
width:404px;
line-height:1.4;
margin-bottom:5px;
}





/* caseAdvice
-------------------------------------------------- */
/* Background */
div#caseAdvice_BG_side {
background:url(../images/case/advice_bg01.gif) repeat-y top center;
}
div#caseAdvice_BG_top {
background:url(../images/case/advice_bg02.gif) no-repeat top center;
}
div#caseAdvice_BG_bottom {
background:url(../images/case/advice_bg03.gif) no-repeat bottom center;
}

div#caseAdvice {
width:893px;
margin:0 0 0 62px;
padding-bottom:7px;
}

div#caseAdvice h3 {
padding-top:12px;
}

div#caseAdvice p.comment  {
float:left;
width:526px;
margin-top:10px;
margin-right:15px
}

div#caseAdvice p.illustration  {
float:right;
width:325px;
margin-top:-20px;
margin-right:15px;
margin-bottom:15px;
}





/* caseTitle2
-------------------------------------------------- */
div#caseTitle2 {
display:block;
width:960px;
background:url(../common/images/case_menutitle_bg01.gif) no-repeat top right;
margin:30px 0 10px ;
min-height:31px;
height:auto !important;
height:31px;/*Needs to match the min height pixels above*/
}

div#caseTitle2 h3 {
padding:4px 15px 0 15px;
}
div#caseTitle2 p {
margin:5px 15px 0 15px;
padding-top:5px;
background:url(../common/images/line_dot_gray01.gif) repeat-x top left;
}

/* caseMenu
-------------------------------------------------- */



div#caseMenu {
width:940px;
margin:15px 0 50px 20px;
}

div#linkItem_01 {
float:left;
width:293px;
margin-right:15px;
}

div#linkItem_BG01 {
background:url(../common/images/linkitem_bg01.gif) repeat-y top center;
}
div#linkItem_BG02 {
background:url(../common/images/linkitem_bg02.gif) no-repeat top center;
}
div#linkItem_BG03 {
background:url(../common/images/linkitem_bg03.gif) no-repeat bottom center;
}

a.linkBtn {
display:block;
width:248px;
background:url(../common/images/linkbtn_off.gif) no-repeat top left;
line-height:1.2;
padding:10px 9px 0 36px;
min-height:24px;
height:auto !important;
height:24px;/*Needs to match the min height pixels above*/
}
a:hover.linkBtn {
background:url(../common/images/linkbtn_on.gif) no-repeat top left;
}



a.linkBtn_Stay {
display:block;
width:248px;
background:url(../common/images/linkbtn_v.gif) no-repeat top left;
line-height:1.2;
padding:10px 9px 0 36px;
min-height:24px;
height:auto !important;
height:24px;/*Needs to match the min height pixels above*/
color:#958CcA;
}
a:hover.linkBtn_Stay {
background:url(../common/images/linkbtn_on.gif) no-repeat top left;
color:#56A7D2;
}


div.linkItemList {
margin-left:30px;
min-height:4.4em;
height:auto !important;
height:4.4em;/*Needs to match the min height pixels above*/
}

div.linkItemImage {
padding:7px 0 33px 24px;
}

div.linkItemImage img.currentAlpha {
filter: alpha(opacity=50);
-moz-opacity:0.50;
opacity:0.50;
}