@charset "utf-8";

#gronavi .h2_Home a {background-position:0 -28px;}
/*----------------------------------------------------
	#indexcontents サイト全体の幅、位置指定　TOP用
----------------------------------------------------*/
#indexcontent {width:900px; margin:0 auto; background:#FFF;}


/*#FlashArea {width: 940px; height:300px; margin:0 auto; padding: 0;}*/
#FlashArea {width: 940px; height:340px; margin:0 auto; padding: 0;}

#indexcontent .Left-Column {width:576px; float:left;}
#indexcontent .Right-Column {width:324px; float:right; background:url(/img/top_rightcolumnbkg.jpg) repeat-x #FFF; display:block; padding:20px 0 0 0;}

.topbanner_left,
.topbanner_right {width:286px;float:left; padding:0; margin: 0 0 23px 0;}

.topbanner_left .h3_strongpoint {width:286px; height:120px; margin: 0 0 2px 0;}
.topbanner_left .h3_strongpoint a {width:286px; height:120px;background:url(/img/top_strongpoint.jpg) no-repeat; display:block;}
.topbanner_left .h3_strongpoint a:hover {background-position: 0 -120px;}

.topbanner_left .h3_function {width:286px; height:120px;}
.topbanner_left .h3_function a {width:286px; height:120px;background:url(/img/top_function.jpg) no-repeat; display:block;}
.topbanner_left .h3_function a:hover {background-position: 0 -120px;}


.topbanner_right .h3_demo {width:286px; height:120px; margin: 0 0 2px 2px;}
.topbanner_right .h3_demo a {width:286px; height:120px;background:url(/img/top_demo.jpg) no-repeat; display:block;}
.topbanner_right .h3_demo a:hover {background-position: 0 -120px;}

.topbanner_right .h3_scene {width:286px; height:120px; margin:0 0 0 2px;}
.topbanner_right .h3_scene a {width:286px; height:120px;background:url(/img/top_scene.jpg) no-repeat; display:block;}
.topbanner_right .h3_scene a:hover {background-position: 0 -120px;}


#indexcontent .Right-Column .contact {width:274px; height: 172px; margin: 0 0 10px 25px;}
#indexcontent .Right-Column .contact a {width:274px; height: 172px;background:url(/img/top_rightcontact.jpg) no-repeat; display:block;}
#indexcontent .Right-Column .contact a:hover {background-position: 0 -172px;}

#indexcontent .Right-Column .experience {width:274px; height: 60px; margin: 0 0 5px 25px;}
#indexcontent .Right-Column .experience a {width:274px; height: 60px;background:url(/img/top_rightexp.jpg) no-repeat; display:block;}
#indexcontent .Right-Column .experience a:hover {background-position: 0 -60px;}

#indexcontent .Right-Column .jirei {width:274px; height: 60px; margin: 0 0 5px 25px;}
#indexcontent .Right-Column .jirei a {width:274px; height: 60px;background:url(/img/top_rightjirei.jpg) no-repeat; display:block;}
#indexcontent .Right-Column .jirei a:hover {background-position: 0 -60px;}

#indexcontent .Right-Column ul {margin: 0 0 0 25px;}
#indexcontent .Right-Column li {width: 243px; height: 22px; background:url(/img/top_rightmenu.jpg) no-repeat; display:block; margin: 0 0 2px 0;padding:4px 0 0 31px; font-size:90%;}

#indexcontent .Right-Column .sub_event {width:274px; height: 60px; margin: 0 0 5px 25px;}
#indexcontent .Right-Column .sub_event a {width:274px; height: 60px;background:url(/img/top_right_event.jpg) no-repeat; display:block;}
#indexcontent .Right-Column .sub_event a:hover {background-position: 0 -60px;}

#indexcontent .Right-Column .soltion {width:274px; height: 60px; margin: 0 0 5px 25px;}
#indexcontent .Right-Column .soltion a {width:274px; height: 60px;background:url(/img/top_right_soltion.jpg) no-repeat; display:block;}
#indexcontent .Right-Column .soltion a:hover {background-position: 0 -60px;}

#indexcontent .Right-Column .bener_dfs {max-width:274px; height:71px; margin: 0 0 10px 25px;border:1 solid brack;}
#indexcontent .Right-Column .bener_dfs a {max-width:274px; height:71px;background:url(/banar/DSF/DSF.png) no-repeat; display:block;border:1 solid red;}
#indexcontent .Right-Column .bener_dfs a:hover {background-position: 0 -71px;}


/* ホットトピックスの表示設定 
----------------------------------------------------------- */
.NewsArea {width:574px; margin:19px 0 0 0; color:#424242;}
.NewsArea .date {font-weight:bold; background:url(/img/icon_redsquare.jpg) no-repeat 0 4px; display:block; margin:10px 0 0 25px; padding:0 0 0 20px;}
.NewsArea .news {margin:3px 0 0 45px;}
.NewsArea .news a {margin:0 5px 0 0;}
.NewsArea .line {background:url(/img/line_topnews.jpg) no-repeat; display: block; height:3px; margin:10px 0 0 0; }
.NewsArea .old_news {margin:10px 0 0 0;}
.NewsArea .old_news a{display:block;width:88px;height:17px;background:url(/img/icon_oldnews_off.png) no-repeat 0 0;}
.NewsArea .old_news a:hover{background:url(/img/icon_oldnews_on.png) no-repeat 0 0;}
.NewsArea .newtopic {background:url(/img/icon_new.gif) no-repeat right;width:120px;}