@charset "utf-8";

/* --------------------------------------------------

Common Setting

-------------------------------------------------- */

html {
overflow-y: scroll;
}

body {
text-align: center;
color: #333;
font-family: 'Lucida Grande', Geneva, Verdana, sans-serif;
font-size: 12px;
line-height: 20px;
background: #fff url("../image/bg.gif") top center repeat-y;
margin: 0 auto;
padding: 0;
}

th, td {
font-size: 12px;
line-height: 20px;
}

#wrapper {
width: 750px;
text-align: left;
margin: 0 auto;
padding: 0;
}

.reset {
clear: both;
width: 100%;
height: 0px;
margin: 0;
padding: 0;
}

a:link, a:visited {
color: #06c;
text-decoration: underline;
outline-width: 0;
}

a:hover, a:active {
color: #09c;
text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
clear: both;
font-size: 14px;
line-height: 14px;
font-weight: bold;
margin: 0;
padding: 0;
}

p {
margin: 0 0 10px 0;
padding: 0;
}

ul {
clear: both;
margin: 0;
padding: 0;
}

li {
list-style: none;
margin: 0;
padding: 0;
}

dl {
clear: both;
margin: 0;
padding: 0;
}

dt {
margin: 0;
padding: 0;
}

dd {
margin: 0;
padding: 0;
}

img {
border-style: none;
margin: 0;
padding: 0;
}

img.left {
float: left;
}

img.right {
float: right;
}

form {
margin: 0;
padding: 0;
}

/* --------------------------------------------------

Header

-------------------------------------------------- */

#headerTitle {
clear: both;
float: left;
display: inline;
width: 750px;
height: 88px;
background: url("../image/bg_header.gif") top center repeat-y;
margin: 0;
padding: 0;
}
*html #headerTitle img {
margin: -2px 0 0 0;
padding: 0;
}

#headerTitle p {
height: 19px;
color: #fff;
font-size: 12px;
margin: 2px 0 0 15px;
padding: 0;
}

#headerNavi {
clear: both;
float: left;
display: inline;
width: 750px;
height: 28px;
background: url("../image/bg_header.gif") bottom;
margin: 0 0 5px 0;
padding: 0;
}

#headerNavi ul {
margin: 0 0 0 468px;
padding: 0;
}

#headerNavi ul li {
float: left;
color: #fff;
font-size: 11px;
background: url("../image/arrow_right.gif") left no-repeat;
margin: 0 15px 0 0;
padding: 0 0 0 15px;
}

#headerNavi ul li a:link, #headerNavi ul li a:visited {
color: #666;
text-decoration: none;
}

#headerNavi ul li a:hover, #headerNavi ul li a:active {
color: #999;
text-decoration: none;
}

/* --------------------------------------------------

Content

-------------------------------------------------- */

#content {
clear: both;
float: left;
display: inline;
width: 750px;
background: url("../image/bg_content.gif") top center repeat-y;
margin: 0;
padding: 0;
}

/* --------------------------------------------------

Menu

-------------------------------------------------- */

#menu {
float: right;
display: inline;
width: 165px;
margin: 0 13px 0 0;
padding: 0;
}

#menu img {
margin: 0 0 10px 0;
padding: 0;
}

#menu img.title {
margin: 0;
padding: 0;
}

#menu #menuRetail {
width: 163px;
background: #fff;
border-right: 1px solid #f9c;
border-bottom: 1px solid #f9c;
border-left: 1px solid #f9c;
margin: 0 0 10px 0;
padding: 0;
}
*html #menu #menuRetail {
margin: -3px 0 10px 0;
}

#menu #menuRetail img {
margin: 0;
}

#menu #menuRetail dl {
margin: 0 5px 0 5px;
padding: 5px 0 0 0;
}

#menu #menuRetail dt {
clear: both;
font-size: 13px;
font-weight: bold;
margin: 0;
padding: 0;
}

#menu #menuRetail dd {
clear: both;
font-size: 11px;
margin: 0;
padding: 0;
}

#menu #menuRetail dd.map {
text-align: right;
margin: 0 0 10px 0;
padding: 0;
}

/* --------------------------------------------------

Main

-------------------------------------------------- */

#main {
float: left;
display: inline;
width: 535px;
margin: 0 0 0 15px;
padding: 0;
}
#home #main {
float: left;
display: inline;
width: 550px;
margin: 0 0 0 7px;
padding: 0;
}

#main h1 {
margin: 0 0 5px 0;
}

