@charset "utf-8";

/*==============================================
index style
==============================================*/
#basic-index #content h2{
height:245px;
padding:50px 0 23px 40px;
position:relative;
width:460px;
z-index:2;
}

#basic-index #content p.txt-intro{
min-height:170px;  
height:auto !important;  
height:170px;

line-height:1.69;
padding:0 0 30px 75px;
position:relative;
width:400px;
z-index:3;
}

/* #prologue-area
====================*/
#basic-index #content #prologue-area{
height:611px;
left:475px;
position:absolute;
top:28px;
width:458px;
z-index:1;
}

#basic-index #content #prologue-area li.scene01{
height:363px;
left:0;
position:absolute;
top:0;
width:458px;
z-index:1;
}

#basic-index #content #prologue-area li.scene02{
height:323px;
left:0;
position:absolute;
top:288px;
width:458px;
z-index:2;
}

/* p.btn-profile
====================*/
#basic-index #content p.btn-profile{
height:104px;
margin-left:64px;
position:relative;
width:411px;
z-index:4;
}

#basic-index #content p.btn-profile a{
background:url(../img/index/btn_profile.gif) 0 0 no-repeat;
display:block;
height:104px;
overflow:hidden;
position:relative;
text-indent:-9999px;
width:411px;
}

#basic-index #content p.btn-profile a:hover{
background-position:0 -104px;
}

/* #profile-area
====================*/
#basic-index #content #profile-area{
background:url(../img/index/bg_lightbox.png) 0 0 repeat;
/*IE8 IE7 IE6*/
background:none\9;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/index/bg_lightbox.png", sizingMethod="scale")\9;

/*height:100%;*/
cursor:pointer;
display:none;
left:0;
overflow:hidden;
position:absolute;
top:0;
width:100%;
z-index:99;
}

:root #basic-index #content #profile-area {
filter:none \0/; /* IE9 */
}

/*innerbox*/
#basic-index #content #profile-area .innerbox{
background:url(../img/index/bg_profile_bottom.gif) 0 100% no-repeat;
left:47px;
padding-bottom:10px;
position:absolute;
top:-112px;
width:854px;
z-index:2;
}

#basic-index #content #profile-area .innerbox h3{
height:259px;
width:854px;
z-index:1;
}

/*wrapperbox*/
#basic-index #content #profile-area .innerbox .wrapperbox{
background:url(../img/index/bg_profile_inner.gif) 0 0 repeat-y;
padding-bottom:37px;
padding-top:25px;
position:relative;
overflow:hidden;
width:854px;
z-index:2;
}

/*dl*/
#basic-index #content #profile-area .innerbox .wrapperbox dl{
float:left;
padding-bottom:24px;
width:196px;
}
#basic-index #content #profile-area .innerbox .wrapperbox dl.yuko{
padding:0 30px 0 72px;
}
#basic-index #content #profile-area .innerbox .wrapperbox dl.takashi{
background:url(../img/common/img_line_dot_v.gif) 100% 0 repeat-y;
padding-right:40px;
}
#basic-index #content #profile-area .innerbox .wrapperbox dl.sakai{
padding-left:51px;
}

#basic-index #content #profile-area .innerbox .wrapperbox dl dt{
height:244px;
margin-bottom:20px;
width:196px;
}

#basic-index #content #profile-area .innerbox .wrapperbox dl dd{
line-height:1.69;
}

/*btn-close*/
#basic-index #content #profile-area .innerbox .btn-close{
	cursor:pointer;
height:70px;
right:16px;
overflow:hidden;
position:absolute;
text-indent:-9999px;
top:240px;
width:55px;
z-index:4;
}

#basic-index #content #profile-area .innerbox .btn-close a{
background:url(../img/index/btn_profile_close.gif) 0 0 no-repeat;
display:block;
height:70px;
overflow:hidden;
position:relative;
width:55px;
}

#basic-index #content #profile-area .innerbox .btn-close a:hover{
background-position:0 -70px;
}

/* ol#basic-list
====================*/
#basic-index #content ol#basic-list{
background:url(../img/index/img_kirakira03.gif) 0 0 no-repeat;
height:1415px;
position:relative;
width:948px;
z-index:5;
}

#basic-index #content ol#basic-list li{
position:absolute;
}

#basic-index #content ol#basic-list li a{
display:block;
overflow:hidden;
position:relative;
text-indent:-9999px;
}


/* basic01 */
#basic-index #content ol#basic-list li.basic01{
height:397px;
left:59px;
top:70px;
width:409px;
z-index:1;
}

