@charset "utf-8";

html,body{width:100%;}

#num {
background-color: #FFFFFF;
height: 30px;
width: 100px;
position: fixed;
top: 50px;
right: 0px;
display: none;
color: #FF0000;
}

.fc01 {color: #ff0000;}

.font-small {font-size: 80%;}

header {
height: 86px;
text-align: right;
position: relative;
overflow: hidden;
}

header h1 {
float: left;
padding-left: 99px;
padding-top: 0px;
position: fixed;
}

header  h2 {
margin-right: 70px;
float: right;
position: fixed;
top: 0px;
right: 0px;
}

header ul {
float: right;
padding: 44px 0 0 0;
position: fixed;
left: 240px;
}

header ul li {
float: left;
margin: 0 20px 0 0;
display: block;
}

header ul li a {display: block;}

header ul li a:hover {
opacity:0.4;
filter: alpha(opacity=40);        /* ie lt 8 */
-ms-filter: "alpha(opacity=40)";  /* ie 8 */
-moz-opacity:0.4;                 /* FF lt 1.5, Netscape */
-khtml-opacity: 0.4;              /* Safari 1.x */
zoom:1;
}

footer {padding:70px 20px 20px;}

footer p {
position: fixed;
left: 60px;
color: #666666;
font-size: 10px;
font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro";
}

nav {
position: absolute;
top: 85px;
width: 180px;
text-align: center;
left: 52px;
height: 610px;
background-color: #000000;
filter: alpha(opacity=75);
-moz-opacity:0.75;
opacity:0.75;
padding-top: 20px;
z-index: 9999;
}

nav h1 {padding-top: 60px;}

.center_list li{text-align:left!important;}

.artist nav {
position: absolute;
top: 86px;
width: 180px;
text-align: center;
left: 52px;
height: 580px;
background-color: transparent;
filter: alpha(opacity=100);
-moz-opacity:1;
opacity:1;
padding-top: 19px;
z-index: 9999;
}

nav.nav_top {
position: fixed;
text-align: left;
}

nav.nav_top .in_nav_top {
width: 150px;
margin: 0 auto;
}

nav.nav_top .in_nav_top .area01 {
padding: 20px 0 10px 0;
border-bottom: 1px solid #959595;
}

nav.nav_top .in_nav_top .area02 ul li {padding: 10px 0 0 0;}

nav.nav_top .in_nav_top .area02 ul li img {padding: 0!important;}

.padding_top0 {padding-top: 0!important;}

nav.text00 ul li {padding: 20px 0 0 0;}

nav.text00 .area01 {
padding: 20px 0 0 30px;
text-align: left;
width: 54px;
}

nav.text00 .area01 .block01 {float: left;}

nav.text00 .area01 .block02 {float: right;}

.slide_pos{
width: 100%;
overflow: hidden;
}
.thumb {
/*width: 100%;*/
width: 5100px;
/*position: fixed;*/
overflow: hidden;
left: 0px;
top: 545px;
}
.slide_pos li a {
height: 198px;
width: 300px;
display: block;
}
.slide_pos li a img{
visibility:hidden;
}
.slide_pos li a img {
filter: alpha(opacity=30);
-moz-opacity:0.3;
opacity:0.3;
}
.slide_pos li a:hover img {
filter: alpha(opacity=100);
-moz-opacity:1;
opacity:1;
}
#slide_1 {
height: 198px;
position: relative;
text-align: left;
width: 100%;
margin-left: -150px;
}

#slide_1 li {float: left;}

#slide_1 ul {
float: left;
list-style-type: none;
}

#slide_2 {
height: 198px;
position: relative;
text-align: left;
width: 100%;
margin-left: -2560px;
}

#slide_2 li {float: left;}

#slide_2 ul {
float: left;
list-style-type: none;
}

#slide_3 {
height: 198px;
position: relative;
text-align: left;
width: 100%;
margin-left: -160px;
}

#slide_3 li {float: left;}

#slide_3 ul {
float: left;
list-style-type: none;
}

li.moriyama {background-image: url(../img/top/moriyama.jpg);}

li.kakimoto {background-image: url(../img/top/kakimoto.jpg);}

li.matsuda_ryu {background-image: url(../img/top/slide/matsuda_ryuhei_off.jpg);}

li.katayama {background-image: url(../img/top/katayama.jpg);}

li.chihara {background-image: url(../img/top/chihara.jpg);}

li.sakaguchi {background-image: url(../img/top/sakaguchi.jpg);}

li.matsuda {background-image: url(../img/top/slide/matsuda_miyuki_off_081601.jpg);}

li.m_miyuki {background-image: url(../img/top/m_miyuki.jpg);}

li.matsuda_yusaku {background-image: url(../img/top/slide/matsuda_yusaku_off.jpg);}

li.yjy {background-image: url(../img/top/yjy.jpg);}

li.hiroya {background-image: url(../img/top/slide/shimizu_hiroya_off.jpg);}

li.keisuke {background-image: url(../img/top/slide/sakamoto_keisuke_off.jpg);}

li.jem {background-image: url(../img/top/jemapur.jpg);}

