@charset "utf-8";
/* -----------------------------------------------------------
* Filename: contents.css
* Website: http://site.com/
* Author: Name
* Description: 各コンテンツ固有の設定
----------------------------------------------------------- */

/* ------------------------------
 topPage（トップページ）
------------------------------ */
/* topPage body::::::::::::::::::::: */
.topPage #topWrapper {
width: 100%;
min-height: 2px;
padding-top: 2px;
background:url(../../images/topPage/redLine.gif) no-repeat center top;
}
* html .topPage #topWrapper {
height: 2px;
}

/* メイン写真::::::::::::::::::::: */
.topPage #mainphoto {
position: absolute;
top: 2px;
width: 100%;
overflow: hidden;
}

/* タイトル::::::::::::::::::::: */
.topPage h1 {
position: absolute;
top: 148px;
left: 50%;
width: 333px;
height: 103px;
padding: 0;
margin: 0 0 0 66px;
z-index: 6;
}

/* グローバルナビ::::::::::::::::::::: */
.topPage #gNavarea {
position: absolute;
top: 342px;
left: 50%;
width: 619px;
height: 52px;
margin-left: -479px;
background: url(../../images/topPage/gNav_shadow.png) no-repeat left top;
z-index: 6;
}
.topPage #gNavarea #gNav {
width: 610px;
margin: 9px 0 0 0;
background-color: #FFF;
overflow: hidden;
z-index: 9999;
}
.topPage #gNavarea #gNav li {
float: left;
}
.topPage #gNavarea #gNav li a {
display: block;
height: 34px;
background-image: url(../../images/topPage/gNav.gif);
background-repeat: no-repeat;
text-indent: -9999px;
}
.topPage #gNavarea #gNav li.home a { width: 29px; background-position: 0 0;}
.topPage #gNavarea #gNav li.home a:hover { background-position: 0 -34px;}
.topPage #gNavarea #gNav li.news a { width: 122px; background-position: -29px 0;}
.topPage #gNavarea #gNav li.news a:hover { background-position: -29px -34px;}
.topPage #gNavarea #gNav li.profile a { width: 82px; background-position: -151px 0;}
.topPage #gNavarea #gNav li.profile a:hover { background-position: -151px -34px;}
.topPage #gNavarea #gNav li.gallery a { width: 138px; background-position: -233px 0;}
.topPage #gNavarea #gNav li.gallery a:hover { background-position: -233px -34px;}
.topPage #gNavarea #gNav li.partner a { width: 139px; background-position: -371px 0;}
.topPage #gNavarea #gNav li.partner a:hover { background-position: -371px -34px;}
.topPage #gNavarea #gNav li.special a { width: 81px; background-position: -510px 0;}
.topPage #gNavarea #gNav li.special a:hover { background-position: -510px -34px;}

/* WHATS NEW::::::::::::::::::::: */
.topPage #whatsnew {
position: absolute;
top: 468px;
left: 50%;
width: 590px;
margin-left: -450px;
}
.topPage #whatsnew h2 {
margin-bottom: 20px;
}
.topPage #whatsnew #newsfeed dl dt {
margin-bottom: 7px;
}
.topPage #whatsnew #newsfeed dl dt span.date {
display: block;
color: #FF0000;
font-size:87%;
font-family: Arial, Helvetica, sans-serif;
letter-spacing:0.1em;
padding: 2px 0 2px 28px;
margin-bottom: 3px;
background: url(../../images/topPage/mk_new.gif) no-repeat left center;
}
.topPage #whatsnew #newsfeed dl dd {
border-bottom: 1px dotted #8a8a8a;
padding-bottom: 13px;
margin-bottom: 13px;
}
/* RSS */
.topPage #whatsnew .RSSfeed {
position: absolute;
top: 3px;
left: 203px;
}
/* 一覧を見るボタン */
.topPage #whatsnew .infoList {
position: absolute;
top: 0;
left: 506px;
}
.topPage #whatsnew .infoList a {
display: block;
width: 86px;
height: 28px;
background: url(../../images/topPage/btn_infoList.png) no-repeat left top;
text-indent: -9999px;
}
.topPage #whatsnew .infoList a:hover {
background-position: 0 -28px;
}

