/*Àλ縻*/
img.about-img {
width:45%;
display:inline-block;
vertical-align:top;
}
div.about-text {
display:inline-block;
width:50%;
margin-left:4%;
}
div.about-text h3 {
font-size:200%;
color:#666;
font-weight:bold;
line-height:36px;
text-align:left;
}
span.block {
display:block;
margin:1.5em 0;
}
 @media only screen and (max-width: 1249px) {
img.about-img, div.about-text {
width:100%;
display:block;
text-align:justify;
margin:0;
}
div.about-text h3 {
text-align:center;
}
}
/*¿¬Çõ*/
div.top-img{
width:100%;
height:394px;
background:url(/bizdemo42106/img/sub-image/history.png) no-repeat center center;
padding:10px 0;
}
div.img-box {
height:374px;
margin:10px;
border:1px solid #fff;
text-align:center;
word-break:keep-all;
color:#fff;
}
div.img-box h3 {
font-size:260%;
font-weight:bold;
padding:1em 0;
margin-top:8%;
}
div.img-box h3 i {
color:#ff4500;
font-style:normal;
}
ul.history-box {
position:relative;
display:inline-block;
width:30%;
margin:1em 1.5%;
vertical-align:top;
}

ul.history-box li {
list-style-type:circle;
margin-left:1em;
color:#777;
}
ul.history-box li.history-title {
color:#fff;
text-align:center;
border-radius:5px;
background-color:#515151;
font-size:160%;
margin-left:0;
margin-bottom:10px;
padding:0.5em;
font-weight:bold;
list-style:none;
}
 @media only screen and (max-width: 1249px) {
div.img-box h3 {
margin-top:12%;
}
ul.history-box {
width:46%;
margin:1em 1.5%; 
vertical-align:top;
}
}
 @media only screen and (max-width: 768px) {

div.img-box h3 {
margin-top:25%;
}
div.img-box {
padding:0 10%;
}
ul.history-box {
width:97%;
margin:1em 1.5%; 
vertical-align:top;
}
}
/*ã¾Æ¿À½Ã´Â±æ*/
ul.map-list {
margin-top:1em;
font-size:14px;
color:#666;
}
ul.map-list li {
margin:0.2em 0;
}
ul.map-list li a {
color:#666;
font-weight:lighter;
}
ul.map-list li a:hover {
color:#ff4500;
}
ul.map-list li em {
margin:0.5em;
font-weight:bold;
}
/*½ÅÁ¦Ç°*/
ul.pro,
ul.pro-01 {
position:relative;
display:block;
margin-bottom:3em;
}
ul.pro li.pro01{
display:inline-block;
width:20%;
vertical-align:top;
}
ul.pro li.pro02{
display:inline-block;
width:79%;
vertical-align:top;
}
ul.pro-01 li.pro03{
display:inline-block;
width:45%;
vertical-align:top;
}
.item_border {
width:100%;
border-radius:5px;
}
li dl {
margin-left:5%;
word-break:keep-all;
}
dt.tle {
font-size:160%;
margin-bottom:1em;
font-weight:bold;
margin-top:4%;
}
ul.pro li dl dd.pro-link {
margin-top:2.5em;
}
dd.pro-link a span {
border:1px solid #ff4500;
background-color:#ff4500;
color:#fff;
border-radius:5px;
padding:0.7em 1.5em;
font-size:14px;
font-weight:lighter;
transition:all .5s ease-out;
}
dd.pro-link a:hover span {
background-color:#666;
border:1px solid #666;
transition:all .5s ease-out;
}
 @media only screen and (max-width: 1249px) {
ul.pro {
display:inline-block;
width:45%;
margin:0 2% 5% 2%;
vertical-align:top;
}
ul.pro-01 {
width:100%;
}
ul.pro li.pro01, 
ul.pro li.pro02 {
display:block;
width:100%;
vertical-align:top;
}
ul.pro-01 li.pro03{
display:inline-block;
width:100%;
vertical-align:top;
}
li dl {
margin-left:0;
}
ul.pro li dl dt.tle {
font-size:160%;
margin:1em 0;
font-weight:bold;
}
}
@media only screen and (max-width: 437px) {
ul.pro {
display:inline-block;
width:100%;
vertical-align:top;
margin:0;
}
ul.pro li.pro01, 
ul.pro li.pro02 {
display:block;
width:100%;
margin-bottom:2em;

vertical-align:top;
}
}
/*»ç¾÷ºÐ¾ß*/
ul.bu {
position:relative;
display:inline-block;
text-align:center;
width:22.8%;
margin:1em 1%;
}
ul.bu li {
display:block;
}
dt.tle-01 {
font-size:160%;
margin:1em 0;
font-weight:bold;
}
.item_border01 {
width:200px;
height:200px;
border-radius:50%;
}
ul.bu li dl dd {
text-align:justify;
}
@media only screen and (max-width: 1695px) {
ul.bu {
position:relative;
display:inline-block;
text-align:center;
width:47.8%;
margin:1em 1%;
}
}
@media only screen and (max-width: 1120px) {
ul.bu {
position:relative;
display:inline-block;
text-align:center;
width:100%;
margin:1em auto;
}
}
/*°³ÀÎÁ¤º¸,À̸ÞÀϹ«´Ü¼öÁý°ÅºÎ*/
#contentsArea h3 {
font-size:140%;
font-weight:bold;
color:#666;
}
table.dbp_table {
width:100%;
border-left:1px solid #ddd;
border-right:1px solid #ddd;
border-bottom:1px solid #ddd;
}
table.dbp_table th {
background-color:#ececec;
border-top:1px solid #ddd;
border-right:1px solid #ddd;
padding:1em;
}
table.dbp_table th em {
display:block;
text-align:center;
}
table.dbp_table td {
padding:1em;
border-top:1px solid #ddd;
}