@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;

}

td {
   padding-left:5px;
}

/* ========TEMPLATE LAYOUT======== */


#top {
   width:900px;
   padding:0 50px 0 50px;
   margin:0 auto;
   background:#fff;

}

#menu {
   width:900px;
   background:#fff;
   margin-bottom:5px;
}

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

#top-main {
   float:right;
   margin:0px 0px 30px 0px;
   width:680px;
   border:1px solid #cccccc;

}



#footer {
   position:relative;
   clear:both;
   width:900px;
   height: 200px;
   background:#999999;
}

/* 回り込み解除 */

#contents:after {
   content:"";
   display:block;
   height:0;
   clear:both;
   visibility:hidden;
}


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


#header {
   margin:5px 0px 0px 0px;
   width:900px;
   height:80px;
}


#header .logo {
   padding-top:20px;
   text-align:center;

}

#key-visual {
   margin: 30px 0px 30px 0px;
}



/* ========MENU CUSTOMIZE======== */
#menu ul {
   margin:0;
   padding:0;
}

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

.gnavi01 a {
  display:block;
  width : 180px ;
  height : 35px ;
  background:url(../images/gnavi_01_b.jpg) repeat;
}

.gnavi01 a:hover{
  background:url(../images/gnavi_01_b.jpg) repeat;
}

.gnavi01 a:hover img{
visibility:hidden;
}




.gnavi02 a {
  display:block;
  width : 180px ;
  height : 35px ;
  overflow: hidden;
  background:url(../images/gnavi_02_b.jpg) repeat;
}

.gnavi02 a:hover{
  background:url(../images/gnavi_02_b.jpg) repeat;
}

.gnavi02 a:hover img{
visibility:hidden;
}




.gnavi03 a {
  display:block;
  width : 180px ;
  height : 35px ;
  overflow: hidden;
  background:url(../images/gnavi_03_b.jpg) repeat;
}

.gnavi03 a:hover{
  background:url(../images/gnavi_03_b.jpg) repeat;
}

.gnavi03 a:hover img{
visibility:hidden;
}


.gnavi04 a {
  display:block;
  width : 180px ;
  height : 35px ;
  overflow: hidden;
  background:url(../images/gnavi_04_b.jpg) repeat;
}

.gnavi04 a:hover{
  background:url(../images/gnavi_04_b.jpg) repeat;
}

.gnavi04 a:hover img{
visibility:hidden;
}



.gnavi05 a {
  display:block;
  width : 180px ;
  height : 35px ;
  overflow: hidden;
  background:url(../images/gnavi_05_b.jpg) repeat;
}

.gnavi05 a:hover{
  background:url(../images/gnavi_05_b.jpg) repeat;
}

.gnavi05 a:hover img{
visibility:hidden;
}


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


/* ========MAIN CONTENTS CUSTOMIZE======== */


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

}


.left-image {
  float: left;
  margin: 0px 60px 30px 0px;

}

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

}


.right-image {
  float: right;
  margin: 0px 0px 10px 10px;

}


.center-image {
  margin: 0px 10px 10px 0px;

}


.main-contents {
  margin: 30px 50px 30px 50px;

}


.main-contents p {
   margin:0 0 0.5em 0;
   line-height:1.6;
}


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

}

.img-center{
  text-align:center;

}


.main-table {
  margin: 5px 0px 20px 10px;
  border-collapse: collapse; 
  border: 1px #999999 solid; 

}

.main-table TD {
   border: 1px #999999 solid; 

}


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

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


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

}


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

}

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

}

.clear{
  clear:both;

}


.main-contents-left {
  width: 230px;
  margin: 20px 0px 20px 0px;
  padding: 20px 20px 20px 20px;
  float: left;
   border:1px solid #cccccc;
}


.main-contents-right {
  width: 230px;
  margin: 20px 0px 20px 0px;
  padding: 20px 20px 20px 20px;
  float: right;
   border:1px solid #cccccc;
}




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



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

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


#top-main a.img:hover{
   border : none ;
}


#top-main h1 {
   padding:5px 5px 5px 10px;
   font-size:14px;
   margin:0px 0px 10px 0px;
   font-weight:bold;
   color:#666666;
   background:url(../images/h2_silver_bg.jpg) repeat;

}