#main #mainNavi {
clear: both;
}

#main #mainNavi ul {
margin: 0;
padding: 0;
}

#main #mainNavi ul li {
float: left;
}

#main #mainNavi ul li img {
margin: 0 7px 10px 0;
}

#main #mainNavi ul li img.last {
margin: 0;
}

#main #mainSystem p {
text-align: center;
color: #666;
font-size: 14px;
font-weight: bold;
margin: 8px 0 8px 0;
padding: 0;
}

#main #mainSystem table {
clear: both;
width: 550px;
border-top: none;
border-left: none;
margin: 0 0 20px 0;
padding: 0;
}

#main #mainSystem table th {
width: 230px;
text-align: left;
vertical-align: top;
background: none;
border-right: none;
border-bottom: none;
padding: 0;
}

#main #mainSystem table td {
text-align: left;
vertical-align: top;
background: none;
border-right: none;
border-bottom: none;
padding: 0 0 0 8px;
}

#main #mainSystem table td img.arrow {
margin: 5px 0 0 100px;
}

#main #mainNews {
border-right: 1px solid #f9c;
border-bottom: 1px solid #f9c;
border-left: 1px solid #f9c;
margin: 0 0 10px 0;
padding: 0;
}

#main #mainNews dl {
margin: 0;
padding: 10px;
}

#main #mainNews dl dt {
float: left;
display: inline;
width: 160px;
margin: 0;
padding: 0;
}

h1 {
font-size: 13px;
font-weight: bold;
border-left: 5px solid #f39;
border-bottom: 1px solid #f39;
margin: 0 0 10px 0;
padding: 5px 0 5px 10px;
}
#home h1 {
border-left: none;
border-bottom: none;
margin: 0 0 20px 0;
padding: 0;
}

h2 {
font-size: 13px;
line-height: 13px;
height: 13px;
font-weight: bold;
border-left: 5px solid #f39;
border-bottom: 1px solid #f39;
margin: 0 0 10px 0;
padding: 5px 0 5px 10px;
}
#home h2 {
font-size: 13px;
font-weight: bold;
height: auto;
border-left: none;
border-bottom: none;
margin: 0;
padding: 0;
}

h3 {
font-size: 13px;
font-weight: bold;
margin: 0 0 10px 0;
padding: 0;
}

p {
margin: 0 0 15px 15px;
padding: 0;
}

.photoArea {
float: left;
width: 210px;
display: inline;
margin: 0 0 15px 0;
padding: 0;
}

.infoArea {
float: right;
width: 320px;
display: inline;
margin: 15px 0 0 0;
padding: 0;
}

.infoArea dl dt {
float: left;
width: 60px;
display: inline;
margin: 0;
padding: 0;
}

.infoArea dl dd {
float: none;
margin: 0;
padding: 0;
}

.naviArea {
clear: both;
float: left;
display: inline;
width: 500px;
margin: 0 0 15px 0;
padding: 0;
}

.naviArea p {
clear: both;
margin: 0 0 5px 20px;
padding: 0;
}

.mapArea {
clear: both;
float: left;
display: inline;
margin: 0 0 30px 0;
padding: 0;
}

.mapArea iframe {
clear: both;
margin: 0;
padding: 0;
}

table {
clear: both;
width: 520px;
border-collapse: collapse;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
margin: 0 0 15px 15px;
padding: 0;
}

table th {
width: 120px;
text-align: left;
vertical-align: top;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
background: #eee;
padding: 8px;
}

table td {
text-align: left;
vertical-align: top;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
padding: 8px;
}

/* --------------------------------------------------

Footer

-------------------------------------------------- */

#footer {
clear: both;
float: left;
display: inline;
width: 750px;
background: url("../image/bg_footer.gif") top center no-repeat;
margin: 0;
padding: 0;
}

#footer p {
color: #fff;
margin: 5px 0 10px 20px;
padding: 0;
}

#footer p a:link, #footer p a:visited {
color: #fff;
text-decoration: underline;
}

#footer p a:hover, #footer p a:active {
color: #fff;
text-decoration: none;
}

#footer p#copyright {
text-align: center;
color: #f39;
font-size: 11px;
margin: 0 0 5px 0;
padding: 0;
}

/* --------------------------------------------------

Blog

-------------------------------------------------- */

.asset-meta {
clear: both;
text-align: right;
color: #999;
margin: 0 0 20px 15px;
padding: 0;
}

.mt-image-left {
margin: 0 0 20px 15px !important;
padding: 0;
}