/*CSS Reset: Special Thanks to Eric Meyer*/
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {/*memo: we still need cellpadding="0"*/
	border-collapse: collapse;
	border-spacing: 0;
}
.ie7 * { zoom:1}
/*basic typography Special Thanks to Jeffrey Zeldman http://www.zeldman.com/
below partially based on http://www.zeldman.com/wp-content/themes/zeldman-v2/style.css?0418120943*/

body	{ 
	text-align: left;
	color: #000;
	font: 12px/18px verdana, Arial, Helvetica, sans-serif, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka;
	font-weight: normal;
}

p {
	font-family: Georgia, "times new roman", times, serif, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka;
}
/* main setting*/
body { margin:0; padding:0; display:block; width:169px; height:229px;}
.thumbnail { width:169px; height:229px; text-align:center;margin:0; padding:0; }

.enterNumber { height:18px; padding:5px 0 0 0; color:#554c3e; text-align:right; margin:0 15px 0 0; font-size:1em;}

.info { width:165px; height:20px; display:block;  margin:0; padding:0;  text-align:left; font-family: verdana, Arial, Helvetica, sans-serif;overflow:hidden; }
.infoC { width:30px; float:left; color:#FFF; font-weight:bold; text-align:right;padding:0 5px 0 0;  }
.pname { width:130px; float:left;  height:20px; margin:0; padding:0 0 0 5px; text-align:left; display:block; font-family: verdana, Arial, Helvetica, sans-serif;}
a.pname { font-size:1em;font-weight:nomal; text-align:left; color:#000; text-decoration:none;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=9)"; filter: alpha(opacity=90); opacity: 0.9;}
a.pname:hover { font-size:1.1em; font-weight:nomal; text-decoration:none; color: #FF0; font-weight:bold; }

.photo{ width:160px; height:120px; display:block; margin:0 0 0 2px; padding:0; text-align:center; background-color:#FFF;}
a.photo {display:block; width:160px; height:120px; margin:0 0 0 2px; padding:0;  text-align:center;}
a:hover.photo {display:block; width:160px; height:120px; margin:0 0 0 3px; padding:0;text-align:center;}

.photo a img { width:160px; height:120px; padding:0; margin:0; border:1px solid #bb1d85; -webkit-transition:opacity 0.2s linear;-moz-transition:opacity 0.2s linear;-o-transition:opacity 0.2s linear;transition:opacity 0.2s linear;}
.photo a:hover img {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); opacity: 0.8; border:1px solid #bb1d85;}

.fukidashi { position:absolute; width:158px; height:39px; background:0 0 url(img/fuki.png) no-repeat; top:143px; left:5px; text-align:center; }
.fukidashi a { overflow:hidden; display:block; text-decoration:none; color:#000; padding:15px 0 0 0;font-size:11px; letter-spacing:/*-0.50em*/normal; margin:0;}
.fukidashi a:hover {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=7)"; filter: alpha(opacity=70); opacity: 0.7;}



html.ie9 .info { width:160px; height:20px; display:block; position: absolute; top:200px; left:10px; padding:0; text-align:center; overflow:hidden; }
html.ie9 .infoL { width:95px; float:left; color:#000;}
html.ie9 .infoR { float:left; color:#000; }
html.ie9 .infoC { width:15px; float:left; color:#FFF; font-weight:bold; }


.infoL { width:95px; float:left; color:#000;}
.infoR { float:left; color:#000;}



html.ie8 .thumbnail{zoom:1;}

html.ie7
html.ie8
html.ie8 { margin:0; padding:2px 0 0 0;}


html.ie7 .thumbnail .pftext a,
html.ie8 .thumbnail .pftext a,
html.ie8 .thumbnail .pftext a {font-size:12px;}
/*might be some redundunt definition, but just to make sure*/



.standby{ background:0 0 url(/affiliate/img/stanby.gif) no-repeat; width:169px; height:228px; }
.session{ background:0 0 url(/affiliate/img/session.gif) no-repeat; width:169px; height:228px; }
.vibe{ background:0 0 url(/affiliate/img/vibe.gif) no-repeat; width:169px; height:228px; }
.wvibe{ background:0 0 url(/affiliate/img/wVibe.gif) no-repeat; width:169px; height:228px; }