@charset "UTF-8";

/* layout */
body{ background: #fff;}
#anaProfile_allWrap{
	color: #231815;
	font:  13px/1.4 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
}
#anaProfile_allWrap,
.anaProfile_headerFooter,
#anaProfile_mainWrap,
#anaProfile_listWrap,
#anaProfile_bottomWrap{
	width: 1000px; overflow: hidden;
}
.anaProfile_headerFooter{ height: 48px;}
	.anaProfile_theme_pink .anaProfile_headerFooter{ background-color: #eb7790;}
	.anaProfile_theme_blue .anaProfile_headerFooter{ background-color: #31b1a9;}
#anaProfile_headerBar{ margin: 20px 0;}
#anaProfile_mainLeft{
	min-height: 805px; width: 278px; padding: 10px; float: left;
	border-style: solid; border-width: 6px;
}
	.anaProfile_theme_pink #anaProfile_mainLeft{ border-color: #f4adbd;}
	.anaProfile_theme_blue #anaProfile_mainLeft{ border-color: #97d8d4;}
#anaProfile_mainCenter{ height: 807px; width: 350px; padding: 15px; float: left;}
#anaProfile_mainRight{ height: 837px; width: 310px; float: left;}
#anaProfile_bottomLeft{ height: 339px; width: 310px; float: left;}
#anaProfile_bottomRight{ height: 309px; width: 660px; padding: 15px; float: left; background: #fff4ca;}


/* anaProfile_headerFooter */
#anaProfile_headerBar .mainTitle{
	width: 315px; height: 48px; padding-left: 185px; line-height: 48px;
	color: #fff; font-size: 16px; float: left;
}
	.anaProfile_theme_pink #anaProfile_headerBar .mainTitle{ background: url("../images/profile/headbar_title_pink.png") left top no-repeat;}
	.anaProfile_theme_blue #anaProfile_headerBar .mainTitle{ background: url("../images/profile/headbar_title_blue.png") left top no-repeat;}
.anaProfile_headerFooter a{
	display: block; line-height: 48px; margin-right: 20px;
	color: #fff; font-size: 13px; float: right; text-decoration: none;
}
.anaProfile_headerFooter a:hover{ text-decoration: underline;}
.anaProfile_headerFooter .anaProfile_printLink{ background: url("../images/profile/headbar_printicon.png") left center no-repeat; padding-left: 30px;}
.anaProfile_headerFooter .anaProfile_listLink{ background: url("../images/profile/headbar_listicon.png") left center no-repeat; padding-left: 20px;}

/* anaProfile_mainLeft */
#anaProfile_mainLeft .mainImg{ display: block; margin: 0 auto;}
#anaProfile_mainLeft .fullName{ margin: 20px 0; height: 35px; border-bottom: 1px dotted #ccc; position: relative; font-weight: normal;}
	.anaProfile_theme_pink #anaProfile_mainLeft .fullName{ color: #eb7790;}
	.anaProfile_theme_blue #anaProfile_mainLeft .fullName{ color: #339999;}
#anaProfile_mainLeft .fullName span{ display: block; position: absolute;}
#anaProfile_mainLeft .fullName span.main{ font-size: 24px; top: 0; left: 5px;}
#anaProfile_mainLeft .fullName span.kana{ font-size: 13px; bottom: 5px; right: 5px;}
#anaProfile_mainLeft .basicProfile{ font-size: 15px; padding: 0 5px 15px; overflow: hidden;}
#anaProfile_mainLeft .basicProfile dt{ width: 30%; height: 25px; float: left; padding-bottom: 8px;}
#anaProfile_mainLeft .basicProfile dd{ width: 70%; height: 25px; float: right; padding-bottom: 8px;}
#anaProfile_mainLeft .regularPgm_title{
	width: 278px; height: 28px; margin: 0 auto 15px; text-indent: -9999px;
	background: url("../images/profile/regularpgmtitle.png") left top no-repeat;
	border-radius: 14px; -moz-border-radius: 14px; -webkit-border-radius: 14px;
}
	.anaProfile_theme_pink #anaProfile_mainLeft .regularPgm_title{ background-color: #eb7790;}
	.anaProfile_theme_blue #anaProfile_mainLeft .regularPgm_title{ background-color: #339999;}