li.dammy {background-image: url(../img/top/dammy.jpg);}

li.matsuda2 {background-image: url(../img/top/matsuda2.jpg);}

li.newactors {background-image: url(../img/top/newactors2.jpg);}

li.shota {background-image: url(../img/top/slide/matsuda_shota_off.jpg);}

li.fujiwara {background-image: url(../img/top/slide/fujiwara_kisetsu_off.jpg);}

li.kaito {background-image: url(../img/top/kaito.jpg);}

li.y70th {background-image: url(../img/top/70th.jpg);}

li.kan {background-image: url(../img/top/slide/hotoda_kan_off.jpg);}

li.raiku {background-image: url(../img/top/slide/raiku_off.jpg);}

li.isoda {background-image: url(../img/top/slide/isoda_ryusei_off.jpg);}

li.oshita {background-image: url(../img/top/slide/oshita_hiroto_off.jpg);}

li.yuki_matsuda {background-image: url(../img/top/slide/yuki_matsuda20241114_off.jpg);}

li.thumb_logo {background-image: url(../img/top/slide/thumb_logo_off.png);}

/*ナビ*/
li.nav_mi_mo a:hover{
display:block;
background-image: url(../img/top/at_menu-03_on.png);
background-repeat: no-repeat;
background-position: 0px 3px;
}
li.nav_ke_ka a:hover{
display:block;
background-image: url(../img/top/at_menu-06_on.png);
background-repeat: no-repeat;
background-position: 0px 3px;
}
li.nav_ryu_ma a:hover{
display:block;
background-image: url(../img/top/at_menu-02_on.png);
background-repeat: no-repeat;
background-position: 0px 3px;
}
li.nav_hi_ka a:hover{
display:block;
background-image: url(../img/top/at_menu-04_on.png);
background-repeat: no-repeat;
background-position: 0px 3px;
}
li.nav_te_ch a:hover{
display:block;
background-image: url(../img/top/at_menu-05_on.png);
background-repeat: no-repeat;
background-position: 0px 3px;
}

li.nav_mi_ma a:hover{
display:block;
background-image: url(../img/top/at_menu-08_on.png);
background-repeat: no-repeat;
background-position: 0px 3px;
}
li.nav_yu_ma a:hover{
display:block;
background-image: url(../img/top/at_menu_on.png);
background-repeat: no-repeat;
background-position: 0px 3px;

}
li.nav_jp a:hover{
display:block;
background-image: url(../img/top/at_menu-10_on.png);
background-repeat: no-repeat;
background-position: 0px 3px;

}
li.nav_mi_mo a:hover img,
li.nav_ke_ka a:hover img,
li.nav_ryu_ma a:hover img,
li.nav_hi_ka a:hover img,
li.nav_te_ch a:hover img,
li.nav_mi_ma a:hover img,
li.nav_yu_ma a:hover img,
li.nav_jp a:hover img {
visibility:hidden;
}

/*==================================================================*/
/*==================================================================*/

/*アーティストページ*/

/*==================================================================*/
/*==================================================================*/

#slide_4 {
height: 135px;
position: relative;
text-align: left;
width: 100%;
overflow: hidden;
}

#slide_4 li {float: left;}

#slide_4 ul {
float: left;
list-style-type: none;
}
article#artist  {
height: 460px;
width:5100px;
position: relative;
}
article#movie  {
height: 460px;
width:7000px;
position: relative;
padding-left: 265px;
}
article#photo  {
height: 460px;
width:5000px;
position: relative;
padding-left: 265px;
}
#artist .inner h2 {
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #999999;
width: 297px;
margin-bottom: 14px;
padding-bottom: 2px;
}
#biography .inner h2 {
width: 338px;
color: #FFFFFF;
font-weight: normal;
font-size: 12px;
text-indent: -8px;
}
#biography .inner h2 span{
display: block;
border-bottom: 2px solid #FFFFFF;
padding-bottom: 2px;
margin-bottom: 2px;
padding-top: 10px;
}

section#profile {
height: 460px;
background-color: #FFFFFF;
padding-left: 262px;
width: 795px;
float: left;
margin-right: 57px;
}

#profile .face {float: right;}

#profile .inner {
width: 335px;
padding-top: 15px;
}

#profile .inner h1 {padding: 0 0 10px 0;}

#profile .inner .zone01 {width: 320px;}

#profile .inner .zone01 p {font-size: 12px;}

#profile .data {
margin: 12px 0 0 0;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #999999;

border-top-width: 1px;
border-top-style: solid;
border-top-color: #999999;

font-size: 11px;
width: 297px;
padding-bottom:12px;
padding-top:12px;
padding-left: 2px;
}
#profile  p.scll  {
padding-top: 15px;
padding-bottom: 10px;
padding-left: 2px;
font-size: 12px;
white-space:normal;
}
section#biography {
width: 850px;
height: 460px;
white-space:nowrap;
float: left;
overflow: hidden;
margin-right: 57px;
}
#biography .inner .left_box {
float: left;
width: 380px;
}
#biography .inner .right_box {
float: left;
width: 350px;
}

