@charset "UTF-8";


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

body {
   margin:0;
   padding:0;
   line-height:1.6;
   letter-spacing:1px;
   font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3",Hiragino Kaku Gothic Pro,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 20px 0 20px;
   background:#fff;
   border-top:5px solid #ffffff;
   border-bottom:5px solid #333333;
}

#header {
   /*position:relative;*/
   margin:5px 0px 0px 0px;
   width:960px;
   height:85px;
   background:#fff;
}

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

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

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

#top-main {
   float:left;
   margin:0px 10px 0px px;
   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:right;
   width:180px;
}

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

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

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


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

#headmenu {
   background:url(../images/header_bg.jpg) repeat;
   height:38px;
}

#headmenu h1 {
   margin-top:5px;
   padding:8px 5px 5px 10px;
   font-size:14px;
   color:#ffffff;
}

#headmenu ul {
   float:right;
  /* display: inline; */
  margin:8px 3px 3px 3px;
  text-align: right;

}

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

}

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

}



#headmenu ul li a:hover {
   font-size:14px;
   font-weight:bold;
   background:#ffffff;
   color:#009966;
}




#header .logo {
   margin-bottom:5px;
   padding:5px 0px 0px 0px;
}

#header .contact {
   width:468px;
   height:60px;
   float:right;
   margin:10px 0px 0px 0px;
   padding:0px 0px 0px 0px;

}

#header .contact p {
   margin:10px 137px 30px 0;
   height:30px;
   color:#ff9999;
   font-size:35px;
   font-weight:bold;
}


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



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

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

.gnavi01 a {
  display:block;
  width : 192px ;
  height : 45px ;
  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 : 192px ;
  height : 45px ;
  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 : 192px ;
  height : 45px ;
  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 : 192px ;
  height : 45px ;
  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 : 192px ;
  height : 45px ;
  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 ;

}


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

}

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

}

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

}


.point-list {
   font-size:13px;
  margin: 0px 0px 10px 0px;

}

.point-list-two {
   font-size:13px;
  margin: 20px 0px 20px 0px;

}

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

}


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

}

.inbox {
   font-size:13px;

}


.main-contents {
  margin: 0px 5px 30px 0px;
}


.main-contents p {
   margin:0 0 0.5em 0;
   padding:10px 20px 5px 20px;
   line-height:1.6;
}

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

}

.ranking-right {
  padding:5px;

}

.news-lineup{
  width: 765px;
  height:130px;
  margin: 5px 0px 0px 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;

}

.description-box {
   margin:10px 50px 10px 50px;
   padding:10px 10px 0px 10px;
   font-size:13px;
   border:1px solid #999999;
}

.clear{
  clear:both;

}


.main-contents-left {
  width: 375px;
  padding-right: 5px;
  margin: 0px 5px 10px 0px;
  float: left;
}


.main-contents-right {
  width: 375px;
  margin: 0px 5px 10px 0px;
  float: right;
}




/* ========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 h2 {
   padding:5px;
   font-size:15px;
   margin:0px 0px 10px 0px;
   font-weight:bold;
   color:#fff;
   background:url(../images/h2_blue_bg.jpg) repeat;
}

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

#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 10px 0px;
}

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

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


#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 #009966;

}

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

}

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

}


.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-bottom:5px;
  width: 760px;
  height: 200px;
  border-bottom:2px dotted #009966;
}


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

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


.sub-table-contents {

  border-bottom:1px dotted #666666;

}


.top-category-contents {
  float: left;
  width: 240px;
  height: 320px;
  margin:0px 5px 0px 5px;

}


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

}


.white {
   color:#fff;

}



.blue {
   color:#ffffff;
   background:#009966 ;
   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:0px 0px 20px 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;
}


.form {
  line-height:2.0;
  margin:15px 10px 15px 10px;
  padding:15px 15px 15px 15px;
   background:url(../images/form_bg.png) repeat;

}



.form-title {
  font-weight:bold;
}



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

#subL .section {
   background:#ffffff;
}

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

}

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

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


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


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

.cds-navi li { display: inline; }

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

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


.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) repene;
}





/* ========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;
}



/* ========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======== */
.copyright {
   width:960px;
   background:#999999;
   padding:10px 0;
   margin-bottom:5px;
   text-align:center;
   font-style:normal;
   font-size:11px;
   color:#fff;
}

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

.footer-menu ul {
   margin:5px 15px 5px 0px;
}


.footer-menu-right {
   width: 235px;
   height: 140px;
   float: left;
   text-align:left;
   font-size:13px;
   margin:0px 0px 5px 0px;

}

.footer-menu li {
  display: block;
  list-style-type: none;
  margin-bottom:10px;
  margin-right:20px;
  color:#fff;
}


.footer-menu-right li {
  display: block;
  list-style-type: none;
  margin-bottom:10px;
  margin-right:20px;
  color:#fff;
}


.footer-menu li a {
  display: block;
  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 {
  display: block;
  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;
}