@charset "UTF-8";

/* ----- COMMON ----- */
#contents h1 { background: url(images/hd1.png) no-repeat; }
#contents #hd2 { background: url(images/hd2.png) no-repeat; }
#contents h3 { color: #0079c0; font-size: 1.7rem; font-weight: bold; background: url(images/hd3.png) repeat-x; display: block; height: 30px; padding: 5px 0 0 10px; margin-bottom: 20px; }
#contents .lead { display: block; margin-bottom: 40px; }

/* ----- INDEX ----- */
#contents #hd2.index h2 { color: #a2131f; line-height: 125%; }

#contents .lineup { display: block; }
#contents .lineup li { background: #e7f2f7; display: block; float: left; width: 220px; min-height:380px; height:auto !important; height:380px; margin: 0 35px 50px 0; }
#contents .lineup li.last { margin: 0 0 50px 0; } 

#contents .lineup a { color: #fff; }
#contents .lineup h3 { color: #fff; font-size: 1.6rem; font-weight: bold; background: #419fce; display: block; text-align: center; height: 39px; padding: 15px 0 0 0; margin-bottom: 0; border-bottom: 1px solid #0079c0; }
#contents .lineup h3.line2 { height: 49px; padding: 5px 0 0 0; }

#contents .lineup li p { display: block; padding: 10px; }

/* ----- NAV ----- */
nav .category { background: url(images/bg_nav_hd1.png) no-repeat; }

#s_menu > li > a:hover { background: #CBE3EF; }
#s_menu > li > a span { background:url('images/icn_rotate.png') no-repeat 0 18px;  }

/* ----- CONTENTS ----- */
/* MESSAGE */
#contents.message #hd2.index, #contents.strongpoint #hd2.index { margin-bottom: 0; }
#contents.message .lead { margin-bottom: 50px; }
#contents.message .lead .left { /*font-size: 1.5rem; */width: 480px; }
#contents.message .motto, #contents.message .motto dd, #contents.message .motto dt { display: block; }
#contents.message .motto dd { float: left; }
#contents.message .motto dt { float: right; width: 360px; }
#contents.message .motto dt ul {}
#contents.message .motto dt ul li { /*font-size: 1.5rem; */ margin-bottom: 10px; }
#contents.message .motto dt ul li img { display: inline-block; }

/* STRONG POINT */
#contents.strongpoint #hd2.index { margin-bottom: 20px; }
#contents.strongpoint #hd2.index h2 span { /*left: 25px;*/ }
#contents.strongpoint #hd2.index h2 {/*text-indent:-0.5em;*/ }
#contents.strongpoint .lead { position: relative; }
#contents.strongpoint .lead .left { width: 485px; height: 130px; }
#contents.strongpoint .lead .right img { position: absolute; top: 0px; right: 0; }
#contents.strongpoint .best, #contents.strongpoint .best dd, #contents.strongpoint .best dt { display: block; }
#contents.strongpoint .best { margin-bottom: 50px; }
#contents.strongpoint .best dd { font-size: 1.6rem; font-weight: bold; line-height: 3.0rem; float: left; width: 180px; padding-left: 10px;  }
#contents.strongpoint .best dd span { color: #a2131f; }
#contents.strongpoint .best dt { /*font-size: 1.5rem; */ float: right; width: 540px; }
#contents.strongpoint .pro, #contents.strongpoint .pro dt { display: block; }
#contents.strongpoint .pro { margin-bottom: 20px; }
#contents.strongpoint .pro dt { font-size: 1.6rem; font-weight: bold; line-height: 3.0rem; float: left; width: 355px; padding-left: 10px; }
#contents.strongpoint .pro dt span { color: #a2131f; }
#contents.strongpoint .accent { color: #a2131f; font-size: 1.7rem; font-weight: bold; }

/* OVERVIEW */
#contents.overview #hd2.index { margin-bottom: 20px; }
#contents.overview .lead { position: relative; }
#contents.overview .lead .left { width: 505px; height: 150px; }
#contents.overview .lead .right img { position: absolute; top: 0px; right: 0; }
#contents.overview .ov { width: 100%; margin-bottom: 50px; }
#contents.overview .ov th, #contents.overview .ov td { /*font-size: 1.5rem;*/ vertical-align: top; padding: 5px 0; }
#contents.overview .ov th { width: 190px; }
#contents.overview .ov th span { color: #0079C0; }
#contents.overview .ov td .bz li { padding-left:1.4em; text-indent:-1.4em; }
#contents.overview .ov td span { font-weight: bold; }
#contents.overview .client { margin: 0 0 50px 0; }
#contents.overview .client li { /*font-size: 1.5rem;*/ margin-bottom: 5px; }
#contents.overview .products {}
#contents.overview .products dt, #contents.overview .products dt span { font-size: 1.6rem; font-weight: bold; }
#contents.overview .products dt span { color: #0079C0; }
#contents.overview .products dd { padding: 0 0 15px 22px; }

/* HISTORY */
#contents.history #hd2.index { margin-bottom: 50px; }
#contents.history .lead { position: relative; }
#contents.history .lead .left { width: 560px; }
#contents.history .lead .right img { position: absolute; top: 0; right: 0; margin: 0 15px 0 0; }
#contents.history .his { width: 560px; margin-bottom: 50px; }
#contents.history .his th, #contents.history .his td { vertical-align: top; /*padding: 10px 0; */}
#contents.history .his th { color: #0079C0; text-align: right; padding: 10px 0; }
#contents.history .his th.y { width: 40px; }
#contents.history .his th.m { width: 90px; }
#contents.history .his td { padding: 10px 0 10px 15px; }

/* ACCESS*/
#contents.access #hd2.index { margin-bottom: 0; }
#contents.access h3 { color: #0079c0; font-size: 1.5rem; font-weight: bold; background: none; display: block; height: auto; padding: 5px 0 0 0; margin: 0 0 15px 10px; border-bottom: 2px solid #a7d2e8; }
#contents.access h4 { color: #a2131f; font-size: 1.6rem; font-weight: bold; display: block; margin: 0 0 5px 10px; }
#contents.access .address { font-size: 1.6rem; font-weight: bold; margin: 0 0 10px 10px; }
#contents.access .tel { font-size: 1.6rem; margin: 0 0 40px 10px;  }
#contents.access .trans { margin: 0 0 20px 10px; }
#contents.access .map { margin: 0 0 50px 10px; }