@charset "utf-8";
@import url('common.css');
/* CSS Document */


html, body{ height:100%; margin:0; padding:0; }
body{ background:url(../images/main/main_body_bg.gif) left top repeat-x; }
#wrap{ position:relative; width:995px; height:auto; margin:0 auto; }
#header{ width:100%; height:50px; margin:0 auto; padding:0; background:url(../images/common/top/top_menu_bg.gif) left top repeat-x; }
#container{ width:100%; margin:0 auto;}
#footer{ width:100%; height:34px; background:#d4d8dd; }


.visual{ width:100%; height:417px; }
.visual .left_bg{ position:absolute; left:-127px; top:50px; }
.visual .slider,
.visual .slider img{ float:left; width:694px; height:417px; }


#slides { display: none }
#slides .slidesjs-navigation { margin-top: 5px; }
a.slidesjs-next,
 a.slidesjs-previous,
 a.slidesjs-play,
 a.slidesjs-stop { background-image: url(../images/main/btns-next-prev.png); background-repeat: no-repeat; display: block; width: 12px; height: 18px; overflow: hidden; text-indent: -9999px; float: left; margin-right: 5px; }
a.slidesjs-next { margin-right: 10px; background-position: -12px 0; }
a:hover.slidesjs-next { background-position: -12px -18px; }
a.slidesjs-previous { background-position: 0 0; }
a:hover.slidesjs-previous { background-position: 0 -18px; }
a.slidesjs-play { width: 15px; background-position: -25px 0; }
a:hover.slidesjs-play { background-position: -25px -18px; }
a.slidesjs-stop { width: 18px; background-position: -41px 0; }
a:hover.slidesjs-stop { background-position: -41px -18px; }
.slidesjs-pagination { position:absolute; left:0; top:60px; margin: 7px 0 0; float: right; list-style: none; z-index:100; }
.slidesjs-pagination li { float: left; margin: 0 1px; }
.slidesjs-pagination li a { display: block; width: 13px; height: 0; padding-top: 13px; background-image: url(../images/main/pagination.png); background-position: 0 0; float: left; overflow: hidden; }
.slidesjs-pagination li a.active,
 .slidesjs-pagination li a:hover.active { background-position: 0 -13px }
.slidesjs-pagination li a:hover { background-position: 0 -26px }
#slides a:link,
 #slides a:visited { color: #333 }
#slides a:hover,
 #slides a:active { color: #9e2020 }
.navbar { overflow: hidden }



.visual .demo a{ float:right; width:301px; height:417px; background:url(../images/main/main_ilooko_go.gif) left top no-repeat; text-indent:-1000px; overflow:hidden; }
.visual .demo a:hover,
.visual .demo a:focus{ background:url(../images/main/main_ilooko_go_on.gif) left top no-repeat; }




.news{ width:100%; height:36px; background:url(../images/main/news_bg.gif) left top repeat-x; }
.news h3{ float:left; width:131px; height:36px; }
.news ul{ float:left; width: 500px; height:36px;}
.news li{ display:block; float:left width:300px; height:39px;  }
.news li a{ float:left; width:350px; height:36px; line-height:39px;}
.news .date{ float:right; width:150px; height:36px; text-align:center; line-height:39px; }
.news .arrow{ float:left; }
.news .arrow .arrow_left{ float:left; }
.news .arrow .arrow_right{ float:left; }
.news .more{ float:left; margin:0 0 0 10px; }
.news .sns{ float:right; margin:8px 0 0 0; }
.news .sns a{ margin:0 0 0 3px; }

.solutions{ width:100%; height:120px; }
.solutions h3{ float:left; width:131px; height:120px; }
.solutions ul{ float:left; }
.solutions li{ float:left; }
.solutions #solution_a a{ display:inline-block; float:left; width:201px; height:120px; background:url(../images/main/solution_dlooko.gif) left top no-repeat; text-indent:-10000px; overflow:hidden; }
.solutions #solution_a a:hover,
.solutions #solution_a a:focus{ background:url(../images/main/solution_dlooko_on.gif) left top no-repeat;}

.solutions #solution_b a{ display:inline-block; float:left; width:231px; height:120px; background:url(../images/main/solution_ilooko.gif) left top no-repeat; text-indent:-10000px; overflow:hidden; }
.solutions #solution_b a:hover,
.solutions #solution_b a:focus{ background:url(../images/main/solution_ilooko_on.gif) left top no-repeat;}

.solutions #solution_c a{ display:inline-block; float:left; width:231px; height:120px; background:url(../images/main/solution_slooko.gif) left top no-repeat; text-indent:-10000px; overflow:hidden; }
.solutions #solution_c a:hover,
.solutions #solution_c a:focus{ background:url(../images/main/solution_slooko_on.gif) left top no-repeat;}

/*
.solutions #solution_c a{ display:inline-block; float:left; width:231px; height:120px; background:url(../images/main/solution_plooko.gif) left top no-repeat; text-indent:-10000px; overflow:hidden; }
.solutions #solution_c a:hover,
.solutions #solution_c a:focus{ background:url(../images/main/solution_plooko_on.gif) left top no-repeat;}
*/
.solutions #download a{ display:inline-block; float:left; width:200px; height:120px; background:url(../images/main/solution_down.gif) left top no-repeat; text-indent:-10000px; overflow:hidden; }
.solutions #download a:hover,
.solutions #download a:focus{ background:url(../images/main/solution_down_on.gif) left top no-repeat; }