@import "impstyle.css";

/**************Šî‘b**************/
html,body,iframe,
div,p,blockquote,form,hr,
h1,h2,h3,h4,h5,h6,
dl,dt,dd,ol,ul,li,
table,caption,thead,tbody,tfoot,tr,th,td{
scrollbar-face-color:#e6e6e6;
scrollbar-track-color:#e9e9e9;
scrollbar-arrow-color:#000000;
scrollbar-highlight-color:#cccccc;
scrollbar-shadow-color:#cccccc;
scrollbar-3dlight-color:#999999;
scrollbar-darkshadow-color:#999999;
font-size:12px;
line-height:150%;
font-family:"Meiryo UI","Verdana","Arial","‚l‚r ‚oƒSƒVƒbƒN","MS PGothic",sans-serif;
color:#000000;
vertical-align:middle;
border:none;
outline:none;
list-style-type:none;
margin:0;
padding:0;
}
input,textarea,select,option{
font-size:12px;
line-height:100%;
font-family:"Meiryo UI","Verdana","Arial","‚l‚r ‚oƒSƒVƒbƒN","MS PGothic",sans-serif;
color:#000000;
}
html{
height:100%;
/overflow:hidden;
}
body{
text-align:center;
overflow-y:scroll;
/position:relative;
height:100%;
}
body:after{
content:"";
display:block;
height:0px;
}
img{
border:none;
}
hr{
/border-top:1px solid transparent;
display:block;
/margin:-9px;
/height:0px;
}
a{
color:#000000;
text-decoration:none;
}
a:hover{
color:#cc0000;
text-decoration:underline;
}
/**************report**************/
body[id|=frame]{
background:url(report_img01.gif);
border:solid #000000;
border-width:3px 0px;
overflow:hidden;
height:94px;
}
body[id|=frame] div{
background:#ffffff;
border:double #000000;
border-width:6px 0px;
margin:11px 0px;
}
body[id|=frame] a{
display:inline-block;
margin:0px 15px;
}
body[id=frame-head] div{
border-color:#1b1464;
}
body[id=frame-foot] div{
border-color:#7b0046;
}
/**************airport**************/
body#mainpage-airport{
background:url(report_img02.gif) repeat-x bottom fixed;
}
#wrap-airport{
width:508px;
margin:0px auto;
}
#wrap-airport hr{
background:transparent url(report_img04.gif);
margin:50px 0px;
height:54px;
}
#wrap-airport div[id|="me"],
#wrap-airport div[id|="fm"]{
position:relative;
height:260px;
padding:10px 0px;
}
div[id|="me"] img{
border:3px inset #000000;
float:left;
}
div[id|="fm"] img{
border:3px inset #000000;
float:right;
}
#me-feli img{
background:url(prf_face_feliciano-v.jpg) -25px 0px;
margin-top:3px;
}
#me-felx img{
background:url(prf_face_felix-l.jpg) -60px 0px;
}
#me-felx p{
margin-top:15px;
}
#me-lovi img{
background:url(prf_face_lovino-v.jpg) -70px 0px;
}
#me-lovi p{
margin-top:15px;
}
#me-ludw img{
background:url(prf_face_ludwig.jpg) -30px 0px;
}
#me-ludw p{
margin-top:20px;
}
#fm-mao img{
background:url(prf_face_mao-i.jpg) -60px 0px;
margin-top:3px;
}
#fm-mao p{
margin-top:14px;
}
#fm-an img{
background:url(prf_face_an-o.jpg) -60px 0px;
}
#fm-an p{
margin-top:12px;
}
#fm-lau img{
background:url(prf_face_laura-s.jpg) -110px 0px;
margin-top:3px;
}
#fm-lill img{
background:url(prf_face_lilli-w.jpg) -30px 0px;
}
#fm-lill p{
margin-top:15px;
}
div[id|="me"] .bubble{
border-bottom:10px solid #000000;
border-left:30px solid transparent;
position:absolute;
top:150px;
left:150px;
/left:151px;
}
div[id|="fm"] .bubble{
border-bottom:10px solid #000000;
border-right:30px solid transparent;
position:absolute;
top:150px;
right:152px;
/right:145px;
}
.bubble + p{
background:#ffffff;/*IE7*/
text-align:left;
border:3px solid #000000;
border-radius:25px;
-moz-border-radius:25px;
-webkit-border-radius:25px;
behavior:url(ie-css3.htc);
padding:10px;
width:300px;
}
#wrap-airport div[id|="me"] p + p{
margin-left:180px;
}
/**************talk**************/
.rapping{
background:url(report_img03-body.png) repeat-y center top;
padding:10px 45px;
/margin-top:-5px;
}
.talk + .talk{
margin-top:60px;
}
.talk font{
text-align:left;
display:block;
}
.talk font[color="#cc3399"],
.talk font[color="#5bffad"]{
color:#ffffff;
text-align:center;
margin:10px -10px 0px;
display:block;
}
.talk font[color="#cc3399"]{
background:#cc3399;
border:2px outset #cc3399;
}
.talk font[color="#5bffad"]{
background:#5bffad;
border:2px outset #5bffad;
}
.talk font[color="#cc3399"] ~ font[color="#cc3399"],
.talk font[color="#5bffad"] ~ font[color="#5bffad"]{
margin-top:10px;
}
/**************main**************/
[id|="main"]{
background:url(report_img06.gif) center top fixed;
}
[id|="main"] div{
border:3px outset #000000;
position:relative;
margin:30px auto;
padding:30px;
width:600px;
}
[id|="main"] p{
background:#ffffff;
text-align:left;
border:3px inset #000000;
border-radius:50px;
-moz-border-radius:50px;
-webkit-border-radius:50px;
behavior:url(ie-css3.htc);
position:relative;
zoom:1;
z-index:1;
padding:20px;
}
[id|="main"] img:first-child{
float:left;
}
[id|="main"] img + img{
float:right;
}
#main-ad div{
background:url(report_img05-1.gif) center top;
border-color:#0066cc;
}
#main-ad p{
border-color:#0066cc;
}
#main-pl div{
background:url(report_img05-2.gif) center top;
border-color:#cc0066;
}
#main-pl p{
border-color:#cc0066;
}
/**************list**************/
#list{
background:url(report_img07.png) no-repeat center top;
text-align:left;
margin:0px auto 50px;
padding:100px 65px 20px;
width:310px;
height:380px;
}
#list p{
background:#ff6699;
color:#ffffff;
text-align:center;
border-bottom:3px double #ffffff;
}
#list p ~ p{
margin-top:10px;
}
/**************pict**************/
[id|="pict"]{
background:url(report_img06.gif) center top fixed;
}
[id|="pict"] img{
border:3px double #666666;
}
[id|="pict"] dl{
position:relative;
top:50%;
margin-top:-100px;
z-index:50;/*IE7*/
}
[id|="pict"] dt{
box-shadow:0px 8px 6px -6px #333333;
position:relative;
margin:0px 25px;
height:206px;
behavior:url(PIE.htc);
}
[id|="pict"] dt.pairpict{
height:204px;
}
[id|="pict"] dd{
position:fixed;
top:50%;
left:50%;
z-index:100;
}
[id|="pict"] dd.fullsize{
height:506px;
}
[id|="pict"] dd.pairpict{
height:306px;
}
[id|="pict"] dd.swim{
height:406px;
}
[id|="pict"] dt,
[id|="pict"] dt img{
border-radius:110px/118px;
behavior:url(PIE.htc);
position:relative;
}
[id|="pict"] dt,
[id|="pict"] dd{
background:#ffffff;
border:1px solid #000000;
display:inline;
zoom:1;
}
html:lang(ja) [id|="pict"] dt,
html:lang(ja) [id|="pict"] dd{
display:inline-block;
}
[id|="pict"] dt:hover + dd,
[id|="pict"] dd:hover{
display:block !important;
}
[id|="pict"] dd.fullsize{
margin-top:-250px;
margin-left:-205px;
}
[id|="pict"] dd.pairpict{
margin-top:-175px;
margin-left:-170px;
}
[id|="pict"] dd.swim{
margin-top:-200px;
margin-left:-150px;
}
[id|="pict"] p{
background:#666666;
font-size:18px;
font-family:"Emilys Candy";
line-height:20px;
text-shadow:0px 1px 2px #000000;
color:#ffffff;
border-radius:5px;
position:absolute;
bottom:15px;
left:50%;
width:105%;
margin-left:-90px;
padding:4px;
behavior:url(PIE.htc);
}
[id|="pict"] .fullsize p{
margin-left:-90px;
}
[id|="pict"] .pairpict p{
margin-left:-130px;
}
[id|="pict"] .swim p{
margin-left:-85px;
}
[id|="pict"] p:before,
[id|="pict"] p:after{
content:"";
position:absolute;
bottom:-10px;
border-bottom:10px solid transparent;
}
[id|="pict"] p:before{
left:5px;
border-right:30px solid #000000;
}
[id|="pict"] p:after{
right:5px;
border-left:30px solid #000000;
}
/********************************/
[id="pict-omake"] dl{
top:25px;
margin-top:0px;
}
[id="pict-omake"] ul{
width:560px;
margin:35px auto;
}
[id="pict-omake"] ul + ul{
width:450px;
margin-top:-35px;
}
[id="pict-omake"] li{
position:relative;
display:inline;
zoom:1;
margin:25px 15px;
}
html:lang(ja) [id="pict-omake"] li{
display:inline-block;
}
[id="pict-omake"] ul p{
font-family:"Emilys Candy";
bottom:-25px;
margin-left:-58px;
}
html:lang(ja) [id="pict-omake"] ul p{
bottom:-30px;
}
/********************************/
[id="pict-mao"] img{
border-color:#ff9900;
}
[id="pict-mao"] p{
background:#c97586;
}
[id="pict-mao"]  p:before,
[id="pict-mao"]  p:after{
border-color:transparent #a95566;
}
[id="pict-an"] img{
border-color:#f05187;
}
[id="pict-an"] p{
background:#00a3af;
}
[id="pict-an"]  p:before,
[id="pict-an"]  p:after{
border-color:transparent #00838f;
}
[id="pict-laura"] img{
border-color:#ea5549;
}
[id="pict-laura"] p{
background:#9079b6;
}
[id="pict-laura"]  p:before,
[id="pict-laura"]  p:after{
border-color:transparent #705996;
}
[id="pict-lilli"] img{
border-color:#004d6a;
}
[id="pict-lilli"] p{
background:#f16f4f;
}
[id="pict-lilli"]  p:before,
[id="pict-lilli"]  p:after{
border-color:transparent #d14f2f;
}
/********************************/
@media screen and (-webkit-min-device-pixel-ratio:0) {/*webkit*/
[id|="pict"] dt img{
border:none;
}
:root [id|="pict"] dt{
height:auto;
}
}
/********************************/