@charset "utf-8";

/*============================
#mainArea
============================*/
#mainArea { border-top: solid 5px #688649; }
#mainArea #mainTitle { padding: 20px 30px; background: #f5f5f5; border-left: solid 1px #ddd; border-right: solid 1px #ddd;  }
#mainArea #mainTitle .title { float: left; text-indent: -9999px; width: 302px; height: 42px; background: url(../../imageFile/about/title_about.png) no-repeat left center; }

/*============================
#mainContent
============================*/
#mainContent { border: solid 1px #e5e5e5; border-top: none; background: #fff; padding: 43px; }
#mainContent .miniTitle { text-indent: -9999px; background: url(../../imageFile/about/title_concept.png) no-repeat left center; height: 32px; }
#mainContent .exp { margin-top: 20px; padding: 0 30px 30px; }
#mainContent .exp .copy { float: left; width: 600px; font-size: 0.875em; line-height: 1.8; }
#mainContent .exp .copy .subTitle { padding-bottom: 20px; height: 20px; background: url(../../imageFile/about/title_concept_sub.png) no-repeat left top; text-indent: -9999px; }
#mainContent .exp .copy span { display: block; }
#mainContent .exp .img { float: right; width: 200px; }
#mainContent .exp .img.sp { display: none; }