@charset "UTF-8";


/* ========BASIC======== */
html {
   overflow-y:scroll;
}

body {
   margin:0;
   padding:0;
   line-height:1.6;
   letter-spacing:1px;
   font-family:"ヒラギノ角ゴ Pro W3",Hiragino Kaku Gothic Pro,"メイリオ",Meiryo,Verdana,"ＭＳ Ｐゴシック",MS PGothic,"VL Pゴシック","Takao Pゴシック","IPA Pゴシック","serif";
   color:#333;
   font-size:14px;
   background:url(../images/bg_b.png) repeat;
}

br {
   letter-spacing:normal;
}

a {
   color:#333;
   text-decoration:none;
}

a:hover {
   color:#0033CC;
   text-decoration:none;
}

img {
   border:0;
}

h1,h2,h3,h4,h5,h6 {
   margin:0;
}


td {
   padding-left:5px;
}

/* ========TEMPLATE LAYOUT======== */
#top {
   width:960px;
   margin:0 auto;
   padding:0 10px 0 10px;
   background:#fff;
   border-top:5px solid #333333;
   border-bottom:5px solid #333333;
}

#header {
   position:relative;
   width:960px;
   height:80px;
   background:#fff;
}

#menu {
   width:960px;
   background:#000;
}

#contents {
   clear:both;
   width:960px;
   margin-top:5px;
}

#main {
   float:left;
   margin:0 10px;
   width:580px;
}

#top-main {
   float:left;
   margin:0px 0px 0px 10px;
   width:770px;
}


#top-main-left {
   float:left;
   margin:0px 0px 0px 10px;
   width:650px;
}


#top-main-right {
   float:right;
   margin:0px 0px 0px 10px;
   width:120px;
}


#subL {
   float:left;
   width:180px;
}

#subL02 {
   float:left;
   width:180px;
}


#subR {
   float:left;
   width:180px;
}

#footer {
   position:relative;
   clear:both;
   width:960px;
   margin:0px 0px 10px 0px;
   background:#999999;
}

/* 回り込み解除 */
#contents:after {
   content:"";
   display:block;
   height:0;
   clear:both;
   visibility:hidden;
}


/* ========HEADER CUSTOMIZE======== */

#header .logo {
   margin:0;
   padding:10px 0px 0px 0px;
}

#header h1 {
   margin-top:0px;
   font-size:12px;
   color:#666666;
}

#header .pr {
   position:absolute;
   top:10px;
   right:0;
}

#header .contact {
   width:600px;
   height:60px;
   float:right;
   padding:10px 10px 0px 0px;
   text-align: right;
}

#header ul {
  margin-bottom:0px;
  /* display: inline; */
  padding:0px 0px 0px 0px;
  text-align: right;
}

#header ul li {
  list-style-type: none;
  display: inline;
}

#key-visual {
   margin-bottom:5px;
}



/* ========MENU CUSTOMIZE======== */
#menu ul {
   margin:0;
   padding:0;
   background:url("../images/bg_menu.gif") 0 50% repeat-x;
}

#menu li {
   float:left;
   color:#333;
   list-style-type:none;
}

#menu li a {
   display:block;
   margin-right:1px;
   padding:0 20px;
   line-height:2.5;
   color:#fff;
}

#menu li a:hover{
   color:#ddd;
}

/* 回り込み解除 */
#menu ul:after {
   content:"";
   display:block;
   height:0;
   clear:both;
   visibility:hidden;
}


/* ========MAIN CONTENTS CUSTOMIZE======== */
#main a {
   color:#0033CC;
}

#main a:hover {
   border:0;
   color:#0033CC;
   border-bottom:1px solid #0033CC;
}

#main h2 {
   margin-bottom:5px;
   padding:5px 5px 5px 5px;
   font-size:15px;
   font-weight:bold;
   line-height:1.4;
   border-left:5px solid #0000CC;
   background:url("../images/bg_h2.gif");
}

#main h3 {
   margin-bottom:10px;
   color:#cc0000;
   font-size:14px;
   border-bottom:3px double #cc0000;
}

#main h4 {
   margin-top:10px;
   margin-bottom:5px;
   padding:5px;
   font-size:14px;
   line-height:1.4;
   background:#ffcccc;
}