#anaProfile_mainLeft .regularPgm_list{ padding-left: 5px;}
#anaProfile_mainLeft .regularPgm_list li{ list-style-type: none; line-height: 1.2; padding-bottom: 20px;}
#anaProfile_mainLeft .regularPgm_list li a{
	color: #231815; text-decoration: underline; padding-right: 18px;
	background: url("../images/profile/listtopnav_icon.png") right center no-repeat;
}

/* anaProfile_mainCenter */
#anaProfile_mainCenter .personalData{ height: 807px; width: 350px; overflow-y: auto;}
#anaProfile_mainCenter .personalData dt{ font-size: 16px; border-bottom: 1px dotted #ccc; padding-left: 5px;}
	.anaProfile_theme_pink #anaProfile_mainCenter .personalData dt{ color: #eb7790;}
	.anaProfile_theme_blue #anaProfile_mainCenter .personalData dt{ color: #339999;}
#anaProfile_mainCenter .personalData dd{ padding: 5px 0 25px 5px;line-height: 1.4;}

/* anaProfile_voiceSample */
#anaProfile_voiceSample{ width: 290px; height: 88px; padding: 10px; background: #fdd23e;}
#anaProfile_voiceSample h2{
	width: 290px; height: 25px; padding-bottom: 10px; text-indent: -9999px;
	background: url("../images/profile/voicesample_title.png") left top no-repeat;
}
#anaProfile_voiceSamplePanel{ width: 290px; height: 53px; position: relative; background: #f4ca00;}
#anaProfile_voiceSamplePanel .playPauseBtn{ width: 34px; height: 34px; position: absolute; top: 10px; left: 10px;}
#anaProfile_voiceSamplePanel .playPauseBtn a{ display: block; width: 34px; height: 34px; text-indent: -9999px; display: block;}
#anaProfile_voiceSamplePanel .playPauseBtn .btnPlay{ background: url("../images/profile/voice_play.png") left top no-repeat;}
#anaProfile_voiceSamplePanel .playPauseBtn .btnPause{ background: url("../images/profile/voice_pause.png") left top no-repeat; display: none;}
#anaProfile_voiceSamplePanel .progress{ width: 205px; height: 4px; position: absolute; top: 24px; left: 50px; background: #fff; overflow: visible;}
#anaProfile_voiceSamplePanel #anaProfile_voiceSampleProgress{ display: block; height: 4px; background: #bbbcbc; width: 0%;}
#anaProfile_voiceSamplePanel #anaProfile_voiceSampleProgressUi{
	display: block; width: 100%; height: 35px;
	background: rgba(0, 0, 0, 0);; position: absolute; top: -15px; left: 0;
}
#anaProfile_voiceSamplePanel #anaProfile_voiceSampleProgressUi:hover{ cursor: pointer;}

#anaProfile_voiceSamplePanel .time{ color: #333; font-size: 12px; position: absolute; top: 35px; left: 50px;}
#anaProfile_voiceSamplePanel .volume{ width: 22px; height: 18px; position: absolute; top: 17px; left: 260px;}
#anaProfile_voiceSamplePanel .volume a{ display: block; width: 22px; height: 18px; text-indent: -9999px; display: block;}
#anaProfile_voiceSamplePanel .volume .volume_0{ background: url("../images/profile/voice_v0.png") left top no-repeat; display: none;}
#anaProfile_voiceSamplePanel .volume .volume_1{ background: url("../images/profile/voice_v1.png") left top no-repeat; display: none;}
#anaProfile_voiceSamplePanel .volume .volume_2{ background: url("../images/profile/voice_v2.png") left top no-repeat; display: none;}
#anaProfile_voiceSamplePanel .volume .volume_3{ background: url("../images/profile/voice_v3.png") left top no-repeat;}