#basic-index #content ol#basic-list li.basic01 a{
background:url(../img/index/menu_basic01.gif) 0 0 no-repeat;
height:397px;
width:409px;
}

#basic-index #content ol#basic-list li.basic01 a:hover{
background-position:0 -397px;
}

/* basic02 */
#basic-index #content ol#basic-list li.basic02{
height:208px;
left:483px;
top:47px;
width:409px;
z-index:2;
}

#basic-index #content ol#basic-list li.basic02 a{
background:url(../img/index/menu_basic02.gif) 0 0 no-repeat;
height:208px;
width:409px;
}

#basic-index #content ol#basic-list li.basic02 a:hover{
background-position:0 -208px;
}

/* basic03 */
#basic-index #content ol#basic-list li.basic03{
height:215px;
left:483px;
top:254px;
width:416px;
z-index:3;
}

#basic-index #content ol#basic-list li.basic03 a{
background:url(../img/index/menu_basic03.gif) 0 0 no-repeat;
height:215px;
width:416px;
}

#basic-index #content ol#basic-list li.basic03 a:hover{
background-position:0 -215px;
}

/* basic04 */
#basic-index #content ol#basic-list li.basic04{
height:364px;
left:45px;
top:484px;
width:221px;
z-index:4;
}

#basic-index #content ol#basic-list li.basic04 a{
background:url(../img/index/menu_basic04.gif) 0 0 no-repeat;
height:364px;
width:221px;
}

#basic-index #content ol#basic-list li.basic04 a:hover{
background-position:0 -364px;
}

/* basic05 */
#basic-index #content ol#basic-list li.basic05{
height:182px;
left:272px;
top:484px;
width:416px;
z-index:5;
}

#basic-index #content ol#basic-list li.basic05 a{
background:url(../img/index/menu_basic05.gif) 0 0 no-repeat;
height:182px;
width:416px;
}

#basic-index #content ol#basic-list li.basic05 a:hover{
background-position:0 -182px;
}

/* basic06 */
#basic-index #content ol#basic-list li.basic06{
height:174px;
left:272px;
top:674px;
width:409px;
z-index:6;
}

#basic-index #content ol#basic-list li.basic06 a{
background:url(../img/index/menu_basic06.gif) 0 0 no-repeat;
height:174px;
width:409px;
}

#basic-index #content ol#basic-list li.basic06 a:hover{
background-position:0 -174px;
}

/* basic07 */
#basic-index #content ol#basic-list li.basic07{
height:379px;
left:695px;
top:484px;
width:205px;
z-index:7;
}

#basic-index #content ol#basic-list li.basic07 a{
background:url(../img/index/menu_basic07.gif) 0 0 no-repeat;
height:379px;
width:205px;
}

#basic-index #content ol#basic-list li.basic07 a:hover{
background-position:0 -379px;
}

/* basic08 */
#basic-index #content ol#basic-list li.basic08{
height:202px;
left:59px;
top:870px;
width:380px;
z-index:8;
}

#basic-index #content ol#basic-list li.basic08 a{
background:url(../img/index/menu_basic08.gif) 0 0 no-repeat;
height:202px;
width:380px;
}

#basic-index #content ol#basic-list li.basic08 a:hover{
background-position:0 -202px;
}

/* basic09 */
#basic-index #content ol#basic-list li.basic09{
height:233px;
left:59px;
top:1075px;
width:370px;
z-index:9;
}

#basic-index #content ol#basic-list li.basic09 a{
background:url(../img/index/menu_basic09.gif) 0 0 no-repeat;
height:233px;
width:370px;
}

#basic-index #content ol#basic-list li.basic09 a:hover{
background-position:0 -233px;
}

/* basic10 */
#basic-index #content ol#basic-list li.basic10{
height:411px;
left:443px;
top:898px;
width:217px;
z-index:10;
}

#basic-index #content ol#basic-list li.basic10 a{
background:url(../img/index/menu_basic10.gif) 0 0 no-repeat;
height:411px;
width:217px;
}

#basic-index #content ol#basic-list li.basic10 a:hover{
background-position:0 -411px;
}

/* extra */
#basic-index #content ol#basic-list li.extra{
height:405px;
left:667px;
top:886px;
width:236px;
z-index:11;
}

#basic-index #content ol#basic-list li.extra a{
background:url(../img/index/menu_basicExtra.gif) 0 0 no-repeat;
height:405px;
width:236px;
}

#basic-index #content ol#basic-list li.extra a:hover{
background-position:0 -405px;
}




/* #content .btn_scl
====================*/
#basic-index #content .btn_scl{
background: url(../img/common/img_line_slash.gif) 0 100% no-repeat;
margin-top:-38px;
z-index:6;
}