@charset "utf-8";

/* ****************************************************
top.css

***************************************************** */
/* ------------------------------------
	Wrapper / Contents
------------------------------------ */
#wrapper{
padding:24px 0 0 0;
}

#main{
width:606px;
}

#sideNavi{
width:292px;
}

/* ------------------------------------
	MainImage
------------------------------------ */
#mainImageWrap{
padding:18px 0 0 0;
height:393px;
border:none;
}

#mainImage{
width:100%;
height:100%;
overflow:hidden;
}

#mainImage .gallery{
margin:0 auto;
width:640px;
height:393px;
position:relative;
}

.layer1 img,
.layer2 img,
.layer3 img{
width:100%;
height:100%;
}

#mainImage .loading{
margin:0 auto;
width:32px;
height:360px;
background:transparent url(../images/top/loading.gif) center center no-repeat;
}

#mainImage .gallery li a{
text-decoration:none;
}

#mainImage .videoContainer{
margin:0 auto;
width:640px;
}

#swfAreaWrap{
margin:0 auto;
width:640px;
height:360px;
background:transparent url(../images/top/main.jpg) left top no-repeat;
}

/* ------------------------------------
	Main
------------------------------------ */
/*  Box - Main -
------------------------------------ */
.boxContainer,
.boxWrap,
.box{
width:588px;
background-image:url(../images/top/top_box_bg.gif);
}

.boxContainer{
background-position:-588px 0;
}

.boxWrap{
background-position:0 0;
}

.box{
background-position:-1176px 100%;
}

/*  PRODUCTS & SERVICE
------------------------------------ */
#topProduct .box{
padding:16px 0 1px 0;
}

#topProduct .section{
margin:0 0 0 5px;
padding:0 0 13px 0;

}

#topProduct h3{
margin:0 0 10px 0;
padding:0 0 0 6px;
border-left:2px solid #5e5e5e;
line-height:1;
}

#topProduct .box .section{
width:auto;
}

#topProduct .block{
border-bottom:1px dotted #2550bb;
margin:0 0 10px 6px;
width:575px;
}

#topProduct .productLink{
float:right;
padding:0 0 0 0;
margin:0;
line-height:0;
}

#topProduct #purposeList .productLink,
#topProduct #typeList .productLink,
#topProduct #keywordList .productLink{
float:none;
text-align:right;
}

#topProduct #keywordList .productLink{
padding:0 10px 0 0;
}

#topProduct #keywordList .productLink img{
position:relative;
}

#topProduct #solutionList ul,
#topProduct #purposeList ul,
#topProduct #typeList ul{
width:570px;
}

/*#topProduct #purposeList{
float:left;
display:inline;
width:285px !important;
}

#topProduct #typeList{
float:left;
display:inline;
width:280px !important;
}

#topProduct #purposeList ul{
width:285px;
}

#topProduct #typeList ul{
width:280px;
}*/

#topProduct .bnrList{
height:98px;
}

#topProduct .bnrList li{
float:left;
margin:0 10px 10px 0;
line-height:0;
font-size:0;
}

#topProduct .bnrList li.end{
margin:0 0 10px 0 !important;
}

#topProduct #keywordList{
clear:both;
padding:0 0 13px 5px;
}

#topProduct #keywordList ul{
margin:0 0 0 8px;
width:570px;
}

#topProduct .solutionSubList li,
#topProduct #purposeList li,
#topProduct #typeList li,
#topProduct #keywordList li{
float:left;
display:inline;
padding:0 15px 5px 0;
white-space:nowrap;
}

#topProduct #purposeList li{
padding:0 5px 5px 0;
width:280px;
}

#topProduct .solutionSubList li a,
#topProduct #purposeList li a,
#topProduct #typeList li a,
#topProduct #keywordList li a{
padding:0 0 0 11px;
background:transparent url(../images/common/ico_arrow.gif) 0 2px no-repeat;
}

/*  INTRODUCTION CASE
------------------------------------ */
.casePickupContainer,
.casePickupWrap,
.casePickup{
width:277px;
background-image:url(../images/top/top_case_pickup_bg.gif);
background-repeat:no-repeat;
}

.casePickupContainer{
background-position:-277px 0;
background-repeat:repeat-y;
}

.casePickupWrap{
background-position:0 0;
}

.casePickup{
padding:16px 11px 5px 11px;
width:255px;
background-position:-554px 100%;
}

.casePickup .title,
.caseWrap .title{
margin:0 0 10px;
padding:0;
color:#2550bb;
font-weight:bold;
}

.caseWrap .title{
font-size:85%;
}

.casePickup .title img,
.caseWrap .title img{
display:block;
vertical-align:baseline;
margin:0 0 2px 0;
}

.casePickup h3{
margin:0 0 10px 0;
text-align:center;
}

.casePickup .thumb{
margin:0 0 7px 0;
}

.casePickup h4{
margin:0 0 7px 0;
padding:0 0 6px 0;
background:transparent url(../images/common/line_dashed.gif) left bottom repeat-x;
text-align:center;
}

.casePickup .text{
margin:0 0 15px 0;
}

.casePickup .detailLink{
text-align:right;
}

#topCase .section{
float:left;
display:inline;
margin:0 0 0 0;
padding:0 0 20px 10px;
width:277px;
}

#topCase .case{
padding:0 0 0 8px;
border-left:2px solid #2550bb;
}

#topCase .case h3{
margin:0 0 5px 0;
}

#topCase  .case a{
color:#000;
}

.caseWrap{
clear:both;
width:588px;
}

/* ------------------------------------
	Side
------------------------------------ */
.sideBoxContainer,
.sideBoxWrap,
.sideBox{
width:294px;
background-image:url(../images/top/top_sidebox_bg.gif);
}

.sideBoxContainer{
background-position:-294px 0;
}

.sideBox{
padding:16px 0 1px 0;
background-position:-588px 100%;
}

#sideNavi #sideTopics h2{
margin:0 0 7px 8px;
padding:0;
width:auto;
background:none;
}

#sideTopics dl{
margin:0 0 0 11px;
width:270px;
font-size:110%;
}

#sideTopics dt{
padding:5px 0 0 0;
font-weight:bold;
}

#sideTopics dd{
margin:0 0 7px 0;
padding:0 0 12px 0;
border-bottom:1px dotted #000;
}

#sideTopics dd:last-child,
#sideTopics dd.last-child{
border:none;
}

#sideTopics a:link{
text-decoration:underline;
}

#sideTopics a:visited{
text-decoration:underline;
}

#sideTopics a:hover{
text-decoration:none;
}

#sideTopics a:active{
text-decoration:none;
}

.cseHistory{
margin:0 0 20px 0;
}

.sideRecruit img{
display:block;
margin:0 0 5px 0;
}

.sideRecruit a{
color:#000;
}

/* clearfix
------------------------------------ */
#topProduct ul:after,
.caseWrap:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
#topProduct ul,
.caseWrap{
display:inline-block;
}
/* \*/
#topProduct ul,
.caseWrap{
display:block;
}
/* */