@charset "utf-8";
/* CSS Document 
　　CASE STUDIES ONLY */


/*midasi*/
h2.cs_top { margin-left: 15px; display: block; height: 65px}
h2.cs_top img { display: block}
.lead { margin-left: 18px; height: 103px}
.lead p { margin: 0 0 12px 0; font-size: 0.9em; line-height: 1.4em}



/**/
#cs_top {}
#cs_top h3 { margin-left: 18px; margin-bottom: 14px; width: 150px}
#cs_top h3.mt { margin-top: 40px}

#cs_top ul li { display: block; float: left; list-style: none; position: relative}
#cs_top ul li a { display: block}
#cs_top div.list1 { }
#cs_top ul#m01 li { width: 215px; height: 160px; padding-left: 18px; padding-top: 3px }
#cs_top ul#m01 li a { width: 213px; height: 149px }
#cs_top ul#m02 { margin-left: 3px}
#cs_top ul#m02 li { width: 159px; height: 150px; padding-left: 15px }
#cs_top ul#m02 li a { width: 159px; height: 135px }

/**/
#cs { margin-left: 45px}
#cs .pagetitle { background: url(../img/icon_cs.gif) no-repeat left top; padding: 20px 0 0 0; font-weight: bold; color:#000; margin-bottom: 30px; width: 360px}
#cs .pagetitle2 { background: url(../img/icon_cs.gif) no-repeat left top; padding: 20px 0 0 0; font-weight: bold; color:#000; margin-bottom: 16px; width: 360px}
#cs .entrytitle { border-bottom: 1px dotted #b0b0b0; padding-bottom: 4px; width: 630px; margin-bottom: 20px}
#cs .md3 { background: url(../img/cs_md_bar_hk.gif) no-repeat left top; color: #fff; font-weight: bold; line-height: 27px; font-size: 14px; padding-left: 40px}
#cs .cs_list { width: 630px; padding-bottom: 20px}
#cs .cs_list .text { float: right; width: 416px; background: url(../img/cs_sub_md_hk.gif) repeat-x left top}
#cs .cs_list .text h3,
#cs .cs_list .text h4 { color: #000; padding: 14px 0 0 14px; font-size: 14px; font-weight: bold}
#cs .cs_list .text p { padding: 8px 0 14px 14px; font-size: 13px}
#cs .cs_list .text p.todata { padding: 2px 0 2px 16px; margin-left: 14px; background:url(../img/ya_red.gif) no-repeat left center }
#cs .cs_list .text p.todata a { color: #c00}
#cs .cs_list .photo { float: left; width: 204px; font-size: 0.9em; margin-bottom: 8px; background-color: #f7f7f7; text-align: center}
#cs .cs_list .photo img { display: block; margin: 0 auto}
#cs .cs_list .entrydate { clear: both; font-size: 0.9em}

#cs .cs_ent { width: 630px; padding-bottom: 20px}

#cs .cs_ent .text { float: right; width: 340px; background: url(../img/cs_sub_md_hk.gif) repeat-x left top}
#cs .cs_ent .text h3,
#cs .cs_ent .text h4 { color: #000; padding: 14px 0 0 14px; font-size: 14px; font-weight: bold}
#cs .cs_ent .text p { padding: 8px 0 14px 14px; font-size: 13px}
#cs .cs_ent .text dl { border-top: 1px dotted #b0b0b0}
#cs .cs_ent .text dl dt { padding: 8px 0 0 14px; font-size: 13px}
#cs .cs_ent .text dl dd { padding: 8px 5px 10px 14px; font-size: 13px; line-height: 1.4em}
#cs .cs_ent .photo { float: left; width: 280px; font-size: 0.9em; margin-bottom: 8px; text-align: center; background: #f7f7f7}
#cs .cs_ent .photo img { display: block; margin: 0 auto}

#cs .cs_ent .date { font-size: 0.9em; width: 280px; clear: left; margin-bottom: 20px}

#cs .cs_ent .morephoto { clear: both; position: relative}
#cs .cs_ent .morephoto a { display: block; width: 204px; text-align: center; background: #f7f7f7}
#cs .cs_ent .morephoto img { margin: 0}
#cs .cs_ent .morephoto p { clear: both; padding: 0; margin: 0; font-size: 0.9em}
#cs .cs_ent .morephoto table tr td { width: 210px; padding: 0 0 6px 0; vertical-align: bottom}

#cs .cs_footer { border-top: 1px solid #03c; margin-top: 40px; width: 630px }

#cs .page_navi { height: 14px; position: relative; left: 400px; width: 250px}
#cs .page_navi ul li { display: block; font-size: 12px; line-height: 14px; width: 120px; list-style: none}
#cs .page_navi ul li a { text-decoration: none}
#cs .page_navi ul li.page_prev { float: left}
#cs .page_navi ul li.page_next { float: right}
#cs .page_navi ul li.page_prev a { background: url(../img/ya02lt.gif) no-repeat right center; padding: 0 16px 0 0; margin-right: 30px }
#cs .page_navi ul li.page_next a { background: url(../img/ya02gt.gif) no-repeat left center; padding: 0 0 0 16px }

/*
#cs .page_navi { height: 14px; position: relative; left: 400px; width: 250px; padding: 20px 0;}
#cs .page_navi ul li { display: inline; font-size: 12px; line-height: 14px}
#cs .page_navi ul li a { text-decoration: none}
#cs .page_navi ul li.page_prev { background: url(../img/ya02lt.gif) no-repeat right center; padding: 0 16px 0 0; margin-right: 30px }
#cs .page_navi ul li.page_next { background: url(../img/ya02gt.gif) no-repeat left center; padding: 0 0 0 16px }
*/

#cs .page_navi.bt { position: relative; left: 400px; padding-top: 20px; margin-bottom:10px}
#cs i { color: #c00}