@charset "utf-8";


/** --------------------------------------------------------
 *	  HOME - 背景
-------------------------------------------------------- **/
#icatchIndexWrap {
   position:relative;
   z-index:-1;
   overflow:hidden;
   height:400px;
   background:#fff url("../images/earth.png") repeat-x;
}
#icatchWrap {/*各ページのトップページに使うかも、使わなければ消す*/
   overflow:hidden;
   position:relative;
   height:140px;
   background:#fff;
}
#icatch {
   width:1000px;
   margin:0 auto;
   padding:26px 0 0 0;
}
#icatch h1 {/*キャッチフレーズ*/
   font-size:14px;
   color:#e5e5e5;/**1F286F**/
   font-weight:normal;
   line-height:1.2em;
}


/** --------------------------------------------------------
 *	  HOME - main graphic
-------------------------------------------------------- **/
#topwrap {
   position:relative;
   overflow:hidden;
   width:1000px;
   margin:-330px auto 0 auto;
    /*background-color: rgba(255,255,255,0.9);
    border-radius: 10px;/* CSS3草案 */  
    /*-webkit-border-radius: 10px;/* Safari,Google Chrome用 */  
    /*-moz-border-radius: 10px;*/
   border-top:1px solid #1F286F;
}
#top {
   overflow:hidden;
   width:1000px;
   margin:0px auto 0 auto;
}
#main_graphic {
   width:1000px;
   height:400px;
   border-bottom:1px solid #1F286F;
}
#main_graphic ul {
   clear:both;
}
#main_graphic ul li {
   float:left;
   background:#fff;
}
li.top01 {width:625px; height:400px; overflow:hidden;}
li.top02 {width:375px; height:200px; overflow:hidden;}
li.top03 {width:225px; height:200px; overflow:hidden;}
li.top04 {width:150px; height:200px; overflow:hidden;}

li.top01 img, li.top02 img, li.top03 img, li.top04 img {
   -moz-transition: -moz-transform 0.5s linear;
   -webkit-transition: -webkit-transform 0.5s linear;
   -o-transition: -o-transform 0.5s linear;
   -ms-transition: -ms-transform 0.5s linear;
   transition: transform 0.5s linear;
}
li.top01 img:hover, li.top02 img:hover, li.top03 img:hover, li.top04 img:hover {
   -webkit-transform: scale(1.1);
   -moz-transform: scale(1.1);
   -o-transform: scale(1.1);
   -ms-transform: scale(1.1);
   transform: scale(1.1);
}


/** --------------------------------------------------------
 *	  HOME - 3列レイアウト
-------------------------------------------------------- **/
#topLeftwrap {
   float:left;
   width:220px;
   height:800px;
   padding:0px 14px 0px 0;
}
#topMiddlewrap {
   float:left;
   width:360px;
   padding:10px 15px 10px 14px;
   border-left: 1px solid #cccccc;
   border-right: 1px solid #cccccc;
}
#topRightwrap {
   float:right;
   width:360px;
   padding:10px 0px 10px 15px;
}
#top h2 {
   margin-bottom:20px;
   padding:0;
   font-size:20px;
   color:#1F286F;
   font-weight:bold;
   line-height:1.2;
   border-bottom:1px solid #1F286F;
}
.line {
   width:766px;
   background:#fff url("../images/dot.gif") 0 0 repeat-x;;
}


/* HOME - TOPICS
------------------------------------------------------- */
dl.topics {
   line-height:1.6em;
   padding:0 0 10px 0;
}
dl.topics dt {;
   width:150px;
   margin:0;
   padding:0;
}
dl.topics dd {
   margin:-6em 0 4px 0;
   padding:0 0 4px 150px;
   height:70px;
   border-bottom:1px dotted #cccccc;
}


/* HOME - NEWS
------------------------------------------------------- */
dl.news {
   line-height:1.6em;
   padding:0 0 10px 0;
}
dl.news dt {;
   width:46px;
   margin:0;
   padding:0;
}
dl.news dd {
   margin:-1.6em 0 4px 0;
   padding:0 0 4px 46px;
   /*background:transparent;*//*重複しているので*/
   border-bottom:1px dotted #cccccc;
}


/* HOME - BRANDS
------------------------------------------------------- */
#topgrid {
   width:360px;
   margin:10px 0 50px 0;
   padding:0;
   overflow:hidden;
}
#topgrid li {
   margin: 4px;
   float: left;
   list-style: none;
}


/* HOME - SOLUTIONS
------------------------------------------------------- */
ul.solution {
   margin:0;
}
ul.solution li {
   margin:0 0 3px 0;
}

/* END
------------------------------------------------------- */