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,font,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 { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; }
ol,ul { list-style:none; }
blockquote,q { quotes:none; }

/* remember to define focus styles! */
:focus { outline:0; }

/* remember to highlight inserts somehow! */
ins { text-decoration:none; }
del { text-decoration:line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse:collapse; border-spacing:0; }

/* Clearfix */
.clearfix:after { side:.; display:block; height:0; clear:both; visibility:hidden; }

/* IE6 */
* html .clearfix { height:1%; }

/* IE7 */
:first-child+html .clearfix { min-height:1px; }
body { background:none repeat scroll 0 0 #000; height:100%; color:#555555; font-family:Arial,"helvetica neue",Helvetica,Verdana,sans-serif; font-size:13px; margin:0; padding:0; overflow:auto; }

/*Demo Styles*/
#slidecaption { position: fixed; bottom:0; left: 0; color:#FFF; font:10px "Helvetica Neue", Helvetica, Arial, sans-serif; text-shadow:#000 0 2px 0; margin:40px 20px 23px 60px; }

.panel h2{
font-size: 14px;
    margin-bottom: 20px;
}

.panel h2.title {
    margin-bottom: 20px;
    margin-left: -3px;
}

.panel-wrapper .blog-single a:hover img {
    -moz-opacity:0.5; opacity:0.5; filter:alpha(opacity=50);
}



.panel-wrapper,.error, noscript div {background: url("./img/stbackb.png") repeat scroll center top transparent; color:#fff; padding:30px; font-size:12px; font-weight:normal; line-height:1.6em; margin-top:30px; margin-bottom: 30px; margin-left:30px; min-height:600px; }

.panel-wrapper{line-height: 1.3em; position: relative;}

#adsimg{
display: none;
}


.fmailout{position: absolute; top:60px; right: 60px; background:url(http://www.lirionet.jp/topslides/img/mail.png) no-repeat scroll left 1px transparent; padding-left: 18px;}

.panel-wrapper a{color: #fff; text-decoration: none; background:url(http://www.lirionet.jp/topslides/img/dotted.gif) repeat-x scroll left bottom transparent;}
.panel-wrapper a:hover{text-decoration: underline; color:#98CB00;background:none;}
.panel-wrapper .info-single{margin-bottom: .8em;}
.panel-wrapper .info-error{margin-top: 3em; margin-bottom: .8em; color: #bbb; width: 400px;}


.panel-wrapper .blog-single-outer{ width: 800px; margin-left: -20px;}
.panel-wrapper .blog-single{float: left; width: 240px; margin-left: 20px; display: inline; margin-bottom: 20px;}
.panel-wrapper .blog-single img.pphoto{max-width: 60px; width: auto; float: left; margin-right: 20px;}
.panel-wrapper .blog-single .social{margin-top: 6px;}
.panel-wrapper .blog-single .social img{float: left; margin-right: 6px;}

#panel-outer p{margin-bottom: .8em}
#panel-outer h3 { font-size: 16px; margin-bottom: .8em; color:#fff; }
#panel-outer { position:relative; max-width:60%; padding-right:20px; }
.hidebtn { }
.hidebtn a { background:url(./img/close.png) repeat scroll 0 0 transparent; height:30px; position:absolute; right:5px; top:-15px; width:30px; z-index:1103; color:#fff; }
#panel p { margin-bottom:1em; }
#side p { padding:0 30px 30px; color:#000; font:12px "Helvetica Neue", Helvetica, Arial, sans-serif; }
#side p a { font-size:12px; text-decoration:none; line-height:1.6em; color:#333; }
#side p a:hover { color:#990000; }
#side h3 { padding:30px 30px 20px; color:#000; }
#side { position:fixed; bottom:0; right:0; background:#fff; width:240px; margin:0 6px 4px 0; text-align:left; z-index:100}
#menu { z-index:6; width:200px; }
.copy { padding:4px 20px 10px; text-align:right; font-size:10px; }
.commonmenu { padding:20px; background-color: #fff;}
.stamp { float:right; margin:15px 30px 0 0; }
img { border:none; }
#supersized-loader { position:absolute; top:50%; left:50%; z-index:10; width:60px; height:60px; margin:-30px 0 0 -30px; text-indent:-999em; background-color:#111; background:rgba(0,0,0,0.8) url(./img/progress.gif) no-repeat center center; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }
#supersized { position:fixed; left:0; top:0; overflow:hidden; z-index:-999; height:100%; width:100%; }
#supersized img { width:auto; height:auto; position:relative; display:none; outline:none; border:none; }

#supersized.speed img { -ms-interpolation-mode:nearest-neighbor; image-rendering:0; }




/*Speed*/
#supersized.quality img { -ms-interpolation-mode:bicubic; image-rendering:optimizeQuality; }

/*Quality*/
#supersized a { z-index:-30; position:absolute; overflow:hidden; top:0; left:0; width:100%; height:100%; background:#000; }
#supersized a.prevslide { z-index:-20; }
#supersized a.activeslide { z-index:-10; }
#supersized a.prevslide img,#supersized a.activeslide img { display:inline; }

/*Controls Section*/
#controls-wrapper { margin:0 auto; height:62px; width:100%; bottom:0; left:0; z-index:4; background:url(./img/nav-bg.png) repeat-x; position:fixed; }
#controls { overflow:hidden; height:100%; text-align:left; z-index:5; padding:0 80px;}


/* iPad [portrait + landscape] */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {

.panel-wrapper .blog-single-outer{ width: 600px; margin-left: -60px;}
.panel-wrapper .blog-single{float: left; width: 240px; margin-left: 60px; display: inline; margin-bottom: 20px;}


	
}

/* iPhone [portrait + landscape] */
@media only screen and (max-device-width: 480px) {

.panel-wrapper .blog-single-outer{ width: 600px; margin-left: -60px;}
.panel-wrapper .blog-single{float: left; width: 240px; margin-left: 60px; display: inline; margin-bottom: 20px;}


}