/* ブログ::::::::::::::::::::: */
.topPage #blog {
position: absolute;
top: 448px;
left: 50%;
width: 260px;
margin-left: 190px;
}
.topPage #blog h3 {
display: none;
}
.topPage #blog dl {
width: 240px;
height: 40px;
padding: 120px 0 0 20px;
background: url(../../images/topPage/blog_bg.jpg) no-repeat left top;
overflow: hidden;
}
.topPage #blog dl dt {
float: left;
font-size: 87%;
font-family: Arial, Helvetica, sans-serif;
letter-spacing: 0;
margin-right: 10px;
}
.topPage #blog dl dd {
float: left;
padding-left: 17px;
background: url(../../images/arrow_red.gif) no-repeat left center;
}

/* ファンレター::::::::::::::::::::: */
.topPage #fanLetter {
position: absolute;
top: 631px;
left: 50%;
text-align: right;
width: 260px;
margin-left: 190px;
}
.topPage #fanLetter h3 img {
margin-bottom: 3px;
}
.topPage #fanLetter p {
color: #999;
font-size: 77%;
letter-spacing: 0.03em;
line-height: 1.5em;
}

/* フッター::::::::::::::::::::: */
.topPage #footer {
position: absolute;
top: 722px;
left: 50%;
width: 900px;
margin: 0 0 20px -450px;
text-align: right;
}
.topPage #footer .produceBox {
margin-bottom:5px;
}
.topPage #footer .produceBox img,
.topPage #footer .copyrightBox img {
margin-left:20px;
}





/* ------------------------------
 profilePage（プロフィール）
------------------------------ */
.profilePage .profileArea {
position: relative;
margin-bottom: 60px;
}
.profilePage h3 {
margin-bottom: 40px;
}
.profilePage h4 {
font-weight: bold;
margin-bottom: 20px;
}

/* プロフィール::::::::::::::::::::: */
.profilePage .profileBox {
}
.profilePage .profileBox dl {
width: 225px;
margin-bottom: 40px;
overflow: hidden;
}
.profilePage .profileBox dl dt {
clear: both;
float: left;
border-bottom: 1px dotted #c4c4c4;
font-weight: bold;
width: 90px;
padding-bottom: 4px;
margin-bottom: 4px;
}
.profilePage .profileBox dl dd {
display: block;
float: left;
border-bottom: 1px dotted #c4c4c4;
width: 135px;
padding-bottom: 4px;
margin-bottom: 4px;
}
.profilePage .profileBox p {
clear: both;
line-height: 1.8em;
width: 640px;
}

/* 写真::::::::::::::::::::: */
.profilePage .photoBox {
position: absolute;
top: 80px;
left: 260px;
width: 640px;
}
.profilePage .photoBox .photos {
border-top: 1px solid #d9d9d9;
border-bottom: 1px solid #d9d9d9;
width: 640px;
padding: 2px 0;
margin-bottom: 5px;
overflow: hidden;
}
.profilePage .photoBox .photos a img {
float: left;
width: 160px;
height: 175px;
}
.profilePage .photoBox .goGallery {
font-size: 82%;
text-align: right;
}
.profilePage .photoBox .goGallery a {
padding: 0 0 3px 17px;
background:url(../../images/arrow_pink.png) no-repeat left top;
}

/* マテリアル::::::::::::::::::::: */
.profilePage .materialBox {
position: absolute;
top: 350px;
right: 0;
width: 200px;
background: url(../../images/profilePage/materialBox_bottom.png) no-repeat left bottom;
}
.profilePage .materialBox_top {
width: 182px;
padding: 15px 0 10px 18px;
background: url(../../images/profilePage/materialBox_top.png) no-repeat left top;
}
.profilePage .materialBox_top h4 {
margin-bottom: 13px;
}
.profilePage .materialBox_top dl {
overflow: hidden;
}
.profilePage .materialBox_top dl dt {
clear: both;
float: left;
border-bottom: 1px dotted #dedede;
color: #777;
width: 95px;
padding-bottom: 2px;
margin-bottom: 2px;
}
.profilePage .materialBox_top dl dd {
display: block;
float: left;
border-bottom: 1px dotted #dedede;
width: 70px;
padding-bottom: 2px;
margin-bottom: 2px;
}