#biography .inner {
padding-top: 40px;
padding-left: 46px;
}
#biography .inner dl {
width: 328px;
white-space:normal;
padding-bottom:15px;
}

#biography .inner dt {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 11px;
float: left;
width: 35px;
clear: both;
color: #FFFFFF;
}
#biography .inner dd {
font-size: 12px;
padding-left: 35px;
padding-bottom: 5px;
color: #FFFFFF;
}
#biography .inner .nopad dd{
padding-left: 0px!important;
}

section.photos {
float: left;
height: 405px;
width: 750px;
overflow: hidden;
margin-top: 25px;
position: relative;
}
.photos .photo_panel {
position: absolute;
top: 0px;
left: 0px;
}
.photos .photo_panel li {
height: 405px;
width: 657px;
position: relative;
list-style: none;
text-align:center;
}
.photo_panel .photo_up {
position: absolute;
left: 315px;
top: 11px;
height: 36px;
width: 36px;
z-index: 999;
display: block;
}
.photo_panel .photo_dw {
position: absolute;
left: 315px;
bottom: 11px;
height: 36px;
width: 36px;
z-index: 998;
display: block;
}
.photos .photo_nav {
position: absolute;
height: 405px;
width: 36px;
}
.photos .photo_nav  .ups {
position: absolute;
left: 0px;
top: 10px;
}
.photos .photo_nav  .dws {
position: absolute;
left: 0px;
bottom: 10px;
}

.photos .photo_nav {
left: 315px;
top: 0px;
position: absolute;
}
section.movies {
width: 758px;
float: left;
height: 460px;
}
.movies .title_panel {
background-color: #49AC35;
width: 138px;
height: 460px;
padding-left: 10px;
float: left;
}

.movies  .title_panel h1 {
color: #FFFFFF;
width: 120px;
border-bottom-width: 2px;
border-bottom-style: solid;
border-bottom-color: #FFFFFF;
margin-left: 5px;
font-weight: normal;
font-size: 12px;
padding-bottom: 3px;
}
.movies  .title_panel p {
border-top-width: 1px;
border-top-style: solid;
border-top-color: #FFFFFF;
margin-top: 2px;
margin-left: 5px;
width: 120px;
font-size: 9px;
padding-top: 5px;
color: #FFFFFF;
}
.movies  .youtube {
padding-top: 60px;
z-index: 1;
}
.youtube iframe {
z-index: 10;
}
.text01 {
position: absolute;
left: 972px;
top: 0px;
}
.text02 {
position: absolute;
left: 2050px;
top: 0px;
}

.text03 {
position: absolute;
left: 2276px;
top: 0px;
}

#mirai_moriyama .page_pos {
position: relative;
left: 0px;
top: 0px;
}
#profile_pos {
position: absolute;
left: 0px;
top: 0px;
}
#biography_pos {
position: absolute;
left: 882px;
top: 0px;
}
#photo_pos {
position: absolute;
left: 1760px;
top: 0px;
}
#movie_pos {
position: absolute;
left: 2539px;
top: 0px;
}
#movie_pos2 {
position: absolute;
left: 1632px;
top: 0px;
}

#test_pos {
position: absolute;
left: 3632px;
top: 0px;
}

/*==================================================================*/
/*==================================================================*/

/*サムネイル制御*/

/*==================================================================*/
/*==================================================================*/

.thumb a {
display:block;
width:182px;
height:135px;
}

/*==================================================================*/
/*==================================================================*/

/*森山未来*/

/*==================================================================*/
/*==================================================================*/

#mirai_moriyama .bg_color{
position: absolute;
top: 86px;
width: 180px;
text-align: center;
left: 52px;
height: 575px;
background-color: #1a9d00;
filter: alpha(opacity=75);
-moz-opacity:0.75;
opacity:0.75;
padding-top: 20px;
z-index: 9999;
}
#mirai_moriyama p.mintitle{
border: 1px solid #FFFFFF;
color: #FFFFFF;
margin: 40px 0 10px;
text-align: center;
width: 80px;
}

/*==================================================================*/
/*==================================================================*/

/*松田優作*/

/*==================================================================*/
/*==================================================================*/
#yusaku_matsuda .bg_color{
position: absolute;
top: 86px;
width: 180px;
text-align: center;
left: 52px;
height: 575px;
background-color: #FF0000;
filter: alpha(opacity=55);
-moz-opacity:0.55;
opacity:0.55;
padding-top: 20px;
z-index: 9999;
}
#yusaku_matsuda .text03 {
position: absolute;
left: 1938px;
top: -4px;
}
#yusaku_matsuda .text02 {
position: absolute;
left: 1715px;
top: 0px;
}
/*==================================================================*/
/*==================================================================*/

/*片山瞳*/

/*==================================================================*/
/*==================================================================*/
#hitomi_katayama .bg_color{
position: absolute;
top: 86px;
width: 180px;
text-align: center;
left: 52px;
height: 575px;
background-color: #e64290;
filter: alpha(opacity=55);
-moz-opacity:0.55;
opacity:0.55;
padding-top: 20px;
z-index: 9999;
}
#hitomi_katayama .movies .title_panel {
background-color: #e64290;
width: 138px;
height: 460px;
padding-left: 10px;
float: left;
}
/*==================================================================*/
/*==================================================================*/

