@charset"Shift_JIS";

body{
	color:#666;
	background:#bba;
	margin:0;
	padding:0 0 30px 0;
	font-family: Arial, "‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
	font-size:0.75em;
	letter-spacing:0.01em;
	text-align:center;
}

#container{
	width:800px;
	margin:30px auto 0 auto;
	padding:10px;
	display:block;
	text-align:left;
	background:#fff;
	color:#666;
}

#wrapper{
	background:#DAD9CB url(../img/common/wrapper-back.jpg) repeat-y;
	background-position:0 300px;
}

h1{
	display:block;
	width:800px;
	height:300px;
	margin:0;
	padding:0;
	text-indent:-9999pt;
	background:url(../img/common/h1.jpg);
	font-size:0px;
}

h1 a{
	width:112px;
	height:200px;
	display:block;
	font-size:0;
}

html>body h1{
	text-indent:0;
}

/* safari only \*/
html:\66irst-child h1{
	text-indent:-9999pt;
}
/* end */

*:first-child+html h1{
	text-indent:-9999pt;
}

#main{
	width:496px;
	padding:0 32px 20px 32px;
	float:left;
}

#main a img{
	border:#fff 3px solid;
	float:left;
	margin:0 1em 1em 0;
}

#main a:hover img{
	border:#666 3px solid;
}

h2{
	margin:0 0 1em 0;
	padding:0;
	font-size:1em;
	color:#fff;
}

h3{
	margin:0 0 1em 0;
	padding:0;
	font-size:1em;
}

h3 a{
	color:#900;
	text-decoration:none;
}

h3 a:hover{
	text-decoration:underline;
}

.par p{
	margin:0 0 1em 0;
	padding:0;
	line-height:150%;
}

.par p a{
	color:#900;
	text-decoration:none;
}

.par p a:hover{
	text-decoration:underline;
}

.cat p{
	margin:0 0 2em 0;
	padding:0;
	text-align:right;
	line-height:150%;
	clear:both;
}

.cat p a{
	color:#900;
	text-decoration:none;
}

.cat p a:hover{
	text-decoration:underline;
}

.cat p span{
}

#navi{
	width:208px;
	padding:0 32px 20px 0;
	float:left;
}

.navi-wrapper{
	padding-bottom:2em;
}

#navi a img{
	border:#fff 5px solid;
}

#navi a:hover img{
	border:#666 5px solid;
}

h4{
	font-size:1em;
	margin:0 0 1em 0;
	padding:0;
	color:#900;
}

h4 span{
	
}

h4 span a{
	font-weight:normal;
	color:#666;
	text-decoration:none;
	
}

h4 span a:hover{
	color:#900;
	text-decoration:none;
	text-decoration:underline;
}

h5{
	font-size:1em;
	font-weight:normal;
	margin:0;
	padding:0;
}

#navi p{
	margin:0;
	padding:0 0 1em 0;
	line-height:150%;
}

#navi ul{
	margin:0 0 1em 0;
	padding:0;
	list-style-type:none;
}

#navi ul li{
	margin:0 0 0.5em 0;
	padding:0;
}

#navi ul li a{
	color:#666;
}

#navi ul li a:hover{
	color:#900;
	text-decoration:none;
}

#navi span{
	font-weight:bold;
}

#search{
	width:138px;
	border:1px #C6C4A2 solid;
	margin-right:8px;
}

#search:focus{
	border:1px  #666 solid;
}

#submit{
	border:1px #666 solid;
	margin:0;
}

#rss,#atom,#rsd,#pure,#myspace,#mixi{
	width:80px;
	height:15px;
	font-size:0px;
	text-indent:-9999pt;
	display:block;
}

html>body #rss,#atom,#rsd,#pure,#myspace,#mixi{
	text-indent:0;
}

/* safari only \*/
html:\66irst-child #rss{
	text-indent:-9999pt;
}

html:\66irst-child #atom{
	text-indent:-9999pt;
}

html:\66irst-child #rsd{
	text-indent:-9999pt;
}

html:\66irst-child #pure{
	text-indent:-9999pt;
}

html:\66irst-child #myspace{
	text-indent:-9999pt;
}

html:\66irst-child #mixi{
	text-indent:-9999pt;
}

/* end */

*:first-child+html #rss{
	text-indent:-9999pt;
}

*:first-child+html #atom{
	text-indent:-9999pt;
}

*:first-child+html #rsd{
	text-indent:-9999pt;
}

*:first-child+html #pure{
	text-indent:-9999pt;
}

*:first-child+html #myspace{
	text-indent:-9999pt;
}

*:first-child+html #mixi{
	text-indent:-9999pt;
}


#rss{
	background:url(../img/common/rss.jpg);
}

#rss:hover{
	margin-left:1px;
}

#atom{
	background:url(../img/common/atom.jpg);
}

#atom:hover{
	margin-left:1px;
}

#rsd{
	background:url(../img/common/rsd.jpg);
}

#rsd:hover{
	margin-left:1px;
}

#pure{
	background:url(../img/common/pure.jpg);
}

#pure:hover{
	margin-left:1px;
}

#myspace{
	background:url(../img/common/myspace.jpg);
}

#myspace:hover{
	margin-left:1px;
}

#mixi{
	background:url(../img/common/mixi.jpg);
}

#mixi:hover{
	margin-left:1px;
}



#menu{
	position:absolute;
	clear:both;
	top:180px;
	margin-left:112px;
}

#menu ul{
	display:block;
	width:656px;
	height:20px;
	list-style-type:none;
	margin:0;
	padding:0;
}

#menu ul li{
	margin:0;
	padding:0;
	float:left;
	font-size:0px;
	text-indent:-9999pt;
}

html>body #menu ul li{
	text-indent:0;
}

/* safari only \*/
html:\66irst-child #menu ul li{
	text-indent:-9999pt;
}
/* end */

*:first-child+html #menu ul li{
	text-indent:-9999pt;
}

#menu ul li a{
	display:block;
	height:20px;
}

#about{
	background:url(../img/common/about1.jpg);
	width:66px;
}

#about:hover{
	background:url(../img/common/about2.jpg);
}

#news{
	background:url(../img/common/news1.jpg);
	width:46px;
}

#news:hover{
	background:url(../img/common/news2.jpg);
}

#show{
	background:url(../img/common/show1.jpg);
	width:113px;
}

#show:hover{
	background:url(../img/common/show2.jpg);
}

#merchan{
	background:url(../img/common/merchan1.jpg);
	width:101px;
}

#merchan:hover{
	background:url(../img/common/merchan2.jpg);
}

#media{
	background:url(../img/common/media1.jpg);
	width:53px;
}

#media:hover{
	background:url(../img/common/media2.jpg);
}

#disco{
	background:url(../img/common/disco1.jpg);
	width:96px;
}

#disco:hover{
	background:url(../img/common/disco2.jpg);
}

#photo{
	background:url(../img/common/photo1.jpg);
	width:94px;
}

#photo:hover{
	background:url(../img/common/photo2.jpg);
}

#link{
	background:url(../img/common/link1.jpg);
	width:47px;
}

#link:hover{
	background:url(../img/common/link2.jpg);
}

#mail{
	background:url(../img/common/mail1.jpg);
	width:40px;
}

#mail:hover{
	background:url(../img/common/mail2.jpg);
}




#copyright{
	clear:left;
	text-align:right;
}

#copyright p{
	margin:0;
	color:#fff;
	padding:0 32px 3px 0;
}


#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(http://www.folio-jp.com/img/common/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(http://www.folio-jp.com/img/common/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.folio-jp.com/img/common/overlay.png", sizingMethod="scale");
	}