/* 主な戦績::::::::::::::::::::: */
.profilePage .recordsArea h3 {
margin-bottom: 30px;
}
.profilePage .recordsArea table {
width: 100%;
}
.profilePage .recordsArea th,
.profilePage .recordsArea td {
padding: 3px 6px;
}
.profilePage .recordsArea th {
border-bottom: 2px solid #c6c6c6;
}
.profilePage .recordsArea td {
border-bottom: 1px solid #e4e4e4;
}
.profilePage .recordsArea table tbody tr td.year {
font-weight: bold;
}
.profilePage .recordsArea table tbody tr td.bLine {
border-bottom: 1px solid #c6c6c6;
}
.profilePage .recordsArea table tbody tr td.Olympic {
background-color: #e6efff;
}
.profilePage .recordsArea p.caption {
color: #7f7f7f;
font-size: 82%;
text-align: right;
padding-top: 7px;
}





/* ------------------------------
 galleryPage（ギャラリー）
------------------------------ */
.galleryPage .photoGallery {
margin-top: 620px;
}
*+html .galleryPage .photoGallery { margin-top: 799px;}
* html .galleryPage .photoGallery { margin-top: 799px;}

/* リード文::::::::::::::::::::: */
.galleryPage .galleryRead {
position: absolute;
top: 217px;
left: 50%;
width: 336px;
height: 33px;
margin-left: -450px;
background: url(../../images/galleryPage/h_copy.png) no-repeat left top;
text-indent: -9999px;
}

/* マウス操作::::::::::::::::::::: */
.galleryPage .mouseControl {
position: absolute;
top: 210px;
left: 50%;
width: 450px;
height: 39px;
overflow: hidden;
}
.galleryPage .mouseControl li {
float: right;
height: 39px;
margin-left: 15px;
background: no-repeat left top;
text-indent: -9999px;
}
.galleryPage .mouseControl li.doubleclick {
width: 175px;
background-image: url(../../images/galleryPage/info_doubleClick.png);
}
.galleryPage .mouseControl li.dragdrop {
width: 164px;
background-image: url(../../images/galleryPage/info_dragdrop.png);
}

/* ギャラリーflash::::::::::::::::::::: */
.galleryPage .galleryArea {
position: absolute;
top: 240px;
left: 50%;
width: 950px;
padding: 24px;
margin-left: -499px;
background: url(../../images/galleryPage/galleryShadow.png) no-repeat left top;
}
.galleryPage #aikogallery {
width: 950px;
height: 530px;
}

/* 撮影：上村愛子::::::::::::::::::::: */
.galleryPage .photoBy {
text-align: right;
}





/* ------------------------------
 galleryPage2（ギャラリー2）
------------------------------ */
/* menu(category) */
.galleryPage2 .lead {
margin-bottom: 25px;
}

/* menu(category) */
.galleryPage2 .menu {
margin-bottom: 25px;
}
.galleryPage2 .menu li {
float: left;
margin: 0 5px 5px 0;
}
.galleryPage2 .menu li a {
display: block;
border: 1px solid #ff0000;
color: #fff;
font-size: 11px;
font-weight: bold;
text-align: center;
text-decoration: none;
width: 83px;
padding: 3px 0 3px 0;
background-color: #ff0000;
}
.galleryPage2 .menu li a:hover,
.galleryPage2 .menu li.selected a {
color: #ff0000;
background-color: #fff;
}

/* item */
.galleryPage2 .item {
margin-bottom: 30px;
}
.galleryPage2 .item li {
float: left;
margin: 0 5px 5px 0;
}

/* photo by */
.galleryPage2 .photoBy {
text-align: right;
}