/*柿本ケンサク*/

/*==================================================================*/
/*==================================================================*/
#kensaku_kakimoto .bg_color{
position: absolute;
top: 86px;
width: 180px;
text-align: center;
left: 52px;
height: 575px;
background-color: #0051cf;
filter: alpha(opacity=55);
-moz-opacity:0.55;
opacity:0.55;
padding-top: 20px;
z-index: 9999;
}
#kensaku_kakimoto .movies .title_panel {
background-color: #0051cf;
width: 138px;
height: 460px;
padding-left: 10px;
float: left;
}
#kensaku_kakimoto .movies .title_panel h1 {
color: #000000;
width: 120px;
border-bottom-width: 2px;
border-bottom-style: solid;
border-bottom-color: #000000;
margin-left: 5px;
font-weight: normal;
font-size: 12px;
padding-bottom: 3px;
}
#kensaku_kakimoto .movies .title_panel p {
border-top-width: 1px;
border-top-style: solid;
border-top-color: #000000;
margin-top: 2px;
margin-left: 5px;
width: 120px;
font-size: 9px;
padding-top: 5px;
color: #000000;
}
#kensaku_kakimoto p.mintitle{
border: 1px solid #FFFFFF;
color: #FFFFFF;
margin: 40px 0 10px;
text-align: center;
width: 80px;
}

/*==================================================================*/
/*==================================================================*/

/*坂口恭平*/

/*==================================================================*/
/*==================================================================*/
#kyohei_sakaguchi .bg_color{
position: absolute;
top: 86px;
width: 180px;
text-align: center;
left: 52px;
height: 575px;
background-color: #cd6800;
filter: alpha(opacity=60);
-moz-opacity:0.60;
opacity:0.60;
padding-top: 20px;
z-index: 9999;
}
#kyohei_sakaguchi .movies .title_panel {
background-color: #cd6800;
width: 138px;
height: 460px;
padding-left: 10px;
float: left;
}
/*==================================================================*/
/*==================================================================*/

/*松田龍平*/

/*==================================================================*/
/*==================================================================*/
#ryuhei_matsuda .bg_color{
position: absolute;
top: 86px;
width: 180px;
text-align: center;
left: 52px;
height: 575px;
background-color: #ffff00;
filter: alpha(opacity=60);
-moz-opacity:0.60;
opacity:0.60;
padding-top: 20px;
z-index: 9999;
}
#ryuhei_matsuda .movies .title_panel {
background-color: #ffff00;
width: 138px;
height: 460px;
padding-left: 10px;
float: left;
}
#ryuhei_matsuda .movies .title_panel h1 {
color: #000000;
width: 120px;
border-bottom-width: 2px;
border-bottom-style: solid;
border-bottom-color: #000000;
margin-left: 5px;
font-weight: normal;
font-size: 12px;
padding-bottom: 3px;
}
#ryuhei_matsuda .movies .title_panel p {
border-top-width: 1px;
border-top-style: solid;
border-top-color: #000000;
margin-top: 2px;
margin-left: 5px;
width: 120px;
font-size: 9px;
padding-top: 5px;
color: #000000;
}
#ryuhei_matsuda p.mintitle{
border: 1px solid #FFFFFF;
color: #FFFFFF;
margin: 40px 0 10px;
text-align: center;
width: 80px;
}
#movie .r_m .title_panel h1 {
color: #000000;
width: 120px;
border-bottom-width: 2px;
border-bottom-style: solid;
border-bottom-color: #000000;
margin-left: 5px;
font-weight: normal;
font-size: 12px;
padding-bottom: 3px;
}
#movie .r_m  .title_panel p {
border-top-width: 1px;
border-top-style: solid;
border-top-color: #000000;
margin-top: 2px;
margin-left: 5px;
width: 120px;
font-size: 9px;
padding-top: 5px;
color: #000000;
}
/*==================================================================*/
/*==================================================================*/

/*松田翔太*/

/*==================================================================*/
/*==================================================================*/
#shota_matsuda .bg_color{
position: absolute;
top: 86px;
width: 180px;
text-align: center;
left: 52px;
height: 575px;
background-color: #000000;
filter: alpha(opacity=60);
-moz-opacity:0.60;
opacity:0.60;
padding-top: 20px;
z-index: 9999;
}
#shota_matsuda .movies .title_panel {
background-color: #c3c3c3;
width: 138px;
height: 460px;
padding-left: 10px;
float: left;
}
#shota_matsuda .movies .title_panel h1 {
color: #000000;
width: 120px;
border-bottom-width: 2px;
border-bottom-style: solid;
border-bottom-color: #000000;
margin-left: 5px;
font-weight: normal;
font-size: 12px;
padding-bottom: 3px;
}
#shota_matsuda .movies .title_panel p {
border-top-width: 1px;
border-top-style: solid;
border-top-color: #000000;
margin-top: 2px;
margin-left: 5px;
width: 120px;
font-size: 9px;
padding-top: 5px;
color: #000000;
}
#shota_matsuda p.mintitle{
border: 1px solid #FFFFFF;
color: #FFFFFF;
margin: 40px 0 10px;
text-align: center;
width: 80px;
}
#movie .s_m .title_panel h1 {
color: #000000;
width: 120px;
border-bottom-width: 2px;
border-bottom-style: solid;
border-bottom-color: #000000;
margin-left: 5px;
font-weight: normal;
font-size: 12px;
padding-bottom: 3px;
}
#movie .s_m  .title_panel p {
border-top-width: 1px;
border-top-style: solid;
border-top-color: #000000;
margin-top: 2px;
margin-left: 5px;
width: 120px;
font-size: 9px;
padding-top: 5px;
color: #000000;
}