/* anaProfile_introMovie */
#anaProfile_introMovie{ width: 290px; height: 195px; padding: 10px; background: #f8b93d;}
#anaProfile_introMovie h2{
	width: 290px; height: 25px; padding-bottom: 10px; text-indent: -9999px;
	background: url("../images/profile/movie_title.png") left top no-repeat;
}

/* anaProfile_otherPeopleReview */
#anaProfile_otherPeopleReview{ width: 310px; height: 215px;}
	.anaProfile_theme_pink #anaProfile_otherPeopleReview{ background: url("../images/profile/reviewbg_pink.png") left top no-repeat;}
	.anaProfile_theme_blue #anaProfile_otherPeopleReview{ background: url("../images/profile/reviewbg_blue.png") left top no-repeat;}
#anaProfile_otherPeopleReview .reviewBlock{ width: 310px; height: 215px; position: relative; display: none;}
#anaProfile_otherPeopleReview .reviewBlock .title{ font-size: 16px; position: absolute; top: 12px; left: 12px;}
	.anaProfile_theme_pink #anaProfile_otherPeopleReview .reviewBlock .title{ color: #eb7790;}
	.anaProfile_theme_blue #anaProfile_otherPeopleReview .reviewBlock .title{ color: #339999;}
#anaProfile_otherPeopleReview .reviewBlock .text{
	width: 225px; height: 110px; overflow-y: auto; position: absolute; top: 83px; left: 38px;
}
#anaProfile_otherPeopleReview .reviewBlock .photo{
	width: 63px; height: 63px; overflow: hidden; position: absolute; top: 20px; right: 14px;
	border-radius: 31px; -moz-border-radius: 31px; -webkit-border-radius: 31px;
}

/* anaProfile_photoAlbum */
#anaProfile_photoAlbum{ width: 290px; height: 280px; padding: 10px; position: relative;}
	.anaProfile_theme_pink #anaProfile_photoAlbum{ background: #f29fab;}
	.anaProfile_theme_blue #anaProfile_photoAlbum{ background: #79c9d0;}
#anaProfile_photoAlbum h2{
	width: 290px; height: 25px; padding-bottom: 10px; text-indent: -9999px;
	background: url("../images/profile/photo_title.png") left top no-repeat;
}
#anaProfile_photoAlbum .nameTitle{ position: absolute; top: 18px; right: 10px; font-size: 12px;}
	.anaProfile_theme_pink #anaProfile_photoAlbum .nameTitle{ color: #d34979;}
	.anaProfile_theme_blue #anaProfile_photoAlbum .nameTitle{ color: #009399;}
#anaProfile_photoAlbum_Container{ width: 288px; height: 245px; margin: 0 auto; position: relative; overflow: hidden;}
#anaProfile_photoAlbum_photo{ width: 1728px; height: 210px; position: relative;}
#anaProfile_photoAlbum_photo li{ width: 288px; height: 210px; float: left; position: relative;}
#anaProfile_photoAlbum_photo span{
	width: 288px; height: 25px; line-height: 25px; text-align: center; background: rgba(0, 0, 0, 0.6);
	position: absolute; bottom: 0; left: 0; color: #fff;
}
#anaProfile_photoAlbum_thumb{ width: 288px; height: 35px; background: #333;}
#anaProfile_photoAlbum_thumb li{ width: 48px; height: 35px; float: left;}
#anaProfile_photoAlbum_ui a{
	display: block; width: 18px; height: 26px; line-height: 26px; position: absolute;
	text-align: center; font-size: 18px; color: #fff; background: rgba(0, 0, 0, 0.6); text-decoration: none;
}
#anaProfile_photoAlbum_ui a.next{ right: 0; top: 94px;}
#anaProfile_photoAlbum_ui a.back{ left: 0; top: 94px;}