#main h5 {
   margin-bottom:2px;
   font-size:14px;
   line-height:1.4;
   border-bottom:2px solid #333;
}

#main h6 {
   margin-bottom:2px;
   font-size:14px;
   line-height:1.4;
}

#main p{
   margin:0 0 1em 5px;
   padding:10px 10px 5px 10px; 
   line-height:1.4;
}

#main dd{
   margin:0 1em 1em 1em;
   padding:3px;
   background:#f1f1f1;
}

.center {
   margin:0px 0px 5px 0px ;
   padding:10px 20px 5px 20px ;
}


.ranking-image {
  float: left;
  margin: 0px 10px 5px 0px;

}

.left-image {
  float: left;
  margin: 0px 10px 5px 0px;

}


.map-image {
  float: left;
  margin: 0px 10px 5px 10px;

}


.main-contents {
  width: 580px;
  height: 250px;

}

.ranking-contents {
  width: 580px;
  height: 210px;

}

.ranking-right {
  padding:5px;

}


.news-lineup{
  width: 580px;
  height:170px;
  margin: 5px 0px 5px 0px;
  background: #FFFFFF;
  overflow:scroll;

}

.img-center{
  text-align:center;

}


.main-table{
  margin: 5px 0px 20px 10px;
}


.wordul {
  margin-bottom:10px;
  /* display: inline; */
  padding:0px 0px 0px 0px;
  text-align: center;
}

.wordli {
  list-style-type: none;
  display: inline;
}


.ranking-table {
   margin: 10px 0 10px 0px;
   font-size:14px;
   border-collapse: collapse; 
   border: 1px #cccccc solid; 

}

.ranking-table td {
   border-collapse: collapse; 
   border: 1px #cccccc solid; 

}


.ranking-table p {
  padding:2px 5px 0px 5px;

}

.red {

  color: #cc0000;

}

.white {

  font-weight:bold;
  color: #ffffff;

}

.ranking {

  font-size:16px;
  width: 670px;
  margin: 10px 5px 5px 5px;

}

/* ========TOP PAGE MAIN CONTENTS======== */

#top-main a {
   color:#0033CC;
}

#top-main a:hover {
   border:0;
   color:#0033CC;
   border-bottom:1px solid #0033CC;
}

#top-main h2 {
   margin-bottom:5px;
   padding:5px 5px 5px 5px;
   font-size:15px;
   font-weight:bold;
   line-height:1.4;
   border-left:5px solid #0000CC;
   background:url("../images/bg_h2.gif");
}

#top-main h3 {
   margin-bottom:10px;
   color:#cc0000;
   font-size:16px;
   border-bottom:3px double #cc0000;
}

#top-main h4 {
   margin-bottom:2px;
   padding:3px;
   font-size:14px;
   line-height:1.4;
   background:#ffcccc;
}

#top-main h5 {
   margin-bottom:2px;
   font-size:14px;
   line-height:1.4;
   border-bottom:2px solid #333;
}

#top-main h6 {
   margin-bottom:2px;
   font-size:14px;
   line-height:1.4;
}

#top-main p{
   margin:0 0 1em 5px;
   line-height:1.4;
}

#top-main dd{
   margin:0 1em 1em 1em;
   padding:3px;
   background:#f1f1f1;
}

.center {
   padding:0px 0px 5px 0px ;

}


.ranking-image {
  float: left;
  margin: 0px 10px 5px 0px;

}

.left-image {
  float: left;
  margin: 0px 10px 5px 0px;

}

.top-main-contents {
  width: 570px;
  height: 320px;
  padding:0px 10px 0px 0px;
  margin:0px 10px 5px 0px;
  border-right:1px dotted #666666;

}

.top-main-contents-right {
  float: right;
  width: 180px;
  height: 320px;
  margin:0px 0px 0px 5px;

}

.top-ranking-contents {
  width: 760px;


}

.top-ranking-contents p{
  padding:10px 20px 5px 20px;

}


.top-ranking-right {
  padding:5px;

}


.top-news-lineup{
  width: 180px;
  height: 270px;
  font-size:12px;
  margin: 5px 5px 5px 0px;
  background: #FFFFFF;
  overflow:scroll;

}


.img-center{
   margin:0 auto;

}


.image-center{
   witdh:580px;
   margin:0 auto;

}