/*==================================================================*/
/*==================================================================*/

/*千原徹也*/

/*==================================================================*/
/*==================================================================*/
#tetsuya_chihara .bg_color{
position: absolute;
top: 86px;
width: 180px;
text-align: center;
left: 52px;
height: 575px;
background-color: #9a7cb5;
filter: alpha(opacity=75);
-moz-opacity:0.75;
opacity:0.75;
padding-top: 20px;
z-index: 9999;
}
#tetsuya_chihara .movies .title_panel {
background-color: #9a7cb5;
width: 138px;
height: 460px;
padding-left: 10px;
float: left;
}

/*==================================================================*/
/*==================================================================*/

/*jemapur*/

/*==================================================================*/
/*==================================================================*/
#jemapur .bg_color{
position: absolute;
top: 86px;
width: 180px;
text-align: center;
left: 52px;
height: 575px;
background-color: #cd6800;
filter: alpha(opacity=75);
-moz-opacity:0.75;
opacity:0.75;
padding-top: 20px;
z-index: 9999;
}
#jemapur .movies .title_panel {
background-color: #cd6800;
width: 138px;
height: 460px;
padding-left: 10px;
float: left;
}
#jemapur .movies .title_panel h1 {
color: #000000;
width: 120px;
border-bottom-width: 2px;
border-bottom-style: solid;
border-bottom-color: #000000;
margin-left: 5px;
font-weight: normal;
font-size: 12px;
padding-bottom: 3px;
}
#jemapur .movies .title_panel p {
border-top-width: 1px;
border-top-style: solid;
border-top-color: #000000;
margin-top: 2px;
margin-left: 5px;
width: 120px;
font-size: 9px;
padding-top: 5px;
color: #000000;
}
#movie .jp .title_panel h1 {
color: #000000;
width: 120px;
border-bottom-width: 2px;
border-bottom-style: solid;
border-bottom-color: #000000;
margin-left: 5px;
font-weight: normal;
font-size: 12px;
padding-bottom: 3px;
}
#movie .jp .title_panel p {
border-top-width: 1px;
border-top-style: solid;
border-top-color: #000000;
margin-top: 2px;
margin-left: 5px;
width: 120px;
font-size: 9px;
padding-top: 5px;
color: #000000;
}
/*==================================================================*/
/*==================================================================*/

/*松田美由紀*/

/*==================================================================*/
/*==================================================================*/
#miyuki_matsuda .bg_color{
position: absolute;
top: 86px;
width: 180px;
text-align: center;
left: 52px;
height: 575px;
background-color: #59c2e1;
filter: alpha(opacity=75);
-moz-opacity:0.75;
opacity:0.75;
padding-top: 20px;
z-index: 9999;
}
#miyuki_matsuda .movies .title_panel {
background-color: #59c2e1;
width: 138px;
height: 460px;
padding-left: 10px;
float: left;
}
#miyuki_matsuda .movies .title_panel h1 {
color: #000000;
width: 120px;
border-bottom-width: 2px;
border-bottom-style: solid;
border-bottom-color: #000000;
margin-left: 5px;
font-weight: normal;
font-size: 12px;
padding-bottom: 3px;
}
#miyuki_matsuda .movies .title_panel p {
border-top-width: 1px;
border-top-style: solid;
border-top-color: #000000;
margin-top: 2px;
margin-left: 5px;
width: 120px;
font-size: 9px;
padding-top: 5px;
color: #000000;
}
#movie .mi_m .title_panel h1 {
color: #000000;
width: 120px;
border-bottom-width: 2px;
border-bottom-style: solid;
border-bottom-color: #000000;
margin-left: 5px;
font-weight: normal;
font-size: 12px;
padding-bottom: 3px;
}
#movie .mi_m .title_panel p {
border-top-width: 1px;
border-top-style: solid;
border-top-color: #000000;
margin-top: 2px;
margin-left: 5px;
width: 120px;
font-size: 9px;
padding-top: 5px;
color: #000000;
}
/*==================================================================*/
/*==================================================================*/

/*movie*/

/*==================================================================*/
/*==================================================================*/
#movie #pos01 {
position: absolute;
left: 32px;
top: 0;
}

#movie #pos02 {
position: absolute;
left: 1549px;
top: 0px;
}

#movie #pos03 {
position: absolute;
left: 3066px;
top: 0px;
}