/* anaPgmContents */
#anaPgmContentsWrap h2{
	width: 310px; height: 89px; text-indent: -9999px;
	background: url("../images/profile/recommend_title.png") left top no-repeat;
}
#anaPgmContents{
	width: 310px; height: 250px; position: relative;
	background: url("../images/profile/recommend_bg.png") left top no-repeat;
}
#anaPgmContents .description{ width: 140px; height: 210px; padding: 10px 10px 0 25px;}
#anaPgmContents h3{ padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px solid #f39800; color: #f39800; font-weight: bold;}
#anaPgmContents .date{ color: #999; margin-bottom: 5px;}
#anaPgmContents .lead{ font-size: 12px; margin-bottom: 10px;}
#anaPgmContents .more{ text-align: right;}
#anaPgmContents .more a{ color: #f39800; text-decoration: none; font-size: 12px;}
#anaPgmContents .more a:hover{ text-decoration: underline;}
#anaPgmContents .photo{ width: 90px; height: 200px; padding: 10px; position: absolute; right: 15px; top: 0px;}
#anaPgmContents .photo a{ display: block; margin-bottom: 5px;}
#anaPgmContents .photo p{ text-align: center; color: #f39800;}
#anaPgmContents .profile_link{ width: 88px; height: 35px; position: absolute; right: 12px; bottom: 12px;}
#anaPgmContents .profile_link a{
	display: block; width: 88px; height: 35px; text-indent: -9999px;
	background: url("../images/profile/recommend_profilebtn.png") left top no-repeat;
}

/* anaProfile_bottomRight */
#anaProfile_bottomRight .banner{ width: 658px; max-height: 228px; margin: 0 auto 6px; overflow: hidden;}
#anaProfile_bottomRight .banner li{ padding-bottom: 6px;}
#anaProfile_bottomRight .banner li a{ display: block;}
#anaProfile_bottomRight .banner li.banerSize_2{ width: 658px; clear: both;}
#anaProfile_bottomRight .banner li.banerSize_1{ width: 326px;}
#anaProfile_bottomRight .banner li.banerSize_1:nth-child(even){ float: left;}
#anaProfile_bottomRight .banner li.banerSize_1:nth-child(odd){ float: right;}
#anaProfile_bottomRight .message{
	width: 650px; height: 68px; border: 4px solid #ffe156; position: relative;
	background:#fff url("../images/profile/message_title.png") left -3px no-repeat;
}
#anaProfile_bottomRight .message h2{ text-indent: -9999px;}
#anaProfile_bottomRight .message p{ color: #666; position: absolute; top: 40px; left: 75px; font-size: 12px;}
#anaProfile_bottomRight .message a{ display: block; width: 172px; height: 44px; text-indent: -9999px; position: absolute;}
#anaProfile_bottomRight .message a.sendbtn{
	top: 11px; left: 290px;
	background: url("../images/profile/message_sendbtn.png") left top no-repeat;
}
#anaProfile_bottomRight .message a.readbtn{
	top: 11px; left: 468px;
	background: url("../images/profile/message_readbtn.png") left top no-repeat;
}

/* anaProfile_listWrap */
#anaProfile_listTopNav{ padding: 0 5px 20px; overflow: hidden;}
#anaProfile_listTopNav li{
	padding-left: 20px; margin-left: 20px; float: right;
	background: url("../images/profile/listtopnav_icon.png") left center no-repeat;
}
#anaProfile_listTopNav li a{ color: #666; text-decoration: none;}
#anaProfile_listTopNav li a:hover{ color: #666; text-decoration: underline;}
#anaProfile_listMain{ width: 1020px; margin-left: 10px; overflow: hidden;}
#anaProfile_listMain li{ width: 170px; height: 240px; float: left;}
#anaProfile_listMain li a{ width: 132px; display: block; text-decoration: none;}
	.cx_displaydevice #anaProfile_listMain li a:hover{ opacity: 0.7;}
#anaProfile_listMain li .name strong,
#anaProfile_listMain li .name span{ display: block; width: 132px; text-align: center;}
#anaProfile_listMain li .name strong{ font-size: 16px; padding: 10px 0 0; color: #666;}
#anaProfile_listMain li .name span{ font-size: 12px; color: #999;}