@charset 'UTF-8';

/* basic elements */

html {
    margin: 0;
    /* setting border: 0 hoses ie6 win window inner well border */
    padding: 0;
}

body {
    margin: 0;
    /* setting border: 0 hoses ie5 win window inner well border */
    font-family: "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "MS PMincho", "ＭＳ Ｐ明朝", "MS Mincho", "ＭＳ 明朝", serif;
    font-size: 14px;
    background-color: #dddddd;
}

form { margin: 0; padding: 0; }
a { color: #444444; text-decoration: none; border-bottom: 1px dotted #444444; }
a:hover { color: #2bb0ac; text-decoration: none; border-bottom: 1px solid #2bb0ac; }
a img { border: 0; text-decoration: none; }
a:hover img { border: 0; text-decoration: none; }

p, ol, ul, pre, blockquote {
    margin-top: 10px;
    margin-bottom: 10px;
}


/* page layout */

body { text-align: center; } /* center on ie */
#container { position: relative; margin: 0 auto; /* center on everything else */ width: 840px; text-align: left; background-color: #ffffff;
}
#header { position: relative; width: 840px; margin: 0px; padding: 0px; }
#content { position: relative; width: 840px; margin: 0px; padding: 0px; }
#banner { position: relative; width: 840px; margin: 0px; padding: 0px; }
#footer { position: relative; width: 840px; margin: 0px; padding: 0px; }


/* header */

.header-body { position: relative; width: 840px; margin: 0px; padding: 0px; text-align: center; }
.header-body img { margin: 0px; padding: 0px; border: 0px; }
.header-body a { text-decoration: none; border: 0px; }
.header-body a:hover { text-decoration: none; border: 0px; }
.header-menu { height: 30px; border-top: 3px #000000 solid; background-image: url(http://tamagawa-art-line.jp/images/talp2008_menu_bg.png); background-repeat: repeat-x; text-align: center; }
.header-menu ul { width: 100%; margin-top: 3px; font-size: 12px; font-weight: bold; padding-left :0; margin-left :0; }
.header-menu li { list-style: none; margin: 0px 10px 0px 5px; width: auto; float: left; border: none; background-color: none; }
.header-menu a { color: #000000; }
.header-menu li:hover { border-bottom: 3px solid #000000; background-color: #2bb0ac; color: #ffffff; }


/* content-banner */

#content-banner { margin: 0px; padding: 0px; height: 250px; }
.content-banner-caption { float: right;  display: block;  width: 350px; margin: 20px 0px auto auto; border: none; background-color: #ffffff; opacity:0.8; filter: alpha(opacity=80); position:relative; bottom: 0; }
.content-banner-caption h2 { margin: 10px 0px 10px 10px; font-size: 17px; font-weight: bold; color: #000000; }
.content-banner-caption p { margin: 0px 10px 10px 10px; line-height: 120%; color: #000000; font-size: 12px; }

/* content for top */

.content-top-appeal { width: 530px; margin 5px; float: left; }
.content-top-appeal ul { margin: 0px; padding: 0px; }
.content-top-appeal li { float: left; list-style: none; width: 240px; margin: 10px; font-size:12px; color: #444444; display: block; }
.content-top-appeal li a { color: #444444; border: none; text-decoration: none; display: block; }
.content-top-appeal li a:hover { background-color: #2bb0ac; display: block;  color: #ffffff; }
.content-top-appeal strong { font-weight:  bold; color: #000000; }

.content-top-news { width: 280px; margin: 10px; float: left; }
.content-top-news ul { margin: 0px; padding: 0px; }
.content-top-news li { margin-bottom: 15px; font-size: 12px; font-weight: normal; line-height: 120%; list-style: none; }

/* content */

.content-body { width: 500px; margin: 0px 30px 30px 30px; float: left; line-height: 150%; }

.content-body h2 { margin: 0px 0px 20p 0px; font-weight: bold; font-size: 11px; color: #444444; line-height: 100%; }
.content-body h3 { margin: 30px 0px 0px 0px; font-weight: bold; font-size: 18px; color: #000000; line-height: 100%; border-bottom: 1px #000000 solid; line-height: 100%; }
.content-body h3 a { color: #000000; line-height: 100%; border-bottom: none; }
.content-body img { margin: 10px 0px 10px 0px; border: none; }

.content-body-item { margin: 20px 0px 0px 20px; width: 100%; }

.content-more { width: 240px;  margin: 0px 20px 20px 20px; float: left; font-size: 12px; color: #333333; line-height: 150%; }
.content-more h3 { margin: 30px 0px 10px 0px; font-weight: borld; font-size: 13px; color: #000000;  border-bottom: 1px #000000 solid; }
.content-more img { margin: 10px 0px 10px 0px; border: none; }
.content-more ul { margin: 0px; padding: 0px; }
.content-more li { margin-bottom: 20px; font-size: 12px; font-weight: normal; line-height: 120%; list-style: none; } 
.content-more li:hover { background-color: #2bb0ac; color: #ffffff; }
.content-more strong { font-weight:  bold; color: #000000; }


/* footer */

.footer-body { padding:10px; font-size: 10px; font-weight: light; text-align: center; line-height: 130%; }
.footer-body-container { float: left; margin: auto; text-align: center; }