#movie #pos04 {
position: absolute;
left: 4583px;
top: 0px;
}

#movie #pos05 {
position: absolute;
left: 5339px;
top: 0px;
}

#movie #pos06 {
position: absolute;
left: 6855px;
top: 0px;
}

body#movie .bg_color{
position: absolute;
top: 86px;
width: 180px;
text-align: center;
left: 52px;
height: 575px;
background-color: #000000;
filter: alpha(opacity=75);
-moz-opacity:0.75;
opacity:0.75;
padding-top: 20px;
z-index: 9999;
}

body#movie .movies .title_panel {
width: 138px;
height: 460px;
padding-left: 10px;
float: left;
}

body#movie nav li img {padding:8px 0;}

body#movie .r_m .title_panel{background-color: #ffff00!important;}

body#movie .m_m .title_panel{background-color: #49AC35!important;}

body#movie .h_k .title_panel{background-color: #e64290!important;}

body#movie .k_k .title_panel{background-color: #0051cf!important;}

body#movie .k_s .title_panel{background-color: #cd6800!important;}

body#movie .mi_m .title_panel{background-color: #59c2e1!important;}

/*==================================================================*/
/*==================================================================*/

/*photo*/

/*==================================================================*/
/*==================================================================*/
#ph_pos01 {
position: absolute;
left: 32px;
top: 0;
}
#ph_pos02 {
position: absolute;
left: 840px;
top: 0px;
}
#ph_pos03 {
position: absolute;
left: 1643px;
top: 0px;
}
#ph_pos04 {
position: absolute;
left: 2453px;
top: 0px;
}
#ph_pos05 {
position: absolute;
left: 3262px;
top: 0px;
}
#ph_pos06 {
position: absolute;
left: 4065px;
top: 0px;
}
#ph_pos07 {
position: absolute;
left: 4875px;
top: 0px;
}
#ph_pos08 {
position: absolute;
left: 5677px;
top: 0px;
}
#photo .photos{
width: 657px;

}
#photo .photo_nav{
left: 315px;

}
#photo .y_m_title {
float: left;
width: 150px;
height: 460px;
background: #FF0000;
}
#photo .r_m_title {
float: left;
width: 150px;
height: 460px;
background: #FFFF00;
}
#photo .m_m_title {
float: left;
width: 150px;
height: 460px;
background: #49AC35;
}
#photo .h_k_title {
float: left;
width: 150px;
height: 460px;
background: #E64290;
}
#photo .t_c_title {
float: left;
width: 150px;
height: 460px;
background: #9A7CB5;
}
#photo .k_k_title {
float: left;
width: 150px;
height: 460px;
background: #0051CF;
}
#photo .k_s_title {
float: left;
width: 150px;
height: 460px;
background: #CC6700;
}
#photo .mi_m_title {
float: left;
width: 150px;
height: 460px;
background: #59C2E1;
}

/* 2013.08.08 追加 */

/*==================================================================*/
/*==================================================================*/

/*contact*/

/*==================================================================*/
/*==================================================================*/

article#contact  {
height: 460px;
width:700px;
position: relative;
left: 232px;
}

#contact {background: #ffffff;}

#contact #in_contact {
width: 650px;
margin: 0 auto;
}

#contact #in_contact .area01 {padding: 20px 0 0 0;}

#contact #in_contact .area02 {margin: -6px 0 0 0;}

#contact #in_contact .area03 {padding: 20px 0 0 0;}

#contact #in_contact .area04 {
text-align: center;
padding: 60px 0 0 0;
}

#contact #in_contact .area04 p a {cursor: pointer;}

#bg01 {background: url(../img/common/bg01.jpg) repeat;}

/*==================================================================*/
/*==================================================================*/

/*form*/

/*==================================================================*/
/*==================================================================*/

#form iframe {width: 650px !important;}

#form {background: #000000;}

#form .area02 {background: #ffffff;}

#form .area02 .block01 {padding: 10px 0 0 0;}

#form .area02 .block02 {margin: -8px 0 0 0;}

#form .area02 iframe .block03 {padding: 10px 0 0 0;}

#form .area02 iframe .block04 {padding: 10px 0 0 0;}

#form .area02 .block05 form table tr th {
width: 140px;
vertical-align: top;
padding: 10px 0 10px 10px;
}

#form .area02 .block05 form table tr td {padding: 10px 0;}

#form .area02 .block05 form table tr td input {width: 300px;}

#form .area02 .block05 form table tr td textarea {
width: 490px;
height: 160px;
}

#form .area02 .block05 .box01 {text-align: center;}

/*c_miyuki_matsuda*/

/*==================================================================*/
/*==================================================================*/

#c_miyuki_matsuda .bg_color{
position: absolute;
top: 86px;
width: 180px;
text-align: center;
left: 52px;
height: 575px;
background-color: #59c2e1;
filter: alpha(opacity=75);
-moz-opacity:0.75;
opacity:0.75;
padding-top: 20px;
z-index: 9999;
}

