@charset "utf-8";
/* ------------------------------------------------------------------
/////////////////////////////////////////////////////////////////////
pageTitle
/////////////////////////////////////////////////////////////////////
------------------------------------------------------------------ */

#pageTitle {
width: 100%;
height: 270px;
overflow: hidden;
margin: 123px auto 0;
padding: 0;
background: url(../img/common/bg02.png) top repeat-x;
border-top: #d4dad8 solid 1px;
}
#pageTitle div.inner {
width: 1100px;
height: 260px;
margin: 0 auto;
padding: 10px 0 0;
background: url(../img/common/bg03.png) top left no-repeat;
position: relative;
}
#pageTitle h2 {
overflow: hidden;
margin: 49px 0 0;
padding: 0;
font-size: 32px;
font-weight: normal;
line-height: 1;
}
#pageTitle h2 img {
margin: 0 10px 20px 0;
float: left;
}
#pageTitle h2 span {
margin: 5px 0 0;
float: left;
}
#pageTitle h2 img.eng {
margin: 0;
display: block;
float: none;
clear: both;
}
#pageTitle div.inner img.pic {
position: absolute;
top: 10px;
right: 0;
}


/* ------------------------------------------------------------------
/////////////////////////////////////////////////////////////////////
layout
/////////////////////////////////////////////////////////////////////
------------------------------------------------------------------ */

#contents {
width: 1100px;
height: 100%;
overflow: hidden;
margin: 40px auto 0;
padding: 40px 0 0;
border-top: #d4dad8 solid 1px;
}
#contents div.l_column {
width: 680px;
height: 100%;
overflow: hidden;
margin: 0 40px 0 0;
padding: 0;
display: inline;
float: left;
}
#contents div.r_column {
width: 380px;
overflow: hidden;
margin: 0;
padding: 0;
display: inline;
float: left;
}


/* ------------------------------------------------------------------
/////////////////////////////////////////////////////////////////////
記事
/////////////////////////////////////////////////////////////////////
------------------------------------------------------------------ */

#contents article {
width: 680px;
overflow: hidden;
margin: 0 0 80px;
padding: 0;
}
#contents article h3.title {
margin: 0 0 30px;
padding: 0 0 20px;
font-size: 24px;
font-weight: normal;
border-bottom: #d4dad8 solid 1px;
}
#contents article h3.title span {
color: #22ac38;
font-size: 14px;
font-weight: bold;
display: block;
}
#contents article h3.title a {
color: #333;
}
#contents article h3.title a:hover {
color: #f99325;
text-decoration: none;
}


/* ------------------------------------------------------------------
/////////////////////////////////////////////////////////////////////
right column
/////////////////////////////////////////////////////////////////////
------------------------------------------------------------------ */

/* categories */
#contents div.cate {
width: 380px;
overflow: hidden;
margin: 0 0 40px;
padding: 0;
}
#contents div.cate p.hl {
width: 340px;
margin: 0;
padding: 15px 20px;
font-size: 18px;
font-weight: normal;
background: #d4dad8;
}
#contents div.cate p.hl span {
padding: 0 0 0 20px;
background: url(../img/common/mkr01.png) left no-repeat;
}
#contents div.cate ul {
margin: 0;
padding: 0;
list-style: none;
}
#contents div.cate ul li {
margin: 15px 0 0;
padding: 0 0 0 10px;
background: url(../img/common/mkr02.png) top left no-repeat;
}
#contents div.cate ul li a {
color: #333;
}

/* company info. */
#contents div.companyInfo {
width: 320px;
overflow: hidden;
margin: 0;
padding: 20px;
border: #d4dad8 solid 10px;
}
#contents div.companyInfo p.hl {
overflow: hidden;
margin: 0 0 20px;
padding: 0;
font-size: 20px;
font-weight: normal;
line-height: 1;
display: inline;
float: left;
}
#contents div.companyInfo p.hl img {
margin: 0 10px 0 0;
float: left;
}
#contents div.companyInfo p.hl span {
margin: 9px 0 0;
float: left;
}
#contents div.companyInfo img.pic {
margin: 0 0 15px;
display: block;
}
#contents div.companyInfo address {
font-style: normal;
}
#contents div.companyInfo address strong {
font-size: 18px;
display: block;
}
#contents div.companyInfo p.tel {
margin: 15px 0 5px;
}
#contents div.companyInfo p.btn {
width: 213px;
height: 40px;
margin: 10px auto 0;
}
#contents div.companyInfo p.btn a {
height: 34px;
padding: 6px 0 0;
}
#contents div.companyInfo p.btn a:hover {
height: 32px;
padding: 8px 0 0;
}

/* banners */
ul.bannerSpace {
width: 380px;
overflow: hidden;
margin: 0;
padding: 0;
list-style: none;
}
ul.bannerSpace li {
margin: 40px 0 0;
padding: 0;
}
ul.bannerSpace li a:hover img {
opacity: 0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
}


/* ------------------------------------------------------------------
/////////////////////////////////////////////////////////////////////
詳細
/////////////////////////////////////////////////////////////////////
------------------------------------------------------------------ */

#contents article p.btn {
width: 213px;
height: 40px;
margin: 60px auto 0;
font-size: 14px;
}
#contents article p.btn a {
height: 32px;
padding: 8px 0 0;
}
#contents article p.btn a:hover {
height: 30px;
padding: 10px 0 0;
}
#contents article div.controller {
height: 43px;
margin: 40px 0 0;
padding: 0;
text-align: center;
}
#contents article div.controller p.btn_before,
#contents article div.controller p.btn_after {
width: 118px;
height: 41px;
overflow: hidden;
margin: 0 10px;
padding: 0;
text-align: center;
display: inline-block;
background: #d4dad8;
border: #b7c8b9 solid 1px;
}
#contents article div.controller p.btn_before a,
#contents article div.controller p.btn_after a {
width: 118px;
height: 21px;
padding: 10px 0;
color: #187927;
display: block;
}
#contents article div.controller p.btn_before a span {
padding: 0 0 0 12px;
background: url(../img/common/mkr03.png) left no-repeat;
}
#contents article div.controller p.btn_after a span {
padding: 0 12px 0 0;
background: url(../img/common/mkr04.png) right no-repeat;
}
#contents article div.controller p.btn_before a:hover,
#contents article div.controller p.btn_after a:hover {
text-decoration: none;
background: #FFF;
}