.top-center{
   width:760px;
   margin:0 auto;

}


.top-contents-left{
   width:370px;
   float: left;
   padding-right:10px;
   margin-bottom:20px;
  border-right:1px dotted #666666;
}

.top-contents-right{
   width:380px;
   float: right;
   padding-left:5px;
   margin-bottom:20px;

}

.two-culmn{
   width:770px;
   height:700px;

}

.main-box {
   margin-bottom:10px;
   border-bottom:1px dotted #666666;

}

.main-box p{
  padding:10px 20px 5px 20px;
}




.action-a a {
  display: block;
  width : 160px ;
  height : 35px ;
  overflow: hidden;
  background:url(../images/button01.jpg) repeat;
}

.action-a a:hover {
  background:url(../images/button01_hover.jpg) repeat;
}

.action-b a {
  display: block;
  width : 160px ;
  height : 35px ;
  overflow: hidden;
  background:url(../images/button02.jpg) repeat;
}

.action-b a:hover {
  background:url(../images/button02_hover.jpg) repeat;
}


.top-category-contents {
  margin-top: 5px;
  width: 760px;
  height: 190px;
  border-bottom:1px dotted #666666;
}

.top-category-contents p {
  padding: 10px 20px 5px 20px;

}




.top-contents {
  padding: 0px 0px 10px 0px;
  margin: 5px 0px 5px 0px;
  width: 760px;
  border-bottom:1px dotted #666666;
}



.top-category-contents ul {
  margin-bottom:0px;
  /* display: inline; */
  padding:0px 0px 5px 0px;
  text-align: left;
}

.top-category-contents ul li {
  list-style-type: none;
  display: inline;
}


.sub-table-contents {

  border-bottom:1px dotted #666666;

}

.ad-bottom {

  margin-top:10px;

}


/* ========AREA CONTENTS CUSTOMIZE======== */

.map-list {
  margin: 20px 0px 30px 0px;
}


.map-list ul {
  margin: 3px 0px 3px 0px;
  padding:0px 0px 0px 0px;
  text-align: left;
}

.map-list ul li {
  list-style-type: none;
  padding:0px 0px 0px 10px;
  display: inline;
}

.tab-list {
  margin: 45px 0px 45px 0px;
}

.tab-list ul {
  margin: auto;
  padding:0px 0px 0px 0px;
  text-align: center;
}

.tab-list li {
  list-style-type: none;
  border: 1px solid #000099;
  margin: 0px 20px 0px 20px;
  padding: 10px 10px 10px 10px;
  display: inline;
}

.tab-list li a {
  list-style-type: none;
  display: inline;
}

.tab-list li a:hover {
  list-style-type: none;
  display: inline;

}




.main-tab {
   background:#000099;
   color:#fff;
}

.img-drive {
  margin: 10px auto 10px;

}

.kyujin-menu {
  margin: 25px 0px 20px 45px;
}

.kyujin-menu ul {
  padding:0;

}

.kyujin-menu ul li {
   float:left;
   list-style-type:none;
   margin: 0px 20px 20px 20px;
   display: inline;

}

.mnavi01 a {
  display:block;
  width : 180px ;
  height : 50px ;
  background:url(../../../images/kyujin-menu01_b.jpg) repeat;
}

.mnavi01 a:hover{
  background:url(../../../images/kyujin-menu01_b.jpg) repeat;
   text-decoration:none;
}

.mnavi01 a:hover img{
visibility:hidden;
   text-decoration:none;
}




.mnavi02 a {
  display:block;
  width : 180px ;
  height : 50px ;
  overflow: hidden;
  background:url(../../../images/kyujin-menu02_b.jpg) repeat;
}

.mnavi02 a:hover{
  background:url(../../../images/kyujin-menu02_b.jpg) repeat;
   text-decoration:none;
}

.mnavi02 a:hover img{
visibility:hidden;
   text-decoration:none;
}


.mnavi03 a {
  display:block;
  width : 180px ;
  height : 50px ;
  overflow: hidden;
  background:url(../../../images/kyujin-menu03_b.jpg) repeat;
}

.mnavi03 a:hover{
  background:url(../../../images/kyujin-menu03_b.jpg) repeat;
   text-decoration:none;

}

.mnavi03 a:hover img{
visibility:hidden;
   text-decoration:none;
}