#c_miyuki_matsuda .movies .title_panel {
background-color: #59c2e1;
width: 138px;
height: 460px;
padding-left: 10px;
float: left;
}

#c_miyuki_matsuda .movies .title_panel h1 {
color: #000000;
width: 120px;
border-bottom-width: 2px;
border-bottom-style: solid;
border-bottom-color: #000000;
margin-left: 5px;
font-weight: normal;
font-size: 12px;
padding-bottom: 3px;
}

#c_miyuki_matsuda .movies .title_panel p {
border-top-width: 1px;
border-top-style: solid;
border-top-color: #000000;
margin-top: 2px;
margin-left: 5px;
width: 120px;
font-size: 9px;
padding-top: 5px;
color: #000000;
}

#c_movie .mi_m .title_panel h1 {
color: #000000;
width: 120px;
border-bottom-width: 2px;
border-bottom-style: solid;
border-bottom-color: #000000;
margin-left: 5px;
font-weight: normal;
font-size: 12px;
padding-bottom: 3px;
}

#c_movie .mi_m .title_panel p {
border-top-width: 1px;
border-top-style: solid;
border-top-color: #000000;
margin-top: 2px;
margin-left: 5px;
width: 120px;
font-size: 9px;
padding-top: 5px;
color: #000000;
}

#c_miyuki_matsuda .profile {
width: 940px;
height: 460px;
white-space:nowrap;
float: left;
overflow: hidden;
margin-right: 57px;
}

#c_miyuki_matsuda .profile .left_box {
float: left;
width: 380px;
}

#c_miyuki_matsuda .profile dl dd a {cursor: pointer;}

#c_miyuki_matsuda .profile dl dd a:hover {color: #6E6E6E;}

#c_miyuki_matsuda .profile .right_box01 {
float: left;
width: 330px;
}

#c_miyuki_matsuda .profile .right_box02 {
float: left;
width: 350px;
}

#zone01 .inner {
padding-top: 40px;
padding-left: 46px;
}

#c_miyuki_matsuda .profile h2 span {
border-bottom: 2px solid #FFFFFF;
    display: block;
    margin-bottom: 2px;
    padding-bottom: 2px;
    padding-top: 10px;
color: #ffffff;
}

#c_miyuki_matsuda .profile dl {
width: 328px;
white-space:normal;
padding-bottom:15px;
}

#c_miyuki_matsuda .profile dt {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 11px;
float: left;
width: 35px;
clear: both;
color: #FFFFFF;
}
#c_miyuki_matsuda .profile dd {
font-size: 12px;
padding-left: 45px;
padding-bottom: 5px;
color: #FFFFFF;
}

#c_miyuki_matsuda .profile dd.pl50 {padding-left: 50px;}

#c_miyuki_matsuda .profile dd.pl60 {padding-left: 74px;}

#c_miyuki_matsuda .profile .nopad dd{padding-left: 0px!important;}

#c_miyuki_matsuda .profile .right_box01 ul li {
float: left;
margin: 0 10px 10px 0;
list-style: none;
}

#c_miyuki_matsuda .profile .right_box02 ul li {
float: left;
margin: 0 10px 10px 0;
list-style: none;
}

#c_miyuki_matsuda .profile .right_box01 ul li a {cursor: pointer;}

#c_miyuki_matsuda .profile .right_box02 ul li a {cursor: pointer;}

.c_mm_detail .block01 {
padding: 0 0 10px 0;
border-bottom: 1px solid #b2b2b2;
}

.c_mm_detail .block01 .box01 {
float: left;
margin: 0 20px 0 0;
}

.c_mm_detail .block01 .box02 {overflow: hidden;}

.c_mm_detail .block01 .box02 .petal01 p {
font-size: 18px;
padding: 0 0 2px 0;
border-bottom: 2px solid #b2b2b2;
}

.c_mm_detail .block01 .box02 .petal02 {padding: 10px 0 0 0;}

.c_mm_detail .block01 .box02 .petal03 {margin: 10px 0 0 0;}

.c_mm_detail .block01 .box02 .petal03 ul li {
margin: 0 10px 10px 0;
float: left;
list-style: none;
}

.c_mm_detail .block02 {padding: 20px 0 10px 0;}

.c_mm_detail02 .block01 .box01 {
float: left;
margin: 0 20px 0 0;
max-width: 420px;
}

.c_mm_detail02 .block01 .box01 img {
border: 1px solid #b2b2b2;
width: 100%;
}

.c_mm_detail02 .block01 .box02 {overflow: hidden;}

.c_mm_detail02 .block01 .box02 .petal01 p {
font-size: 18px;
padding: 0 0 2px 0;
border-bottom: 2px solid #b2b2b2;
}

.c_mm_detail02 .block01 .box02 .petal02 {padding: 10px 0 0 0;}

.c_mm_detail02 .block02 {padding: 20px 0 10px 0;}

.c_mm_detail02 .block03 {
padding: 0 0 10px 0;
border-bottom: 1px solid #b2b2b2;
}

.c_mm_detail02 .block03 ul {margin: 10px 0 0 0;}

.c_mm_detail02 .block03 ul li {
float: left;
margin: 0 0 0 7px;
list-style: none;
}

