@charset "utf-8";


/* --------------------------  index.html  ---------------------------------------- */

#bg-area-top {background: #fff url(../images/top/global-navi-bg.jpg) left bottom repeat-x;}

#top-banner {background: url(../images/top/banner-bg.jpg) left bottom repeat-x;}
#top-banner h1 {width: 1024px; height: 230px; margin: 0 auto;}

#top-left-content {float: left; width: 720px;}
#top-left-content section {margin-bottom: 20px;}
#top-left-content h1 {line-height: 0; font-size:1%;}
#top-left-content h1 img {vertical-align: bottom;}

#top-news {width: 720px; position: relative;}
#top-news a {text-decoration: none;}
table.top-news {width: 720px; height: 200px; background: url(../images/top/top-news-center.jpg) left top repeat-y;}
table.top-news tr {width: 720px; letter-spacing: 0.8px;}
table.top-news tr:first-of-type th{height:41px; padding:0; line-height:0;}
table.top-news td {border-bottom: 1px dotted #d3d3d4; vertical-align: middle;}
table.top-news td.date {width: 100px; padding-left: 20px; text-align: left; vertical-align: top; padding-top:14px;}
table.top-news td.new {width: 60px; text-align: left;}
table.top-news td.new img {vertical-align: middle; margin-top: -2px;}
table.top-news td.index {padding-left: 15px; background: url(../images/arrow03.png) left center no-repeat; color: #000; text-align: left; width: 525px;}
table.top-news td.bottom {border: none;}
table.top-news td.box-bottom {line-height: 3px; vertical-align: bottom; height:15px;}

.top-news-button a {position: absolute; top: 10px; right: 10px; width: 114px; height: 22px;}

.top-search {background: url(../images/top/top-search-bg01.jpg) left top repeat-y; padding: 10px 0; width: 720px; height: 460px; line-height: 0; font-size:1%;}
.top-search li {line-height: 0; font-size:1%; margin-top: 2px;}

.top-search-left {float: left; width: 340px; height: 246px; margin-left: 15px; text-align: center; background: url(../images/top/top-search-bg02.jpg) left top repeat-y;}
.top-search-right {float: right; width: 340px; margin-right: 15px; height: 144px; text-align: center; background: url(../images/top/top-search-bg02.jpg) left top repeat-y;}
.rollover_join{margin-top: 48px;}
.top-search-left ul, .top-search-right ul {margin-top: 2px;}
.top-search-bg01 {margin-top: 0; background: url(../images/top/top-search-bg03.jpg) left top no-repeat; width: 340px; height: 6px;}

.top-search-bottom {float: left; margin-top: 15px; margin-left: 15px; width: 690px; height: 194px; background: url(../images/top/top-search-bg04.jpg) left top repeat-y;}
ul.top-search-bottom-left {float: left; margin: 2px 0 0 10px; width: 328px;}
ul.top-search-bottom-left li {float: left;}
ul.top-search-bottom-right {float: right; margin: 2px 10px 0 0; width: 328px;}
ul.top-search-bottom-right li {float: left;}
.top-search-bg02 {background: url(../images/top/top-search-bg05.jpg) left top no-repeat; width: 690px; height: 6px;}

.top-search-bg03 {background: url(../images/top/top-search-bg06.jpg) left bottom no-repeat; width: 720px; height: 3px;}