/* ------------------------------
 partnerPage（パートナー）
------------------------------ */
.partnerPage p.partnerDescription {
margin-bottom: 20px;
}

/* パートナーボックス::::::::::::::::::::: */
.partnerPage .partnerBox {
border-top: 1px solid #e4e4e4;
width: 900px;
margin-top: 20px;
background: url(../../images/partnerPage/partnerBox_bg.png) repeat-y left top;
}
.partnerPage .partnerBox-inner {
border-bottom: 1px solid #e4e4e4;
width: 860px;
padding: 20px 20px 0 20px;
background: no-repeat right 14px;
}
* html .partnerPage .partnerBox-inner {
padding-bottom: 20px;
}
.partnerPage .belonging .partnerBox-inner {background-image:url(../../images/partnerPage/ttl_e_belongingto.gif);}
.partnerPage .personalsponsor .partnerBox-inner {background-image:url(../../images/partnerPage/ttl_e_personalsponsor.gif);}
.partnerPage .advisorypartner .partnerBox-inner {background-image:url(../../images/partnerPage/ttl_e_advisorypartner.gif);}
.partnerPage .blogwebpartner .partnerBox-inner {background-image:url(../../images/partnerPage/ttl_e_blogwebpartner.gif);}
.partnerPage .officialsponsor .partnerBox-inner {background-image:url(../../images/partnerPage/ttl_e_officialsponsor.gif);}
.partnerPage .officialsupplier .partnerBox-inner {background-image:url(../../images/partnerPage/ttl_e_officialsupplier.gif);}
.partnerPage .performancecenter .partnerBox-inner {background-image: url(../../images/partnerPage/ttl_e_performancecenter.gif);}
.partnerPage .anoffice .partnerBox-inner {background-image:url(../../images/partnerPage/ttl_e_managementoffice.gif);}
.partnerPage .partnerBox-inner h3 {
border-bottom: 1px dotted #e0e0e0;
padding-bottom: 15px;
margin-bottom: 15px;
}
* html .partnerPage .partnerBox-inner ul.Japana {
padding-bottom: 20px;
}
.partnerPage .partnerBox-inner ul li {
display: inline;
}
* html .partnerPage .partnerBox-inner ul li a {
padding: 0 20px 20px 20px;
cursor: pointer;
}
.partnerPage .partnerBox-inner ul li img {
vertical-align: middle;
margin: 0 20px 20px 20px;
}
.partnerPage .partnerBox-inner ul li p {
vertical-align: middle;
margin: 0 20px 20px 20px;
}
* html .partnerPage .partnerBox-inner ul li p {
margin-bottom: 0;
}





/* ------------------------------
 specialPage（スペシャル）
------------------------------ */
.specialPage h3 {
width: 574px;
height: 18px;
padding: 40px 0 0 0;
margin: 0 auto 80px auto;
}

/* 動画リスト::::::::::::::::::::: */
.specialPage .movieList {
width: 900px;
margin-bottom: 80px;
overflow: hidden;
}
* html .specialPage .movieList {
width: 938px;
margin: 0 -19px 80px -19px;
}
.specialPage .movieList li {
float: left;
width: 262px;
margin:0 19px;
}
.specialPage .movieList li span.title {
display: block;
color: #555;
padding-left: 16px;
margin-bottom: 3px;
background: url(../../images/specialPage/mk_crystal.gif) no-repeat left center;
}
.specialPage .movieList li img.movieBtn {
border: 3px solid #cbcbcb;
}
.specialPage .movieList li a:hover img.movieBtn {
border-color: #ff0000;
}

/* コラボレーション・撮影協力::::::::::::::::::::: */
.specialPage .cooperation {
width: 900px;
overflow: hidden;
}
.specialPage .series {
float: left;
}
.specialPage .series p {
display: block;
width: 296px;
height: 14px;
padding-top: 12px;
background: url(../../images/specialPage/seriesCopy.gif) no-repeat left bottom;
text-indent: -9999px;
}