.thumb02 ul {
height: 135px;
overflow: hidden;
}

.thumb02 ul li {
list-style: none;
float: left;
}

#profile_pos02 {
position: absolute;
left: 0px;
top: 0px;
}
#photography_pos02 {
position: absolute;
left: 910px;
top: 0px;
}
#direction_pos02 {
position: absolute;
left: 1900px;
top: 0px;
}
#writing_pos02 {
position: absolute;
left: 2800px;
top: 0px;
}
#produce_pos02 {
position: absolute;
left: 3700px;
top: 0px;
}
#others_pos02 {
position: absolute;
left: 4600px;
top: 0px;
}

/* 2013.12.10 追加 */

/*==================================================================*/
/*==================================================================*/

/*new_actors*/

/*==================================================================*/
/*==================================================================*/

#new_actors .block01 {
padding: 0 0 0 262px;
min-width: 850px;
}

#new_actors .block01 ul {padding: 50px 0 0 0;}

#new_actors .block01 ul li {
list-style: none;
float: left;
padding: 0 0 0 30px;
}

#new_actors .block01 ul li img {margin: 0 0 4px 0;}

#new_actors .block01 ul li img:hover {opacity: 0.5;}

/*==================================================================*/
/*==================================================================*/

/*new_actors_each*/

/*==================================================================*/
/*==================================================================*/

#new_actors_each .block01,
#new_actors_each .block02,
#new_actors_each .block03,
#new_actors_each .block04 {
float: left;
}

#new_actors_each .block01 {padding: 36px 0 0 262px;}

#new_actors_each .block02 {margin: 0 0 0 20px;}

#new_actors_each .block02 .box01 {padding: 30px 0 0 0;}

#new_actors_each .block02 .box02 {
padding: 10px 0 2px 0;
border-bottom: 1px solid #282828;
}

#new_actors_each .block02 .box02 p span {font-size: 30px;}

#new_actors_each .block02 .box03 {padding: 6px 0 0 0;}

#new_actors_each .block02 .box03 p {line-height: 1.8;}

#new_actors_each .block02 .box04 {
padding: 10px 0 0 0;
width: 560px;
}

#new_actors_each .block02 .box04 ul li {
float: left;
margin: 10px 6px 0 6px;
list-style: none;
}

#new_actors_each .block02 .box04 ul li img:hover {opacity: 0.5;}

#new_actors_each .block03 {
margin: 0 0 0 40px;
width: 400px;
}

#new_actors_each .block03 .box01 {
padding: 30px 0 10px 0;
border-bottom: 1px solid #282828;
}

#new_actors_each .block03 .box02 {
padding: 14px 0 0 0;
height: 500px;
overflow: scroll;
overflow-y: scroll;
}

.box02::-webkit-scrollbar {
width:5px;
background:#eee;
}

.box02::-webkit-scrollbar:horizontal {height:5px;}
        
.box02::-webkit-scrollbar-button {
width:5px;
height:5px;
background:#666;
}

.box02::-webkit-scrollbar-piece {background:#eee;}

.box02::-webkit-scrollbar-piece:start {background:#eee;}

.box02::-webkit-scrollbar-thumb {background:#333;}

.box02::-webkit-scrollbar-corner {background:#333;}

#new_actors_each .block03 .box02 p {padding: 0 14px 0 0;}

#new_actors_each .block04 {
margin: 0 0 0 40px;
width: 400px;
}

#new_actors_each .block04 .box01 {
padding: 48px 0 10px 0;
}

#new_actors_each .block04 .box02 {
padding: 14px 0 0 0;
height: 500px;
overflow: scroll;
}

#new_actors_each .block04 .box02 p {padding: 0 14px 0 0;}

/*coming*/

/*==================================================================*/
/*==================================================================*/

article#coming  {
height: 460px;
width:700px;
position: relative;
left: 232px;
}

#coming {background: #ffffff;}

#coming #in_coming {
width: 650px;
margin: 0 auto;
}

#coming #in_coming .area01 {
text-align: center;
padding: 270px 0 0 0;
}

#bg02 {background: #ffffff;}

/* 2015.12.13 追加 */

/*==================================================================*/
/*==================================================================*/

/*ニューアクターズムービー*/

/*==================================================================*/
/*==================================================================*/

.block05 .movies .title_panel {
background-color: #eeeeee;
width: 138px;
padding-left: 10px;
float: left;
margin-top: 60px;
color: #333;
}

.block05 .movies {
background-color: #ffffff;
height: 460px;
padding-left: 10px;
float: left;
margin-left: 20px;
}

.block05 .movies .title_panel p {
color: #333;
}
.block05 .movies .title_panel h1 {
color: #333;
margin-top: 15px;
}

.new {
color: #FFF;
background-color: #F00;
padding: 5px;
margin-bottom: 5px;
font-size: 12px;
font-weight: bold;
margin-left: 150px;
}
.new_raiku {
color: #FFF;
background-color: #F00;
padding: 5px;
margin-bottom: 5px;
font-size: 12px;
font-weight: bold;
margin-left: 60px;
}