/* footer固定用 */
html, body, #container {
height: 100%;
}
body > #container {
height: auto;
min-height: 100%;
}
#contents {
padding-bottom: 342px;
}
#footer {
position: relative;
height: 342px;
margin-top: -342px;
clear: both;
}
.black_mui10130 {font: normal 10px "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica; color:#000000; line-height:130%;}
.black_mui10150 {font: normal 10px "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica; color:#000000; line-height:150%;}
.black_mui10180 {font: normal 10px "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica; color:#000000; line-height:180%;}
.black_mui11130 {font: normal 11px "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica; color:#000000; line-height:130%;}
.black_mui11150 {font: normal 11px "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica; color:#000000; line-height:150%;}
.black_mui11180 {font: normal 11px "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica; color:#000000; line-height:180%;}
.black_mui12130 {font: normal 12px "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica; color:#000000; line-height:130%;}
.black_mui12150 {font: normal 12px "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica; color:#000000; line-height:150%;}
.black_mui12180 {font: normal 12px "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica; color:#000000; line-height:180%;}
.black_mui14130 {font: normal 14px "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica; color:#000000; line-height:130%;}
.black_mui14150 {font: normal 14px "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica; color:#000000; line-height:150%;}
.black_mui14180 {font: normal 14px "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica; color:#000000; line-height:180%;}
.black_mui14200 {font: normal 14px "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica; color:#000000; line-height:200%;}
.black_mui16100 {font: normal 16px "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica; color:#000000; line-height:100%;}
.black_mui16130 {font: normal 16px "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica; color:#000000; line-height:130%;}
.black_mui16150 {font: normal 16px "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica; color:#000000; line-height:150%;}
.black_mui16180 {font: normal 16px "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica; color:#000000; line-height:180%;}
.black_mui18150 {font: normal 18px "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica; color:#000000; line-height:150%;}
.black_mui20100 {font: normal 20px "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica; color:#000000; line-height:100%;}
.black_mui20150 {font: normal 20px "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica; color:#000000; line-height:150%;}
.black_mui24150 {font: normal 24px "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica; color:#000000; line-height:150%;}
.black_mui28130 {font: normal 28px "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica; color:#000000; line-height:130%;}
.black_mui28150 {font: normal 28px "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica; color:#000000; line-height:150%;}
.black_mui30130 {font: normal 30px "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica; color:#000000; line-height:130%;}
.black_mui30150 {font: normal 30px "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica; color:#000000; line-height:150%;}
.red_mui16150b {font: bold 16px "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica; color:#ff0000; line-height:150%;}
.white_mui10150 {font: normal 10px "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica; color:#ffffff; line-height:150%;}
.white_mui11150 {font: normal 11px "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica; color:#ffffff; line-height:150%;}
.white_mui12150 {font: normal 12px "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica; color:#ffffff; line-height:150%;}
.white_mui14150 {font: normal 14px "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica; color:#ffffff; line-height:150%;}
.white_mui14180 {font: normal 14px "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica; color:#ffffff; line-height:180%;}
.gray1_mui10150 {font: normal 10px "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica; color:#999999; line-height:150%;}
.gray2_mui10150 {font: normal 10px "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica; color:#C3C3C3; line-height:150%;}
.gray3_mui10150 {font: normal 10px "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica; color:#4B4B4B; line-height:150%;}
.gray1_mui11150 {font: normal 11px "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica; color:#999999; line-height:150%;}
.gray2_mui11150 {font: normal 11px "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica; color:#C3C3C3; line-height:150%;}
.gray3_mui11150 {font: normal 11px "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica; color:#4B4B4B; line-height:150%;}
.gray1_mui12150 {font: normal 12px "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica; color:#999999; line-height:150%;}
.gray2_mui12150 {font: normal 12px "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica; color:#C3C3C3; line-height:150%;}
.gray3_mui12150 {font: normal 12px "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica; color:#4B4B4B; line-height:150%;}
.midashi {font: normal 10px "MS UI Gothic", Osaka, Helvetica; color:#FFFFFF;}
strong {font: normal 10px "MS UI Gothic", Osaka, Helvetica; color:#FFFFFF;}
.blue10 {font: normal 10px "MS Gothic", Osaka, Helvetica; color:#2887BF;}
.white10 {font: normal 10px "MS Gothic", Osaka, Helvetica; color:#FFFFFF;}
.black10 {font: normal 10px "MS Gothic", Osaka, Helvetica; color:#000000; line-height:150%;}
.blackui10 {font: normal 10px "MS UI Gothic", Osaka, Helvetica; color:#000000; line-height:150%;}
.blueui11120 {font: normal 11px "MS UI Gothic", Osaka, Helvetica; color:#0075BB; line-height:120%;}
.grayui11120 {font: normal 11px "MS UI Gothic", Osaka, Helvetica; color:#666666; line-height:120%;}
.black10120 {font: normal 10px "MS Gothic", Osaka, Helvetica; color:#000000; line-height:120%;}
.blackui10120 {font: normal 10px "MS UI Gothic", Osaka, Helvetica; color:#000000; line-height:120%;}
.blackui12120 {font: normal 12px "MS UI Gothic", Osaka, Helvetica; color:#000000; line-height:120%;}
.blackui12130 {font: normal 12px "MS UI Gothic", Osaka, Helvetica; color:#000000; line-height:130%;}
.blackui12150 {font: normal 12px "MS UI Gothic", Osaka, Helvetica; color:#000000; line-height:150%;}
.blackui14150 {font: normal 14px "MS UI Gothic", Osaka, Helvetica; color:#000000; line-height:150%;}
.redui14150 {font: normal 14px "MS UI Gothic", Osaka, Helvetica; color:#ff0000; line-height:150%;}
.black16120b {font: bold 16px "MS Gothic", Osaka, Helvetica; color:#000000; line-height:120%;}
.black12130 {font: normal 12px "MS UI Gothic", Osaka, Helvetica; color:#000000; line-height:130%;}
.footer {font: normal 12px "MS UI Gothic", Osaka, Helvetica; color:#8F8F8F; line-height:130%;}
.black14150b {font: bold 14px "MS Gothic", Osaka, Helvetica; color:#000000; line-height:150%;}
.black14150 {font: normal 14px "MS Gothic", Osaka, Helvetica; color:#000000; line-height:150%;}
.black14130 {font: normal 14px "MS Gothic", Osaka, Helvetica; color:#000000; line-height:130%;}
.red12 {font: normal 12px "MS Gothic", Osaka, Helvetica; color:#FF0000; line-height:150%;}
.red12b {font: bold 12px "MS Gothic", Osaka, Helvetica; color:#FF0000; line-height:150%;}
.orange12130 {font: normal 12px "MS Gothic", Osaka, Helvetica; color:#FF6600; line-height:130%;}
.com_comment {font: normal 10px "MS Gothic", Osaka, Helvetica; color:#1AB473; line-height:100%;}
.newcomer {font: normal 12px "MS UI Gothic", Osaka, Helvetica; color:#279668; line-height:130%;}
.red {color:#ff0000;}
.redm12 {font: normal 12px "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica; color:#ff0000;}
.redm12b {font: bold 12px "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica; color:#ff0000;}
.blackm {font: normal 12px "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica; color:#000000;}
.gray10 {font: normal 10px "MS Gothic", Osaka, Helvetica; color:#000000;}
.black212130 {font: normal 12px "MS Gothic", Osaka, Helvetica; color:#000000; line-height:130%;}
.black212150 {font: normal 12px "MS Gothic", Osaka, Helvetica; color:#000000; line-height:150%;}
.gray12130 {font: normal 12px "MS Gothic", Osaka, Helvetica; color:#999999; line-height:130%;}
.submenu {font: normal 10px "MS UI Gothic", Osaka, Helvetica; color:#000000; line-height:120%;}
.diarytitle {font: normal 12px "MS Gothic", Osaka, Helvetica; color:#000000; line-height:150%;}
.form12 {font: normal 12px "MS UI Gothic", Osaka, Helvetica; color:#18A0EF; background:#FFFFF0;
border:1px solid #59B3E6;
background-color: #E6F5FF;
}
.form12fix {font: normal 12px "MS Gothic", Osaka, Helvetica; color:#18A0EF; background:#FFFFF0;
border:1px solid #59B3E6;
background-color: #E6F5FF;
}
.formchie {font: normal 12px "MS UI Gothic", Osaka, Helvetica; color:#000000; background:#EBEBEB;
border:1px solid #ADADAD;
background-color: #EBEBEB;
}
.formdoubleborder {font: normal 12px "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica; color:#000000;
border:2px solid #C2C2C2;
background-color: #FFFFFF;
}
.listtable {font: normal 12px "MS UI Gothic", Osaka, Helvetica; color:#000000;
background-color: #F8F8F8;
border-left:0px;
border-right:1px solid #DFDFDF;
border-top:0px;
border-bottom:1px solid #DFDFDF;
}
.listtable-active {font: normal 12px "MS UI Gothic", Osaka, Helvetica; color:#000000;
background-color: #D0EBFC;
border-left:0px;
border-right:1px solid #BBD3E2;
border-top:0px;
border-bottom:1px solid #BBD3E2;
}
.black_m10150 {font: normal 10px "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica; color:#000000; line-height:150%;}
.black_m10180 {font: normal 10px "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica; color:#000000; line-height:180%;}
.black_m11150 {font: normal 11px "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica; color:#000000; line-height:150%;}
.black_m11180 {font: normal 11px "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica; color:#000000; line-height:180%;}
.black_m12150 {font: normal 12px "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica; color:#000000; line-height:150%;}
.black_m12180 {font: normal 12px "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica; color:#000000; line-height:180%;}
.black_m14150 {font: normal 14px "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica; color:#000000; line-height:150%;}
.black_m14180 {font: normal 14px "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica; color:#000000; line-height:180%;}
.black_m16150 {font: normal 16px "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica; color:#000000; line-height:150%;}
.black_m16180 {font: normal 16px "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica; color:#000000; line-height:180%;}
.black_m18150 {font: normal 18px "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica; color:#000000; line-height:150%;}
.black_m18180 {font: normal 18px "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica; color:#000000; line-height:180%;}
.black_m20180 {font: normal 20px "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica; color:#000000; line-height:180%;}
.black_m22150 {font: normal 22px "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica; color:#000000; line-height:150%;}
.black_m22180 {font: normal 22px "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica; color:#000000; line-height:180%;}
.black_m24150 {font: normal 24px "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica; color:#000000; line-height:150%;}
.black_m24180 {font: normal 24px "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica; color:#000000; line-height:180%;}
.black_m30150 {font: normal 30px "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica; color:#000000; line-height:150%;}
.red_b18150 {font: bold 18px "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica; color:#ff0000; line-height:150%;}
td {font: normal 12px "MS Gothic", Osaka, Helvetica; color:#000000; line-height:130%; word-break:break-all; word-wrap:break-word;}
tds {font: normal 12px "MS UI Gothic", Osaka, Helvetica; color:#000000; line-height:130%;}
a.meirio {color:#0075BB; text-decoration: none;}
a.meirio:visited {color:#0075BB; text-decoration: none;}
a.meirio:hover {color:#FF7E50; text-decoration: underline;}
a.blue {color:#54A1D3; text-decoration: none;}
a.blue:hover {color:#FF7E50; text-decoration: none;}
a.main {font: normal 12px "MS Gothic", Osaka, Helvetica; color:#18A0EF; text-decoration: none; line-height:150%;}
a.main:hover {color:#FF7E50; text-decoration: underline;}
a.main2 {font: normal 12px "MS Gothic", Osaka, Helvetica; color:#18A0EF; text-decoration: none; line-height:150%;}
a.main2:hover {color:#FF7E50; text-decoration: underline;}
a.main2:visited {color: #0075BB}
a.trackback {font: normal 10px "MS Gothic", Osaka, Helvetica; color:#18A0EF; text-decoration: none; line-height:120%;}
a.trackback:hover {color:#FF7E50; text-decoration: underline;}
a.submenu {font: normal 10px "MS UI Gothic", Osaka, Helvetica; color:#18A0EF; text-decoration: none; line-height:120%;}
a.submenu:hover {color:#FF7E50; text-decoration: underline;}
a.site {font: normal 12px "MS UI Gothic", Osaka, Helvetica; color:#18A0EF; text-decoration: none; line-height:120%;}
a.site:hover {color:#FF7E50; text-decoration: underline;}
a.site2 {font: normal 12px "MS UI Gothic", Osaka, Helvetica; color:#EF4E9E; text-decoration: none; line-height:120%;}
a.site2:hover {color:#FF7E50; text-decoration: underline;}
a.sitezokusei {font: bold 12px "MS UI Gothic", Osaka, Helvetica; color:#0077D9; text-decoration: none; line-height:120%;}
a.sitezokusei:hover {color:#FF7E50; text-decoration: underline;}
a.blackunderline {font: normal 12px "MS Gothic", Osaka, Helvetica; color:#000000; line-height:120%;}
a.blackunderline:hover {color:#FF7E50; text-decoration: underline;}
a.pinkunderline {font: normal 12px "MS Gothic", Osaka, Helvetica; color:#000000; line-height:120%;}
a.pinkunderline:hover {color:#FF3366; text-decoration: underline;}
a.blackuiunderline {font: normal 12px "MS UI Gothic", Osaka, Helvetica; color:#000000; line-height:120%; text-decoration: none;}
a.blackuiunderline:hover {color:#FF7E50; text-decoration: underline;}
a.blackuiunderline10 {font: normal 10px "MS Gothic", Osaka, Helvetica; color:#000000; line-height:120%; text-decoration: none;}
a.blackuiunderline10:hover {color:#FF7E50; text-decoration: underline;}
a.awaselink {font: bold 12px "MS UI Gothic", Osaka, Helvetica; color:#FF0000; text-decoration: none; line-height:120%;}
a.awaselink:hover {color:#FF0000; text-decoration: underline;}
a.whitelink {font: normal 12px "MS UI Gothic", Osaka, Helvetica; color:#FFFFFF; text-decoration: none; line-height:130%;}
a.whitelink:hover {color:#FFFFFF; text-decoration: underline;}
a.emptylink {color:#999999;}
a.mailhead {font: normal 12px "MS UI Gothic", Osaka, Helvetica; color:#0075BB; text-decoration: none;}
a.mailhead:hover {color:#FF7E50; text-decoration: underline;}
a.filtering {font: normal 12px "MS UI Gothic", Osaka, Helvetica; color:#FF0000; text-decoration: underline; line-height:120%;}
a.filtering:hover {color:#000000; text-decoration: underline;}
a.whitelink2 {font: normal 12px "MS Gothic", Osaka, Helvetica; color:#FFFFFF; text-decoration: underline; line-height:130%;}
a.whitelink2:visited {color:#FFFFFF;}
a.whitelink2:hover {color:#FF7E50; text-decoration: underline;}
a.black14uiunderline {font: normal 14px "MS UI Gothic", Osaka, Helvetica; color:#000000; line-height:150%; text-decoration: underline;}
a.black14uiunderline:hover {color:#FF7E50; text-decoration: underline;}
a.mypagenoticetext {font: bold 14px "MS UI Gothic", Osaka, Helvetica; color:#ff0000; text-decoration: none;}
a.mypagenoticetext:hover, a.mypagenoticetext:visited {color:#ff0000; text-decoration: none;}
div.leftalign {
text-align:left;
float: left;
}
div.rightalign { text-align: right; }
a.widelink {
display: block; width: 100%;
border:1px solid #ffffff;
padding:2px;
font: normal 12px "MS UI Gothic", Osaka, Helvetica; color:#0075BB; text-decoration: none;
}
a.widelink2 {
display: block; width: 106px;
border:1px solid #ffffff;
padding:2px;
font: normal 12px "MS UI Gothic", Osaka, Helvetica; color:#0075BB; text-decoration: none;
white-space: nowrap;
}
a.widelink3 {
display: block; width: 50px;
border:1px solid #ffffff;
padding:2px;
font: normal 12px "MS UI Gothic", Osaka, Helvetica; color:#0075BB; text-decoration: none;
white-space: nowrap;
}
a.widelink4, a.widelink4:visited {
display: block; width: 100%;
border:0px solid #ffffff;
padding:2px;
font: normal 12px "MS UI Gothic", Osaka, Helvetica; color:#0075BB; text-decoration: none;
}
a.placechange {
display: block;
border:0px solid #ffffff;
padding:2px;
font: normal 12px "MS UI Gothic", Osaka, Helvetica; color:#000000; text-decoration: none;
}
.placechange {
display: block;
border:0px solid #ffffff;
padding:6px;
font: normal 12px "MS UI Gothic", Osaka, Helvetica; color:#000000; text-decoration: none;
}
a.widelink4active {
display: block; width: 100%;
border:0px solid #ffffff;
padding:2px;
font: normal 12px "MS UI Gothic", Osaka, Helvetica; color:#000000; text-decoration: none;
}
a.widelinkfriend, a.widelinkfriend:visited {
display: block;
border: 0px;
width: 130px;
margin:8px;
font: normal 12px "MS UI Gothic", Osaka, Helvetica; color:#0075BB; text-decoration: none;
}
a.widelinkfriendactive {
display: block; width: 100%;
border:0px;
padding:8px;
font: normal 12px "MS UI Gothic", Osaka, Helvetica; color:#000000; text-decoration: none;
}
span.friendline {
display: block; width: 100%;
border:0px;
padding:0px;
height:2px;
background-image: url(../images/bestfriend_blockline.gif);
background-repeat: x-repeat;
}
.friendchange {
border: 0px;
padding: 8px;
font: normal 12px "メイリオ", "MS UI Gothic", Osaka, Helvetica; color:#0075BB; text-decoration: none;
}
.bestfriendselect {
background-color: #ffffff;
}
.friendselect {
background-color: #ffffff;
}
.friendselect-no {
background-color: #E8E8E8;
}
.1hour {background-color: #CFECFF;}
.1day {background-color: #E6F5FF;}
.checked {background-image: url(../images/check_bg.gif);}
.checked2 {background-image: url(../images/check_bg2.gif);}
.showoff {
background-color: #E0E0E0;
}
a.active {
display: block; width: 100%;
background-color: #E6F5FF;
border:1px solid #85CAF4;
padding:2px;
}
a.active2 {
display: block; width: 106px;
background-color: #E6F5FF;
border:1px solid #85CAF4;
padding:2px;
}
a.widelink:hover {
background-color: #f0f0f0;
color: red;
border:1px solid #d1d1d1;
padding:2px;
}
a.widelink2:hover {
background-color: #f0f0f0;
color: red;
border:1px solid #d1d1d1;
padding:2px;
}
a.widelink3:hover {
background-color: #f0f0f0;
color: red;
border:1px solid #d1d1d1;
padding:2px;
}
a.widelink4:hover {
color: red;
border:0px solid #d1d1d1;
padding:2px;
text-decoration: underline;
}
table.topinfo {
border:1px solid #efe867;
background-color: #fbfba5;
}
table.msginfo {
border:1px solid #d4d4d4;
background-color: #eeeeee;
}
table.personalfolder{
background-image: url(/images/personalfolder_bg.gif);
background-repeat: no-repeat;
background-position: center top;
}
table.mailhead{
border:1px solid #C1C1C1;
}
table.mailsender{
border-left:1px solid #E6F5FF;
border-right:1px solid #ffffff;
border-top:1px solid #ffffff;
border-bottom:1px solid #ffffff;
font: normal 12px "MS UI Gothic", Osaka, Helvetica; color:#000000; text-decoration: none; line-height:120%;
}
table.mailmidoku{
border:1px solid #FFFFFF;
font: normal 12px "MS UI Gothic", Osaka, Helvetica; color:#000000; text-decoration: none; line-height:120%;
}
table.errortable{
border:1px solid #E6E6E6;
background-color: #F6F6F6;
}
table.mailkidoku{
border:1px solid #F6F6F6;
background-color: #F6F6F6;
font: normal 12px "MS UI Gothic", Osaka, Helvetica; color:#000000; text-decoration: none; line-height:120%;
}
table.mailselmidoku{
border:1px solid #D0EBFC;
background-color: #D0EBFC;
font: normal 12px "MS UI Gothic", Osaka, Helvetica; color:#000000; text-decoration: none; line-height:120%;
}
table.mailselkidoku{
border:1px solid #D0EBFC;
background-color: #D0EBFC;
font: normal 12px "MS UI Gothic", Osaka, Helvetica; color:#000000; text-decoration: none; line-height:120%;
}
td.active {
background-color: #E6F5FF;
border:1px solid #85CAF4;
}
select {
border-left:1px solid #cccccc;
border-right:1px solid #ffffff;
border-top:1px solid #cccccc;
border-bottom:1px solid #ffffff;
background-color: #ffffff;
color:#272727; font-size:10px;
}
.keywordsearch {
border:1px solid #000000;
background-color: #ffffff;
color:#272727; font-size:12px;
}
.searchresult_photolink {
padding:1px;
background-color: #FFE781;
font: normal 12px "MS UI Gothic", Osaka, Helvetica; color:#FF2F15; line-height:100%;
}
.searchresult_favoritelink {
padding:1px;
background-color: #E6F5FF;
font: normal 12px "MS UI Gothic", Osaka, Helvetica; color:#FF2F15; line-height:100%;
}
.searchresult_favoritelink2 {
padding:1px;
background-color: #F7FCFF;
font: normal 12px "MS UI Gothic", Osaka, Helvetica; color:#FF2F15; line-height:100%;
}
.trackback {
padding:2px;
background-color: #E6F5FF;
font: normal 12px "MS UI Gothic", Osaka, Helvetica; color:#000000; line-height:120%;
}
.submit {
BORDER-RIGHT: white 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: white 1px solid; PADDING-LEFT: 3px; FONT-SIZE: 8pt; BORDER-LEFT: white 1px solid; COLOR: white; PADDING-TOP: 3px; BORDER-BOTTOM: white 1px solid; BACKGROUND-COLOR:#0C2342;
}
.submit2 {
BORDER-RIGHT: #0C2342 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #0C2342 1px solid; PADDING-LEFT: 3px; FONT-SIZE: 8pt; BORDER-LEFT: #0C2342 1px solid; COLOR: #000000; PADDING-TOP: 3px; BORDER-BOTTOM: #0C2342 1px solid; BACKGROUND-COLOR:#FFFFFF;
}
td.dir2 {font: normal 12px "MS Gothic", Osaka, Helvetica; color:#18A0EF; text-decoration: none; line-height:170%; background-color: #F1F6FB;}
table.prof_photobookplate {
border-top:0px;
border-right:1px solid #9E9E9E;
border-left:1px solid #9E9E9E;
border-bottom:1px solid #9E9E9E;
background-color: #ffffff;
padding:3px;
}
table.prof_photobookplate2 {
border-top:0px;
border-right:1px solid #9E9E9E;
border-left:1px solid #9E9E9E;
border-bottom:1px solid #9E9E9E;
background-color: #ffffff;
padding:0px;
}
TABLE.photostock{border:1px solid #d4d4d4;background-color: #F0F0F0;}
table.prof_photobookplateoff {
border-top: 0px;
border-right: 1px solid #9E9E9E;
border-bottom: 1px solid #9E9E9E;
border-left: 1px solid #9E9E9E;
background-color: #E5E5E5;
padding: 3px;
}
table.prof_gallerytab {
border-top:0px;
border-right:1px solid #9E9E9E;
border-left:1px solid #9E9E9E;
background-color: #ffffff;
}
table.prof_rankingplate {
border-top:0px;
border-right:1px solid #9E9E9E;
border-left:1px solid #9E9E9E;
border-bottom:1px solid #9E9E9E;
background-color: #ffffff;
padding:3px;
}
table.prof_osusumeplate {
border-top:0px;
border-right:1px solid #9E9E9E;
border-left:1px solid #9E9E9E;
border-bottom:1px solid #9E9E9E;
background-color: #ffffff;
}
table.prof_galleryplate {
border-top:0px;
border-right:1px solid #9E9E9E;
border-left:1px solid #9E9E9E;
border-bottom:1px solid #9E9E9E;
background-color: #ffffff;
}
table.prof_osusumecontent {
border:0px;
background-color: #ffffff;
padding:3px;
}
table.subpage_menu {
border:1px solid #000000;
background-color: #f5f5f5;
}
table.cosphoto {
border-top:0px;
border-right:1px solid #EAEAEA;
border-left:0px;
border-bottom:1px solid #EAEAEA;
background-color: #ffffff;
}
table.cosphoto2 {
border-top:0px;
border-right:0px solid #D4D4D4;
border-left:0px;
border-bottom:0px solid #D4D4D4;
}
table.resultchange {
border-top:0px;
border-right:0px;
border-left:0px;
border-bottom:1px solid #3D7097;
background-color: #D6E8F5;
}
table.latestnewstable {
border-top:0px;
border-right:1px solid #6196E0;
border-left:1px solid #6196E0;
border-bottom:1px solid #6196E0;
background-color: #E2F3FE;
}
table.newcomertable {
border-top:0px;
border-right:1px solid #3EC34B;
border-left:1px solid #3EC34B;
border-bottom:1px solid #3EC34B;
background-color: #F4FFE7;
}
table.communitytable {
border-top:0px;
border-right:1px solid #3EC38D;
border-left:1px solid #3EC38D;
border-bottom:1px solid #3EC38D;
background-color: #EAFBF2;
}
table.birthdaytable {
border-top:0px;
border-right:1px solid #E15E90;
border-left:1px solid #E15E90;
border-bottom:1px solid #E15E90;
background-color: #FFE2EB;
}
table.usersearchresultheader{
border-top:0px;
border-right:1px solid #9E9E9E;
border-left:1px solid #9E9E9E;
border-bottom:1px solid #9E9E9E;
background-color: #E6F5FF;
}
.searchresultobi {
border-top:1px solid #000000;
border-right:1px solid #000000;
border-left:1px solid #000000;
border-bottom:0px;
background-color: #F0ECE5;
}
.searchresultheader {
border-top:0px;
border-right:1px solid #000000;
border-left:1px solid #000000;
border-bottom:1px solid #000000;
background-color: #F0ECE5;
}
.osusumeimage {
border:0px;
background-color: #ffffff;
float:left;
}
td.search_content {
background-color: #f5f5f5;
border:1px solid #9E9E9E;
font: normal 12px "MS UI Gothic", Osaka, Helvetica; color:#000000; line-height:100%;
}
table.underline {
border-top:0px;
border-right:0px;
border-left:0px;
border-bottom:1px solid #CBCBCB;
}
.osusumetitle {font: bold 10px "MS UI Gothic", Osaka, Helvetica; color:#333333; line-height:130%;}
.osusumetext {font: normal 10px "MS UI Gothic", Osaka, Helvetica; color:#333333; line-height:130%;}
.prof_name {font: normal 14px "MS Gothic", Osaka, Helvetica; color:#333333; line-height:130%;}
.listtext {font: normal 10px "MS Gothic", Osaka, Helvetica; color:#000000; line-height:110%; height:28px;}
.listtext-1hour {font: normal 10px "MS Gothic", Osaka, Helvetica; color:#000000; line-height:110%; height:28px; background-color: #CFECFF;}
.listtext-1day {font: normal 10px "MS Gothic", Osaka, Helvetica; color:#000000; line-height:110%; height:28px; background-color: #E6F5FF;}
.topsitetitle {font: bold 12px "MS UI Gothic", Osaka, Helvetica; color:#333333; line-height:130%;}
.topsitecontent {font: normal 12px "MS UI Gothic", Osaka, Helvetica; color:#333333; line-height:130%;}
.costitle {font: bold 16px "MS Gothic", Osaka, Helvetica; color:#000000; line-height:130%;}
.menutitle {font: normal 12px "MS Gothic", Osaka, Helvetica; color:#FFFFFF; line-height:130%;}
.black12b {font: bold 12px "MS Gothic", Osaka, Helvetica; color:#000000; line-height:130%;}
.blackui12150 {font: normal 12px "MS UI Gothic", Osaka, Helvetica; color:#000000; line-height:150%;}
.syuiro12 {font: normal 12px "MS Gothic", Osaka, Helvetica; color:#FF2F15; line-height:100%;}
.syuiro10 {font: normal 10px "MS Gothic", Osaka, Helvetica; color:#FF2F15; line-height:100%;}
.sanka1 {font: normal 12px "MS UI Gothic", Osaka, Helvetica; color:#FF2F15; line-height:120%;}
.sanka2 {font: normal 12px "MS UI Gothic", Osaka, Helvetica; color:#0075BB; line-height:120%;}
a {color: #0075BB}
a:visited {color: #000000}
a:active {color: #000000}
a:hover { color: #FF7E50; text-decoration: underline }
a.noul {color: #0075BB; text-decoration: none}
a.noul:visited {color: #000000}
a.noul:active {color: #000000}
a.noul:hover { color: #FF7E50}
.8 { font-size: 8pt; line-height: 10pt }
SELECT { font-size: 12px; }
.jrsel { font-size: 9pt; width: 100%; padding-top: 3px }
HR { border: dotted 1px #4682B4 }
.mi { font-style: italic; font-size: 9pt; color:#975C00; background-color:#FFE401;
filter: alpha(
style=1,
opacity=1,
finishopacity=100,
startx=200,
starty=0,
finishx=70,
finishy=0
)
}
.search { background-color: #FFE401; color:#975C00}
.search2 { background-color: #FFFFEC;}
.foot { background-color: #FFE401}
.jr { color: #975C00; font-weight: bold; font-size: 9pt; background: #FFE401 url(img/kado.gif) no-repeat right top }
.jr2 { font-weight: bold; font-size: 9pt; background: #BBBBBB url(img/kado.gif) no-repeat right top }
.jr3 {background: #FFE401}
.waku { border: dotted 1px #4682B4}
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
background-color: white;
}
.maintr{background-color: white;}
.mainwaku{border-right: 1px solid #000; border-left: 1px solid #000}
.tr_bor {
border-collapse : collapse;
border : solid 1px #9e9e9e;
}
.tr_r_bor_bg {
border-collapse : collapse;
border : solid 1px #9e9e9e;
background-attachment: fixed;
background-image: url(/images/index_93.jpg);
background-repeat: no-repeat;
background-position: center top;
}
.txt_12 {
font-size: 12px;
line-height: 150%;
}
.txt_10 {
font-size: 10px;
line-height: 110%;
}
.calendar
{
text-align:center;
font-family: "ＭＳ Ｐゴシック", "Osaka";
font-size:10px;
}
.calendar_sun
{
font-size: 10px;
background-color:#FFFFFF;
color:#FE5C89;
text-align:center;
border-left:1px solid #848685;
border-right:1px solid #D3D3D3;
border-top:1px solid #848685;
border-bottom:1px solid #D3D3D3;
width:18px;
}
.calendar_sat
{
font-size: 10px;
background-color:#FFFFFF;
color:#2F9CD0;
text-align:center;
border-left:1px solid #848685;
border-right:1px solid #D3D3D3;
border-top:1px solid #848685;
border-bottom:1px solid #D3D3D3;
width:18px;
}
.calendar_today
{
font-size: 10px;
background-color:#FCF0CB;
color:#333333;
text-align:center;
}
.calendar_today a:link,.calendar_today a:visited{color: #000000;text-decoration:none;}
.calendar_today a:active,.calendar_today a:hover{color: #FE5C89;text-decoration:none;}
.calendar_day{
font-size: 10px;
width:18px;
color:#000000;
text-align:center;
border-left:1px solid #848685;
border-right:1px solid #D3D3D3;
border-top:1px solid #848685;
border-bottom:1px solid #D3D3D3;
background-color:#FFFFFF;}
.calendar_days{
font-size: 10px;
width:18px;
color:#000000;
text-align:center;
}
.bordermenu{
font-size: 10px;
color:#000000;
border-left:1px solid #7CC5F3;
border-right:1px solid #7CC5F3;
border-top:0px;
border-bottom:1px solid #7CC5F3;
background-color:#FFFFFF;
}
.err {color: #FF0000;}
.blackui11 {font: normal 11px "MS UI Gothic", Osaka, Helvetica; color:#000000;}
.gray10 {font: normal 10px "MS Gothic", Osaka, Helvetica; color:#636363;}
.gray210 {font: normal 10px "MS Gothic", Osaka, Helvetica; color:#999999;}
.red10 {font: normal 10px "MS Gothic", Osaka, Helvetica; color:#FF0000;}
table.photostock {border:1px solid #d4d4d4;background-color: #F0F0F0;}
/* 入力フォーム */
textarea {
font: normal 12px "MS Gothic", Osaka, Helvetica;
}
form.menu {
font: normal 12px "MS UI Gothic", Osaka, Helvetica;
color: #202020;
}
table.whiteplate {
font: normal 12px "MS UI Gothic", Osaka, Helvetica;
border-left: 0px;
border-right: 1px solid #cccccc;
border-top: 0px;
border-bottom: 1px solid #cccccc;
background-color: #ffffff;
}
td.header {
font: normal 12px "MS UI Gothic", Osaka, Helvetica;
background-color: #699ed5;
color: #FFFFFF;
line-height:100%;
}
td.label {
background-color: #d6ecf4;
vertical-align: top;
font: normal 12px "MS UI Gothic", Osaka, Helvetica;
color: #585858;
line-height:100%;
}
td.value {
background-color: #f5f5f5;
font: normal 12px "MS UI Gothic", Osaka, Helvetica;
line-height:100%;
}
table.menu {
border-top: #808080 1px solid;
border-right: #808080 1px solid;
border-bottom: #808080 1px solid;
border-left: #808080 1px solid;
border-collapse: collapse;
table-layout: fixed
}
table.menu td {
border-top: #808080 1px solid;
border-right: #808080 1px solid;
border-bottom: #808080 1px solid;
border-left: #808080 1px solid;
}
table.form {
color: #585858;
}
table.box {
border-top: #808080 1px solid;
border-right: #808080 1px solid;
border-bottom: #808080 1px solid;
border-left: #808080 1px solid;
border-collapse: collapse;
table-layout: fixed
}
.toptext {
margin-top: 16px;
margin-bottom: 10px;
}
.err {
color: #FF0000;
}
.annotation {
font: normal 10px "MS Gothic", Osaka, Helvetica;
color: #FF0000;
}
.alert {
color: #FF0000;
}
.ancomment {
border: 1px solid #E8E8E8;
background-color: #ffffff;
color: #000000;
font-size: 12px;
}
a.black {
color: #000000;
text-decoration: none;
}
a.black:hover {
color: #FF7E50;
text-decoration: none;
}
a.blackunderline2 {font: normal 12px "MS Gothic", Osaka, Helvetica; color:#000000; text-decoration: none; line-height:130%;}
a.blackunderline2:hover {color:#FF7E50; text-decoration: underline;}
/* ページバー */
.pg_bar a {
color: #000000;
font-weight: bold;
text-decoration: none;
}
.pg_bar a:link,
.pg_bar a:visited,
.pg_bar a:active,
.pg_bar a:hover {
text-decoration: none;
}
.pg_bar_num1, .pg_bar_num2, .pg_bar_num3 {
text-align: center;
vertical-align: bottom;
line-height: 250%;
margin: 0px;
}
.pg_bar_num1 a, .pg_bar_num2 a, .pg_bar_num3 a {
background: #FFFFFF;
}
.pg_bar .current {
color: #ffffff;
font-weight: bold;
background: #003A6A;
}
.pg_bar_num1 a, .pg_bar_num1 .current {
border: 1px solid #CCCCCC;
padding: 6px;
}
.pg_bar_num2 a, .pg_bar_num2 .current {
border: 1px solid #CCCCCC;
padding-top: 6px;
padding-bottom: 6px;
padding-right: 3px;
padding-left: 3px;
}
.pg_bar_num3 a, .pg_bar_num3 .current {
border: 1px solid #CCCCCC;
padding-top: 6px;
padding-bottom: 6px;
padding-right: 1px;
padding-left: 1px;
}
.pg_bar_numblue
{
text-align: center;
vertical-align:bottom;
line-height: 250%;
margin: 0px;
}
.pg_bar_numblue div{
padding: 0px;
margin: 0px;
margin-right:0px;
margin-left:0px;
border: 0px solid #eee;
}
.pg_bar_numblue a
{
color:#000000;
font-weight: bold;
padding: 6px;
border: 1px solid #75BFEA;
background: #FFFFFF;
text-decoration: none;
}
.pg_bar_numblue a:link ,
.pg_bar_numblue a:visited ,
.pg_bar_numblue a:active ,
.pg_bar_numblue a:hover{
text-decoration: none;
}
.pg_bar_numblue .current
{
color:#fff;
font-weight: bold;
padding: 6px;
border: 1px solid #0E5DBE;
background-image: url(../images/blue_grade.gif);
}
table.info {
border:1px solid #d4d4d4;
background-color: #eeeeee;
}
table.info1{
border: 1px solid #D2B64B;
background: #FFD56D;
}
table.info2{
border: 1px solid #D2B64B;
background: #FFFFFF;
}
table.profile{
border: 1px solid #A8CFE4;
background: #FFFFFF;
}
.darkblueui12150 {font: normal 12px "MS UI Gothic", Osaka, Helvetica; color:#161616; line-height:150%;}
a.info {font: 12px "MS UI Gothic", Osaka, Helvetica; color:#3C75C4; text-decoration: none; line-height:120%;}
a.info:hover {color:#FF7E50; text-decoration: underline;}
table.blueback{
color:#000000;
background-image: url(../images/bluegrade.gif);
background-repeat:repeat-x;
background-attachment: fixed
text-align:center;
border-left:1px solid #59B3E6;
border-right:1px solid #59B3E6;
border-top:1px solid #59B3E6;
border-bottom:1px solid #59B3E6;
}
table.gray{
color:#000000;
background: #F8F8F8;
border-left:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
border-bottom:1px solid #CCCCCC;
}
table.gray{
color:#000000;
background: #F8F8F8;
border-left:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
border-bottom:1px solid #CCCCCC;
}
table.informationtitle{ border:2px solid #82C1EE; background-color: #E9F6FF;}
.informationtitle {font: bold 12px "MS Gothic", Osaka, Helvetica; color:#3C75C4; line-height:150%;}
table.sidegrayline{
border-top: 0px;
border-right: #CCCCCC 1px solid;
border-bottom: 0px;
border-left: #CCCCCC 1px solid;
}
table.charaadd{
border-top: 0px;
border-right: #59B3E6 1px solid;
border-bottom: #59B3E6 1px solid;
border-left: #59B3E6 1px solid;
}
table.bluetopline{
border-top: #59B3E6 1px solid;
border-bottom: 0px;
border-right: #59B3E6 1px solid;
border-left: #59B3E6 1px solid;
}
table.eventplate{
border: 1px solid #CCCCCC;
background: #FFE781;
}
table.photosessionplate{
border: 1px solid #CCCCCC;
background: #B3DD93;
}
.image_box{
position: relative;
}
.image_mask{
position: absolute;
display: block;
background-image:url(/images/spacer.gif);
}
:root a.itemLink span.impact01 {font-size: 20px;}
a.impact05:link,a.impact05:visited,a.impact05:hover {font-weight: bold; color: #CC0000;}
.impact01 {font: bold 21px Verdana; color: #FF8400; letter-spacing: -1px;}
.impact02 {font: bold 22px Verdana; color: #FF0000; letter-spacing: -2px;}
.impact03 {font: bold 18px Verdana; color: #FF8400; letter-spacing: -1px;}
.impact04 {color: #62b013;}
.impact06 {color: #FF0000; line-height: 180%;}
.priceBox a.impactLink:hover{color:#FF0000; text-decoration:none; cursor:pointer;}
.priceBox a.impactLink:vlink{color:#FF0000; text-decoration:none;}
.priceBox a.impactLink{
-x-system-font:none;
color:#FF0000;
font-family:Verdana;
font-size:22px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
letter-spacing:-1px;
line-height:normal;
text-decoration:none;
margin-left:0px;
}
.chie_prof {
background-color: #ffffff;
border:1px solid #bbbbbb;
}
.chie_rightmenu {
background-color: #ffffff;
border-top: 0px;
border-bottom: #59B3E6 1px solid;
border-right: #59B3E6 1px solid;
border-left: #59B3E6 1px solid;
}
.chie_category {
background-color: #FEFBED;
border-top: 0px;
border-bottom: #FFCC33 1px solid;
border-right: #FFCC33 1px solid;
border-left: #FFCC33 1px solid;
}
.chie_categoryselected {
background-color: #FFFFFF;
border-top: #FFE8A2 1px solid;
border-bottom: #FFE8A2 1px solid;
border-right: 0px;
border-left: 0px;
}
table.chiekanban{
border: #000000 1px solid;
background-image: url(../images/chie_kanban_bg.gif);
background-repeat: no-repeat;
background-position: center top;
}
.card_create {
background-color: #FFFFFF;
border-top: 0px;
border-bottom: #D1D1D1 1px solid;
border-right: #D1D1D1 1px solid;
border-left: #D1D1D1 1px solid;
}
table.voicetable{
border-top: 0px;
border-bottom: 0px;
border-right: #A8CFE4 1px solid;
border-left: #A8CFE4 1px solid;
background-image: url(../images/2014voicetable_bg.gif);
background-repeat: no-repeat;
background-position: center top;
}
table.voicetable2{
border-top: 0px;
border-bottom: 0px;
border-right: #A8CFE4 1px solid;
border-left: #A8CFE4 1px solid;
background-image: url(../images/voicetable_bg2.gif);
background-repeat: no-repeat;
background-position: center top;
background-color: #FFFFFF;
}
.formvoice {font: normal 12px "MS Gothic", Osaka, Helvetica; color:#C3C3C3; background:#FFFFFF;
border:1px solid #ABBCCB;
background-color: #FFFFFF;
}
.formvoice2 {font: normal 14px "MS Gothic", Osaka, Helvetica; color:#C3C3C3; background:#FFFFFF;
border:1px solid #ABBCCB;
background-color: #FFFFFF;
}
.form_active {font: normal 12px "MS Gothic", Osaka, Helvetica; color:#000000; background:#FFFFFF;
border:1px solid #ABBCCB;
background-color: #FFFFFF;
}
table.orangetopline{
border-top: #FFD56D 1px solid;
border-bottom: 0px;
border-right: #FFD56D 1px solid;
border-left: #FFD56D 1px solid;
}
table.orangecharaadd{
border-top: 0px;
border-right: #FFD56D 1px solid;
border-bottom: #FFD56D 1px solid;
border-left: #FFD56D 1px solid;
}
table.itemdetail{
border: #d4d4d4 1px solid;
background-image: url(../images/shop_grade.gif);
background-repeat: repeat-x;
background-position: center top;
}
table.itemcomment{
border: #d4d4d4 1px solid;
}
table.itemlist_bar{
border: #B1CBDA 1px solid;
background-image: url(../images/itembar_grade.gif);
background-repeat: repeat-x;
background-position: center top;
}
table.itemlist{
border-top: 0px;
border-right: #d4d4d4 1px solid;
border-bottom: #d4d4d4 1px solid;
border-left: #d4d4d4 1px solid;
}
table.itemlist2{
border-top: #d4d4d4 1px solid;
border-right: #d4d4d4 1px solid;
border-bottom: #d4d4d4 1px solid;
border-left: #d4d4d4 1px solid;
}
table.itemlist-notop{
border-top: #d4d4d4 0px solid;
border-right: #d4d4d4 1px solid;
border-bottom: #d4d4d4 1px solid;
border-left: #d4d4d4 1px solid;
}
table.itemlist_bar2{
border-top: #D2E4F7 1px solid;
border-right: #B2D3EA 1px solid;
border-bottom: 0px;
border-left: #B2D3EA 1px solid;
background-image: url(../images/gradebluebar.gif);
background-repeat: repeat-x;
background-position: center top;
}
table.itemlist_bar3{
border-top: #D2E4F7 1px solid;
border-right: #B2D3EA 1px solid;
border-bottom: 0px;
border-left: #B2D3EA 1px solid;
background-image: url(../images/gradebluebar2.gif);
background-repeat: repeat-x;
background-position: center top;
}
td.itemgenre{
background-image: url(../images/item_graygrade.gif);
background-repeat: repeat-x;
background-position: center top;
}
td.itemgenre-active{
background-image: url(../images/item_goldgrade.gif);
background-repeat: repeat-x;
background-position: center top;
}
table.itemleftmenu{
border-top: 0px;
border-right: 0px;
border-bottom: #FFFFFF 1px solid;
border-left: 0px;
}
/* mylist */
.mylist_layer { position:absolute; white-space:nowrap; }
.mylist_msg { color:#ffffff; font-size:12px; line-height:1; padding:8px; background-color:#888888; }
.mylist_err { color:#ffffff; font-size:12px; line-height:1; padding:8px; background-color:#bb6666; }
.mylist_link { text-decoration:none; }
table.iine1{
border: #9BD0F3 6px solid;
}
.kizaithum{
border: #E5E5E5 1px solid;
}
.popup {
position: absolute;
text-decoration: none;
border: 1px solid #cccccc;
padding: 12px 16px 16px 16px;
background-color: #eeeeee;
text-align: left;
zIndex: 1;
}
.popup_close {
color: #999999;
text-decoration: none;
}
.popup_close:visited {
color: #999999;
}
.popup_close:hover {
color: #999999;
text-decoration: none;
}
table.graymenu{
border-top: 0px;
border-right: #DDDDDD 1px solid;
border-bottom: 0px;
border-left: #DDDDDD 1px solid;
}
table.cosphoto2011 {
border-top:0px;
border-right:1px solid #EAEAEA;
border-left:0px;
border-bottom:1px solid #EAEAEA;
background-color: #ffffff;
}
table.subpage_menu2011 {
border-top:0px;
border-right:1px solid #D1D1D1;
border-left:1px solid #D1D1D1;
border-bottom:1px solid #D1D1D1;
background-color: #f5f5f5;
}
.keywordsearch2011 {
border-top:1px solid #CCCCCC;
border-right:0px;
border-left:1px solid #CCCCCC;
border-bottom:1px solid #999999;
background-color: #ffffff;
color:#272727;
font: normal 14px "MS Gothic", Osaka, Helvetica;
}
.photosearch2011 {
border-top:1px solid #D0D0D0;
border-right:1px solid #BABABA;
border-left:1px solid #BABABA;
border-bottom:1px solid #BABABA;
}
.schedule_sat
{
background-color:#f7f9fd;
font: normal 12px "MS UI Gothic", Osaka, Helvetica; color:#000000; line-height:130%;
}
.schedule_sun
{
background-color:#FFF3EE;
font: normal 12px "MS UI Gothic", Osaka, Helvetica; color:#000000; line-height:130%;
}
.schedule_weekday
{
background-color:#FFFFFF;
font: normal 12px "MS UI Gothic", Osaka, Helvetica; color:#000000; line-height:130%;
}
.schedule_today
{
background-color:#FFFDD7;
font: normal 12px "MS UI Gothic", Osaka, Helvetica; color:#000000; line-height:130%;
}
.sche_txt_sat
{
font: normal 12px "MS UI Gothic", Osaka, Helvetica; color:#0085CC; line-height:130%;
}
.sche_txt_sun
{
font: normal 12px "MS UI Gothic", Osaka, Helvetica; color:#FF0000; line-height:130%;
}
.sche_txt_today
{
font: bold 12px "MS UI Gothic", Osaka, Helvetica; color:#000000; line-height:130%;
}
.sche_txt_weekday
{
font: normal 12px "MS UI Gothic", Osaka, Helvetica; color:#000000; line-height:130%;
}
.stragechecked {background-image: url(../images/check_bg3.gif);}
.stragechecked2 {background-image: url(../images/check_bg4.gif);}
.comm_search{
border-top:0px;
border-right:1px solid #bbbbbb;
border-left:1px solid #bbbbbb;
border-bottom:0px;
background: #F2F2F2;
padding-top:4px;
padding-bottom:4px;
padding-right:4px;
padding-left:4px;
}
.comm_search2{
border-top:0px;
border-right:1px solid #bbbbbb;
border-left:1px solid #bbbbbb;
border-bottom:1px solid #bbbbbb;
background: #F2F2F2;
padding-top:4px;
padding-bottom:4px;
padding-right:4px;
padding-left:4px;
}
.renew_search {
background:#E5F1FA;
margin-bottom:10px;
font-size:14px;
color:#333;
}
.renew_search select {
border-radius: 0px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border:1px solid #aaaaaa;
padding:3px;
background:url(../images/select_bg.png) left center;
}
.news_title {
background:#FFFFFF;
padding-top:12px;
padding-bottom:6px;
padding-right:20px;
padding-left:20px;
border-top:0px;
border-right:0px;
border-left:0px;
border-bottom:1px dotted #bbbbbb;
}
.news_content {
background:#FFFFFF;
padding-top:10px;
padding-bottom:20px;
padding-right:20px;
padding-left:20px;
border:0px solid #aaaaaa;
}
#wrap{ /*フッターを画面下部に固定する方法*/
width: 100%;
position: relative;
height:auto !important; /*IE6対策*/
height: 100%; /*IE6対策*/
min-height: 100%;
}
.photopage_photo {
padding-top:10px;
padding-bottom:10px;
padding-right:10px;
padding-left:10px;
padding-bottom:140px; /*フッターの高さと同じにすること*/
}
.photopage_footer {
width:100%;
height:140px;
background:#F6F6F6;
border-top:1px solid #DDDDDD;
position:absolute;
bottom:0;
}
.photopage_footer_contents {
margin-top:10px;
margin-bottom:20px;
margin-right:20px;
margin-left:20px;
}
.photoadspace {
padding-top: 10px;
padding-left: 10px;
}
/* news */
.news_topimage_area {
background: #f8f5f3;
padding: 8px;
border: 1px solid #d3cac3;
float:left;
margin-right: 15px;
}
.news_category {
background:#F49952;
padding-top:6px;
padding-bottom:3px;
padding-right:10px;
padding-left:10px;
border:0;
text-align:left;
margin-bottom: 6px;
}
.newsrelated_title { /*関連ニュース表示部*/
background:#FFFFFF;
padding-top:12px;
padding-bottom:0px;
padding-right:20px;
padding-left:4px;
border-top:0px;
border-right:0px;
border-left:0px;
border-bottom:1px solid #999999;
}
.news_rightmenu { /*ニュース右部メニュー*/
background:#F8F5F3;
padding-top:6px;
padding-bottom:4px;
padding-right:10px;
padding-left:8px;
border-top:1px solid #D3CAC3;
border-right:1px solid #D3CAC3;
border-left:1px solid #D3CAC3;
border-bottom:0px;
text-align:left;
}
.news_rightmenutable {
background-color: #ffffff;
border-top: 0px;
border-bottom: 0px;
border-right: 0px;
border-left: 0px;
}
.rightmenu_keyword {
width: 276px;
text-align: left;
border:0px;
}
.rightmenu_word {
width: 276px;
margin-left: 0px;
padding-left: 0px;
margin-top: 6px;
margin-bottom: 15px;
border:0px;
}
.rightmenu_word li {
margin-bottom: 6px;
margin-right: 6px;
}
.tag {
display: inline-block;
*display: inline;
*zoom: 1;
position: relative;
border-radius: 2px;
border: 1px solid #e7e7e7;
height: 23px;
background: url(../images/tag_bg.gif) repeat-x;
}
.tag a {
display: inline-block;
*display: inline;
*zoom: 1;
height: 19px;
padding: 4px 7px 0 21px;
background: url(../images/tag_icon.gif) 5px 5px no-repeat;
color: #555555;
font: normal 12px "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica; color:#000000; line-height:150%; text-decoration: none;
font-size: 12px;
}
.tag img {
position: absolute;
}
div.newsswitch {
margin-right: 10px;
margin-top: 6px;
margin-bottom: 3px;
text-align: right;
}
.newsselected { /*ニュースランキングアクティブ時*/
background-color: #F49952;
margin-right: 0px;
margin-top: 0px;
padding-left: 10px;
padding-right: 10px;
padding-top: 6px;
padding-bottom: 3px;
margin-bottom: 8px;
font: bold 12px "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica; color:#ffffff; line-height:150%; text-decoration: none;
}
.newsnonselected { /*ニュースランキング非アクティブ時*/
background-color: #FFFFFF;
margin-right: 0px;
margin-top: 0px;
padding-left: 10px;
padding-right: 10px;
padding-top: 6px;
padding-bottom: 3px;
margin-bottom: 8px;
font: normal 12px "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica; color:#0075BB; line-height:150%; text-decoration: none;
}
.news-image {
border: 1px solid #d9d9d9;
border-collapse: collapse;
margin-top: 20px;
}
.news-image td {
border: 1px solid #d9d9d9;
}
.news-image td p {
font-size: 100%;
padding: 6px 5px 4px 5px;
margin-bottom: 0;
text-align: left;
}
.gallerycomment2014head { /*ギャラリー詳細画面感想ヘッダー*/
background:#EEEEEE;
border-top:1px solid #D4D4D4;
border-right:1px solid #D4D4D4;
border-left:1px solid #D4D4D4;
border-bottom:0px;
padding-left: 4px;
padding-right: 2px;
padding-top: 2px;
padding-bottom: 2px;
}
.gallerycomment2014 { /*ギャラリー詳細画面感想テーブル*/
background:#FFFFFF;
border: 1px solid #D4D4D4;
padding-left: 6px;
padding-right: 2px;
padding-top: 2px;
padding-bottom: 2px;
}
.margin5px {
margin-left: 5px;
margin-right: 5px;
margin-top: 5px;
margin-bottom: 5px;
}
.footer2014 {
background-color: #EBEFF6;
}
.red_b14150 {font: bold 14px "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica; color:#ff0000; line-height:150%;}
.profpage_rightmenu { /*2014プロフィールページ右部メニュー*/
background:#F1F1F1;
background-color: #F1F1F1;
padding-top:8px;
padding-bottom:6px;
padding-right:10px;
padding-left:6px;
border-top:1px solid #D0D0D0;
/* border-top:1px solid #CDE0EC; */
border-right:0px;
border-left:0px;
border-bottom:1px dotted #C7C7C7;
text-align:left;
}
.profpage_kakomi {
border-top: 1px solid #D0D0D0;
border-right: 1px solid #D0D0D0;
border-bottom: 1px solid #D0D0D0;
border-left: 1px solid #D0D0D0;
padding: 0px;
}
.profpage_titletab {
border-top:0px;
background:#F1F1F1;
background-color: #F1F1F1;
font: normal 14px "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica; color:#000000; line-height:150%; text-decoration: none;
}
.profpage_titletab2 {
border-top: 1px solid #D0D0D0;
border-right: 1px solid #D0D0D0;
border-bottom: 1px solid #D0D0D0;
border-left: 1px solid #D0D0D0;
background:#F1F1F1;
background-color: #F1F1F1;
font: normal 14px "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica; color:#000000; line-height:150%; text-decoration: none;
padding:6px;
}
.profpage_titletab3 {
border-top: 1px solid #D0D0D0;
border-right: 1px solid #D0D0D0;
border-bottom: 0px;
border-left: 1px solid #D0D0D0;
background:#F1F1F1;
background-color: #F1F1F1;
font: normal 14px "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica; color:#000000; line-height:150%; text-decoration: none;
padding:6px;
}
.profpage_koumoku {
border-top:0px;
padding-left:8px;
border-bottom:1px solid #F1F1F1;
background:#ffffff;
background-color: #ffffff;
font: normal 12px "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica; color:#000000; line-height:150%; text-decoration: none;
}
table.prof2014_toplessplate {
border-top:0px;
border-right:1px solid #D0D0D0;
border-left:1px solid #D0D0D0;
border-bottom:1px solid #D0D0D0;
background:#ffffff;
background-color: #ffffff;
padding:3px;
}
table.prof2014_gallerytab {
border-top:0px;
border-right:1px solid #D0D0D0;
border-left:1px solid #D0D0D0;
background:#ffffff;
background-color: #ffffff;
}
table.profile2014{
border: 0px;
background: #FFFFFF;
}
.splayer2014 { /*2014プロフィールページSPレイヤー表示*/
background-color: #FFB86F;
font: normal 10px "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica; color:#ffffff; line-height:150%; text-decoration: none;
margin-top:7px;
margin-bottom:8px;
margin-left:6px;
padding-top:4px;
padding-right:6px;
padding-bottom:4px;
padding-left:6px;
}
.level2014, .level2014:hover, .level2014:visited { /*2014プロフィールページレベル表示*/
background-color: #85D1F8;
font: normal 10px "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica; color:#ffffff; line-height:150%; text-decoration: none;
margin-top:7px;
margin-bottom:8px;
margin-left:6px;
padding-top:4px;
padding-right:6px;
padding-bottom:4px;
padding-left:6px;
}
.leftmenutitle2014 { /*2014左メニュー項目名表示*/
border-top:1px solid #B4C8D8;
border-right:0px;
border-left:0px;
border-bottom:0px;
background:#D7E7F4;
background-color:#D7E7F4;
padding-top:3px;
padding-right:3px;
padding-bottom:3px;
padding-left:6px;
font: normal 14px "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica; color:#000000; line-height:150%; text-decoration: none;
}
.leftmenuregion2014 { /*2014左メニュー項目地域表示*/
border-top:0px;
border-right:0px;
border-left:0px;
border-bottom:1px solid #DAE4EE;
background:#EDF1F8;
background-color:#EDF1F8;
padding-top:3px;
padding-right:3px;
padding-bottom:3px;
padding-left:6px;
font: normal 12px "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica; color:#000000; line-height:150%; text-decoration: none;
}
.subpage_menu2014 {
border-top:0px;
border-right:0px;
border-left:0px;
border-bottom:0px;
background:#F4F6FA;
background-color: #F4F6FA;
}
.keywordsearch2014 {
border:1px solid #B6D0E5;
background-color: #ffffff;
color:#272727;
font: normal 12px "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica; color:#000000; line-height:150%; text-decoration: none;
}
.eventtablehead2014 { /*2014イベント情報-イベント*/
border-top:1px solid #D3A92A;
border-right:0px;
border-left:0px;
border-bottom:1px solid #D3A92A;
background:#FFE781;
background-color: #FFE781;
}
.phototablehead2014 { /*2014イベント情報-撮影会*/
border-top:1px solid #8FBA1A;
border-right:0px;
border-left:0px;
border-bottom:1px solid #8FBA1A;
background:#B3DD93;
background-color: #B3DD93;
}
.awasetablehead2014 { /*2014合わせ情報*/
border-top:1px solid #b4c8d8;
border-right:0px;
border-left:0px;
border-bottom:1px solid #b4c8d8;
background:#e6f5ff;
background-color: #e6f5ff;
}
.layerhead2014 { /*2014レイヤーテーブルヘッド*/
border-top:1px solid #b4c8d8;
border-right:0px;
border-left:0px;
border-bottom:1px solid #b4c8d8;
background:#e6f5ff;
background-color: #e6f5ff;
}
.splayerhead2014 { /*2014SPレイヤーテーブルヘッド*/
border-top:1px solid #FCA2A2;
border-right:0px;
border-left:0px;
border-bottom:1px solid #FCA2A2;
background:#FFE781;
background-color: #FFE781;
}
.userhead2014 { /*2014ユーザーテーブルヘッド*/
border-top:1px solid #C8C8C8;
border-right:0px;
border-left:0px;
border-bottom:1px solid #C8C8C8;
background:#EBEBEB;
background-color: #EBEBEB;
}
.eventtablefooter2014 { /*2014イベント情報下部テーブル*/
border-top:1px solid #ffffff;
border-right:0px;
border-left:0px;
border-bottom:1px solid #e0e0e0;
background:#ffffff;
background-color: #ffffff;
}
.eventtableline1 { /*2014イベント情報項目アンダーライン1*/
border-top:0px;
border-right:0px;
border-left:0px;
border-bottom:1px solid #ffffff;
font: normal 12px "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica; color:#000000; line-height:150%; text-decoration: none;
}
.eventtableline2 { /*2014イベント情報アンダーライン2*/
border-top:0px;
border-right:0px;
border-left:0px;
border-bottom:1px solid #e5e5e5;
font: normal 12px "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica; color:#000000; line-height:150%; text-decoration: none;
}
.eventtableline3 { /*2014イベント情報アンダーライン3*/
border-top:0px;
border-right:0px;
border-left:0px;
border-bottom:1px solid #ffffff;
font: normal 12px "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica; color:#000000; line-height:150%; text-decoration: none;
}
.eventtableline4 { /*2014イベント情報アンダーライン4薄黄色*/
border-top:0px;
border-right:0px;
border-left:0px;
border-bottom:1px solid #DBD4BE;
font: normal 12px "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica; color:#000000; line-height:150%; text-decoration: none;
}
a.awaselink2014 {font: bold 12px "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica; color:#FF0000; line-height:150%; text-decoration: none;}
a.awaselink2014:hover {color:#FF0000; text-decoration: underline;}
.eventleftmenu2014 { /*2014イベント一覧左メニュー項目下線*/
border-top:0px;
border-right:0px;
border-left:0px;
border-bottom:1px solid #E2E2E2;
}
a.mypagenoticetext2014 {font: bold 14px "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica; color:#FF0000; line-height:100%; text-decoration: none;}
a.mypagenoticetext2014:hover, a.mypagenoticetext2014:visited {color:#ff0000; text-decoration: none;}
a.mypageallert2014 {font: bold 12px "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica; color:#FF0000; line-height:150%; text-decoration: none;}
a.mypageallert2014:visited {color:#FF0000; text-decoration: none;}
a.mypageallert2014:hover {color:#FF7E50; text-decoration: underline;}
table.prof_photobookplate2014 /*2014マイページ写真集部下濃線*/ {
border-top:0px;
border-right:1px solid #D0D0D0;
border-left:1px solid #D0D0D0;
border-bottom:1px solid #D0D0D0;
background-color: #ffffff;
padding:3px;
}
table.prof_photobookplate2014-2 /*2014マイページ写真集部下線無し*/ {
border-top:0px;
border-right:1px solid #D0D0D0;
border-left:1px solid #D0D0D0;
border-bottom:1px solid #ffffff;
background-color: #ffffff;
padding:3px;
}
.diarytitle2014 {font: normal 14px "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica; color:#000000; line-height:150%; text-decoration: none;}
.diarytitle-22014 {font: normal 16px "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica; color:#000000; line-height:150%; text-decoration: none;}
.diarytablehead2014 { /*2014日記記事タイトル部*/
border-top:1px solid #59B3E6;
border-right:0px;
border-left:0px;
border-bottom:1px solid #59B3E6;
background:#A7DBFF;
background-color: #A7DBFF;
}
.diarytablefooter2014 { /*2014日記記事下部テーブル*/
border-top:0px;
border-right:0px;
border-left:0px;
border-bottom:0px;
padding-right:10px;
padding-left:10px;
padding-top:8px;
padding-bottom:6px;
background:#ffffff;
background-color: #ffffff;
}
.diarytablecontent2014 { /*2014日記記事テーブルコンテンツ部*/
border-top:0px;
border-right:0px;
border-left:0px;
padding-bottom:6px;
border-bottom:1px solid #E0E0E0;
background:#ffffff;
background-color: #ffffff;
}
.diarytablethum2014 { /*2014日記記事テーブルサムネール部*/
padding:6px;
background:#E6F5FF;
background-color: #E6F5FF;
}
.diarytabletext2014 { /*2014日記記事テーブル本文部*/
padding:6px;
background:#ffffff;
background-color: #ffffff;
}
.diarytablegrayaria2014 { /*2014日記記事テーブルトップグレー部*/
background:#f5f5f5;
background-color: #f5f5f5;
}
.diarytablegrayariathum2014 { /*2014日記記事テーブルトップグレー部サムネール*/
padding:8px;
}
.diarytablegrayariatext2014 { /*2014日記記事テーブルトップグレー部情報部*/
padding-top:8px;
padding-bottom:8px;
padding-left:2px;
}
.diarytablehead2014-2 { /*2014日記一覧ページャ部*/
border-top:0px;
border-right:0px;
border-left:0px;
border-bottom:0px;
background:#E7F5FF;
background-color: #E7F5FF;
}
.rightmenutitle2014 { /*2014右メニュー項目名表示*/
border-top:1px solid #C0C0C0;
border-right:0px;
border-left:0px;
border-bottom:0px;
background:#E5E5E5;
background-color:#E5E5E5;
padding-top:3px;
padding-right:3px;
padding-bottom:3px;
padding-left:6px;
font: normal 14px "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica; color:#000000; line-height:150%; text-decoration: none;
}
.searchresult_photolink2014 {
padding-top:1px;
padding-right:8px;
padding-bottom:0px;
padding-left:7px;
background-color: #FFE781;
font: normal 12px "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica; color:#000000; line-height:150%; text-decoration: none;
}
.searchresult_photolink2014 a {color:#ff2f15;}
.searchresult_photolink2014 a:hover {color:#0075BB; text-decoration: underline;}
.searchresult_favoritelink2014 {
padding-top:1px;
padding-right:8px;
padding-bottom:1px;
padding-left:7px;
background-color: #E6F5FF;
font: normal 12px "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica; color:#000000; line-height:150%; text-decoration: none;
}
.searchresult_favoritelink22014 {
padding:8px;
background-color: #F7FCFF;
font: normal 12px "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica; color:#000000; line-height:150%; text-decoration: none;
}
.ancomment2014 {/*2014マイページ右下部アンケート*/
border: 1px solid #cbcbcb;
background-color: #ffffff;
color: #000000;
font: normal 12px "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica; color:#000000; line-height:150%; text-decoration: none;
}
.mypageplate2014nobottom {/*2014マイページ右上部プレート下線なし*/
border-top:1px solid #E0E0E0;
border-right:1px solid #E0E0E0;
border-left:1px solid #E0E0E0;
border-bottom:0px;
background-color: #f8f8f8;
color: #000000;
font: normal 12px "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica; color:#000000; line-height:150%; text-decoration: none;
}
.mypageplate2014notop {/*2014マイページ右上部プレート上線なし*/
border-top:0px;
border-right:1px solid #E0E0E0;
border-left:1px solid #E0E0E0;
border-bottom:1px solid #E0E0E0;
background-color: #f0f0f0;
color: #000000;
font: normal 12px "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica; color:#000000; line-height:150%; text-decoration: none;
}
.mypageinfo2014 {/*2014マイページサイトからのお知らせ*/
border:4px solid #FFD56D;
background-color: #ffffff;
color: #000000;
font: normal 12px "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica; color:#000000; line-height:150%; text-decoration: none;
}
.mypageinfo2014title {/*2014マイページサイトからのお知らせタイトル部*/
padding:6px;
background-color: #ffffff;
border-right:1px solid #E0E0E0;
color: #000000;
font: normal 12px "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica; color:#000000; line-height:150%; text-decoration: none;
}
.mypageinfo2014content {/*2014マイページサイトからのお知らせ内容部*/
padding-top:6px;
padding-right:6px;
padding-left:10px;
padding-bottom:6px;
background-color: #ffffff;
color: #000000;
font: normal 12px "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica; color:#000000; line-height:150%; text-decoration: none;
}
.mypagefriendlink2014 {/* マイページフレンドリストグレー矩形リンク */
border:1px solid #DFDFDF;
margin-left:3px;
margin-right:1px;
padding-top:2px;
padding-right:6px;
padding-left:6px;
padding-bottom:2px;
background-color: #ffffff;
color: #000000;
font: normal 11px "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica; color:#000000; line-height:150%; text-decoration: none;
float:left;
}
.mypagefriendlink2014-active {/* マイページフレンドリストグレー矩形リンクアクティブ */
border:1px solid #DFDFDF;
margin-left:3px;
margin-right:1px;
padding-top:2px;
padding-right:6px;
padding-left:6px;
padding-bottom:2px;
background-color: #f1f1f1;
color: #000000;
font: normal 11px "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica; color:#000000; line-height:150%; text-decoration: none;
float:left;
}
.newcomer2014 {font: normal 12px "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica; color:#279668; line-height:130%;}
a.mypagefriendlink2014-active:hover {color:#000000; text-decoration: none;}
a.black12nounderline {font: normal 12px "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica; color:#000000; line-height:150%; text-decoration: none;}
a.black12nounderline:hover {color:#FF7E50; text-decoration: underline;}
a.black12nounderline2 {font: normal 12px "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica; color:#000000; line-height:130%; text-decoration: none;}
a.black12nounderline2:hover {color:#FF7E50; text-decoration: underline;}
a.black14nounderline {font: normal 14px "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica; color:#000000; line-height:150%; text-decoration: none;}
a.black14nounderline:hover {color:#FF7E50; text-decoration: underline;}
a.black10nounderline {font: normal 10px "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica; color:#000000; line-height:150%; text-decoration: none;}
a.black10nounderline:hover {color:#FF7E50; text-decoration: underline;}
table.newcomertable2014 {
border-top:0px;
border-right:1px solid #C5EFBF;
border-left:1px solid #C5EFBF;
border-bottom:1px solid #C5EFBF;
background-color: #F4FFE7;
}
table.latestnewstable2014 {
border-top:0px;
border-right:1px solid #B6D3F4;
border-left:1px solid #B6D3F4;
border-bottom:1px solid #B6D3F4;
background-color: #E2F3FE;
}
table.birthdaytable2014 {
border-top:0px;
border-right:1px solid #F6BCD1;
border-left:1px solid #F6BCD1;
border-bottom:1px solid #F6BCD1;
background-color: #FFE2EB;
}
table.communitytable2014 {
border-top:0px;
border-right:1px solid #C5EFBF;
border-left:1px solid #C5EFBF;
border-bottom:1px solid #C5EFBF;
background-color: #EAFBF2;
}
table.toplefttop2014 {
border-top:1px solid #DEDEDE;
border-right:0px;
border-left:1px solid #DEDEDE;
border-bottom:1px solid #DEDEDE;
background-color: #F5F5F5;
}
table.toprighttop2014 {
border:1px solid #DEDEDE;
background-color: #FFFFFF;
}
.imggrayline2014 {
border:1px solid #AAAAAA;
}
a.rankingtextwhite2014 {font: normal 12px "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica; color:#ffffff; line-height:150%; text-decoration: none; padding-left:6px;}
a.rankingtextwhite2014:hover {color:#ffffff; text-decoration: none;}
a.rankingtextgray2014 {font: normal 12px "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica; color:#c1c1c1; line-height:150%; text-decoration: none; padding-left:6px;}
a.rankingtextgray2014:hover {color:#FF7E50; text-decoration: underline;}
.black_mui9130 {font: normal 9px "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica; color:#000000; line-height:130%;}
.black_mui9150 {font: normal 9px "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica; color:#000000; line-height:150%;}
.toppagesearch2014 {
border-top:1px solid #C4B537;
border-right:0px;
border-left:1px solid #C4B537;
border-bottom:1px solid #C4B537;
background-color: #FFFCE1;
color:#272727;
font: normal 14px "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica;
}
#searchmenu ul{ /* トップページコスプレスーパー検索 */
padding-left: 47px;
height: 52px;
background-color: #666666;
background: url(../images/2014topsearchtabbg.gif) 0px 0px repeat-x;
list-style: none;
}
#searchmenu li{
padding: 0;
margin: 0;
float: left;
}
#searchmenu li a.activetab {
display: block;
background: url(../images/topsearch-activebg.gif) 0px 0px no-repeat;
border:0px;
text-decoration: none;
color: #000000;
width: 172px;
height: 52px;
padding-top: 10px;
margin-right: 8px !important;
text-align: center;
font: normal 12px "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica;
}
#searchmenu li a.nonactivetab {
display: block;
position: relative;
top: 5px;
background-color: #FFF076;
border-top:1px solid #FFB85D;
border-right:1px solid #FFB85D;
border-left:1px solid #FFB85D;
border-bottom:0px;
text-decoration: none;
color: #000000;
width: 172px;
height: 20px;
margin-right: 8px;
padding-top: 4px;
padding-bottom: 4px;
text-align: center;
font: normal 12px "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica;
}
#searchmenupager ul{ /* トップページコスプレスーパー検索ページャー */
padding-left: 47px;
list-style: none;
}
#searchmenupager li{
padding: 0;
margin: 0;
float: left;
}
#searchmenupager li a.active{
display: block;
border:1px solid #FFFFFF;
text-decoration: none;
background-color: #FFA201;
color: #FFFFFF;
width: 200px;
height: 20px;
padding: 4px;
margin-right: 4px !important;
text-align: center;
font: bold 12px "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica;
}
#searchmenupager li a.nonactive{
display: block;
background-color: #FFF076;
border-top:1px solid #FFB85D;
border-right:1px solid #FFB85D;
border-left:1px solid #FFB85D;
border-bottom:1px solid #FFB85D;
text-decoration: none;
color: #000000;
min-width: 80px;
width: 96px;
height: 20px;
margin-right:4px;
padding: 4px;
text-align: center;
font: normal 12px "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica;
}
.search_contenttable2014 { /*トップページコスプレスーパー検索リストテーブル・フロート解除用途 */
clear:both;
}
.widelink42014, .widelink42014:visited {
display: block; width: 100%;
border:0px solid #ffffff;
padding:2px;
font: normal 12px "メイリオ", "MS UI Gothic", Osaka, Helvetica; color:#0075BB; text-decoration: none;
}
.widelink42014active {
display: block; width: 100%;
border:0px solid #ffffff;
padding:2px;
font: normal 12px "メイリオ", "MS UI Gothic", Osaka, Helvetica; color:#000000; text-decoration: none;
}
.widelink42014:hover {
color: red;
border:0px solid #d1d1d1;
padding:2px;
text-decoration: underline;
}
.friendgroupform2014 {
border-top:1px solid #AFAFAF;
border-right:1px solid #AFAFAF;
border-left:1px solid #AFAFAF;
border-bottom:1px solid #AFAFAF;
background-color: #FFFFFF;
color:#000000;
font: normal 14px "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica;
}
.submit2014, .submit2014:active, .submit2014:focus { /*フレンドグループ作成フォームボタン（濃色） */
border: #0C2342 1px solid;
padding-right: 20px;
padding-left: 20px;
padding-top: 4px;
padding-bottom: 4px;
font: normal 14px "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica;
color:#ffffff;
background-color:#0C2342;
}
.submit2014-2, .submit2014-2:active, .submit2014-2:focus { /*フレンドグループ作成フォームボタン（白色） */
border: #0C2342 1px solid;
padding-right: 20px;
padding-left: 20px;
padding-top: 4px;
padding-bottom: 4px;
font: normal 14px "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica;
color:#000000;
background-color:#ffffff;
}
.submit2014-3 { /*フォームサブミットボタン濃色中*/
border-right: white 1px solid;
border-top: white 1px solid;
border-left: white 1px solid;
border-bottom: white 1px solid;
padding-right: 8px;
padding-left: 8px;
padding-top: 3px;
padding-bottom: 3px;
font: normal 12px "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica; color:#ffffff; line-height:150%; text-decoration: none;
color: white;
background-color:#0C2342;
}
.submit2014-4 { /*フォームサブミットボタン白色中 */
border: #0C2342 1px solid;
padding-right: 8px;
padding-left: 8px;
padding-top: 3px;
padding-bottom: 3px;
font: normal 12px "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica;
color:#000000;
background-color:#ffffff;
}
a.widelinkfriend2014, a.widelinkfriend2014:visited {
display: block;
border: 0px;
width: 130px;
margin:8px;
font: normal 12px "メイリオ", "MS UI Gothic", Osaka, Helvetica; color:#0075BB; text-decoration: none;
}
a.widelinkfriendactive2014 {
display: block;
border:0px;
width: 130px;
padding:8px;
font: normal 12px "メイリオ", "MS UI Gothic", Osaka, Helvetica; color:#000000; text-decoration: none;
}
.listtext2014 {font: normal 10px "メイリオ", "MS Gothic", Osaka, Helvetica; color:#000000; line-height:110%; height:28px;}
.listtext-1hour2014 {font: normal 10px "メイリオ", "MS Gothic", Osaka, Helvetica; color:#000000; line-height:110%; height:28px; background-color: #CFECFF;}
.listtext-1day2014 {font: normal 10px "メイリオ", "MS Gothic", Osaka, Helvetica; color:#000000; line-height:110%; height:28px; background-color: #E6F5FF;}
.checked2014 {background-image: url(../images/2014check_bg.gif);}
.separateline2014 {
border-bottom:1px solid #CEE1EF;
}
.separateline-top2014 {
border-top:1px solid #CEE1EF;
}
.diarypagerblueobi2014 {
border-top:1px solid #71B4E2;
border-bottom:1px solid #71B4E2;
}
.calendar2014 {
text-align:center;
font-family: "メイリオ", "ＭＳ Ｐゴシック", "Osaka";
font-size:12px;
}
.calendar_days2014 { /*日記ページカレンダーヘッダー */
padding: 3px 4px 3px 4px;
height:18px;
width:38px;
text-align:center;
font: normal 10px "メイリオ", "MS Gothic", Osaka, Helvetica; color:#ffffff; line-height:110%;
background-color:#54626B;
}
.calendar_day2014 { /*日記ページカレンダーセル */
padding: 3px 4px 3px 4px;
height:18px;
width:38px;
text-align:center;
font: normal 12px "メイリオ", "MS Gothic", Osaka, Helvetica; color:#444444; line-height:110%;
background-color:#F1F4F6;
}
.calendar_posted2014 { /*日記ページカレンダー投稿有表示 */
padding: 3px 4px 3px 4px;
height:18px;
width:38px;
background-color:#54A6CC;
color:#333333;
border:0px;
text-align:center;
font: normal 12px "メイリオ", "MS Gothic", Osaka, Helvetica; color:#ffffff; line-height:110%;
}
.calendar_today2014 { /*日記ページカレンダー当日表示 */
padding: 3px 4px 3px 4px;
height:18px;
width:38px;
background-color:#F7B607;
color:#333333;
border:0px;
text-align:center;
font: normal 12px "メイリオ", "MS Gothic", Osaka, Helvetica; color:#ffffff; line-height:110%;
}
.calendar_posted2014 a:link,.calendar_posted2014 a:visited{color: #FFFFFF;text-decoration:none;}
.calendar_posted2014 a:active,.calendar_posted2014 a:hover{color: #FF7E50;text-decoration:none;}
.mypageallert2014 a:visited{color: #FF0000;text-decoration:none;}
.bordermenu2014 { /*日記左メニュー部ブルーラインテーブル */
font-size: 10px;
color:#000000;
border-left:1px solid #C4DFF4;
border-right:1px solid #C4DFF4;
border-top:0px;
border-bottom:1px solid #C4DFF4;
background-color:#FFFFFF;
}
.diarycommenttable2014 { /*日記コメントテーブル */
border-left:1px solid #C0E2F3;
border-right:1px solid #C0E2F3;
border-top:0px;
border-bottom:1px solid #C0E2F3;
background-color:#EDF5FD;
}
.formdiarycom2014 { /*日記コメントフォーム */
font: normal 12px "メイリオ", "MS UI Gothic", Osaka, Helvetica; color:#000000;
border:1px solid #ABBCCB;
background-color: #FFFFFF;
}
.image_in_diary2014 { /*日記内表示画像*/
padding:5px;
}
.formchie2014 { /*基本フォーム*/
font: normal 12px "メイリオ", "MS UI Gothic", Osaka, Helvetica; color:#000000; background:#EBEBEB;
border:1px solid #ADADAD;
background-color: #EBEBEB;
}
.rootmenu span { /*パンくずリスト*/
display: table-cell;
vertical-align: middle;
}
.comm_search2014{
border-top:0px;
border-right:1px solid #F2F2F2;
border-left:1px solid #F2F2F2;
border-bottom:1px solid #CEE1EF;
background: #F2F2F2;
padding-top:4px;
padding-bottom:4px;
padding-right:4px;
padding-left:4px;
}
.comm_search2014-2{
border-top:0px;
border-right:1px solid #F2F2F2;
border-left:1px solid #F2F2F2;
border-bottom:1px solid #D7D7D7;
background: #F2F2F2;
padding-top:4px;
padding-bottom:4px;
padding-right:4px;
padding-left:4px;
}
table.charaadd2014{
border-top: 0px;
border-right: 0px;
border-bottom: #E0E0E0 1px solid;
border-left: 0px;
}
table.voicetable2014-2{
border-top: 0px;
border-bottom: 0px;
border-right: #A8CFE4 1px solid;
border-left: #A8CFE4 1px solid;
background-image: url(../images/2014voicetable_bg2.png);
background-repeat: no-repeat;
background-position: center top;
background-color: #FFFFFF;
}
.newstop_table {
background:#FFFFFF;
/*
padding-top:4px;
padding-bottom:16px;
padding-right:0px;
padding-left:0px;
*/
margin-bottom:16px;
border-top:1px solid #dddddd;
border-right:0px;
border-left:0px;
border-bottom:0px;
}
.newstop_tablemidashi {
border-bottom:1px dotted #bbbbbb;
padding-top:8px;
padding-left:12px;
padding-right:4px;
}
.newstop_tablecontent {
padding-left:12px;
padding-right:4px;
}
table.chiekanban2014{ /*新知恵袋看板*/
border: #bbbbbb 1px solid;
background-image: url(../images/2014chie_kanban_bg.gif);
background-repeat: no-repeat;
background-position: center top;
}
.keywordsearch2014-2 { /*新知恵袋検索ボックス*/
border:1px solid #D1C7B5;
background-color: #ffffff;
color:#272727;
font: normal 12px "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica; color:#000000; line-height:150%; text-decoration: none;
}
.keywordsearch2014-3 { /*検索ボックス囲み線青*/
border:1px solid #ABC0CF;
background-color: #ffffff;
color:#272727;
font: normal 12px "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica; color:#000000; line-height:150%; text-decoration: none;
}
.searchresultheader2014 {
border-top:0px;
border-right:1px solid #D5CAB7;
border-left:1px solid #D5CAB7;
border-bottom:1px solid #D5CAB7;
background-color: #F0ECE5;
}
.searchresultheader2014-2 {/*テーブル下線無しバージョン*/
border-top:0px;
border-right:1px solid #D5CAB7;
border-left:1px solid #D5CAB7;
border-top:0px;
background-color: #F0ECE5;
}
table.topinfo2014 {
border:1px solid #EFE867;
background-color: #FBFBA5;
}
td.manual2014-head { /*マニュアルページ見出しマージン調整用*/
padding-right: 20px;
padding-left: 20px;
padding-top: 0px;
padding-bottom: 0px;
}
td.manual2014-content { /*マニュアルページコンテンツマージン調整用*/
padding-right: 26px;
padding-left: 26px;
padding-top: 14px;
padding-bottom: 14px;
}
td.margin2014-content { /*一般ページコンテンツマージン調整用*/
padding-right: 16px;
padding-left: 16px;
padding-top: 10px;
padding-bottom: 10px;
}
td.margin2014-content2 { /*一般ページコンテンツマージン調整用小*/
padding-right: 8px;
padding-left: 8px;
padding-top: 4px;
padding-bottom: 6px;
}
/* ページバー2014 */
.pg_bar2014 a {
font-family: "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica;
color: #000000;
font-weight: bold;
text-decoration: none;
}
.pg_bar2014 a:link,
.pg_bar2014 a:visited,
.pg_bar2014 a:active,
.pg_bar2014 a:hover {
text-decoration: none;
}
.pg_bar2014_num1, .pg_bar2014_num2, .pg_bar2014_num3 {
text-align: center;
vertical-align: bottom;
line-height: 250%;
margin: 0px;
}
.pg_bar2014_num1 a, .pg_bar2014_num2 a, .pg_bar2014_num3 a {
background: #FFFFFF;
}
.pg_bar2014 .current {
font-family: "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica;
color: #ffffff;
font-weight: bold;
background: #003A6A;
}
.pg_bar2014_num1 a, .pg_bar2014_num1 .current {
border: 1px solid #CCCCCC;
padding-top: 5px;
padding-bottom: 5px;
padding-right: 8px;
padding-left: 8px;
}
.pg_bar2014_num2 a, .pg_bar2014_num2 .current {
border: 1px solid #CCCCCC;
padding-top: 5px;
padding-bottom: 5px;
padding-right: 5px;
padding-left: 5px;
}
.pg_bar2014_num3 a, .pg_bar2014_num3 .current {
border: 1px solid #CCCCCC;
padding-top: 5px;
padding-bottom: 5px;
padding-right: 1px;
padding-left: 1px;
}
.awaseplate {
position: relative;
width: 94px;
height: 94px;
}
.awaseplate a {
display: block;
}
a.awaseplate-obi { /*合わせ参加者リスト主催者帯*/
position: absolute;
top: -2px;
left: 0px;
}
.membersearchheader2014 { /*メンバー検索ヘッダー*/
border-top:0px;
border-right:1px solid #C1D1E9;
border-left:1px solid #C1D1E9;
border-bottom:1px solid #C1D1E9;
background-color: #EAF6FF;
}
.registlayer2014 { /*コスプレイヤー登録イメージテーブル*/
padding-left: 40px;
border-bottom:1px solid #E0E0E0;
background-image: url(../images/2014regist_layer_bg.jpg);
background-repeat: no-repeat;
background-position: right top;
background-color: #FFFFFF;
}
.registuser2014 { /*ユーザー登録イメージテーブル*/
padding-left: 40px;
border-bottom:1px solid #E0E0E0;
background-image: url(../images/2014regist_user_bg.jpg);
background-repeat: no-repeat;
background-position: right top;
background-color: #FFFFFF;
}
.registsite2014 { /*サイト登録イメージテーブル*/
padding-left: 40px;
border-bottom:1px solid #E0E0E0;
background-image: url(../images/2014regist_site_bg.jpg);
background-repeat: no-repeat;
background-position: right top;
background-color: #FFFFFF;
}
.titlecharatable2014 { /*作品キャラリストテーブル*/
padding-top: 10px;
padding-bottom: 8px;
border-bottom:1px solid #E0E0E0;
}
.titlecharamenu2014 { /*作品キャラリストセカンドメニューセル*/
display: block;
vertical-align: middle;
text-align: center;
min-width: 60px;
min-height: 36px;
height: 36px;
font: normal 14px "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica; color:#ffffff; text-decoration: none;
line-height: 36px;
background-image: url(../images/2014tcmenu_bg.gif);
}
.titlecharamenu-active2014 { /*作品キャラリストセカンドメニューセルアクティブ時*/
display: block;
vertical-align: middle;
text-align: center;
min-width: 60px;
min-height: 36px;
height: 36px;
font: normal 14px "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica; color:#000000; text-decoration: none;
line-height: 36px;
background-image: url(../images/2014tcmenu_bg-active.gif);
}
.titlecharamenu2014long { /*作品キャラリストセカンドメニューセル長いバージョン*/
display: block;
vertical-align: middle;
text-align: center;
min-width: 120px;
min-height: 36px;
height: 36px;
font: normal 14px "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica; color:#ffffff; text-decoration: none;
line-height: 36px;
background-image: url(../images/2014tcmenu_bglong.gif);
}
.titlecharamenu-active2014long { /*作品キャラリストセカンドメニューセル長いバージョンアクティブ時*/
display: block;
vertical-align: middle;
text-align: center;
min-width: 120px;
min-height: 36px;
height: 36px;
font: normal 14px "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica; color:#000000; text-decoration: none;
line-height: 36px;
background-image: url(../images/2014tcmenu_bglong-active.gif);
}
.titlecharafloatmenu2014 { /*作品キャラリストセカンドメニューフロート*/
display: block;
vertical-align: middle;
text-align: center;
min-width: 60px;
min-height: 36px;
height: 36px;
font: normal 14px "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica; color:#000000; text-decoration: none;
line-height: 36px;
background-color: #E7E7E7;
}
.newcomer-image2014 { /*新着情報ページイメージ*/
padding-top: 12px;
padding-bottom: 12px;
border-bottom:1px dotted #cccccc;
}
.newcomer-label2014 { /*新着情報ページラベル*/
padding-top: 2px;
padding-left: 6px;
padding-right: 4px;
padding-bottom: 2px;
min-height: 88px;
height: 88px;
}
.stockmenuleft2014 { /*フォトストック内サムネール左矢印*/
display: table-cell;
vertical-align: middle;
text-align: center;
min-width: 38px;
width: 38px;
min-height: 120px;
height: 120px;
font: normal 14px "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica; color:#ffffff; line-height:150%; text-decoration: none;
background:url(../images/2014stockleftmarker.png) no-repeat 8px 43px;
background-color: #F4F4F4;
}
.stockmenuleft2014-2 { /*フォトストック内サムネール左矢印データ無し*/
display: table-cell;
vertical-align: middle;
text-align: center;
min-width: 38px;
width: 38px;
min-height: 120px;
height: 120px;
font: normal 14px "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica; color:#ffffff; line-height:150%; text-decoration: none;
background:url(../images/2014stockleftmarker-no.png) no-repeat 8px 43px;
background-color: #F4F4F4;
}
a.stockmenuleft2014:hover {
background:url(../images/2014stockleftmarker-active.png) no-repeat 8px 43px;
background-color: #E4E4E4;
}
.stockmenuright2014 { /*フォトストック内サムネール右矢印*/
display: table-cell;
vertical-align: middle;
text-align: center;
min-width: 38px;
width: 38px;
min-height: 120px;
height: 120px;
font: normal 14px "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica; color:#ffffff; line-height:150%; text-decoration: none;
background:url(../images/2014stockrightmarker.png) no-repeat 10px 43px;
background-color: #F4F4F4;
}
a.stockmenuright2014:hover {
background:url(../images/2014stockrightmarker-active.png) no-repeat 10px 43px;
background-color: #E4E4E4;
}
.stockmenuright2014-2 { /*フォトストック内サムネール右矢印データ無し*/
display: table-cell;
vertical-align: middle;
text-align: center;
min-width: 38px;
width: 38px;
min-height: 120px;
height: 120px;
font: normal 14px "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica; color:#ffffff; line-height:150%; text-decoration: none;
background:url(../images/2014stockrightmarker-no.png) no-repeat 10px 43px;
background-color: #F4F4F4;
}
.stockleftmenu-kugiri2014 { /*フォトストック検索左ブロック区切り*/
padding-top: 4px;
padding-bottom: 4px;
border-bottom:1px dotted #bbbbbb;
}
.searchresultstcoklist2014 { /*フォトストック検索ジャンルリスト*/
border-top:0px;
border-right:1px solid #D5CAB7;
border-left:1px solid #D5CAB7;
border-bottom:1px solid #D5CAB7;
background-color: #F0ECE5;
}
.review-postbuttonbg2014 { /*レビューページ投稿ボタン背景*/
background-color: #F4F6FA;
padding-top:2px;
border-bottom:1px solid #E0E0E0;
}
a.active2014 {
display: block; width: 182px;
background-color: #E6F5FF;
border:1px solid #85CAF4;
padding:2px;
}
a.active2014:hover {
font: normal 12px "メイリオ", "Meiryo", "MS UI Gothic", color:#0075BB; text-decoration: none;
}
a.active22014 {
display: table-cell; width: 125px;
background-color: #E6F5FF;
border:1px solid #85CAF4;
padding:2px;
}
a.widelink2014 {
display: block; width: 182px;
border:1px solid #ffffff;
padding:2px;
font: normal 12px "メイリオ", "Meiryo", "MS UI Gothic", color:#0075BB; text-decoration: none;
}
a.widelink22014 {
display: table-cell; width: 125px;
border:1px solid #ffffff;
padding:2px;
font: normal 12px "メイリオ", "Meiryo", "MS UI Gothic", color:#0075BB; text-decoration: none;
white-space: nowrap;
}
a.widelink32014 {
display: table-cell; width: 50px;
border:1px solid #ffffff;
padding:2px;
font: normal 12px "メイリオ", "Meiryo", "MS UI Gothic", color:#0075BB; text-decoration: none;
white-space: nowrap;
}
a.widelink42014, a.widelink42014:visited {
display: block; width: 100%;
border:0px solid #ffffff;
padding:2px;
font: normal 12px "メイリオ", "Meiryo", "MS UI Gothic", color:#0075BB; text-decoration: none;
}
a.widelink2014:hover {
background-color: #f0f0f0;
color: red;
border:1px solid #d1d1d1;
padding:2px;
}
a.widelink22014:hover {
background-color: #f0f0f0;
color: red;
border:1px solid #d1d1d1;
padding:2px;
}
a.widelink32014:hover {
background-color: #f0f0f0;
color: red;
border:1px solid #d1d1d1;
padding:2px;
}
a.widelink42014:hover {
color: red;
border:0px solid #d1d1d1;
padding:2px;
}
table.personalfolder2014{
background-image: url(../images/2014personalfolder_bg.gif);
background-repeat: no-repeat;
background-position: center top;
}
a.filtering2014 {font: normal 12px "メイリオ", "Meiryo", "MS UI Gothic", color:#FF0000; text-decoration: none; line-height:120%;}
a.filtering2014:hover {color:#000000; text-decoration: underline;}
a.mailhead2014 {font: normal 12px "メイリオ", "Meiryo", "MS UI Gothic", color:#0075BB; text-decoration: none;}
a.mailhead2014:hover {color:#FF7E50; text-decoration: underline;}
.schedule_sat2014
{
background-color:#f7f9fd;
font: normal 12px "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica; color:#000000; line-height:130%;
}
.schedule_sun2014
{
background-color:#FFF3EE;
font: normal 12px "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica; color:#000000; line-height:130%;
}
.schedule_weekday2014
{
background-color:#FFFFFF;
font: normal 12px "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica; color:#000000; line-height:130%;
}
.schedule_today2014
{
background-color:#FFFDD7;
font: normal 12px "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica; color:#000000; line-height:130%;
}
.sche_txt_sat2014
{
font: normal 12px "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica; color:#0085CC; line-height:130%;
}
.sche_txt_sun2014
{
font: normal 12px "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica; color:#FF0000; line-height:130%;
}
.sche_txt_today2014
{
font: bold 12px "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica; color:#000000; line-height:130%;
}
.sche_txt_weekday2014
{
font: normal 12px "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica; color:#000000; line-height:130%;
}
a.trueblack {color:#000000; text-decoration: none;}
a.trueblack:hover {color:#FF7E50; text-decoration: underline;}
a.calendarmember { /*カレンダーその他のメンバー背景*/
background-image: url(../images/2014calendar_menber_bg.png);
display: table-cell;
width: 124px;
height: 20px;
text-align:center;
vertical-align: middle;
font: normal 12px "メイリオ", "MS Gothic", Osaka, Helvetica; color:#000000; line-height:110%;
text-decoration: none;
}
TABLE.infoleft2014{
background-color: #f5f5f5;
border-top:1px solid #e6e6e6;
border-right:1px solid #e6e6e6;
border-left:1px solid #e6e6e6;
border-bottom:0px;
}
.infoleftmenu2014 {
display: block;
border-top:1px solid #e6e6e6;
padding-top:8px;
padding-right:12px;
padding-bottom:8px;
padding-left:12px;
font: normal 12px "メイリオ", "MS Gothic", Osaka, Helvetica; color:#000000; line-height:130%;
}
.infoleftmenutitle2014 {
display: block;
padding-top:8px;
padding-right:12px;
padding-bottom:8px;
padding-left:12px;
font: normal 16px "メイリオ", "MS Gothic", Osaka, Helvetica; color:#000000; line-height:130%;
}
.infoleftmenuyear2014 {
display: block;
border-top:1px solid #e6e6e6;
padding-top:8px;
padding-right:12px;
padding-bottom:8px;
padding-left:12px;
font: normal 16px "メイリオ", "MS Gothic", Osaka, Helvetica; color:#000000; line-height:130%;
}
table.informationtitle2014{ border:2px solid #82C1EE; background-color: #E9F6FF;}
.informationtitle2014 {font: bold 12px "メイリオ", "Meiryo", "MS Gothic", Osaka, Helvetica; color:#3C75C4; line-height:150%;}
ul.infopager{
margin-left:160px;
}
li.infopager{
float:left;
padding-right:10px;
list-style-type: none;
}
.infopagerbg2014 { /*サイトからのお知らせページャ背景*/
display: table-cell;
background-image: url(../images/2014infopagerbg_on.png);
vertical-align: middle;
text-align:center;
width: 180px;
height: 38px;
font: normal 14px "メイリオ", "MS Gothic", Osaka, Helvetica; color:#000000; line-height:130%; text-decoration: none;
}
.infopagerbg22014 { /*サイトからのお知らせページャ背景半透明*/
display: table-cell;
background-image: url(../images/2014infopagerbg_off.png);
vertical-align: middle;
text-align:center;
width: 180px;
height: 38px;
font: normal 14px "メイリオ", "MS Gothic", Osaka, Helvetica; color:#C2C2C2; line-height:130%; text-decoration: none;
}
.infopagerbg2014 { /*サイトからのお知らせページャ背景*/
display: table-cell;
background-image: url(../images/2014infopagerbg_on.png);
vertical-align: middle;
text-align:center;
width: 180px;
height: 38px;
font: normal 14px "メイリオ", "MS Gothic", Osaka, Helvetica; color:#000000; line-height:130%; text-decoration: none;
}
.infopagerbg22014 { /*サイトからのお知らせページャ背景半透明*/
display: table-cell;
background-image: url(../images/2014infopagerbg_off.png);
vertical-align: middle;
text-align:center;
width: 180px;
height: 38px;
font: normal 14px "メイリオ", "MS Gothic", Osaka, Helvetica; color:#C2C2C2; line-height:130%; text-decoration: none;
}
.infopagerbg22014:hover {
font: normal 14px "メイリオ", "MS Gothic", Osaka, Helvetica; color:#C2C2C2; line-height:130%; text-decoration: none;
}
a.black14uiunderline2014 {font: normal 14px "メイリオ", "MS Gothic" , "MS UI Gothic", Osaka, Helvetica; color:#000000; line-height:150%; text-decoration: underline;}
a.black14uiunderline2014:hover {color:#FF7E50; text-decoration: underline;}
.formkizaicomment2014 {font: normal 12px "メイリオ", "MS Gothic", Osaka, Helvetica; color:#C3C3C3; background:#FFFFFF;
border:1px solid #ABBCCB;
padding:4px;
background-color: #FFFFFF;
}
.sitepress2014 { /*サイト検索プレスリリース背景*/
background-color: #fff7c0;
padding-top:8px;
padding-right:16px;
padding-bottom:8px;
padding-left:16px;
border-top:1px dotted #ffb36f;
font: normal 12px "メイリオ", "MS Gothic", Osaka, Helvetica; color:#000000; line-height:150%; text-decoration: none;
}
.siteupdate2014 { /*サイト検索更新情報背景*/
background-color: #ebf7ff;
padding-top:8px;
padding-right:16px;
padding-bottom:8px;
padding-left:16px;
border-top:1px dotted #b4d6ed;
font: normal 12px "メイリオ", "MS Gothic", Osaka, Helvetica; color:#000000; line-height:150%; text-decoration: none;
}
.sitedetail2014 { /*サイト検索サイト説明背景*/
background-color: #ffffff;
padding-top:8px;
padding-right:16px;
padding-bottom:8px;
padding-left:16px;
font: normal 12px "メイリオ", "MS Gothic", Osaka, Helvetica; color:#000000; line-height:150%; text-decoration: none;
}
.pulldown2014 { /*フォームプルダウン*/
padding-top:2px;
padding-right:2px;
padding-bottom:2px;
padding-left:2px;
border:1px solid #cccccc;
font: normal 12px "メイリオ", "MS Gothic", Osaka, Helvetica; color:#000000; line-height:100%; text-decoration: none;
}
.osusumetable2014 { /*オススメリストテーブル*/
border-bottom:1px dotted #C7C7C7;
}
.osusumetableimage2014 { /*オススメリスト画像*/
padding:8px;
}
.osusumetablelabel2014 { /*オススメリストラベル*/
padding-top:8px;
padding-right:4px;
padding-bottom:6px;
padding-left:0px;
}
/*イベント写真順位画像*/
.photorank-plate {
position: relative;
}
.photorank-plate-img {
position: absolute;
top: 4px;
left: 0px;
}
.photorank-plate-obi {
position: absolute;
top: 0px;
left: 5px;
}
a.voicetime2014 {font: normal 11px "メイリオ", "MS Gothic" , "MS UI Gothic", Osaka, Helvetica; text-decoration: none;}
a.voicetime2014:hover {color:#999999; text-decoration: underline;}
.formvoice2014 {font: normal 12px "メイリオ", "MS Gothic", "MS Gothic", Osaka, Helvetica; color:#C3C3C3; background:#FFFFFF;
border:1px solid #99CDE1;
background-color: #FFFFFF;
padding:4px;
}
.formvoice_active2014 {font: normal 12px "メイリオ", "MS Gothic", "MS Gothic", Osaka, Helvetica; color:#000000; background:#FFFFFF;
border:1px solid #99CDE1;
background-color: #FFFFFF;
padding:4px;
}
.formmainvoice2014 {font: normal 14px "メイリオ", "MS Gothic", "MS Gothic", Osaka, Helvetica; color:#C3C3C3; background:#FFFFFF;
border:1px solid #99CDE1;
background-color: #FFFFFF;
padding-top:4px;
padding-right:8px;
padding-bottom:4px;
padding-left:8px;
}
.formmainvoice_active2014 {font: normal 14px "メイリオ", "MS Gothic", "MS Gothic", Osaka, Helvetica; color:#000000; background:#FFFFFF;
border:1px solid #99CDE1;
background-color: #FFFFFF;
padding-top:4px;
padding-right:8px;
padding-bottom:4px;
padding-left:8px;
}
.voice-pagerbottom2014 { /*ボイスページページャー部*/
border:1px solid #e0e0e0;
background-image: url(../images/2014gradeblock.gif);
background-repeat: repeat-x;
background-position: center bottom;
padding:6px;
}
.gallerysearch_line2014 { /*ギャラリー絞込みテーブル区切りライン*/
background-color: #ffffff;
padding-top:8px;
padding-right:12px;
padding-bottom:8px;
padding-left:12px;
border-top:1px dotted #c8c8c8;
font: normal 12px "メイリオ", "MS Gothic", Osaka, Helvetica; color:#000000; line-height:150%; text-decoration: none;
}
.gallerysearch2_line2014 { /*ギャラリー絞込みテーブル区切りライングレー（シチュエーション用）*/
background-color: #f6f6f6;
padding-top:8px;
padding-right:12px;
padding-bottom:8px;
padding-left:12px;
border-top:1px dotted #c8c8c8;
font: normal 12px "メイリオ", "MS Gothic", Osaka, Helvetica; color:#000000; line-height:150%; text-decoration: none;
}
.gallery_siboritable2014 { /*ギャラリーメンバー再絞込みテーブル*/
background-color: #F8F1E1;
padding-top:8px;
padding-right:12px;
padding-bottom:8px;
padding-left:12px;
border:1px solid #E6D6B7;
font: normal 12px "メイリオ", "MS Gothic", Osaka, Helvetica; color:#000000; line-height:150%; text-decoration: none;
}
/* 日記トラックバックページバー2014 */
.trpg_bar2014 a {
color: #0075BB;
font-weight: bold;
text-decoration: none;
}
.trpg_bar2014 a:link,
.trpg_bar2014 a:visited,
.trpg_bar2014 a:active,
.trpg_bar2014 a:hover {
text-decoration: none;
}
.trpg_bar2014_num1, .trpg_bar2014_num2, .trpg_bar2014_num3 {
text-align: center;
vertical-align: bottom;
line-height: 250%;
margin: 0px;
}
.trpg_bar2014_num1 a, .trpg_bar2014_num2 a, .trpg_bar2014_num3 a {
background: #ECF7FF;
}
.trpg_bar2014 .current {
color: #ffffff;
font-weight: bold;
background: #0078A9;
}
.trpg_bar2014_num1 a {
border: 1px solid #8BC2E8;
padding-top: 6px;
padding-bottom: 6px;
padding-right: 7px;
padding-left: 7px;
}
.trpg_bar2014_num1 .current {
border: 1px solid #0078A9;
padding-top: 6px;
padding-bottom: 6px;
padding-right: 7px;
padding-left: 7px;
}
.trpg_bar2014_num2 a {
border: 1px solid #8BC2E8;
padding-top: 6px;
padding-bottom: 6px;
padding-right: 5px;
padding-left: 5px;
}
.trpg_bar2014_num2 .current {
border: 1px solid #0078A9;
padding-top: 6px;
padding-bottom: 6px;
padding-right: 5px;
padding-left: 5px;
}
.trpg_bar2014_num3 a {
border: 1px solid #8BC2E8;
padding-top: 6px;
padding-bottom: 6px;
padding-right: 3px;
padding-left: 3px;
}
.trpg_bar2014_num3 .current {
border: 1px solid #0078A9;
padding-top: 6px;
padding-bottom: 6px;
padding-right: 3px;
padding-left: 3px;
}
.diarypagerblueobi-notop2014 {
border-bottom:1px solid #71B4E2;
}
.diarypagerblueobi-nobottom2014 {
border-top:1px solid #71B4E2;
}
.policytitle2014 {
font: normal 18px "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica; color:#F86C06; line-height:150%;
}
.polidcytext2014 {
font: normal 14px "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica; color:#333333; line-height:150%;
}
a.reviewtitle2014 {font: bold 16px "メイリオ", "MS Gothic" , "MS UI Gothic", Osaka, Helvetica; color:#000000; text-decoration: none;}
a.reviewtitle2014:hover {color:#FF7E50; text-decoration: underline;}
/* シチュエーションでスタジオを探す半透明帯2015 */
.img-desc {
position:relative;
display:block;
width:190px; height:190px;
overflow:hidden;
}
.img-desc-back, .img-desc-char {
position:absolute;
margin:0;
padding-top:10px;
padding-bottom:10px;
left:0;
bottom:0;
width:190px;
text-shadow: 1px 1px 2px rgba(0,0,0,0.6);
}
.img-desc-back {
padding: 15px 0;
background: -moz-linear-gradient(top,transparent 0,rgba(38,38,38,.6) 100%);
background: -webkit-linear-gradient(top,transparent 0,rgba(38,38,38,.6) 100%);
background: linear-gradient(to bottom,transparent 0,rgba(38,38,38,.6) 100%);
/* background: #000000; グラデ設定以前の設定*/
/* opacity: 0.65; */
/* filter: alpha(opacity=65); */
}
.img-desc span {
display:block;
padding-left: 8px;
padding-right: 8px;
overflow: hidden;
word-wrap:normal;
word-break:normal;
white-spce: nowrap;
}
.img-desc a, .img-desc a:hover, .img-desc a:visited {
color:#ffffff;
text-decoration: none;
}
/* ラウンドリンクテスト2015 */
.roundlink a {
display: inline-block;
height: 28px;
margin-right:8px;
padding-top:3px;
padding-bottom:0px;
padding-right:10px;
padding-left:10px;
color: #000000;
border: 1px solid #ccc;
text-decoration: none;
background-color: #ffffff;
border-radius: 14px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.roundlink a:hover {
background: #fb2af2;
color: #ffffff;
text-decoration: none;
}
a.situ-limited-obi { /*シチュエーション検索期間限定帯*/
position: absolute;
top: 0px;
left: 126px;
}
a.situ-end-obi { /*シチュエーション検索終了帯*/
position: absolute;
top: 108px;
left: 2px;
}
blockquote.twitter-tweet { /*埋め込みツイート*/
padding: 12px;
margin-left:122px;
width: 474px;
border: 1px solid #e4e4e4;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
text-align: left;
}
.shareeventtablehead2014 { /*2014イベント情報-シェアイベント*/
border-top:1px solid #b4c8d8;
border-right:0px;
border-left:0px;
border-bottom:1px solid #b4c8d8;
background:#dbeffd;
background-color: #dbeffd;
}
body.voice2016 * {
margin: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
body.bg-paleblue2016 {
background-color: #f5f7f9;
}
.voicemaincontainer2016 {/*ボイスページ3列表示用コンテナ*/
width: 1200px;
}
.voicemaincontainer2016:after {/*ボイスページ3列表示用コンテナフロート解除*/
display: block;
clear: both;
content: "";
}
.voiceleftprofileblock2016 {/*ボイスページ左列プロフィール部*/
float: left;
width: 300px;
display: inline-block;
font-size: 14px;
padding: 0 5px;
text-align: left;
vertical-align: top;
font: normal 14px "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica; color:#000000; line-height:150%; text-decoration: none;
}
.voicecentercontentblock2016 {/*ボイスページ中央コンテンツ部*/
float: left;
width: 600px;
padding: 0 5px;
font: normal 14px "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica; color:#000000; line-height:150%; text-decoration: none;
}
.voicerightsubmenublock2016 {/*ボイスページ右列サブメニュー部*/
float: left;
width: 300px;
padding: 0 5px;
font: normal 14px "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica; color:#000000; line-height:150%; text-decoration: none;
}
.voicecenterright-combine2016 {/*ボイスページ中央と右が合体コンテンツ部*/
float: left;
width: 900px;
padding: 0;
font: normal 14px "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica;
color:#000000;
line-height:150%;
text-decoration: none;
}
.voicecenterright-combine2016:after {/*ボイスページ中央と右が合体コンテンツ部フロート解除*/
content: "";
display: block;
clear: both;
}
.voicemainblock2016 { /*ボイス基本ブロック*/
display: block;
cursor: pointer;
background-color: #ffffff;
text-align: left;
padding: 9px 12px 9px 12px;
width: 590px;
border-bottom: 1px solid #e1e8ec;
border-right: 1px solid #e1e8ec;
border-left: 1px solid #e1e8ec;
font: normal 15px "メイリオ", "Meiryo", "Hiragino Kaku Gothic Pro", "MS UI Gothic", sans-serif;
color:#000000;
line-height:150%;
}
.voicemainblock2016:hover { /*ボイス基本ブロックホバー*/
background-color: #f5f7f9;
}
.voicemainblock2016:after {/*ボイス基本ブロックのフロート解除処理*/
content: "";
display: block;
clear: both;
}
.voicesideavatararea2016 {/*ボイス基本ブロックの左部アバター表示部*/
float:left;
width: 58px;
position: relative;
}
.voicesideheadarea2016 {/*ボイス基本ブロックの左部シェア有時*/
float:left;
text-align: right;
width: 58px;
padding-right:8px;
padding-top:2px;
}
.voicecontentheadarea2016 {/*ボイス基本ブロックの右部シェア有時*/
float: none;
margin-left: 58px !important;
font-size: 12px;
color: #99a8b3;
}
.voiceavatar2016 { /*ボイス基本アバター古い設定のため没予定。*/
width: 48px;
height: 48px;
border-radius: 5px;
float: left;
margin-top: 3px;
margin-left: -58px;
}
.avatar2016 {/* ボイス基本アバターこっちに切替予定 */
width: 48px;
height: 48px;
border-radius: 5px;
vertical-align: bottom;
border: none;
}
.avatarsize24-2016 { /* ボイス基本アバター24pixel用 */
width: 24px;
height: 24px;
border-radius: 3px;
vertical-align: bottom;
border: none;
}
.avatarsize32-2016 { /* ボイス基本アバター32pixel用 */
width: 32px;
height: 32px;
border-radius: 4px;
vertical-align: bottom;
border: none;
}
.voicecontentarea2016 {/*ボイス基本ブロックの右部コンテンツ表示部*/
position: relative;
float: none;
margin-left: 58px !important;
word-wrap:break-word;
overflow-wrap:break-word;
}
.voicetitlearea2016 {/*ボイスタイトル行*/
font-size: 12px;
color: #99a8b3;
vertical-align: baseline;
max-width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.voicetitlecosname2016 {/*ボイスタイトル行コスネーム*/
font-weight: bold;
text-decoration: none;
font-size: 14px;
line-height: 21px;
}
a.voicetitlecosname2016:hover {
text-decoration: underline;
}
.voicetitleid2016 {/*ボイスタイトル行メンバーID*/
color: #99a8b3;
text-decoration: none;
}
a.voicetitleshare2016 {/*ボイスタイトル行シェアメンバー名*/
color: #99a8b3;
text-decoration: none;
}
a.voicetitleshare2016:hover {
text-decoration: underline;
}
a.voicehashtag2016 {/*ボイスハッシュタグ*/
font-size: 15px;
text-decoration: none;
}
a.voicehashtag2016:hover {
text-decoration: underline;
}
img.voiceofficialicon2016 {
vertical-align: top;
margin-right: 2px;
border: none;
}
.voiceitemfooter2016 { /*ボイス基本ブロックのフッター*/
padding-top: 6px;
position:relative;
font-size: 0;
}
.voiceitemfooter2016:after { /*ボイス基本ブロックのフッターのフロート解除処理*/
content: "";
display: block;
clear: both;
}
.voicefooterres2016 {/*ボイスレスアイコン*/
float: left;
position:relative;
width: 16%;
color: #aab8c2;
text-decoration: none;
padding: 4px 0 4px 28px;
background: url("../images/2016voiceres.png") 0px 5px / 28px 18px no-repeat;
font: 12px/150% 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic Pro', Helvetica, HelveticaNeue, Verdana, sans-serif;
}
.voicefooterres2016:hover {
text-decoration: none;
color: #aab8c2;
}
.voicefootershare2016 {/*ボイスシェアアイコン*/
float: left;
position:relative;
width: 16%;
color: #aab8c2;
text-decoration: none;
padding: 4px 0 4px 28px;
background: url("../images/2016voiceshare.png") 0px 5px / 24px 15px no-repeat;
font: 12px/150% 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic Pro', Helvetica, HelveticaNeue, Verdana, sans-serif;
}
.voicefootershare2016:hover {
text-decoration: none;
color: #59b319;
background: url("../images/2016voiceshare-active.png") 0px 5px / 24px 15px no-repeat;
}
.voicefootershare-active2016 {/*ボイスシェアアイコンアクティブ時*/
float: left;
position:relative;
width: 16%;
color: #59b319 !important;
text-decoration: none;
padding: 4px 0 4px 28px;
background: url("../images/2016voiceshare-active.png") 0px 5px / 24px 15px no-repeat;
font: 12px/150% 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic Pro', Helvetica, HelveticaNeue, Verdana, sans-serif;
}
.voicefootershare-active2016:hover {
text-decoration: none;
color: #59b319 !important;
background: url("../images/2016voiceshare-active.png") 0px 5px / 24px 15px no-repeat;
}
.voicefootershare-disable2016 {/*ボイスシェアアイコン無効時*/
float: left;
position:relative;
width: 16%;
color: #aab8c2;
cursor: default;
text-decoration: none;
padding: 4px 0 4px 28px;
background: url("../images/2016voiceshare.png") 0px 5px / 24px 15px no-repeat;
font: 12px/150% 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic Pro', Helvetica, HelveticaNeue, Verdana, sans-serif;
}
.voicefootershare-disable2016:hover {
text-decoration: none;
color: #aab8c2 !important;
}
.voicefootercomment2016 {/*ボイスコメントアイコン*/
float: left;
position:relative;
width: 16%;
color: #aab8c2;
text-decoration: none;
padding: 4px 0 4px 28px;
background: url("../images/2016voicecomment.png") 0px 5px / 26px 16px no-repeat;
font: 12px/150% 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic Pro', Helvetica, HelveticaNeue, Verdana, sans-serif;
}
.voicefootercomment2016:hover {
text-decoration: none;
color: #aab8c2;
}
.voicefooteriine2016 {/*ボイスいいねアイコン*/
float: left;
position:relative;
width: 16%;
color: #aab8c2;
text-decoration: none;
padding: 4px 0 4px 28px;
background: url("../images/2016voiceheart.png") 0px 5px / 24px 15px no-repeat;
font: 12px/150% 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic Pro', Helvetica, HelveticaNeue, Verdana, sans-serif;
}
.voicefooteriine2016:hover {
text-decoration: none;
color: #de253c;
background: url("../images/2016voiceheart-active.png") 0px 5px / 24px 15px no-repeat;
}
.voicefooteriine-active2016 {/*ボイスいいねアイコンアクティブ時*/
float: left;
position:relative;
width: 16%;
color: #de253c !important;
text-decoration: none;
padding: 4px 0 4px 28px;
background: url("../images/2016voiceheart-active.png") 0px 5px / 24px 15px no-repeat;
font: 12px/150% 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic Pro', Helvetica, HelveticaNeue, Verdana, sans-serif;
}
.voicefooteriine-active2016:hover {
text-decoration: none;
color: #de253c !important;
background: url("../images/2016voiceheart-active.png") 0px 5px / 24px 15px no-repeat;
}
.voicefooteriine-disable2016 {/*ボイスいいねアイコン無効時*/
float: left;
position:relative;
width: 16%;
color: #aab8c2 !important;
cursor: default;
text-decoration: none;
padding: 4px 0 4px 28px;
background: url("../images/2016voiceheart.png") 0px 5px / 24px 15px no-repeat;
font: 12px/150% 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic Pro', Helvetica, HelveticaNeue, Verdana, sans-serif;
}
.voicefooteriine-disable2016:hover {
text-decoration: none;
color: #aab8c2 !important;
cursor: default;
background: url("../images/2016voiceheart.png") 0px 5px / 24px 15px no-repeat;
}
.voicefooterfavorite2016 {/*ボイスファボアイコン*/
float: left;
position:relative;
width: 16%;
color: #aab8c2;
text-decoration: none;
padding: 4px 0 4px 28px;
background: url("../images/2016voicestar.png") 0px 5px / 26px 16px no-repeat;
font: 12px/150% 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic Pro', Helvetica, HelveticaNeue, Verdana, sans-serif;
}
.voicefooterfavorite2016:hover {
text-decoration: none;
color: #ffd200;
background: url("../images/2016voicestar-active.png") 0px 5px / 26px 16px no-repeat;
}
.voicefooterfavorite-active2016 {/*ボイスファボアイコンアクティブ時*/
float: left;
position:relative;
width: 16%;
color: #ffd200 !important;
text-decoration: none;
padding: 4px 0 4px 28px;
background: url("../images/2016voicestar-active.png") 0px 5px / 26px 16px no-repeat;
font: 12px/150% 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic Pro', Helvetica, HelveticaNeue, Verdana, sans-serif;
}
.voicefooterfavorite-active2016:hover {
text-decoration: none;
color: #ffd200 !important;
background: url("../images/2016voicestar-active.png") 0px 5px / 26px 16px no-repeat;
}
.voicefooterfavorite-disable2016 {/*ボイスファボアイコン無効時*/
float: left;
position:relative;
width: 16%;
color: #aab8c2 !important;
cursor: default;
text-decoration: none;
padding: 4px 0 4px 28px;
background: url("../images/2016voicestar.png") 0px 5px / 26px 16px no-repeat;
font: 12px/150% 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic Pro', Helvetica, HelveticaNeue, Verdana, sans-serif;
}
.voicefooterfavorite-disable2016:hover {
text-decoration: none;
color: #aab8c2 !important;
background: url("../images/2016voicestar.png") 0px 5px / 26px 16px no-repeat;
}
.voicefooteritemmenu2016 {/*ボイスその他のメニューアイコン*/
float: left;
position:relative;
width: 16%;
color: #aab8c2;
text-decoration: none;
padding: 4px 0 4px 28px;
background: url("../images/2016voiceitemmenu.png") 0px 5px / 26px 18px no-repeat;
font: 12px/150% 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic Pro', Helvetica, HelveticaNeue, Verdana, sans-serif;
}
.voicefooteritemmenu2016 span {/*ボイスその他のメニューアイコンテキスト飛ばし*/
display: inline-block;
text-indent: -9999px;
}
.voicefooteritem_yobi2016 {/*ボイス未使用予備項目（もっと見る）*/
float: right;
width: 20%;
text-align: right;
color: #aab8c2;
text-decoration: none;
padding: 4px 4px 4px 0;
font: normal 12px "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica; color:#000000; line-height:150%; text-decoration: none;
}
/* --------------------------ツールチップ関連------------------------------- */
/* ツールチップ基本パターン */
.tool-tip-content {
visibility: visible;
position: absolute;
min-width: 130px;
max-width: 550px;
width: auto;
padding: 8px;
font-size: 12px;
background: rgba(0,0,0,0.94);
border-radius: 4px;
box-shadow: 0 0 3px 0 rgba(0,0,0,0.15);
color: #ffffff;
text-align: center;
white-space: nowrap;
z-index: 10;
line-height: 1.5;
left: 50%;
bottom: 50%;
}
/* ツールチップ上部表示位置調整 */
.tool-tip-content.top {
left: 50%;
bottom: 110%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
}
/* ツールチップ上部表示吹き出し（下側） */
.tool-tip-content.top:after, .tool-tip-content.left:after {
left: 50%;
bottom: -6px;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
height: 0;
width: 0;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 6px solid rgba(0,0,0,0.96);
}
/* ツールチップ上部表示位置調整(左にずらすパターン) */
.tool-tip-content.left {
left: 12px;
bottom: 110%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
}
.tool-tip-content:after {
content: "";
position: absolute;
}
/* ツールチップショートサイズ（幅短め） */
.tool-tip-shortsize {
min-width: 0;
font-size: 12px;
padding: 6px 16px 6px 16px;
}
/* --------------------------プルダウンメニュー関連------------------------------- */
.pulldown-base-voicemenu {
position: absolute;
top: 42px;
left: 50.5%;
cursor: pointer;
}
.pulldown-body {
min-width: 160px;
position: relative;
line-height: 24px;
z-index: 3;
top: 0px;
margin: 0;
padding: 8px 0;
background: rgba(254,254,254,0.96);
border: solid 1px rgba(0,0,0,0.13);
border-radius: 5px;
box-shadow: 0 1px 9px 0 rgba(0,0,0,0.13);
}
.pulldown-body:before {
border: solid 12px transparent;
border-bottom-color: rgba(0,0,0,0.15);
right: 50%;
margin-right: -12px;
top: -25px;
content: "";
display: block;
position: absolute;
width: 0;
height: 0;
margin-left: -6px;
}
.pulldown-body:after {
right: 50%;
margin-right: -12px;
content: "";
display: block;
position: absolute;
top: -24px;
width: 0;
height: 0;
margin-left: -6px;
border: solid 12px transparent;
border-bottom-color: #FEFEFE;
}
.pulldown-body a {
position: relative;
display: block;
vertical-align: middle;
text-decoration: none;
padding: 10px;
color: #333333;
font-weight: normal;
}
.pulldown-body a:hover {
background-color:#efefef;
}
.pulldown-body span {
font-size: 14px;
padding-left: 4px;
}
/* --------------------------添付画像表示部関連------------------------------- */
.adaptivemedia.is-square:not(.is-youtube-video) {
border: 1px solid rgba(0,0,0,.1);
}
.adaptivemedia.is-square {
max-height: 506px;
}
.adaptivemedia {
max-height: 380px;
max-width: 506px;
}
.adaptivemedia {
border-radius: 5px;
display: inline-block;
margin: 10px 0 0 0 !important;
position: relative;
overflow: hidden;
vertical-align: top;
}
.adaptivemedia-singlephoto img {
display: block;
max-width: 100%;
position: relative;
border: none;
}
.adaptivemedia-doublephoto {
height: 253px;
width: 506px;
font-size: 0;/* これを入れないと改行が狂う */
}
.adaptivemedia-halfwidthphoto {
display: inline-block;
height: 100%;
overflow: hidden;
position: relative;
width: calc(50% - .5px);
}
.adaptivemedia-halfwidthphoto:first-child {
margin-right: 1px;
}
.adaptivemedia-photocontainer {
position: relative;
height: 100%;
width: 100%;
}
.adaptivemedia-photocontainer img {
position: absolute;
border: none;
}
.adaptivemedia-triplephoto {/* 添付画像が3枚の場合 */
font-size: 0;
height: 337.3333px;
width: 506px;
}
.adaptivemedia-twothirdswidthphoto {/* 添付画像が3枚の場合メイン画像 */
display: inline-block;
height: 100%;
margin-right: 1px !important;
overflow: hidden;
position: relative;
width: 66.6666%;
}
.adaptivemedia-halfheightphotocontainer {
display: inline-block;
height: 100%;
vertical-align: top;
width: calc(100% / 3 - 1px);
}
.adaptivemedia-halfheightphoto {/* 添付画像が3枚の場合のサブ画像2枚 */
height: calc(100% / 2 - 1px/2);
overflow: hidden;
position: relative;
width: 100%;
}
.adaptivemedia-halfheightphoto:first-child {
margin-bottom: 1px;
}
.adaptivemedia-quadphoto {/* 添付画像が4枚の場合 */
font-size: 0;
height: 379.5px;
width: 506px;
}
.adaptivemedia-threequarterswidthphoto {
display: inline-block;
height: 100%;
margin-right: 1px !important;
overflow: hidden;
position: relative;
width: 75%;
}
.adaptivemedia-thirdheightphotocontainer {
display: inline-block;
height: 100%;
vertical-align: top;
width: calc(100% / 4 - 1px);
}
.adaptivemedia-thirdheightphoto {
height: calc(100% / 3 - 2px/3);
margin-bottom: 1px !important;
overflow: hidden;
position: relative;
width: 100%;
}
.voicerecommendblock2016 {/* ボイスおすすめメンバーブロック */
background-color: #ffffff;
background-clip: inherit;
border: 1px solid #e1e8ec;
border-radius: 5px;
padding: 15px 15px 15px 15px;
text-align: left;
margin-bottom: 10px !important;
}
.voicerecommendtitle2016 {/* ボイスおすすめメンバータイトル部 */
padding-bottom: 6px;
}
.voicerecommendtitle2016 h2,.voicetrendtitle2016 h2 {
display: inline;
font-size: 18px;
font-weight: normal;
color: #666666;
}
.voicetrendblock2016 {/* ボイストレンドブロック */
background-color: #ffffff;
background-clip: inherit;
border: 1px solid #e1e8ec;
border-radius: 5px;
padding: 15px 15px 15px 15px;
text-align: left;
}
.voicetrendtitle2016 {/* ボイストレンドタイトル部 */
padding-bottom: 6px;
}
ul.voicetrendlist2016 {
width: 100%;
list-style: none;
padding: 0;
margin: 0;
}
ul.voicetrendlist2016 li {
text-align: left;
padding-bottom: 2px;
}
ul.voicetrendlist2016 li a {
text-decoration: none;
}
ul.voicetrendlist2016 li a:hover {
text-decoration: underline;
}
.followbutton-mini {/* お気に入り登録ボタンミニ */
width: 108px;
color: #333333;
font-size: 13px;
padding: 8px 6px 8px 6px;
margin-top: 3px;
margin-right: 9px;
background-color: #f5f8fa;
background-image: linear-gradient(#ffffff,#f5f5f5);
background-repeat: no-repeat;
border: 1px solid #e1e8ed;
border-radius: 4px;
cursor: pointer;
font-weight: bold;
line-height: normal;
position: relative;
webkit-appearance: button;
}
.followbutton-mini:hover {/* お気に入り登録ボタンミニ */
background-image: linear-gradient(#ffffff,#e1e8ed);
}
.followcancelbutton-mini {/* お気に入り解除ボタンミニ */
width: 108px;
color: #ffffff;
font-size: 13px;
padding: 8px 6px 8px 6px;
margin-top: 3px;
margin-right: 9px;
background-color: #26a2ee;
background-repeat: no-repeat;
border: 1px solid #3b88c3;
border-radius: 4px;
cursor: pointer;
font-weight: bold;
line-height: normal;
position: relative;
webkit-appearance: button;
}
.followcancelbutton-mini-over {/* お気に入り解除ボタンホバー */
width: 108px;
color: #ffffff;
font-size: 13px;
padding: 8px 6px 8px 6px;
margin-top: 3px;
margin-right: 9px;
background-color: #e71b4e;
background-repeat: no-repeat;
border: 1px solid #ca1844;
border-radius: 4px;
cursor: pointer;
font-weight: bold;
line-height: normal;
position: relative;
webkit-appearance: button;
}
.followbutton-mini .fa-user-plus {
color: #1097ea;
padding-right: 6px;
}
.recommendblock2016 {
padding-bottom: 14px;
}
.recommendblock2016:after {
content: "";
display: block;
clear: both;
}
.recommendblock2016 .voicetitlearea2016 {
padding-right: 20px;
}
.rightalign-closebutton {/* 右寄せクローズボタン */
position: absolute;
top: 1px;
right: 0;
}
.rightalign-closebutton a {/* 右寄せクローズボタン */
color: #aaaaaa;
font-size: 18px;
text-decoration: none;
}
.voicesmalltextlink {
padding-left: 8px;
color: #18a0ef;
font-size: 12px;
text-decoration: none;
}
/* --------------------------プロフィールカード部関連------------------------------- */
.profilecard-avatarimage {
border-radius: 7px;
height: 72px;
width: 72px;
border: 2px solid #ffffff;
-moz-box-sizing: border-box;
box-sizing: border-box;
color: #ffffff;
}
.profilecard-avatarlink {
background-color: #ffffff;
border-radius: 6px;
margin: -30px 0 0 8px !important;
padding: 1px;
vertical-align: bottom;
display: inline-block!important;
max-width: 100%;
}
.profilecard {
border: 1px solid #e1e8ed;
background: #ffffff;
border-radius: 6px;
line-height: 16px;
position: relative;
margin-bottom: 10px !important;
}
.membercolor {
background-color: #0084B4 !important;
}
.profilecard-bg {
background-size: 100%;
border-bottom: 1px solid #e1e8ed;
height: 95px;
border-radius: 4px 4px 0 0;
background-position: 0 50%;
width: 100%;
padding: 0 1px 0 1px;
margin-left: -1px;
margin-top: -1px;
}
.memder-block {
display: block!important;
}
.profilecard-memberdata {
position: absolute;
width: 185px;
top: 103px;
left: 90px;
}
.profilecard-cosname {
font-weight: bold;
font-size: 18px;
line-height: 21px;
}
.texttruncate2016 {/* 汎用文字切り */
max-width: 100%;
overflow: hidden!important;
text-overflow: ellipsis!important;
white-space: nowrap!important;
word-wrap: normal!important;
}
.cosnameblack2016 {/* コスネーム黒文字リンク */
color: #000000;
text-decoration: none;
}
.cosnameblack2016:hover {
color: #000000;
text-decoration: underline;
}
.profilecard-cosnamelink {
font-size: 12px;
padding-right: 5px;
color: #888888;
text-decoration: none!important;
}
.profilecard-cosnamelink:hover {
text-decoration: underline!important;
}
.member-inlineblock {/* 汎用インラインブロック */
display: inline-block!important;
max-width: 100%;
}
.member-block {/* 汎用ブロック */
display: inline-block!important;
max-width: 100%;
}
/* --------------------------汎用メンバー指定カラー関連(将来的に色を変えられるようにする(デフォルトは238db4、35-141-180) )------------------------------- */
.text-membercolor, .text-membercolor:hover {/* 汎用メンバー指定文字カラー */
color: #238db4 !important;
}
.u-border-membercolor, .u-border-membercolor:hover, .u-border-membercolor:focus {/* 汎用メンバー指定ボーダーカラー */
border-color: #238db4 !important;
}
.membercolor-hover-alpha {/* 汎用メンバー指定透明度 */
border-color: rgba(35,141,180,0) !important;
}
.membercolor-hover-alpha:hover, .membercolor-hover-alpha:focus {/* 汎用メンバー指定透明度ホバー */
border-color: rgba(35,141,180,0.4) !important;
}
.membercolor-bgcolor {/* 汎用メンバー指定背景カラー */
background-color: #238db4 !important;
}
.membercolor-bgcolor-alpha {/* 汎用メンバー指定背景カラー薄色 */
background-color: rgba(35,141,180,0.08) !important;
}
.member-linknoline, .member-linknoline:hover, .member-linknoline:focus, .member-linknoline:active {/* 汎用下線無しリンク */
text-decoration: none!important;
}
.profilecardstatus {/* プロフィールカードステータス部 */
margin-left: 11px !important;
padding: 10px 0 10px 0;
}
.profilecardstatus-label {/* プロフィールカードステータス部ラベル表示 */
color: #8899a6;
font-size: 10px;
letter-spacing: .02em;
overflow: hidden;
}
ul.profilecardstatus-list {
list-style: none;
display: table;
margin: 0;
min-width: 100%;
padding: 0;
table-layout: fixed;
}
li.profilecardstatus-listdata {
line-height: 1;
display: table-cell;
vertical-align: bottom;
overflow: hidden;
}
.profilecardstatus-value {/* プロフィールカードステータス部数字表示 */
display: block;
font-size: 18px;
font-weight: 500;
padding-top: 3px;
font-family: Arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}
.stream-end {/* ストリームフッター */
/*display: none; 読み込み完了したら非表示にする*/
background-color: #ffffff;
border: 1px solid #e1e8ec;
border-top: 0;
border-radius: 0 0 6px 6px;
margin-bottom: 14px !important;
font-size: 13px;
color: #8899a6;
text-align: center;
padding-top: 20px;
padding-right: 50px;
padding-bottom: 20px;
padding-left: 50px;
}
.stream-header {/* ストリームヘッダー */
background-color: #ffffff;
border: 1px solid #e1e8ec;
border-radius: 6px 6px 0 0;
font-size: 18px;
color: #111111;
text-align: left;
padding-top: 12px;
padding-right: 50px;
padding-bottom: 12px;
padding-left: 20px;
}
.stream-header-noradius {/* ストリームヘッダー角丸無し版 */
background-color: #ffffff;
border: 1px solid #e1e8ec;
border-radius: 0;
font-size: 18px;
color: #111111;
text-align: left;
padding-top: 12px;
padding-right: 50px;
padding-bottom: 12px;
padding-left: 20px;
}
a.stream-header-link {
padding-right: 20px;
text-decoration: none;
}
a.stream-header-link:hover {
text-decoration: underline;
}
#loadervoice2016, #loadercomment2016 {/* ボイスローディング中イメージ */
display: inline-block;
pointer-events:none;
text-align:center;
width: 30px;
height: 30px;
border-radius: 50%;
border: 4px solid #bbbbbb;
border-right-color: transparent;
-webkit-animation: spin 1s infinite linear;
-moz-animation: spin 1s infinite linear;
-ms-animation: spin 1s infinite linear;
}
@-webkit-keyframes spin {
0% { -webkit-transform: rotate(0deg); opacity:1; }
50% { -webkit-transform: rotate(180deg); opacity: 1; }
100% { -webkit-transform: rotate(360deg); opacity:1; }
}
@-moz-keyframes spin {
0% { -moz-transform: rotate(0deg); opacity: 1; }
50% { -moz-transform: rotate(180deg); opacity: 1; }
100% { -moz-transform: rotate(360deg); opacity:1; }
}
@-ms-keyframes spin {
0% { -ms-transform: rotate(0deg); opacity: 1; }
50% { -ms-transform: rotate(180deg); opacity: 1; }
100% { -ms-transform: rotate(360deg); opacity:1; }
}
/* --------------------------つぶやき投稿部関連------------------------------- */
.stream-header-voicepost {
border-radius: 5px 5px 0 0;
border: 1px solid #e1e8ed;
position: relative;
padding: 10px 12px;
}
.stream-header-voicepost-memberimage {
left: 28px;
position: absolute;
top: 12px;
}
.size32 {
width: 32px;
height: 32px;
border-radius: 4px;
}
.stream-header-voicepost-content {
margin-left: 56px !important;
}
.voiceform2016 {
font: normal 14px "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica;
color:#000000;
line-height:150%;
text-decoration: none;
background:#FFFFFF;
border: 1px solid #99cde1;
border-radius: 2px;
background-color: #FFFFFF;
width:100%;
/*height:86px;*/
overflow:auto;
padding-top: 8px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 10px;
outline: none;
}
.voiceform2016::-webkit-input-placeholder {/* プレースホルダwebkit */
color: #C3C3C3;
}
.voiceform2016:-moz-placeholder {/* プレースホルダfirefox */
color: #C3C3C3;
}
.stream-header-voicepost-footmenu {/* ボイス投稿フォームフットメニュー */
padding-top: 8px;
}
.stream-header-voicepost-footmenu:after {
content: "";
display: block;
clear: both;
}
.basic-leftalign2016 {/* 汎用フロートテーブル左寄せ */
float:left;
text-align:left;
}
.basic-rightalign2016 {/* 汎用フロートテーブル右寄せ */
float:right;
text-align:right;
}
.voicepostbutton2016 {/* ボイス投稿ボタン */
width: 108px;
color: #ffffff;
font-size: 13px;
padding: 10px 12px 10px 12px;
margin-top: 3px;
margin-right: 9px;
background-color: #34a0c8;
background-repeat: no-repeat;
border: 1px solid #34a0c8;
border-radius: 4px;
cursor: pointer;
font-weight: bold;
line-height: normal;
position: relative;
webkit-appearance: button;
}
.voicepostbutton-cantclick2016 {/* ボイス投稿ボタン(初期状態) */
width: 108px;
color: #ffffff;
font-size: 13px;
padding: 10px 12px 10px 12px;
margin-top: 3px;
margin-right: 9px;
background-color: #34a0c8;
background-repeat: no-repeat;
border: 1px solid #34a0c8;
border-radius: 4px;
cursor: pointer;
font-weight: bold;
line-height: normal;
position: relative;
webkit-appearance: button;
opacity: 0.3;
}
.voicepostbutton2016:hover {/* ボイス投稿ボタン */
background-color: #238db4;
}
span.voicecounter2016 {
color: #444444;
padding-right: 8px;
}
span.voiceprivatelabel2016 {
color: #444444;
padding-right: 32px;
padding-left: 2px;
}
a.voicecameraicon2016, a.voicecameraicon-cantclick2016 {/* ボイスカメラボタン（クリック不可時） */
position: relative;
display: inline-block;
height: 37px;
padding: 8px 12px 10px 12px;
border-radius: 4px;
border: 1px solid #e8f4f9;
}
a.voicecameraicon2016:hover {/* ボイスカメラボタンホバー時 */
border: 1px solid #87c5dc;
background-image: linear-gradient(#e8f4f9,#d8edf5);
}
a.voicecameraicon2016 .fa-camera, a.voicecameraicon-cantclick2016 .fa-camera {
font-size: 22px;
}
a.voicecameraicon-cantclick2016, a.voicetagicon-cantclick2016, a.voicemovieicon-cantclick2016 {/* クリック不可時ボタン共通 */
opacity: 0.3;
}
a.voicetagicon2016, a.voicetagicon-cantclick2016 {/* ボイスタグボタン（クリック不可時） */
position: relative;
display: inline-block;
height: 37px;
padding: 8px 12px 10px 12px;
border-radius: 4px;
border: 1px solid #e8f4f9;
}
a.voicetagicon2016:hover {/* ボイスタグボタンホバー時 */
border: 1px solid #87c5dc;
background-image: linear-gradient(#e8f4f9,#d8edf5);
}
a.voicetagicon2016 .fa-tags, a.voicetagicon-cantclick2016 .fa-tags {
font-size: 22px;
}
a.voicemovieicon2016, a.voicemovieicon-cantclick2016 {/* ボイス動画ボタン（クリック不可時） */
position: relative;
display: inline-block;
height: 37px;
padding: 8px 12px 10px 12px;
border-radius: 4px;
border: 1px solid #e8f4f9;
}
a.voicemovieicon2016:hover {/* ボイス動画ボタンホバー時 */
border: 1px solid #87c5dc;
background-image: linear-gradient(#e8f4f9,#d8edf5);
}
a.voicemovieicon2016 .fa-video-camera, a.voicemovieicon-cantclick2016 .fa-video-camera {
font-size: 22px;
}
.voicepost-optionmenu2016 {
padding-top: 8px;
text-align: left;
}
.add-layer-badge2016 {/* アイコン重ね用「更に追加」ボタン */
position: absolute;
right: 17px;
top: 11px;
display: inline-block;
background-color: #ffffff;
padding: 3px 3px 2px 3px;
vertical-align: middle;
text-align: center;
border-radius: 8px;
transform:scale(0.8); /* 文字が10ピクセル以下に出来ないので縮小処理 */
-ms-transform:scale(0.8);
-webkit-transform:scale(0.8);
}
.add-layer-badge2016 .fa-plus {/* アイコン重ね用「更に追加」ボタン用プラスアイコン */
font-size: 8px;
}
.formvoiceoption2016 {/* ボイス投稿オプション用フォーム（1つ下とセット） */
font: normal 14px "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica;
color:#000000;
border:1px solid #badce9;
background-color: #ecf1f3;
padding: 6px;
border-radius: 2px;
max-width: 500px;
outline: none;
margin-right:6px !important;
vertical-align: middle;
}
.formvoiceoption-plus-height2016, .formvoiceoption-plus-height2016:focus {/* ボイス投稿オプション用フォーム（1つ上とセット、フォームの高さ調整用途） */
font: normal 14px "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica;
color:#000000;
border:1px solid #badce9;
background-color: #ecf1f3;
padding: 7px;
border-radius: 2px;
width: 280px;
outline: none !important;
margin-right:6px !important;
vertical-align: middle;
}
.voicemedia-closebutton2016 {/* ボイス投稿オプションフォーム右側閉じるボタン */
display: inline-block;
background-color: #238db4;
border-radius: 18px;
vertical-align: middle;
padding: 6px;
transition: all .4s ease-in-out;
}
.voicemedia-closebutton2016:hover {/* ボイス投稿オプションフォーム右側閉じるボタンホバー */
background-color: #e71b4e;
}
.voicepost-option-event2016, .voicepost-option-doumei2016 {
position: relative;
font-size: 0;
margin-top: 4px !important;
}
.voicepost-option-hashtag2016 {
position: relative;
font-size: 0;
}
.pulldown-voicepost-option2016 {
position: absolute;
top: 48px;
left: 80px;
cursor: pointer;
width: 50%;
}
.pulldown-body span.height32px {/* プルダウンメニュー高さ32px用 */
font-size: 14px;
padding-left: 8px;
line-height: 32px;
}
.textoverflow-ellipsis2016 {/* 汎用テキストオーバーフロー文字切り */
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
/* --------------------------ボイスページトップメニュー関連------------------------------- */
.voicetopmenu2016 {/* トップメニュー */
width: 1190px;
border-bottom: 1px solid #e1e8ed;
margin-bottom: 10px !important;
}
.voicetopmenu-container2016:after {
content: "";
display: block;
clear: both;
}
ul.voicetopmenulist2016 {/* トップメニューリスト */
list-style: none;
padding: 0;
font-size: 0;/* インラインブロック敷き詰め隙間対策 */
}
.voicetopmenulist-item2016 {/* トップメニューリストアイテム */
display: inline-block;
height: 46px;
border-bottom: 0 solid #1da1f2;
-webkit-box-sizing: border-box !important;
-moz-box-sizing: border-box !important;
box-sizing: border-box !important;
transition: all .15s ease-in-out;
}
.voicetopmenulist-item-active2016 {/* トップメニューリストアイテムアクティブ項目 */
display: inline-block;
height: 46px;
-webkit-box-sizing: border-box !important;
-moz-box-sizing: border-box !important;
box-sizing: border-box !important;
border-bottom-width: 5px;
border-bottom-style: solid;
}
.voicetopmenulist-item2016:hover {
border-bottom-width: 5px;
border-bottom-style: solid;
}
.voicetopmenulist-item-link2016 {/* トップメニューリストアイテムリンク */
display: block;
font: normal 14px "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica;
line-height: 18px;
color:#000000;
text-decoration: none;
padding-top: 14px;
padding-bottom: 14px;
}
.voicetopmenulist-item-link2016:hover {
text-decoration: none;
}
.voicetopmenulist-item-link2016 span {
border-right: 1px solid #ccd6dd;
padding-left: 24px;
padding-right: 24px;
}
ul.voicetopmenu-rightlist2016 {/* トップメニュー右側リスト */
list-style: none;
padding: 0;
font-size: 0;/* インラインブロック敷き詰め隙間対策 */
}
.voicetopmenu-rightlist-item2016 {/* トップメニュー右側リストアイテム */
display: inline-block;
height: 46px;
border-bottom: 0 solid #1da1f2;
-webkit-box-sizing: border-box !important;
-moz-box-sizing: border-box !important;
box-sizing: border-box !important;
transition: all .15s ease-in-out;
}
.voicetopmenu-rightlist-item2016:hover {
border-bottom-width: 5px;
border-bottom-style: solid;
border-bottom-color: rgb(27, 149, 224);
}
.voicetopmenu-rightlist-item-link2016 {/* トップメニュー右側リストアイテムリンク */
position: relative;
display: table-cell;
vertical-align: middle;
font: normal 13px "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica;
height: 46px;
color:#000000;
text-decoration: none;
}
.voicetopmenu-rightlist-item-link2016:hover {
text-decoration: none;
}
.voicetopmenu-rightlist-item-padding {
padding-left: 16px;
padding-right: 16px;
}
.voicetopmenu-rightlist-item-link2016 .fa-bell {/* トップメニュー右側リストベルアイコン */
font-size: 18px;
padding-right: 3px;
}
.voicetopmenu-rightlist-item-link2016 .fa-cog {/* トップメニュー右側リストギアアイコン */
font-size: 20px;
padding-right: 3px;
}
.voicetopmenu-searcharea2016 {/* トップメニュー右側リスト検索エリア */
position: relative;
height: 46px;
width: 220px;
padding-right: 14px;
}
.search-input2016 {/* トップメニュー右側リスト検索インプット */
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-top: 7px !important;
outline: none;
width: 100%;
height: 32px;
padding: 5px 34px 6px 12px;
font: normal 12px "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica;
color: #292f33;
background-color: #ffffff;
border: 1px solid #e1e8ed;
border-radius: 21px;
transition: all .2s ease-in-out;
}
.search-input2016:hover, .search-input2016:focus {/* トップメニュー右側リスト検索インプット */
outline: none;
}
.voicetop-search-icon2016 {/* トップメニュー右側リスト検索ボタン */
position: absolute;
top: 10px;
right: 24px;
display: block;
width: 26px;
height: 26px;
cursor: pointer;
}
.voicetop-search-submitbutton2016 {/* トップメニュー右側リスト検索ボタン */
color: #66757f;
font-size: 16px;
height: auto;
margin: 5px 6px 0 0 !important;
padding: 0;
width: auto;
background:none;
border:none;
cursor: pointer;
}
.badge2016 {
position: absolute;
top: 2px;
right: 40px;
min-width: 18px;
height: 20px;
border-radius: 20%;
}
.badgetext2016 {
display: block;
padding:3px;
border-radius: 6px;
color: #ffffff;
line-height: 16px;
text-align: center;
font: bold 10px "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic Pro", Helvetica, "HelveticaNeue", Verdana, sans-serif;
-webkit-text-size-adjust:none;
background-color:#ff0000;
}
.voice-lefttextmenu2016 {/* ボイスページ左部テキストサブメニュー */
list-style: none;
width: 290px;
padding: 0 !important;
}
.voice-lefttextmenu-item2016 {
display: block;
text-decoration: none;
padding: 10px 10px 10px 10px;
background-color: #ffffff;
font-size: 18px;
border-top: 1px solid #f1f1f1;
border-right: 1px solid #e1e8ed;
border-left: 1px solid #e1e8ed;
}
.voice-lefttextmenu-items2016:first-child a {
border-radius: 4px 4px 0 0;
border-top: 1px solid #e1e8ed;
}
.voice-lefttextmenu-items2016:last-child a {
border-radius: 0 0 4px 4px;
border-bottom: 1px solid #e1e8ed;
}
.voice-lefttextmenu-item2016:hover {
text-decoration: none;
background-color: #fcfcfc;
}
.voice-lefttextmenu-active, .voice-lefttextmenu-active:hover {/* ボイスページ左部テキストサブメニューアクティブ項目 */
color: #444444 !important;
background-color: rgba(35,141,180,0.08) !important;
}
/* --------------------------ボイス画像詳細ページ関連------------------------------- */
.voicephotodetail-overlay2016 {/* 黒背景オーバーレイ表示 */
display: block;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 2000;
background: #292b31;
background: rgba(0,0,0,.8);
}
.voicephotodetail2016 {
display: block;
position: fixed;
overflow: auto;
overflow-x: hidden;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 3000;
text-align: center;
}
.voicephotodetail2016:before {
content: '';
height: 100%;
display: inline-block;
vertical-align: middle;
}
.voicephotodetail-closetarget2016 {/* 欄外クリックでクローズ処理 */
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.voicephotodetail-content2016 {/* ギャラリーコンテンツ部表示 */
position: relative;
display: inline-block;
vertical-align: middle;
min-width: 520px;
min-height: 338px;
background-color: #ffffff;
border-radius: 7px;
}
.voicephotodetail-media2016 {/* ボイス画像詳細画面メディア部 */
background: black;
border-radius: 6px 6px 0 0;
line-height: 0;
overflow: hidden;
position: relative;
text-align: center;
display:table-cell;
vertical-align: middle;
min-width: 520px;
min-height: 338px;
}
.voicephotodetail-media2016 img { /* ボイス画像詳細画面イメージ */
max-width: 100%;
max-height: 100%;
margin-top: 0;
}
.voicephotodetail-voice2016 {/* ボイス画像詳細画面ボイスデータ部 */
position: relative;
z-index: 2;
bottom: 0;
color: #292f33;
width: 100%;
margin: 0;
background: #ffffff;
border: 0;
border-radius: 0 0 6px 6px;
}
.voicephotodetail-voice-inner2016 {/* ボイス画像詳細画面ボイスデータ部インナー */
position: relative;
text-align: left;
border-bottom: 0;
min-height: 51px;
padding: 20px;
width: 100%;
margin: 0;
-moz-box-sizing: border-box;
box-sizing: border-box;
cursor: auto;
border-radius: 0 0 6px 6px;
}
.voicephotodetail-mainblock2016 { /*写真詳細画面・ボイス基本ブロック*/
cursor: pointer;
background-color: #ffffff;
font: normal 15px "メイリオ", "Meiryo", "Hiragino Kaku Gothic Pro", "MS UI Gothic", sans-serif;
color:#000000;
line-height:140%;
}
.voicephotodetail-mainblock2016:after {/*写真詳細画面・ボイス基本ブロックのフロート解除処理*/
content: "";
display: block;
clear: both;
}
.voicephoto_close2016 {/* ボイス画像詳細画面閉じるボタン */
position: absolute;
right: -40px;
margin-left: 4px;
border: 0px;
display: block;
height: 40px;
width: 40px;
background: url(../images/2016voicecloseicon.png) no-repeat 50%;
-webkit-background-size: 30px 30px;
background-size: 30px 30px;
text-indent: -99999px;
}
.voicephoto_prev2016 {/* ボイス画像詳細画面前へボタン */
position: absolute;
right: -40px;
margin-left: 4px;
border: 0px;
display: block;
height: 40px;
width: 40px;
background: url(../images/2016voicecloseicon.png) no-repeat 50%;
-webkit-background-size: 30px 30px;
background-size: 30px 30px;
text-indent: -99999px;
}
.voicephoto_next2016 {/* ボイス画像詳細画面次へボタン */
position: absolute;
right: -40px;
margin-left: 4px;
border: 0px;
display: block;
height: 40px;
width: 40px;
background: url(../images/2016voicecloseicon.png) no-repeat 50%;
-webkit-background-size: 30px 30px;
background-size: 30px 30px;
text-indent: -99999px;
}
.voicephotonav {/* ボイス画像詳細画面ナビ用分割（3つセット） */
position: absolute;
z-index: 1;
top: 0;
height: 100%;
}
.voicephotonav-prev {/* ボイス画像詳細画面ナビ用分割前へ（3つセット） */
left: 0;
width: 33%;
cursor: pointer;
}
.voicephotonav-next {/* ボイス画像詳細画面ナビ用分割次へ（3つセット） */
right: 0;
width: 67%;
cursor: pointer;
}
.voicephotonav.disabled .voicephotonav-handle2016 {
opacity: .3;
-ms-filter: "alpha(opacity=30)";
cursor: default;
}
.voicephotonav-handle-prev {
left: -50px;
}
.voicephotonav-handle-next {
right: -50px;
}
.voicephotonav-handle2016 {/* ボイス画像詳細画面ナビ用「前へ」「次へ」クリッカブルエリア */
line-height: 200px;
position: absolute;
top: 35%;
width: 50px;
height: 200px;
display: block;
color: #ffffff;
}
.voicephotonav-icon2016 .fa-chevron-left, .voicephotonav-icon2016 .fa-chevron-right {/* ボイス画像詳細画面ナビ用「前へ」「次へ」アイコン */
font-size: 24px;
line-height: 200px;
}
.width80px {/* 汎用width80px強制上書き */
width: 80px;
}
.width70px {/* 汎用width70px強制上書き */
width: 70px;
}
/* --------------------------ページタイトル、見出しタイトル、コンテナ等の基本セット）------------------------------- */
.is-center {/* 汎用中央揃え */
text-align: center;
}
h1.title-left2016 {/* タイトルレフト */
margin: 0;
color: #222222;
margin-top: 14px;
margin-bottom: 14px;
font-size: 24px;
padding-left: 12px;
line-height: 30px;
font-weight: bold;
text-align: left;
border-left: 10px solid #e244a6;
}
@media screen and (max-width: 780px) and (min-width: 0px), screen and (max-device-width: 780px) and (min-device-width: 0px) {
h1.title-left2016 {/* タイトルレフト */
font-size: 18px;
border-left: 8px solid #e244a6;
line-height: 24px;
margin-bottom: 10px;
}
}
h1.title-center2016 {/* タイトルセンター */
margin: 0;
color: #222222;
padding-top: 14px;
padding-bottom: 24px;
font-size: 22px;
font-weight: bold;
text-align: center;
}
@media screen and (max-width: 780px) and (min-width: 0px), screen and (max-device-width: 780px) and (min-device-width: 0px) {
h1.title-center2016 {/* タイトルセンター */
font-size: 18px;
padding-bottom: 10px;
}
}
.container2016 {
font: normal 14px "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica;
position: relative;
min-width: 944px;
margin: 0 auto !important;
}
@media (min-width: 1280px) {
.container2016 { width: 1104px;}
}
@media (min-width: 960px) and (max-width: 1279px) {
.container2016 { width: 944px;}
}
@media screen and (max-width: 736px) and (min-width: 0px), screen and (max-device-width: 736px) and (min-device-width: 0px) {
.container2016 {
box-sizing: border-box;
width: 100%;
max-width: 100%;
min-width: 100%;
padding: 0;
}
}
/* --------------------------ボイス設定ページ関連（レスポンシブ考慮フォームパーツ基本セット）------------------------------- */
.form-block2016 {/* フォーム基本ブロック */
width: 100%;
text-align: left;
padding-top: 24px;
padding-bottom: 24px;
border-bottom: 1px solid #dadada;
}
@media screen and (max-width: 780px) and (min-width: 0px), screen and (max-device-width: 780px) and (min-device-width: 0px) {
.form-block2016 {/* フォーム基本ブロック */
padding-left: 16px;
padding-right: 16px;
padding-top: 12px;
padding-bottom: 16px;
}
}
.form-block2016:after {/* フォーム基本ブロックフロート解除 */
display: block;
content: "";
clear: both;
}
@media screen and (max-width: 780px) and (min-width: 0px), screen and (max-device-width: 780px) and (min-device-width: 0px) {
.entryform-cautiontext2016 {
padding-left: 16px;
padding-right: 16px;
}
}
.form-block-title2016 {/* フォーム基本ブロック項目名 */
font-size: 16px;
font-weight: bold;
color: #333333;
line-height: 35px;
float: left;
width: 260px;
min-height: 35px;
}
@media screen and (max-width: 780px) and (min-width: 0px), screen and (max-device-width: 780px) and (min-device-width: 0px) {
.form-block-title2016 {/* フォーム基本ブロック項目名 */
width: 100%;
float: none;
line-height: 30px;
font-size: 15px;
}
}
.form-block-input2016 {/* フォーム基本ブロックフォームパーツ */
min-height: 35px;
float: left;
}
@media screen and (max-width: 780px) and (min-width: 0px), screen and (max-device-width: 780px) and (min-device-width: 0px) {
.form-block-input2016 {/* フォーム基本ブロックフォームパーツ */
float: none;
width: 100%;
max-width: 100%;
}
}
.form-block-input-1line2016 {/* フォーム基本ブロックフォームパーツ(1行マルチ) */
min-height: 35px;
float: left;
}
@media screen and (max-width: 780px) and (min-width: 0px), screen and (max-device-width: 780px) and (min-device-width: 0px) {
.form-block-input-1line2016 {/* フォーム基本ブロックフォームパーツ(1行マルチ) */
float: none;
}
}
.form-block-bottomtext2016 {/* フォーム基本ブロックフォーム下部テキスト */
font-size: 12px;
color: #666666;
padding-top: 4px;
line-height: 18px;
}
.input-inline2016 {/* フォーム内テキストをインラインブロックで使いたい場合span */
vertical-align: middle;
line-height: 35px;
font-size: 16px;
}
.input-redtext2016 {/* フォーム内赤文字テキスト */
color: #ff0000;
font-weight: normal;
}
.formoubo, .formoubo-1line {
font: normal 14px "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica; color:#000000; background:#f2f2f2;
border:1px solid #c0c0c0;
background-color: #f2f2f2;
padding: 6px;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
max-width: 500px;
}
@media screen and (max-width: 780px) and (min-width: 0px), screen and (max-device-width: 780px) and (min-device-width: 0px) {
.formoubo {
width: 100%;
}
}
input:focus {
background-color: #ffffff;
border:1px solid #42acd3;
-webkit-box-shadow: 0 0 2px 0 #08a0d8;
-moz-box-shadow: 0 0 2px 0 #08a0d8;
box-shadow: 0 0 2px 0 #08a0d8;
}
/* PC版テキストフォーム長さコントロール */
.formtext-shortest2016 {width: 100px;}
.formtext-shorter2016 {width: 140px;}
.formtext-normal2016 {width: 210px;}
.formtext-longer2016 {width: 300px;}
.formtext-longest2016 {width: 400px;}
/* PC版テキストフォーム長さコントロール(1行複数要素配置時) */
.formtext-shortest-1line2016 {width: 100px;}
.formtext-shorter-1line2016 {width: 140px;}
.formtext-normal-1line2016 {width: 210px;}
.formtext-longer-1line2016 {width: 300px;}
.formtext-longest-1line2016 {width: 400px;}
@media screen and (max-width: 780px) and (min-width: 0px), screen and (max-device-width: 780px) and (min-device-width: 0px) {
.formtext-shortest2016, .formtext-shorter2016, .formtext-normal2016, .formtext-longer2016, .formtext-longest2016 {
width: 100%;
}
}
.submitbuttonarea2016 {/* サブミットボタンエリア */
margin-top: 30px !important;
margin-bottom: 30px !important;
}
.submitbutton2016 {/* サブミット */
display: inline-block;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
padding: 10px 70px 10px 70px;
color: #ffffff;
background-color: #26a2ee;
border: 1px solid #26a2ee;
font-size: 16px;
margin-top: 10px;
margin-bottom: 10px;
text-decoration: none;
transition: all .18s ease-in-out;
}
.submitbutton2016:hover {/* サブミット */
background-color: #f2001f;
border: 1px solid #f2001f;
color: #ffffff;
text-decoration: none;
}
.formbackbutton2016 {/* 書き直すボタン */
display: inline-block;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
padding: 10px 70px 10px 70px;
color: #222222;
min-width: 254px;
background-color: #f5f5f5;
border: 1px solid #000000;
font-size: 16px;
margin-top: 10px;
transition: all .18s ease-in-out;
}
.formbackbutton2016:hover {/* 書き直す */
color: #ffffff;
background-color: #e244a6;
border: 1px solid #e244a6;
}
.inputdata2016 {/* 確認画面インプットデータ */
min-height: 35px;
font-size: 14px;
line-height: 35px;
}
@media screen and (max-width: 780px) and (min-width: 0px), screen and (max-device-width: 780px) and (min-device-width: 0px) {
.inputdata2016 {/* 確認画面インプットデータ */
line-height: 20px;
}
}
.messagearea-black2016 {/* フォームメッセージ黒枠 */
max-width: 100%;
border: 1px solid #bbbbbb;
background-color: #ffffff;
padding: 40px 0 40px 0;
font-weight: bold;
font-size: 16px;
margin-bottom: 30px;
}
@media screen and (max-width: 780px) and (min-width: 0px), screen and (max-device-width: 780px) and (min-device-width: 0px) {
.messagearea-black2016 {/* フォームメッセージ黒枠 */
font-size: 14px;
margin-left: 16px !important;
margin-right: 16px !important;
padding: 16px 0 16px 0;
margin-bottom: 0;
}
}
.messagearea-red2016 {/* フォームメッセージ赤枠 */
max-width: 100%;
border: 3px solid #ff0000;
background-color: #fff158;
padding: 40px 0 40px 0;
font-weight: bold;
font-size: 16px;
margin-bottom: 30px;
color: #ff0000;
}
@media screen and (max-width: 780px) and (min-width: 0px), screen and (max-device-width: 780px) and (min-device-width: 0px) {
.messagearea-red2016 {/* フォームメッセージ赤枠 */
font-size: 14px;
margin-left: 16px !important;
margin-right: 16px !important;
padding: 16px 0 16px 0;
margin-bottom: 0;
}
}
span.normaltext {
font-weight: normal;
font-size: 14px;
line-height: 20px;
}
span.voicesettei-address {/* ボイス設定画面アドレス表示 */
font-weight: bold;
font-size: 16px;
line-height: 35px;
}
.voice_settei_coverphotoarea2016 {/* ボイス設定画面カバー写真表示部 */
margin-top: 8px !important;
position: relative;
width: 600px;
height: 200px;
}
.voice_settei_coverphoto-close2016 {/* ボイス設定画面カバー写真表示部閉じるボタン */
position: absolute;
top: 6px;
right: 6px;
width: 28px:
height: 28px;
background-color: #000000;
padding: 8px;
border-radius: 6px;
transition: all .4s ease-in-out;
}
.voice_settei_coverphoto-close2016:hover {/* ボイス設定画面カバー写真表示部閉じるボタンホバー */
background-color: #e71b4e;
}
/* --------------------------ボイス通知ページ関連------------------------------- */
.updateheader2016:after {/* ボイス通知画面ユーザーアクション表示部フロート解除 */
display: block;
content: "";
clear: both;
}
.voicecontentheadarea-update2016 {/* ボイス通知画面上部表示 */
float: left;
width: auto;
text-align: left;
margin-left: 0;
font-size: 14px;
color: #333333;
}
.voicecontentheadarea-date2016 {/* ボイス通知画面上部表示日付部 */
float: right;
text-align: right;
width: 105px;
font-size: 12px;
color: #99a8b3;
}
.voiceupdatesideheadarea2016 {/* ボイス通知画面上部表示マーカー表示部 */
float:left;
text-align: right;
width: 58px;
padding-right:8px;
padding-top:1px;
}
.voiceupdatecontentarea2016 {/* ボイス通知画面本文ブロック */
position: relative;
float: none;
margin-left: 58px !important;
font-size: 14px;
line-height: 20px;
color: #8899a6;
padding-right: 58px;
}
.voiceitemfooter-memberlink {/* ボイス通知画面メンバーアバター表示リンク */
margin-right: 6px !important;
}
.voiceupdateheader_subtext2016 {/* ボイス通知画面中央部ヘッダーサブテキスト */
font-size: 12px;
margin-top: 2px !important;
line-height: 18px;
}
/* --------------------------ボイス検索結果ページ関連------------------------------- */
.voicesearchresult-header2016 {/* ボイス検索結果ページヘッダー */
background-color: #000000;
border: 0;
font-size: 22px;
line-height: 36px;
color: #ffffff;
text-align: center;
padding-top: 6px;
padding-right: 0;
padding-bottom: 4px;
padding-left: 0;
}
/* --------------------------ボイス通知ページ関連------------------------------- */
.update-tabmenu2016 {/* ボイス通知ページタブメニュー */
width: 590px;
border-bottom: 1px solid #e1e8ec;
border-right: 1px solid #e1e8ec;
border-top: 0;
border-left: 1px solid #e1e8ec;
background-color: #ffffff;
text-align: left;
}
ul.update-tabmenulist2016 {/* ボイス通知ページタブメニューリストul */
list-style: none;
padding: 0;
font-size: 0;
}
.update-tabmenulist-item2016 {/* ボイス通知ページタブメニューリストli */
position: relative;
display: inline-block;
height: 46px;
border-bottom: 0 solid #1da1f2;
-webkit-box-sizing: border-box !important;
-moz-box-sizing: border-box !important;
box-sizing: border-box !important;
transition: all .15s ease-in-out;
}
.update-tabmenulist-item2016:hover {
border-bottom-width: 5px;
border-bottom-style: solid;
}
.update-tabmenu-active2016 {
display: inline-block;
height: 46px;
-webkit-box-sizing: border-box !important;
-moz-box-sizing: border-box !important;
box-sizing: border-box !important;
border-bottom-width: 5px;
border-bottom-style: solid;
border-color: #1da1f2;
}
.update-tabmenulist-item-link {/* ボイス通知ページタブメニューリストa */
display: block;
color: #000000;
text-decoration: none;
padding-top: 14px;
padding-bottom: 14px;
font: 14px/18px メイリオ, Meiryo, 'MS UI Gothic', Osaka, Helvetica;
}
.update-tabmenulist-item-link:hover {
text-decoration: none;
}
.update-tabmenulist-item-link span {
font-size: 14px;/* IEで文字が消えてしまう対策（上のfont: 14px/18px メイリオ, Meiryo, 'MS UI Gothic', Osaka, Helvetica;が原因） */
color: #000000;/* IEで文字が消えてしまう対策 */
border-right: 1px solid #ccd6dd;
padding-left: 28px;
padding-right: 28px;
}
.update-badge2016 {
position: absolute;
top: 13px;
right: 8px;
min-width: 18px;
height: 20px;
border-radius: 20%;
}
/* --------------------------引用ボイス表示関連------------------------------- */
.quotevoice2016 {/* 引用ボイス囲み */
margin-top: 8px !important;
font-size: 14px;
border: solid 1px #e1e8ed;
cursor: pointer;
border-radius: 4px;
text-align: left;
}
.quotevoice2016:hover {/* ホバーでメンバーカラーを適用 */
border: solid 1px rgba(0,132,180,0.45);
}
.quotevoice-container2016 {/* 引用ボイス囲みコンテナ */
position: relative;
}
.quotevoice-link2016 {/* 引用ボイス囲みリンク */
height: 100%;
left: 0px;
position: absolute;
top: 0px;
width: 100%;
}
.quotevoice-innercontainer2016 {/* 引用ボイス囲みインナー */
padding: 12px;
}
.quotevoice-innercontainer2016:after {/* 引用ボイス囲みインナーフロート解除 */
display: block;
clear: both;
content: "";
}
.quotemedia2016 {/* ボイス引用メディア */
position: relative;
float: left;
margin-right: 12px !important;
height: 102px;
width: 102px;
overflow: hidden;
vertical-align: top;
}
.quotetext2016 {/* ボイス引用本文 */
line-height: 140%;
overflow: hidden;
text-overflow: ellipsis;
}
a.voicequotetitleid2016 {/*ボイス引用タイトル行メンバーID*/
color: #99a8b3;
text-decoration: none;
}
.voicequotetitlearea2016 {/*ボイス引用タイトル行*/
font-size: 12px;
color: #99a8b3;
vertical-align: baseline;
max-width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
a.voicequotehashtag2016 {/* ボイス引用ハッシュタグ */
font-size: 14px;
text-decoration: none;
}
a.voicequotehashtag2016:hover {/* ボイス引用ハッシュタグホバー */
text-decoration: underline;
}
.quote-left-fitimage-120px {/* ボイス引用外枠フィット用コンテナ当面未使用 */
float: left;
width: 120px;
height: 120px;
}
.quote-left-fitimage {/* ボイス引用外枠フィットイメージ（正方形）当面未使用 */
height: 100%;
width: 100%;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
border: none;
}
.quote-fitimage-innercontainer2016:after {/* ボイス引用外枠フィット囲みインナーフロート解除当面未使用 */
display: block;
clear: both;
content: "";
}
.quote-fitimage-text2016 {/* 外枠フィット囲み引用本文当面未使用 */
padding: 12px;
line-height: 140%;
overflow: hidden;
text-overflow: ellipsis;
}
.quote-plate-addlink2016, .quote-plate-addlink2016:hover {/* 引用同盟・イベント詳細リンクテキスト */
color: #99a8b3;
text-decoration: none;
}
.quote_officialvoice2016 {/* ボイス引用部公認アカウント囲み */
display: block;
margin-top: 8px !important;
font-size: 14px;
border: solid 1px #e1e8ed;
cursor: pointer;
border-radius: 4px;
}
.quote_officialvoice2016:hover {/* ボイス引用部公認アカウント囲みホバー */
border: solid 1px #c1cad1;
background-color: #ffffff;
}
.quote_official_topfitimage2016 {/* 引用公認同盟上部フィット画像 */
display: block;
width: 100%;
height: auto;
border: 0;
}
.quote_topfitimage_text2016 {/* ボイストップフィット画像引用本文 */
padding: 12px;
line-height: 140%;
overflow: hidden;
text-overflow: ellipsis;
}
/* --------------------------ボイス詳細ページ関連------------------------------- */
.voicedetail-overlay2016 {/* 黒背景オーバーレイ表示 */
display: block;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1000;
background: #2a2b32;
background: rgba(0,0,0,.55);
}
.voice-overlay-modal2016 {
background-color: transparent;
border-radius: 6px;
min-height: 250px;
margin-bottom: 20px;
position: absolute;
top: 60px!important;
left: 50%;
width: 640px;
margin-left: -320px !important;
}
.voice-overlay-container {
float: left;
width: 642px;
position: relative;
}
.voice-overlay-container-witharrows {
z-index: 1002;
}
.voice-overlay-arrows {
/* display: none; */
position: absolute;
top: 150px;
left: -80px;
font-size: 21px;
width: 800px;
}
.voice-overlay-arrows-icon {/* ボイス詳細画面矢印ボタン */
background: transparent;
display: inline-block;
font-style: normal;
vertical-align: baseline;
position: relative;
}
.voice-overlay-arrows-prev {/* ボイス詳細画面前へボタン */
float: left;
padding: 50px;
color: #ffffff !important;
opacity: 0.5;
-ms-filter: "alpha(opacity=50)";
transition: all .4s ease-in-out;
}
.voice-overlay-arrows-next {/* ボイス詳細画面次へボタン */
float: right;
padding: 50px;
color: #ffffff !important;
opacity: 0.5;
-ms-filter: "alpha(opacity=50)";
transition: all .4s ease-in-out;
}
.voice-overlay-arrows-prev:hover, .voice-overlay-arrows-next:hover {
opacity: 1;
-ms-filter: "alpha(opacity=100)";
}
.voice-overlay-arrows-prev .fa-chevron-left, .voice-overlay-arrows-prev .fa-chevron-left {
font-size: 24px;
color: #ffffff;
}
.voice-overlay-close {/* ボイス詳細画面閉じるボタン */
position: absolute;
right: -50px;
margin-left: 4px;
border: 0px;
display: block;
height: 40px;
width: 40px;
background: url(../images/2016voicecloseicon.png) no-repeat 50%;
-webkit-background-size: 30px 30px;
background-size: 30px 30px;
text-indent: -99999px;
}
.voice-overlay-body {/* ボイス詳細画面オーバーレイボディ（下とセット） */
margin-bottom: 0;
padding: 0;
background-color: #f5f8fa;
border-top: 1px solid rgba(0,0,0,0.1);
border-right: 1px solid rgba(0,0,0,0.1);
border-left: 1px solid rgba(0,0,0,0.1);
border-bottom: 0;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
background-clip: padding-box;
z-index: 1200;
}
.voice-overlay-body-bottomlink {/* ボイス詳細画面オーバーレイボディフッター（上とセット） */
margin-bottom: 80px !important;
padding: 0 0 0 0;
width: 642px;
height: 66px;
color: #8899a6;
background-color: #f5f8fa;
border-bottom: 1px solid #636465;
border-right: 1px solid #636465;
border-left: 1px solid #636465;
border-top: 0;
border-top-left-radius: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 6px;
border-bottom-left-radius: 6px;
z-index: 1200;
transition: all .4s ease-in-out;
}
.voice-overlay-body-bottomlink:hover {/* ボイス詳細画面オーバーレイボディフッターホバー */
background-color: #238db4;
color: #ffffff;
cursor:pointer;
}
.voice-overlay-innerbody {
outline: 0;
cursor: default;
background-color: #fff;
padding: 30px 40px;
border-bottom: 0;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
position: relative;
min-height: 51px;
}
.member-dropdown-type2 {
position: relative;
padding-top: 4px;
height: 35px;
padding: 0 0 0 5px;
background: transparent;
border-color: transparent;
border: 1px solid #e1e8ed;
border-radius: 4px;
color: #66757f;
cursor: pointer;
display: inline-block;
font-size: 14px;
font-weight: bold;
}
.voice-overlay-headerarea2016 {/* ボイス詳細画面ヘッダー */
font-family: "メイリオ", "Meiryo", "Hiragino Kaku Gothic Pro", "MS UI Gothic", sans-serif;
padding-bottom: 15px;
font-size: 12px;
}
.voice-overlay-headerarea2016:after {/* ボイス詳細画面ヘッダーフロート解除 */
display: block;
content: "";
clear: both;
}
.voice-overlay-header-title2016 {/* ボイス詳細画面ヘッダー名前表示部 */
float: left;
width: auto;
text-align: left;
}
.permalink-header-cosname2016 {/* ボイス詳細画面ヘッダーコスネーム表示 */
text-decoration: none;
display: block;
padding-top: 2px;
font-size: 18px;
line-height: 1.3;
font-family: "メイリオ", "Meiryo", "Hiragino Kaku Gothic Pro", "MS UI Gothic", sans-serif;
font-weight: bold;
}
.permalink-header-cosname2016:hover {/* ボイス詳細画面ヘッダーコスネーム表示ホバー */
text-decoration: underline;
cursor:pointer;
}
.voice-overlay-header-rightmenu {/* ボイス詳細画面ヘッダー右メニュー部 */
float:right;
width: 180px;
text-align: right;
font-size:0;/* ピクセル空き対策 */
}
.fav-button-left-gear {/* お気に入りボタン左配置用ギアアイコン */
display: inline-block;
padding: 7px;
margin-right: 4px !important;
cursor:pointer;
color: #999999;
line-height: 33px;
height: 33px;
}
.fav-button-left-gear:hover {/* お気に入りボタン左配置用ギアアイコンホバー */
color: #ff0000;
}
.fav-button-left-gear .fa-gear {/* お気に入りボタン左配置用ギアアイコン */
font-size: 18px;
}
.permalink-voice-text {
text-align: left;
font-size: 26px;
line-height: 32px;
font-weight: 300;
font-family: Arial, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Osaka, メイリオ, Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
word-wrap:break-word;
overflow-wrap:break-word;
}
.voice-text-26px {/* 汎用ボイステキストサイズ26px */
font-size: 26px !important;
line-height: 32px;
font-weight: 300;
font-family: Arial, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Osaka, メイリオ, Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
.permalink-voicemedia .adaptivemedia {/* ボイス詳細画面添付画像大きさ調整 */
max-height: 420px;
max-width: 560px;
}
.permalink-voicemedia .adaptivemedia-quadphoto {/* ボイス詳細画面添付画像4枚添付時大きさ調整 */
font-size: 0;
height: 420px;
width: 560px;
}
.permalink-voicemedia .adaptivemedia-triplephoto {/* ボイス詳細画面添付画像3枚添付時大きさ調整 */
font-size: 0;
height: 373px;
width: 560px;
}
.permalink-voicemedia .adaptivemedia.is-square {/* ボイス詳細画面添付画像1枚添付時大きさ調整 */
max-height: 560px;
}
.permalink-voice-reaction-container2016 {/* ボイス詳細画面シェア・いいね表示ブロック */
}
.permalink-reaction-list2016 {/* ボイス詳細画面シェア・いいね表示ブロックul */
list-style: none;
text-align: left;
margin-top: 10px !important;
border-bottom: 1px solid #e1e8ed;
border-top: 1px solid #e1e8ed;
width: 100%;
overflow: hidden;
padding: 0;
}
.share-count2016 {/* ボイス詳細画面シェア表示ブロックli */
display: block;
float: left;
margin-right: 10px;
overflow: hidden;
min-width: 72px;
}
.iine-count2016 {/* ボイス詳細画面いいね表示ブロックli */
display: block;
float: left;
margin-right: 10px;
overflow: hidden;
min-width: 72px;
}
.share-popup2016, .iine-popup2016 {/* ボイス詳細画面シェア・いいね表示ブロックテキストa */
font-family: "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica, sans-serif;
display: block;
float: left;
padding: 4px 28px 0 0;
color: #8899a6 !important;
font-size: 10px;
line-height: 16px;
overflow: hidden;
text-decoration: none;
}
.share-popup2016:hover, .iine-popup2016:hover {/* ボイス詳細画面シェア・いいね表示ブロックテキストホバー */
text-decoration: none;
cursor:pointer;
}
.share-popup2016 span, .iine-popup2016 span {
display: block;
font-family: Arial, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Osaka, メイリオ, Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
font-size: 18px;
font-weight: 500;
line-height: 20px;
}
.avatar-row2016 {/* ボイス詳細画面メンバーアバター表示ブロックli */
display: block;
float: left;
overflow: hidden;
font-size: 0;
padding-left: 12px;
border-left: 1px solid #e1e8ed;
}
.voiceitemfooter-memberlink2 {/* ボイス詳細画面メンバーアバター表示リンクa */
display: inline-block;
margin-right: 5px !important;
padding: 11px 0;
}
.permalink-reaction-list2016:after {/* ボイス詳細画面シェア・いいね表示ブロックulフロート解除 */
display: block;
content: "";
clear: both;
}
.permalink-timestamp2016 {/* ボイス詳細画面タイムスタンプ部 */
font-family: "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica, sans-serif;
width: 100%;
margin-top: 10px !important;
text-align: left;
line-height: 24px;
font-size: 12px;
color: #8899a6;
}
.permalink-commentpost {
font-family: "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica, sans-serif;
font-size: 14px;
border: 1px solid #e1e8ed;
position: relative;
padding: 15px 40px;
}
.permalink-commentpost-memberimage {
position: absolute;
left: 56px;
top: 17px;
}
.permalink-commentpost-content {
margin-left: 56px !important;
}
.separate-block2016 {/* ボイス詳細画面コメント投稿部下区切りブロック */
width: 100%;
height: 11px;
border-bottom: 1px solid #e1e8ed;
background-color: #f5f8fa;
}
.permalink-commentblock {/* ボイス詳細画面コメント基本ブロック */
border-bottom: 1px solid #e1e8ed;
font-family: "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica, sans-serif;
font-size: 14px;
line-height:1.3;
text-align: left;
min-height: 54px;
padding-left: 37px;
padding-right: 37px;
padding-top: 9px;
padding-bottom: 9px;
background-color: #ffffff;
}
.permalink-commentblock:hover {/* ボイス詳細画面コメント基本ブロックホバー */
background-color: #f5f8fa;
cursor:pointer;
}
.permalink-commentblock:after {/* ボイス詳細画面コメント基本ブロックフロート解除 */
display: block;
content: "";
clear: both;
}
.voice-detail-toplink2016 {/* ボイス詳細画面最下部ページ上へリンク */
display: block;
}
.voice-detail-topicon2016 .fa-angle-up {/* ボイス詳細画面最下部ページ上へリンク矢印アイコン */
font-size: 42px;
}
.voice-detail-topicon2016 .fa-angle-down {/* ボイス詳細画面最下部ページもっと見るリンク矢印アイコン */
font-size: 42px;
}
.voice-detail-toptext2016 {/* ボイス詳細画面最下部ページ上へリンクテキスト */
display: block;
font-family: "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica, sans-serif;
font-size: 10px;
padding-bottom: 20px;
margin-top: -10px !important;
}
/* --------------------------ボイス詳細ページ返信ウィンドウ関連------------------------------- */
.modal-content2016 {/* モーダルウィンドウ基本ブロック */
position: relative;
background-color: #ffffff;
border-radius: 6px;
background-clip: padding-box;
box-shadow: 0 4px 15px rgba(32,47,51,.20);
width: 590px;
z-index: 6000;
}
.modal-header2016 {/* モーダルヘッダーブロック */
background: #fffff;
border-bottom: 1px solid #e1e8ed;
border-radius: 6px 6px 0 0;
cursor: move;
padding-top: 8px;
padding-bottom: 8px;
padding-right: 15px;
padding-left: 15px;
}
.modal-title2016 {/* モーダルタイトルブロック */
font-family: "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica, sans-serif;
width: 75%;
margin: 0 auto;
overflow: hidden;
font-size: 15px;
font-weight: normal;
line-height: 22px;
color: #8899a6;
text-align: center;
text-overflow: ellipsis;
white-space: nowrap;
}
.voice-overlay-close {/* モーダルタイトル閉じるボタン */
position: absolute;
right: 0px;
margin-left: 4px;
border: 0px;
display: block;
height: 40px;
width: 40px;
background: url(../images/2016voicecloseicon-gray.png) no-repeat 50%;
-webkit-background-size: 20px 20px;
background-size: 20px 20px;
text-indent: -99999px;
}
.modal-voicemainblock2016 { /*モーダルボイス基本ブロック*/
display: block;
cursor: pointer;
background-color: #ffffff;
text-align: left;
padding: 9px 12px 9px 12px;
width: 590px;
border-bottom: 1px solid #e1e8ec;
border-right: 1px solid #e1e8ec;
border-left: 1px solid #e1e8ec;
font: normal 15px "メイリオ", "Meiryo", "Hiragino Kaku Gothic Pro", "MS UI Gothic", sans-serif;
color:#000000;
line-height:150%;
}
.modal-voicemainblock2016:after {/*モーダルボイス基本ブロックのフロート解除処理*/
content: "";
display: block;
clear: both;
}
.modal-voicecontentarea2016 {/*モーダルボイス基本ブロックの右部コンテンツ表示部*/
position: relative;
float: none;
margin-left: 56px !important;
font: normal 14px "メイリオ", "Meiryo", "Hiragino Kaku Gothic Pro", "MS UI Gothic", sans-serif;
line-height:130%;
}
.modal-header-commentpost {
font-family: "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica, sans-serif;
font-size: 14px;
border-radius: 0 0 6px 6px;
border-top: 0;
border-right: 1px solid #e1e8ed;
border-left: 1px solid #e1e8ed;
border-bottom: 1px solid #e1e8ed;
position: relative;
padding: 10px 12px;
}
/* --------------------------ボイスモーダルウィンドウいいね、シェアウィンドウ関連------------------------------- */
.modal-memberlist2016 {/* モーダルウィンドウメンバーリスト（縦スクロール） */
list-style: none;
max-height: 320px;
overflow-y: scroll;
padding: 9px 12px 9px 12px;
background-color: #ebf0f3;
border-radius: 0 0 6px 6px;
}
.modal-memberlist-mainblock2016 {/* モーダルウィンドウメンバーリストメインブロック */
float: left;
width: 308px;
text-align: left;
line-height: normal;
}
/* --------------------------お気に入りメンバー一覧画面------------------------------- */
.favoritelist-profilecardblock2016 {
float: left;
width: 300px;
padding-right: 5px;
padding-left: 5px; text-align: left;
}
.profilecard-bottom {/* プロフィールカード下半分部 */
padding: 8px 12px 14px 12px;
}
.profilecard-bottom-memberdata {/* プロフィールカード下半分メンバー名表示部 */
width: 100%;
}
.profilecard-bottom-proftext {/* プロフィールカード下半分プロフィールテキスト */
padding-top: 6px;
line-height: 130%;
color: #888888;
}
.profilecard-bottomcontent {/* プロフィールカード下半分部(位置調整用) */
position: relative;
height: 181px;
max-height: 181px;
}
.profilecard-buttonarea {/* プロフィールカード下半分ボタン部 */
position: absolute;
width: 193px;
top: 10px;
right: 10px;
text-align: right;
}
.voiceprofile_lefttext2016 {/* プロフィールカード下自己紹介テキスト */
padding: 0 4px 10px 4px;
}
.voiceprofile_lefttext_proflink2016 {/* プロフィールカード下自己紹介テキストリンク */
margin-left: 4px !important;
padding: 6px 10px 6px 10px;
border: 1px solid #e1e8ed;
background-color: #ffffff;
text-decoration: none;
color: #888888;
border-radius: 4px;
font-size: 13px;
transition: all .4s ease-in-out;
}
.voiceprofile_lefttext_proflink2016:hover {/* プロフィールカード下自己紹介テキストリンク */
border: 1px solid #3b88c3;
background-color: #26a2ee;
text-decoration: none;
color: #ffffff;
}
.voice-favoritemember-title {
font-size: 22px;
font-weight: normal;
text-align: left;
padding: 12px 10px 12px 16px;
}
.voice-favoritemember-title a {
text-decoration: none;
color: #333333;
}
.voice-favoritemember-title a:hover {
color: #666666;
}
/* --------------------------グローバルメニュー追加分------------------------------- */
.globalmenu2016 {
width: 100%;
height: 43px;
background-color: #127dc1;
background: linear-gradient(#127dc1,#0b71ab);
border-bottom: 5px solid #318dcf;
-webkit-box-sizing: border-box !important;
-moz-box-sizing: border-box !important;
box-sizing: border-box !important;
}
.globalmenu-ul2016 {
font-size: 0;
width: 1188px;
padding-left: 0!important;
list-style: none;
margin: 0 auto;
}
.globalmenu-li2016 {
position: relative;
float: left;
}
.globalmenu-li2016 a {
-webkit-box-sizing: border-box !important;
-moz-box-sizing: border-box !important;
box-sizing: border-box !important;
}
.globalmenu-ul2016:after {
display: block;
content: "";
clear: both;
}
.globalmenu-link2016 {
display: inline-block;
color: #ffffff!important;
height: 43px;
padding-top: 9px;
text-decoration: none;
font: normal 14px "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica;
background-color: #127dc1;
background: linear-gradient(#127dc1,#0b71ab);
border-bottom: 5px solid #318dcf;
border-left: 1px solid rgba(255,255,255,0.15);
border-right: 1px solid rgba(0,0,0,0.15);
}
.globalmenu-link2016:hover {
background: rgba(0,0,0,0.2);
text-decoration: none;
}
.globalmenu-active {
border-bottom: 5px solid #f8c106 !important;
}
.globalmenu2016 .fa-bars {
position: relative;
top: 1px;
padding-right: 8px;
font-size: 17px;
}
/* --------------------------パーソナルメニュー追加分------------------------------- */
.personalmenu2016, .personalmenu-member2016 {
width: 100%;
height: 51px;
background-color: #ffffff;
border-bottom: 1px solid #e4e6e7;
-webkit-box-sizing: border-box !important;
-moz-box-sizing: border-box !important;
box-sizing: border-box !important;
}
.personalmenu-ul2016 {
font-size: 0;
width: 1188px;
padding-left: 0!important;
padding-right: 0!important;
list-style: none;
margin: 0 auto;
}
.personalmenu-li2016 {
position: relative;
float: left;
}
.personalmenu-li2016 a {
-webkit-box-sizing: border-box !important;
-moz-box-sizing: border-box !important;
box-sizing: border-box !important;
}
li.rightalignmenu {
float: right;
position: relative;
}
.personalmenu-ul2016:after {
display: block;
content: "";
clear: both;
}
.personalmenu-pulldown-link2016 {
display: inline-block;
position: relative;
color: #555555;
height: 51px;
padding-top: 15px;
padding-left: 14px;
padding-right: 14px;
text-decoration: none;
font: normal 14px "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica;
border-bottom: 1px solid #e4e6e7;
-webkit-box-sizing: border-box !important;
-moz-box-sizing: border-box !important;
box-sizing: border-box !important;
}
.badge-personalmenu2016 {
position: absolute;
top: 6px;
left: 20px;
min-width: 18px;
height: 20px;
border-radius: 20%;
}
a.personalmenu2016widepadding {
padding-left: 50px;
padding-right: 58px;
text-decoration: none;
}
a.personalmenu2016widepadding:hover {
color: #555555;
text-decoration: none;
}
.personalmenu-pulldown-link2016:hover {
background-color: #f0f0f0;
text-decoration: none;
color: #555555;
}
.personalmenu2016 .fa {
color: #f8c107;
padding-right: 4px;
}
.personalmenu-member2016 .fa {
color: #47a2c6;
padding-right: 4px;
}
.fa-angle-downblack {
margin-right: 8px!important;
color: #222222!important;
}
.personalmenu2016 .fa-home {
font-size: 17px;
}
.personalmenu2016 .fa-bullhorn {
font-size: 17px;
}
.personalmenu2016 .fa-book {
font-size: 16px;
}
/* --------------------------グローバルメニュープルダウン部------------------------------- */
.globalmenu-pulldown2016 {
position: absolute;
top: 43px;
width: 459px;
right: 0;
z-index: 1000;
background-color: #ffffff;
border-bottom: 1px solid #bdbdbd;
border-left: 1px solid #bdbdbd;
border-right: 1px solid #bdbdbd;
box-shadow: 0 1px 7px 0 rgba(0,0,0,0.2);
}
.globalmenu-pulldown-ul2016 {
padding-left: 0!important;
padding-right: 0!important;
list-style-type: none;
}
.globalmenu-pulldown-link2016 {
display: block;
color: #000000;
font-size: 16px;
text-align: left;
width: 228px;
padding: 6px 14px 6px 14px;
background-color: #ffffff;
text-decoration: none;
font: normal 13px "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica;
}
.globalmenu-pulldown-link2016:hover {
text-decoration: none;
background-color: #0084b4;
color: #ffffff;
}
.globalmenu-pulldown2016:after {
display: block;
content: "";
clear: both;
}
.globalmenu-pulldown-left {
float: left;
border-right: 1px solid #cccccc;
padding-bottom: 10px;
}
.globalmenu-pulldown-right {
float: right;
}
.globalmenu-pulldown-toplink {
font-size: 10px;
padding: 10px 14px 10px 14px;
font-family:"メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica;
}
.globalmenu-pulldown-toplink-link {
color: #4ca6ca!important;
display: block;
border: 1px solid #4ca6ca;
padding: 3px 4px 3px 4px;
text-decoration: none;
}
.globalmenu-pulldown-toplink-link:hover {
color: #ffffff!important;
background-color: #4ca6ca;
text-decoration: none;
}
.globalmenu-pulldown-toplink-link2 {
color: #ff0000!important;
display: block;
border: 1px solid #ff0000;
padding: 3px 4px 3px 4px;
text-decoration: none;
}
.globalmenu-pulldown-toplink-link2:hover {
color: #ffffff!important;
background-color: #ff0000;
text-decoration: none;
}
/* --------------------------パーソナルメニュープルダウン部------------------------------- */
.personalmenu-pulldown2016 {
position: absolute;
top: 51px;
width: 264px;
right: 0;
z-index: 500;
background-color: #ffffff;
border-bottom: 1px solid #e4e6e7;
border-left: 1px solid #e4e6e7;
border-right: 1px solid #e4e6e7;
padding-bottom: 10px;
}
.personalmenu-pulldown-ul2016 {
padding-left: 0!important;
padding-right: 0!important;
list-style-type: none;
}
.personalmenu-pulldown-link-a2016 {
display: block;
color: #000000;
font-size: 16px;
text-align: left;
width: 262px;
padding: 6px 14px 6px 24px;
background-color: #ffffff;
text-decoration: none;
font: normal 13px "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica;
-webkit-box-sizing: border-box !important;
-moz-box-sizing: border-box !important;
box-sizing: border-box !important;
}
.personalmenu-pulldown-link-a2016:hover {
text-decoration: none;
background-color: #0084b4;
color: #ffffff;
}
.personalmenu-pulldown2016:after {
display: block;
content: "";
clear: both;
}
/* ツールチップ */
#msglayer {
position: absolute;
white-space: nowrap;
}
#msglayer div {
color: #ffffff;
font-size: 12px;
line-height: 1;
padding: 5px 10px;
background-color: #909090;
font: 12px 'Meiryo';
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
}
/* インフィニティページャ */
#infpager {
background-color: #ffffff;
border: 1px solid #e1e8ec;
border-top: 0;
border-radius: 0 0 6px 6px;
margin-bottom: 14px !important;
font-size: 13px;
color: #8899a6;
text-align: center;
padding: 0;
height: 65px;
}
#infpager span {
margin-top: 16px;
margin-bottom: 15px;
}
#loaderbutton a, #loadercommentbutton a {
display:block;
padding-top: 22px;
padding-bottom: 22px;
font-size: 16px;
color: #666666;
text-decoration: none;
}
#loaderbutton a.submitbutton2016 {
display:inline-block;
padding-top: 14px;
padding-bottom: 14px;
font-size: 16px;
color: #fff;
text-decoration: none;
}
/* もっと見るボタン */
.nextloader {
color: #8899a6;
height: 50px;
}
.nextloader span {
padding-top: 10px;
margin-top: 0px;
margin-bottom: 0px;
}
.nextloader-img {
display: inline-block;
pointer-events:none;
text-align:center;
width: 30px;
height: 30px;
border-radius: 50%;
border: 4px solid #bbbbbb;
border-right-color: transparent;
-webkit-animation: spin 1s infinite linear;
-moz-animation: spin 1s infinite linear;
-ms-animation: spin 1s infinite linear;
}
.nextloader-btn {
display:block;
font-size: 16px;
color: #666666;
text-decoration: none;
}
.nextloader-btn:hover {
color: #ffffff;
cursor:pointer;
}
/* モーダルダイアログボックス */
.modal-lock {
overflow: hidden;
}
.modal-content {
position: absolute;
display: none;
}
.modal-overlay {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 120%;
background-color: rgba(0,0,0,0.70);
}
.modal-wrap {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: auto;
}
.postform-text-init { /* ボイス投稿フォーム初期テキスト */
height:38px;
overflow: hidden;
color:#c3c3c3;
}
.voice-disabled-message { /* ボイス表示不可メッセージ */
color:#99a8b3;
}
.voice-list-message {/* ページ表示不可メッセージボックス */
background-color: #ffffff;
border: 1px solid #e1e8ec;
border-radius: 6px 6px 6px 6px;
font-size: 15px;
color: #8899a6;
text-align: left;
padding-top: 15px;
padding-right: 20px;
padding-bottom: 15px;
padding-left: 20px;
}
.radius-footer { /* 汎用ボックスフッター */
background-color: #ffffff;
border: 1px solid #e1e8ec;
border-radius: 0 0 6px 6px;
height: 10px;
}
/* --------- twitterカード関連 ------------ */
.submit-longpadding { /* ボタン(パディング大) */
padding-right: 40px;
padding-left: 40px;
padding-top: 10px;
padding-bottom: 10px;
}
.twittercardmainblock {/* twitterカードメインブロック */
width: 100%;
max-width: 900px;
text-align: left;
}
.voice_post_formarea2016 {/* twitterカード対応ボイス投稿フォーム */
font: normal 14px "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica;
}
.twitter-voicepost-footer {/* twitterカード対応ボイス投稿フォームフッター */
padding: 8px 0 8px 0;
font: normal 14px "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica;
}
.twitter-voicepost-footer:after {
display: block;
content: "";
clear: both;
}
.twittercard-voice-tab-ul {/* twitterカード対応ボイス投稿フォームタブ */
background-color: #f7f7f8;
width: 100%;
padding: 0;
list-style: none;
box-sizing: border-box;
}
.twittercard-voice-tab-ul:after {
display: block;
content: "";
clear: both;
}
.twittercard-voice-tab-li {/* twitterカード対応ボイス投稿フォームタブ */
float: left;
border-top:1px solid #e1e8ed;
border-right:1px solid #e1e8ed;
border-bottom:1px solid #e1e8ed;
box-sizing: border-box;
}
.twittercard-voice-tab-li:last-child {
border-right: 0;
}
.twittercard-voice-tab-a-archive {
display: inline-block;
color: #000000;
padding: 10px 0 10px 0;
width: 100%;
text-align: center;
font: normal 14px "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica;
}
.twittercard-voice-tab-a-twitter {
display: inline-block;
color: #000000;
padding: 10px 0 10px 0;
width: 100%;
text-align: center;
font: normal 14px "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica;
text-decoration: none;
transition: all .4s ease-in-out;
}
.twittercard-voice-tab-a-twitter:hover {
color: #ffffff;
text-decoration: none;
background-color: #34a0c8;
}
.twittercard-voice-tab-a-othermenu {
display: inline-block;
background-color: #ffffff;
padding: 10px 0 11px 0;
font: normal 14px "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica;
width: 100%;
}
.twittertab-active {
background-color: #ffffff;
border-bottom:1px solid #ffffff;
}
.width45 {
width: 45%;
}
.width10 {
width: 10%;
}
.twittercard-voicepostbutton2016 {/* twitterカードボイス投稿ボタン */
color: #ffffff;
font-size: 14px;
padding: 10px 12px 10px 12px;
margin-top: 3px;
margin-right: 9px;
background-color: #34a0c8;
background-repeat: no-repeat;
border: 1px solid #34a0c8;
border-radius: 4px;
cursor: pointer;
font-weight: bold;
line-height: normal;
position: relative;
webkit-appearance: button;
}
.twittercard-voicepostbutton2016:hover {/* twitterカードボイス投稿ボタン */
background-color: #238db4;
}
.twittercard-voicepostbutton-cantclick2016 {/* twitterカードボイス投稿ボタン無効時 */
color: #ffffff;
font-size: 14px;
padding: 10px 12px 10px 12px;
margin-top: 3px;
margin-right: 9px;
background-color: #34a0c8;
background-repeat: no-repeat;
border: 1px solid #34a0c8;
border-radius: 4px;
cursor: pointer;
font-weight: bold;
line-height: normal;
position: relative;
webkit-appearance: button;
opacity: 0.3;
}
.twittercard-voiceform2016 {/* twitterカードボイス投稿フォーム */
font: normal 14px "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica;
color:#000000;
line-height:150%;
text-decoration: none;
background:#FFFFFF;
border: 1px solid #e5e5e5;
border-radius: 8px;
background-color: #ffffff;
width:100%;
height:86px;
overflow:auto;
padding-top: 8px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 10px;
outline: none;
}
.gallery_voiceselectarea2016 {/* twitterカート投稿ギャラリー管理画面サムネール展開 */
width: 100%;
max-width: 900px;
text-align: left;
border-top:1px solid #e1e8ed;
padding: 8px;
transition: all .4s ease-in-out;
}
.gallery_voiceselectarea2016:hover {
cursor: pointer;
background-color: #f7f7f8;
}
.gallery_voiceselectarea2016-photo {/* twitterカート投稿ギャラリー管理画面サムネール展開画像エリア */
float:left;
}
.gallery_voiceselectarea2016-text {/* twitterカート投稿ギャラリー管理画面サムネール展開テキスト */
float:left;
font: normal 15px "メイリオ", "Meiryo", "MS UI Gothic", Osaka, Helvetica;
line-height: 60px;
margin-left: 12px;
}
.gallery_voiceselectarea2016:after {/* twitterカート投稿ギャラリー管理画面サムネール展開フロート解除 */
display: block;
content: "";
clear: both;
}
.twittercard_voice_thumphoto { /* twitterカート投稿ギャラリー管理画面サムネール画像 */
vertical-align: bottom;
display: inline-block;
}
.thumb120 {
max-width: 120px;
max-height: 120px;
}
.rootlist_key {
font-size: 12px;
font-weight: normal;
display: inline;
}