@charset "shift_jis";
@import "default.css";

/*トップページ*/
.nb{ text-align:right;padding:0 0 10px 0; }
.nb p{ background:url(./../extra/pshot/images/nbtit.gif) #ffffff; font-size:10px;height:20px;padding:3px 5px 0 0;}

.mailbox {  margin:0 5px 10px 5px; }
.mailbox a:link,.mailbox a:visited { color:#0000ff; text-decoration:underline; }
.mailbox a:hover { color:#ffffff; background-color:#0000ff; text-decoration:none; }
.mailbox a img { float:left; border:4px solid #ffffff; width:120px; height:160px;}
.mailbox ul { float:right; margin-top:6px; width:400px; height:180px; text-align:left; overflow:hidden; }
.mailbox li { list-style:none; line-height:1.4;margin:0; }
.mailbox p { background:#ffffff url(./../extra/pshot/images/pika.gif) no-repeat 1% 50%; color:#222222; font-weight:bold; font-size:11px; padding-left:22px; height:18px; text-align:left; line-height:18px; }

.mailbox ul .itazura { background:url(./../extra/pshot/images/icon_matty.gif) no-repeat 1% 50%; }
.mailbox ul .matto { background:url(./../extra/pshot/images/icon_matto.gif) no-repeat 1% 50%; }
.mailbox ul .harejo { background:url(./../extra/pshot/images/icon_harejo.gif) no-repeat 1% 50%; }
.mailbox ul .cute { background:url(./../extra/pshot/images/icon_cute.gif) no-repeat 1% 50%; }
.mailbox ul .suteki { background:url(./../extra/pshot/images/icon_suteki.gif) no-repeat 1% 50%; }
.mailbox ul .okusama { background:url(./../extra/pshot/images/icon_okusama.gif) no-repeat 1% 50%; }
.mailbox ul .esthe { background:url(./../extra/pshot/images/icon_esthe.gif) no-repeat 1% 50%; }
.mailbox div.shops { text-align:right; margin:-25px 5px 10px; }
.mailbox div.shops a:link,.mailbox div.shops a:visited,.mailbox div.shops a:hover { color:#ffffff; }

.mailtitle { font-size:12px; color:#ff3300; padding-left:22px; background:url(./../extra/pshot/images/icon1.gif) no-repeat; }
.girlname { font-size:12px; padding-left:22px; background:url(./../extra/pshot/images/icon2.gif) no-repeat; }
.girlshopname { font-size:10px; padding-left:22px; }
.girlcomment { padding:4px; border-top:2px dotted #cccccc; line-height:14px; font-size:11px; }
.gotop	{ text-align:center; font-size:10px; }
.cl { clear:both; }

.mailbox p.harejo {border-bottom:4px solid #009900; }
.mailbox p.itazura {border-bottom:4px solid #33bbff; }
.mailbox p.matto {border-bottom:4px solid #6699ff; }
.mailbox p.suteki  {border-bottom:4px solid #F7A8C5 ; }
.mailbox p.okusama  {border-bottom:4px solid #b186b7 ; }
.mailbox p.esthe  {border-bottom:4px solid #ff6600 ; }
.mailbox p.cute  {border-bottom:4px solid #66cc99 ; }

.mailbox p.harejo {border-left:8px solid #009900; }
.mailbox p.itazura {border-left:8px solid #33bbff; }
.mailbox p.matto {border-left:8px solid #6699ff; }
.mailbox p.suteki  {border-left:8px solid #F7A8C5 ; }
.mailbox p.okusama  {border-left:8px solid #b186b7 ; }
.mailbox p.esthe  {border-left:8px solid #ff6600 ; }
.mailbox p.cute  {border-left:8px solid #66cc99 ; }

.mailbox .imgbox { float:left; width:120px; font-size:10px;}
.mailbox .imgbox img { float:auto; }
/*ウィンドウページ*/
#pshotwin { background:url(./../extra/pshot/images/back.gif) #ccccff; }


.img { float:left; width:190px; height:280px; text-align:center; background:url(./../extra/pshot/images/photoview.gif) no-repeat;}
.winthumb { margin:45px 0 0 1px; }

#box { background:url(./../extra/pshot/images/textview.gif) 100% 50% no-repeat #eeeeee; height:280px; width:390px; padding:0;margin:8px 8px; }
#box ul {   height:220px; overflow-y:auto; overflow-x:hidden; position:absolute;top:25px;left:195px;}
#box li { height:18px; list-style:none;}

.date, .name, .tit, #box .bully, #box .caprico, #box .matto, #box .harejo, #box .matty{ padding:0 0 0 22px; line-height:18px; }
.date { background:url(./../extra/pshot/images/icon3.gif) 0% 50% no-repeat; color:#666666; font-size:9px;width:140px; }
.name { background:url(./../extra/pshot/images/icon2.gif) 0% 50% no-repeat; font-size:10px; }
.tit { background:url(./../extra/pshot/images/icon1.gif) 0% 10% no-repeat; font-size:12px; color:#ff6600; letter-spacing:1px; border-bottom:1px #999999 dotted; }
.txt { font-size:11px; color:#333333; width:152px; line-height:1.5;padding:5px 0 0 0; }

#box .cute { background:url(./../extra/pshot/images/icon_cute.gif) 0% 100% no-repeat; font-size:10px; }
#box .harejo { background:url(./../extra/pshot/images/icon_harejo.gif) 0% 100% no-repeat; font-size:10px; }
#box .itazura { background:url(./../extra/pshot/images/icon_matty.gif) 0% 100% no-repeat; font-size:10px; }
#box .matto { background:url(./../extra/pshot/images/icon_matto.gif) 0% 100% no-repeat; font-size:10px; }
#box .esthe { background:url(./../extra/pshot/images/icon_esthe.gif) 0% 100% no-repeat; font-size:10px; }
#box .suteki { background:url(./../extra/pshot/images/icon_suteki.gif) 0% 100% no-repeat; font-size:10px; }
#box .okusama { background:url(./../extra/pshot/images/icon_okusama.gif) 0% 100% no-repeat; font-size:10px; }

.view { position:absolute; top:260px;left:233px; font-size:10px; letter-spacing:3px; }
.close { position:absolute; top:260px;left:344px; font-size:10px; letter-spacing:2px; }
.view a, .close a { color:#ffffff; text-decoration:none; }
.view a:hover, .close a:hover { background:none; color:#ffff00; }