@charset "Shift_JIS";



#container_top {
width: 950px; 
margin: 0 auto; 
background: #333; /*url(../sidebar_200.gif) repeat-y right;*/ 
border-left: 1px #555 solid; /* 左の境界線 */
border-right: 1px #555 solid; /* 右の境界線 */
}

/* --- メインカラム --- */
#content_top {
float: right;
width: 710px; /* メインカラムの幅 */
margin: 0 5px 15px 0;
background: #fff;
}

#content_top h1 { float: left; color: #555; font-size: 10px; line-height: 14px; background: transparent; padding: 0; margin: 0;}

/* --- video area --- */
.video_top { height:260px; width:100%; background: url(../img/bg_video.png) no-repeat top; }
.video_top .video { padding-left:358px; padding-top:57px; }

/* --- 5tokuchou --- */

.tokuchou5 { width:710px; height:157px; background:#eee url(../img/top_5tokuchou.jpg) no-repeat; }

.tokuchou5 ul li { }

.tokuchou5 ul li a { float: left; display: block; height: 157px; width: 142px; }
.tokuchou5 ul li a:hover { background: rgba(255,255,255,0.3); }

/* --- top text --- */

table.top_text { margin-bottom: 10px; }

table.top_text tr {  }

table.top_text td.index { font-size: 16px; font-weight: bold; width: 150px; padding: 10px 10px; vertical-align: middle; text-align: center; background: #eee; border: 6px #ccc solid; }
table.top_text td { font-size: 12px; padding-left: 15px; }


/* --- 3navi --- */

ul#top_3navi { clear: both; height: 101px;/**/}

ul#top_3navi li { float: left; margin: 0 10px 10px 0; padding: 0 6px; width: 218px; height: 101px; background: url(../img/bg_3navi.jpg) no-repeat top center;/**/
font-weight: bold;
 }

ul#top_3navi li.navi1 { background: url(../img/bg_3navi_1.png)/*url(../img/bg_3navi.png)*/ no-repeat top center; }
ul#top_3navi li.navi2 { background: url(../img/bg_3navi_2.png)/*url(../img/bg_3navi.png)*/ no-repeat top center; }
ul#top_3navi li.navi3 { background: url(../img/bg_3navi_3.png)/*url(../img/bg_3navi.png)*/ no-repeat top center; }

ul#top_3navi li.nomgn { margin: 0; }

ul#top_3navi li img { padding: 8px 0;}


/* --- tenji --- */

ul#top_tenji { clear: both; height: 150px; margin-bottom: 25px; }
ul#top_tenji a.button { display: block; width: 350px; height: 150px; background: url(../img/top_tenji2.jpg); margin-bottom: 5px; }
ul#top_tenji a.button:hover { background: url(../img/top_tenji2_ov.jpg) /*0 -32px*/ no-repeat; }
/*ul#top_tenji a.button:active { background: url(../img/btn_back.png) 0 -64px no-repeat; }*/


/* --- top5 --- */

.top5 ul li { }

.top5 ul li.lank1 { float: left;  height: 200px;  background: url(../img/rank1.jpg) top center no-repeat;  }
.top5 ul li.lank2 { float: left;  height: 260px;  background: url(../img/rank2.jpg) top center no-repeat;  }
.top5 ul li.lank3 { float: left;  height: 260px;  background: url(../img/rank3.jpg) top center no-repeat;  }
.top5 ul li.lank4 { float: left;  height: 260px;  background: url(../img/rank4.jpg) top center no-repeat;  }
.top5 ul li.lank5 { float: left;  height: 260px;  background: url(../img/rank5.jpg) top center no-repeat;  }

.top5 ul li a.ad { display: block; width: 142px; margin-top: 40px; background: url(../img/top5_ad.jpg) top no-repeat; text-align: center; padding-top: 170px; }
.top5 ul li a.ca { display: block; width: 142px; margin-top: 40px; background: url(../img/top5_ca.jpg) top no-repeat; text-align: center; padding-top: 170px; }
.top5 ul li a.ad4000 { display: block; width: 142px; margin-top: 40px; background: url(../img/top5_ad4000.jpg) top no-repeat; text-align: center; padding-top: 170px; }
.top5 ul li a.gs { display: block; width: 142px; margin-top: 40px; background: url(../img/top5_gs.jpg) top no-repeat; text-align: center; padding-top: 170px; }
.top5 ul li a.cablk { display: block; width: 142px; margin-top: 40px; background: url(../img/top5_cablk.jpg) top no-repeat; text-align: center; padding-top: 170px; }


/* --- about & services --- */

ul#top_banner2 { clear: both; height: 200px; margin-bottom: 25px;}
ul#top_banner1 { clear: both; height: 100px; margin-bottom: 25px;}

ul#top_banner1 li, ul#top_banner2 li, ul#top_tenji li { float: left; margin: 0 10px 2px 0; width: 350px; height: 100px; }

/*
ul#top_banner li.about1 { background: url(../img/top_about_01.png) no-repeat top center; }
ul#top_banner li.about2 { background: url(../img/top_about_02.png) no-repeat top center; }
ul#top_banner li.about3 { background: url(../img/top_about_03.png) no-repeat top center; }
*/

ul#top_banner1 li.nomgn, ul#top_banner2 li.nomgn, ul#top_tenji li.nomgn { margin: 0; }