@charset "utf-8";
/* CSS Document */

/* index page
----------------------------------------------------------------------------------------------*/
.homeIndexPage{
}

.homeIndexPage #gheader{
z-index:1000;
position:relative;
}


/*=========== mainVisual ===========*/
.homeIndexPage #mainVisual{
background:url(/share/n_images01/mod_bg_pattern_01.jpg) repeat 0 0;
height:462px;
z-index:100;
position:relative;
}

.homeIndexPage #mainVisual .filter{
width:1280px;
margin-left:-640px;
position:absolute;
top:0;
left:50%;
z-index:300;
}
.homeIndexPage #mainVisual .filterInner01{

position:relative;
}
.homeIndexPage #mainVisual .filter01{
position:absolute;
top:50px;
left:0;
}
.homeIndexPage #mainVisual .filter02{
position:absolute;
top:50px;
right:0;
}
.homeIndexPage #mainVisual .filter03{
position:absolute;
top:0;
left:0;
}
.homeIndexPage #mainVisual .filter04{
position:absolute;
top:305px;
right:0;
}

.homeIndexPage .mainVisualInner01{
width:1280px;
height:462px;
margin-left:-640px;
position:absolute;
top:0;
left:50%;
overflow:hidden;
}
.homeIndexPage .mainVisualInner01 p{
position:absolute;
left:170px;
top:45px;
z-index:270;
}
.homeIndexPage .mainVisualInner01 p a:hover{
ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
filter: alpha(opacity=70) !important;
-moz-opacity: 0.7 !important;
khtml-opacity: 0.7;
opacity: 0.7 !important;
/zoom:1;
}
.homeIndexPage .mainVisualInner01 ul{
width:1022px;
height:462px;
margin:0 auto;
word-spacing:-0.4em;
letter-spacing:-0.4em;
text-align:left;
overflow:hidden;
}
.homeIndexPage .mainVisualInner01 li{
display:inline-block;
/display:inline;
width:1022px;
height:462px;
vertical-align:top;
word-spacing:0em;
letter-spacing:0em;
white-space:nowrap;
position:relative;
/zoom:1;
z-index:250;
}
.homeIndexPage .mainVisualInner01 li a{
display:block;
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
z-index:320;
}
.homeIndexPage .mainVisualInner01 li img{
position:absolute;
}
.homeIndexPage .mainVisualInner01 li .imageType03{
z-index:200;
}
.homeIndexPage .mainVisualInner01 li .imageType02{
z-index:180;
}
.homeIndexPage .mainVisualInner01 li .imageType01{
z-index:150;
}
.homeIndexPage .mainVisualInner01 li .bg{
left:0;
top:0;
z-index:100;
}

/*=========== scene01 ===========*/
.homeIndexPage #scene01 .imageType01{
left:880px;
top:220px;
}
.homeIndexPage #scene01 .imageType02{
left:106px;
top:148px;
}
.homeIndexPage .mainVisualInner01 #scene01 .imageType03_01{
left:0px;
top:61px;
}
.homeIndexPage .mainVisualInner01 #scene01 .imageType03_02{
left:374px;
top:0px;
}
.homeIndexPage .mainVisualInner01 #scene01 .imageType03_03{
left:890px;
top:0px;
}

/*=========== scene02 ===========*/
.homeIndexPage #scene02 .imageType01{
left:0px;
top:0px;
}
.homeIndexPage #scene02 .imageType02{
left:46px;
top:223px;
}
.homeIndexPage .mainVisualInner01 #scene02 .imageType03_01{
left:0px;
top:24px;
}
.homeIndexPage .mainVisualInner01 #scene02 .imageType03_02{
left:550px;
top:15px;
z-index:120;
}

/*=========== scene03 ===========*/
.homeIndexPage #scene03 .imageType01{
left:158px;
top:217px;
}
.homeIndexPage #scene03 .imageType02{
left:244px;
top:186px;
}
.homeIndexPage .mainVisualInner01 #scene03 .imageType03_01{
left:0px;
top:179px;
}
.homeIndexPage .mainVisualInner01 #scene03 .imageType03_02{
left:595px;
top:0px;
}

/*=========== scene04 ===========*/
.homeIndexPage #scene04 .imageType01{
left:-68px;
top:135px;
}
.homeIndexPage #scene04 .imageType02{
left:419px;
top:0px;
}
.homeIndexPage .mainVisualInner01 #scene04 .imageType03{
left:0px;
top:0px;
z-index:120;
}



/*.homeIndexPage .mainVisualInner02 .mvList02:after{
content:url(/n_images01/index_img_shadow_01.png);
display:block;
width:1541px;
height:37px;
margin-left:771px;
position:absolute;
top:150px;
left:50%;
z-index:2000;
}*/

/*=========== mainVisualInner02 mv02 ===========*/
.homeIndexPage .mainVisualInner02 .mvList02{
width:982px;
margin:0 0 0 -491px;
position:absolute;
top:0;
left:50%;
z-index:600;
}
.homeIndexPage .mainVisualInner02 .mvList02 li{
position:absolute;
top:0;
}
.homeIndexPage .mainVisualInner02 .mvList02 li a.close{
position:absolute;
top:10px;
right:55px;
}


/*=========== mainVisualInner02 navi ===========*/
.homeIndexPage .mainVisualInner02 .inlineListB04{
background:url(/n_images01/index_bg_mv_navi_01.gif) no-repeat 50% 100%;
margin:385px 0 20px -20px;
padding-bottom:20px;
z-index:800;
position:relative;
}
.homeIndexPage .mainVisualInner02 .inlineListB04 li{
vertical-align:bottom;
margin-top:0;
}

/*=========== contents ===========*/