#top-main h2 {
   padding:5px 5px 5px 10px;
   font-size:14px;
   margin:0px 0px 10px 0px;
   font-weight:bold;
   color:#666666;
   background:url(../images/h2_silver_bg.jpg) repeat;

}


#top-main h3 {
   margin:5px 0px 30px 0px;
   color:#006633;
   font-size:14px;
   border-bottom:3px double #006633;
}

#top-main h4 {
   margin:5px 100px 10px 0px;
   color:#cc6600;
   font-size:14px;
   border-bottom:1px solid #cc6600;
}

#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 1.2em 0;
   font-size:14px;
   line-height:1.5;
}


#top-main ol li{
   margin:5px 10px 5px 0px;
}

#top-main ul li{
   margin:5px 10px 5px 0px;
}

#top-main ul {
   margin-bottom: 30px;
}


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




.top-main-contents {
  height: 410px;
  padding:0px 0px 0px 0px;
  margin:5px 5px 5px 5px;
  border-bottom:2px dotted #33ccff;

}

.top-main-contents-right {
  float: right;
  width: 180px;
  height: 320px;
  margin:0px 0px 0px 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;

}


.sub-table-contents {
  padding: 15px 10px 15px 10px;
  border-bottom:2px dotted #cccccc;

}

.member-table-contents {
  padding: 20px 10px 30px 10px;
  border-bottom:2px dotted #cccccc;

}




.pankuzu {
  margin:0px 0px 5px 10px;

}


.white {
   color:#fff;

}



.blue {
   color:#ffffff;
   background:#33ccff ;
   font-weight:bold;
   padding: 10px 10px 10px 10px;

}




.orange {
   color:#ff6600;
   font-weight:bold;

}


.red {
  color:#cc0000;
   font-weight:bold;
}

.compare {
   font-size:14px;
   margin-bottom:20px;
   border-collapse: collapse; 
   border: 1px #999999 solid; 

}

.compare TD {
   border: 1px #999999 solid; 

}


a:hover img{
    opacity:0.8;
    filter: alpha(opacity=80);
}


.company {
   font-size:14px;
   margin-bottom:10px;
   border-collapse: collapse; 
   border: 1px #999999 solid; 

}

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

}



.button {
   margin-top:3px;
   margin-right:2px;
   margin-bottom:3px;
}


.kaisetsu {
   margin-bottom:20px;
}



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


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

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



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

#subL {
   float:left;
   width:180px;
   padding: 5px 0px 5px 0px;
   margin-bottom: 30px;
   border:1px solid #cccccc;

}



#subL h2 {
   padding:5px;
   font-size:14px;
   font-weight:bold;
   color:#666666;
   background:url(../images/h2_silver_bg.jpg) repeat;

}

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

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


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


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


.cds-navi li { display: inline; }

.cds-navi li a {
  margin: 5px 10px 5px 10px;
  padding: 5px 5px 5px 5px;
  display: block;
  width: 150px;
  text-decoration: none;
  border-bottom: 2px dotted #cccccc;
  background:#ffffff;
  color: #666666;
  font-size: 14px;
}


.cds-navi li a:hover {
  background:url(../images/side_hover_bg.png) repeat;
  color: #ffffff;
  background:#999999;
  border-bottom: 2px dotted #cccccc;
  font-weight:bold;
}



.fb-like-box {
  margin-top:10px;
  margin-bottom:40px;
}

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

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


/* ========FOOTER CUSTOMIZE======== */

#footermenu {
   background:#999999;
   padding:10px 0;
   text-align:center;
   font-style:normal;
   font-size:12px;
   color:#fff;
}

#footermenu ul {
  margin:5px 0px 10px 0px;

}

#footermenu ul li {
  list-style-type: none;
  margin:3px 3px 3px 3px;
  display: inline;

}


#footermenu ul li a {
   font-size:14px;
   padding:5px 10px 5px 5px;
   color:#ffffff;

}

#footermenu ul li a:hover {
   font-size:14px;
   background:#ffffff;
   color:#666666;
}