@charset "utf-8";

@import "reset.css";
@import "layout.css";
@import "typography.css";

#home, #menu, #tips, #about {
display:none;
}

/* SUBPAGE LAYERS */

#mobile #menu, #mobile #tips, #mobile #about {
width:260px;
background:url(../img/bgmiddle.jpg) repeat-y;
padding:25px 30px 0;
display:none;
}
#pc #menu {
display:none;
}
#mobile.landscape #menu, #mobile.landscape #tips, #mobile.landscape #about, #mobile.landscape #contact {
position:absolute;
left:0;
top:0;
z-index:4;
width:480px;
min-height:268px;
background:url(../img/bglandscape.jpg) repeat-y;
padding:0;
}
#mobile .top {
background:url(../img/bgtop.jpg) no-repeat;
height:18px;
margin:-25px -30px 0 -30px;
}
#mobile.landscape .top {
display:none;
}
#mobile .bottom {
background:url(../img/bgbottom.jpg) no-repeat;
height:26px;
margin:0 -30px -25px -30px;
}
#mobile.landscape .bottom {
display:none;
}
#mobile .content {
min-height:360px;
padding:10px 0;
}
#mobile.landscape .content {
padding:15px 40px 15px 20px;
}