.clear{
  clear:both;

}

.company-list {
   font-size:12px;
   margin-top:10px;
   margin-bottom:20px;
   border-collapse: collapse; 
   border: 1px #999999 solid; 

}

.company-list TD {
   border: 1px #999999 solid; 

}




/* ========subL CONTENTS CUSTOMIZE======== */

#subL .section {
   background:#ffffff;
}

#subL h2 {
   padding:5px;
   font-size:14px;
   font-weight:bold;
   color:#fff;
   background:#cccccc url("../images/bg_sub_h2.gif") 0 50% repeat-x;
}

#subL h2 a {
   font-size:14px;
   font-weight:bold;
   color:#fff;
}

#subL h2 a:hover {
   font-size:14px;
   font-weight:bold;
   color:#cccccc;
}

#subL ul {
   margin:0;
   padding:1px 0px 5px 0px;
}


#subR h3 {
   margin-top:5px;
   margin-bottom:10px;
   color:#cc0000;
   font-size:14px;
   border-bottom:3px double #cc0000;

}


/* ========side list customize======== */

.cds-navi li { display: inline; }

.cds-navi li a {
  margin-bottom: 1px;
  padding: 5px 0 5px 10px;
  display: block;
  width: 165px;
  text-decoration: none;
  border-left: 5px solid #999999;
  background:url(../images/side_bg.png) repeat;
  color: #333333;
  font-size: 13px;
}

.cds-navi li a:hover {
  background:url(../images/side_hover_bg.png) repeat;
  color: #ffffff;
  border-left: 5px solid #0000cc;
}


.blogbannar a {
  display: block;
  width : 180px ;
  height : 120px ;
  margin: 5px 0px 5px 0px;
  overflow: hidden;
  background:url(../images/blog.jpg) repeat;
}

.blogbannar a:hover {
  background:url(../images/blog01.jpg) repeat;
}






/* ========subR CONTENTS CUSTOMIZE======== */
#subR .pr {
   margin:10px 0;
   text-align:center;
}

#subR h2 {
   padding:3px;
   font-size:14px;
   font-weight:bold;
   color:#fff;
   background:#49BC1D url("../images/bg_sub_h2.gif") 0 50% repeat-x;
}

#subR ul {
   margin:0;
   padding:5px 0 1em 1em;
}

#subR li {
   margin:0;
   padding-left:18px;
   line-height:1.8;
   background:#DEDDD0 url("../images/bg_list.gif") 0 4px no-repeat;
   list-style:none;
}

.cds-navi {
  list-style-type: none;
  margin: 0 0 2em;
  padding: 0;
}

#subR a {
   color:#0033CC;
}

#subR a:hover {
   border:0;
   color:#0033CC;
   border-bottom:1px solid #0033CC;
}

#subR p {
   border-bottom:1px dotted #999999;
   padding-bottom:5px;
}



/* ========PAGETOP CUSTOMIZE========= */
#pageTop {
   padding:10px;
   text-align:right;
}

#pageTop a {
   padding:0 0 0 12px;
   background:url("../images/bg_pagetop.gif") 0 60% no-repeat;
}





/* ========FOOTER CUSTOMIZE======== */
.copyright {
   padding:20px 0;
   text-align:center;
   font-style:normal;
   font-size:11px;
   color:#fff;
   border-top:1px solid #ccc;
}

.footer-menu {
   width: 180px;
   float: left;
   font-size:13px;
   margin:10px 0px 5px 0px;
   border-right:1px solid #ccc;
}

.footer-menu-right {
   width: 180px;
   float: left;
   font-size:13px;
   margin:10px 0px 5px 0px;
}

.footer-menu li {
  list-style-type: none;
  color:#fff;
}


.footer-menu-right li {
  list-style-type: none;
  color:#fff;
}


.footer-menu li a {
  list-style-type: none;
  padding:0 5px 0 5px;
  color:#fff;
}

.footer-menu li a:hover {
  background:#ffffff;
  padding:0 5px 0 5px;
  color: #666666;
}

.footer-menu-right li a {
  list-style-type: none;
  padding:0 5px 0 5px;
  color:#fff;
}

.footer-menu-right li a:hover {
  background:#ffffff;
  padding:0 5px 0 5px;
  color: #666666;
}