.specialPage .collaboration {
float: right;
overflow: hidden;
}
.specialPage .collaboration strong {
display: block;
clear: both;
float: right;
margin-bottom: 6px;
}
.specialPage .collaboration img {
}
.specialPage .collaboration .btn_goWebsite {
clear: both;
float: right;
margin-bottom: 6px;
}
.specialPage .collaboration .btn_goWebsite a {
display: block;
width: 101px;
height: 16px;
background: url(../../images/specialPage/btn_goWebsite.gif) no-repeat left top;
text-indent: -9999px;
}
.specialPage .collaboration .btn_goWebsite a:hover {
background-position: 0 -16px;
}
.specialPage .collaboration p {
clear: both;
float: right;
color: #a9a9a9;
font-size: 82%;
}





/* ------------------------------
 specialPage（スペシャル）動画再生ページ
------------------------------ */
.movie {
background: #FFF url(../../images/backflip_movie.png) no-repeat center -251px;
}

.movie .movieBox {
position: relative;
width: 900px;
height: 567px;
margin-bottom: -60px;
}
*+html .movie .movieBox {margin-bottom: -20px;}
* html .movie .movieBox {margin-bottom: -20px;}

/* 動画再生エリア::::::::::::::::::::: */
.movie .movieBox .movieArea {
width: 718px;
margin: 37px 0 0 90px;
}
.movie .movieBox .movieArea h3 {
color: #b4b4b4;
font-weight: bold;
width: auto;
height: auto;
padding: 0 0 0 0;
margin: 0 0 0 7px;
}
.movie .movieBox .movieArea .playMovie {
width: 702px;
height: 429px;
padding: 8px;
background: url(../../images/specialPage/movieShadow.png) no-repeat left top;
}
.movie .movieBox .movieArea .playMovie .swfarea {
border: 1px solid #838383;
width: 700px;
height: 427px;
background-color: #000;
}
.movie .movieBox .movieArea .description {
color: #a8a8a8;
font-size: 84%;
text-align: right;
margin-right: 7px;
}

/* 前の次の動画へボタン::::::::::::::::::::: */
.movie .movieBox .btn_befor,
.movie .movieBox .btn_next {
position: absolute;
top: 210px;
}
*+html .movie .movieBox .btn_befor,
*+html .movie .movieBox .btn_next {top: 250px;}
* html .movie .movieBox .btn_befor,
* html .movie .movieBox .btn_next {top: 250px;}
.movie .movieBox .btn_befor a,
.movie .movieBox .btn_next a {
display: block;
width: 62px;
height: 58px;
text-indent: -9999px;
}
.movie .movieBox .btn_befor a:hover,
.movie .movieBox .btn_next a:hover {
background-position: left -115px;
}
/* 前の動画へ */
.movie .movieBox .btn_befor {left: 0;}
.movie .movieBox .btn_befor a {background: url(../../images/specialPage/btn_befor.gif) no-repeat left -58px;}
/* 次の動画へ */
.movie .movieBox .btn_next {right: 0;}
.movie .movieBox .btn_next a {background: url(../../images/specialPage/btn_next.gif) no-repeat left -58px;}
/* first */
.movie .movieBox .first {
display: block;
width: 62px;
height: 58px;
background: url(../../images/specialPage/btn_befor.gif) no-repeat left top;
text-indent: -9999px;
}
/* end */
.movie .movieBox .end {
display: block;
width: 62px;
height: 58px;
background: url(../../images/specialPage/btn_next.gif) no-repeat left top;
text-indent: -9999px;
}

/* 一覧へ戻るボタン::::::::::::::::::::: */
.movie .movieBox .btn_movieList {
position: absolute;
top: 462px;
left: 98px;
}
*+html .movie .movieBox .btn_movieList {top: 500px;}
* html .movie .movieBox .btn_movieList {top: 500px;}
.movie .movieBox .btn_movieList a {
display: block;
width: 82px;
height: 22px;
background: url(../../images/specialPage/btn_movieList.gif) no-repeat left top;
text-indent: -9999px;
}
.movie .movieBox .btn_movieList a:hover {
background-position: 0 -22px;
}