@charset "utf-8";

/*コンテンツ作成*/


div#contents  { width: 640px; float: left; }

#contents h2  { font-size: 14px; font-weight: bolder; line-height: 14px; background-image: url(common_images/title.gif); text-indent: 8px; width: 620px; height: 25px; clear: both; margin: 0 0 10px; padding-top: 8px; }
#contents div.sublink { width: 618px; margin: 0 0 10px; padding: 0; border: solid 1px #ccc; }
#contents h3  {  margin: 0 0 10px; padding: 0;  }
#contents h3 a  { font-size: 12px; font-weight: normal; line-height: 32px; background-image: url(common_images/title_sub.gif); text-decoration: none; text-indent: 20px; width: 616px; height: 31px; margin: 1px; padding: 0; display: block; }
#contents h3 a:hover  { background-position: 0 -31px; }

#contents h4 { margin: 0 0 0; }
#contents h4 a  { background-image: url(images/mainbanner.jpg); text-indent: -9999px; width: 620px; height: 160px; margin-bottom: 10px; display: block; }
#contents h4 a:hover  { background-position: -620px 0; }

#contents p { font-size: 12px; line-height: 18px; margin-right: 20px; margin-bottom: 10px; margin-left: 10px; }
#contents p.blue { color: #1e2677; font-size: 14px; font-weight: bold; line-height: 21px; margin-right: 20px; margin-bottom: 10px; margin-left: 10px; }
#contents p.mojiL { font-size: 14px; line-height: 21px; margin-right: 20px; margin-bottom: 10px; margin-left: 10px; }

#contents table { font-size: 12px; line-height: 16px; width: 600px; margin-bottom: 10px; margin-left: 10px; padding: 0; border-top: 1px solid #999; border-left: 1px solid #999; border-collapse: collapse; }
#contents td { margin: 0; padding: 5px; border-bottom: 1px solid #999; border-right: 1px solid #999; }
#contents th { color: #fff; font-size: 14px; font-weight: normal; line-height: 14px; background-color: #013b82; margin: 0; padding: 5px; border-right: 1px solid #999; border-bottom: 1px solid #999; }

#contents img.right { float: right; margin-right: 20px; margin-bottom: 10px; margin-left: 20px; }
#contents img.m10 { margin-bottom: 10px; }

div#subs  { width: 210px; float: right; }
div#subs h2#products  { background-image: url(common_images/h2_products.gif); text-indent: -9999px; width: 210px; height: 50px; margin: 0; }
div#subs h2#company { background-image: url(common_images/h2_company.gif); text-indent: -9999px; margin: 0; width: 210px; height: 50px; }
div#subs h2#user { background-image: url(common_images/h2_user.gif); text-indent: -9999px; margin: 0; width: 210px; height: 50px; }
div#subs h2#contact { background-image: url(common_images/h2_contact.gif); text-indent: -9999px; margin: 0; width: 210px; height: 50px; }
div#subs h2#english  { background-image: url(common_images/h2_english.gif); text-indent: -9999px; width: 210px; height: 50px; margin: 0; }
div#subs ul#subsm { width: 200px; margin-bottom: 10px; padding: 4px; border: solid 1px #ccc; }
div#subs ul#subsm li a { font-size: 12px; line-height: 24px; background-image: url(common_images/list.gif); text-decoration: none; text-indent: 20px; width: 200px; height: 24px; display: block; }
div#subs ul#subsm li a:hover { background-position: 0 -24px; }
#contents h4 { margin: 0; }

div#subs ul#subsb li { margin-bottom: 10px;  }

div#subs ul#subsb li a#banner { background-image: url(images/banner.jpg); text-indent: -9999px; width: 210px; height: 230px; overflow: hidden; display: block; }
div#subs ul#subsb li a#banner1 { background-image: url(images/banner1.jpg); text-indent: -9999px; width: 210px; height: 68px; overflow: hidden; display: block; }
div#subs ul#subsb li a#banner2 { background-image: url(images/banner2.jpg); text-indent: -9999px; width: 210px; height: 68px; overflow: hidden; display: block; }
div#subs ul#subsb li a#banner3 { background-image: url(images/banner3.jpg); text-indent: -9999px; width: 210px; height: 68px; overflow: hidden; display: block; }

div#subs ul#subsb li a#banner:hover  { background-position: -210px 0; }
div#subs ul#subsb li a#banner1:hover  { background-position: -210px 0; }
div#subs ul#subsb li a#banner2:hover  { background-position: -210px 0; }
div#subs ul#subsb li a#banner3:hover  { background-position: -210px 0; }