.homeIndexPage #container{
background:url(/share/n_images01/mod_bg_pattern_01.jpg) repeat 0 0;
min-width:960px;
position:relative;
/zoom:1;
}
.homeIndexPage #container.column01 #mainContents:after{
background:none;
width:960px;
}
.homeIndexPage #container.column01 #mainContentsInner01{
padding-bottom:0;
}

.homeIndexPage #worksBox01{
margin:0 0 50px -24px;
position:relative;
}
.homeIndexPage #worksBox01:after{
content:".";
clear:both;
display:block;
visibility:hidden;
height:0;
line-height:0;
/zoom:1;
}
.homeIndexPage #worksBox01 .ttl01{
margin:0 0 24px 24px;
}
.homeIndexPage .worksBox01Inner01{
float:left;
display:inline;
width:304px;
margin:0 0 0 24px;
}
.homeIndexPage .worksBox01Inner01+.worksBox01Inner01 .ttl02{
margin-top:-3px;
}
.homeIndexPage .worksBox01Inner01+.worksBox01Inner01+.worksBox01Inner01 .ttl02{
margin:0 0 10px;
}
.homeIndexPage #worksBox01 .ttl02 a{
display:inline-block;
}
.homeIndexPage #worksBox01 .ttl02 a .button01{
position:relative;
top:2px;
left:8px;
}
.homeIndexPage #worksBox01 li a{
display:block;
text-align:center;
text-decoration:none;
font-weight:bold;
}
.homeIndexPage #worksBox01 li a em{
display:inline-block;
text-align:left;
padding:10px 5px 0;
position:relative;
zoom:1;
}
.homeIndexPage .mhfColumnImageB01{
width:460px;
height:147px;
margin:0 auto;
padding:4px 10px 4px 10px;
}
.homeIndexPage .navi ul {
display:table;
margin:0 auto;
}
.homeIndexPage .navi ul li{
display:table-cell;
padding-left:5px;
}
.homeIndexPage .navi ul li:first-child{
padding:0px;
}
.homeIndexPage .navi li img{
vertical-align:bottom;
}
.homeIndexPage .navi a{
display:block;
background:url(/share/n_images01/mod_btn_imgNav_thumb_01.gif) no-repeat 0 0;
width:13px;
height:12px;
text-indent:-9999px;
}
.homeIndexPage .navi a.active{
background:url(/share/n_images01/mod_btn_imgNav_thumb_01_active.gif) no-repeat 0 0;
width:13px;
height:15px;
}
.homeIndexPage #recommendedContentsBox01{
background:url(/share/n_images01/mod_bg_line_dot_horizontal_01.gif) repeat-x 0 100%;
margin:0 0 24px;
padding:0 0 24px;
}

#newsBox01{
margin:0 0 24px -24px;
}
#newsBox01:after{
content:".";
clear:both;
display:block;
visibility:hidden;
height:0;
line-height:0;
/zoom:1;
}
#newsBox01 .ttl01{
margin-left:24px;
}
.homeIndexPage .newsBox01inner01{
float:left;
width:468px;
margin:0 0 0 24px;
}
.homeIndexPage .newsBox01inner01 dt{
margin-bottom:5px;
}
.homeIndexPage .newsBox01inner01 dt img{
margin-right:24px;
}
.homeIndexPage .newsBox01inner01 dt a{
background:url(/share/n_images01/mod_ico_arrow_red_03.png) no-repeat 100% 0.2em;
padding-right:10px;
font-size:87.5%;
font-weight:bold;
position:relative;
top:-4px;
}
.homeIndexPage #newsreleasList01 dt a{
top:-3px;
}
.homeIndexPage .newsBox01inner01 dd{
margin-bottom:10px;
}
.homeIndexPage .newsBox01inner01 dd .date{
color:#333;
font-size:87.5%;
font-weight:bold;
}
.homeIndexPage .newsBox01inner01 dd a{
display:inline-block;
margin-top:3px;
}

#slideBox01{
width:964px;
margin:0 -2px 20px;
}
#slideBox01 .slideControl{
background:url(/n_images01/index_bg_02.jpg) no-repeat 0 0;
width:964px;
height:91px;
padding:0;
}
#slideBox01 .cursor{
display:block;
margin:0;
}
#slideBox01 .select{
margin:0 0 0 45px;
padding-top:13px;
word-spacing:-0.4em;
letter-spacing:-0.4em;
}
#slideBox01 .select li{
display:inline-block;
/display:inline;
margin:0 0 0 8px;
padding:0;
vertical-align:top;
word-spacing:0em;
letter-spacing:0em;
/zoom:1;
}

.homeIndexPage .summary {
	border:1px solid #B5B0A6;
	padding:10px;
	margin:0 0 20px 0;
}


/* javascript 関連
----------------------------------------------------------------------------------------------*/
/* ========== image-navigation ========== */

.imageNaviTypeA01{
position:relative;
min-height:21.5em;
}

#image-navigation .navi-image,
#image-navigation2 .navi-image,
#image-navigation3 .navi-image{
position:relative;
display:block;
width:296px;
min-height:204px;
padding:4px;
margin:0;
background:url(/n_images01/index_img_work_effect.png) no-repeat left top;
}

#image-navigation .navi-image li,
#image-navigation2 .navi-image li,
#image-navigation3 .navi-image li{
display:none;
position:absolute;
top:4px;
left:4px;
width:296px;
min-height:204px;
text-align:center;
}
#image-navigation .navi-image li.active,
#image-navigation2 .navi-image li.active,
#image-navigation3 .navi-image li.active{
display:block !important;
}
.control{
position:absolute;
bottom:-10px;
left:50%;
margin-left:-15px;
}