@charset "utf-8";
/* ===================================================================
CSS information

 file name :style.css
 style info :トップページ専用
 
このスタイルシートの構成
 基本設定、レイアウト、横幅設定など
 汎用class

=================================================================== */
/*----------------------------------------------------
	#contents サイト全体の幅、位置指定　Indexのみ幅違いあり
----------------------------------------------------*/
.IndexBody #contents {width:884px; margin:12px auto; background-color: #FFF;}
.IndexBody #indexcontent {width:860px; margin:18px auto;}

.Left-Column {width:630px; float:left;}
.Right-Column {width:205px; float:right; text-align:center; background:url(../img/index_pickup.jpg) no-repeat; display:block; padding:12px 0 0 0;}
.Right-Column img {margin:0 0 10px 0;}
#bottom_logo {width:290px; height:17px; float:right; margin:30px 0 0 0;}


/* ホットトピックスの表示設定 
----------------------------------------------------------- */
.NewsArea .hottopics {margin:0;}
.NewsArea dl {margin:17px 0 0 0;}
.NewsArea dt {width:80px; float:left; margin:5px 0 0 0; padding:0;}
.NewsArea dd {width:440px; float:left; margin:5px 0 0 0; padding:0;}
.NewsArea .date {font-weight:bold; background:url(../img/icon_orange_square.jpg) no-repeat 0 5px; display:block; padding:0 0 0 18px;}

.NewsArea .news_solution {background:url(../img/icon_news01.jpg) no-repeat 0 3px; display:block; padding:0 0 0 80px;}
.NewsArea .news_news {background:url(../img/icon_news02.jpg) no-repeat 0 3px; display:block; padding:0 0 0 80px;}
.NewsArea .news_event {background:url(../img/icon_news03.jpg) no-repeat 0 3px; display:block; padding:0 0 0 80px;}
.NewsArea .news_oshirase {background:url(../img/icon_news04.jpg) no-repeat 0 3px; display:block; padding:0 0 0 80px;}
.NewsArea .news_casestudy {background:url(../img/icon_news05.jpg) no-repeat 0 3px; display:block; padding:0 0 0 80px;}


/* ソリューションの表示設定 
----------------------------------------------------------- */
.SolutionArea {margin-top:30px;}
.SolutionArea .left {width:315px; float:left; margin: 13px 0 0 0;}
.SolutionArea .right {width:315px; float:left; margin: 13px 0 0 0;}
.SolutionArea li {background:url(../img/icon_gray_square.jpg) no-repeat 0 6px; display:block; padding:0 0 3px 20px;}

