p {
	text-align: left;
}
div {
	position:relative;
}
body {
	background-color:#CDE6E8;
}
div#wrapper {
	width:930px;
	height:auto;
	margin:0 auto;
	position:relative;
	text-align:left;
}
div.Box {
	margin-top: 20px;
	padding-top: 20px;
	height: auto;
	background-color: white;
	padding-bottom: 10px;
	padding-left: 12px;
	padding-right: 12px;
	width: 920px;
}
div#intro {
	width:100%;
	height:110px;
}
div#intro > p.topicPath {
	margin-top:-10px;
}
div#intro > img#toptitle {
	position:relative;
	float:left;
	margin-top:10px;
}
div#intro > img#text1 {
	position:relative;
	float:left;
	margin-top:5px;
}
div#intro > a {
	text-decoration:underline;
	position:relative;
	float:right;
	margin-top:-20px;
}

div#contents {
	margin-bottom:10px;
	width:100%;	
	height:auto;
	background-color:white;
}
p#stable {
	font-size:14px;
	margin-top:5px;
	font-weight:bold;
	text-shadow:1px 1px 1px #ccc;
	color:#222222;
	text-indent:25px;
	background-image:url(../img/plugin/stb_h.png);
	background-repeat: no-repeat;
	float:left;
}
p#trial {
	font-size:14px;
	margin-top:5px;
	font-weight:bold;
	text-shadow:1px 1px 1px #ccc;
	color:#222222;
	text-indent:25px;
	background-image:url(../img/plugin/tri_h.png);
	background-repeat: no-repeat;
	float:left;
}

div#container {
	width:920px;
	margin: 0 auto;
	margin-top:35px;
}
.item {
    width: 295px;
    min-height: 80px;
    margin-right: 5px;
    margin-bottom:5px;
    float: left;
    border: 1px solid #B2B2B2;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: #fff;
    box-shadow: 2px 2px 1px #B2B2B2;
    padding-bottom:10px;
}
.item:hover {
	border:#464646 1px solid;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin-top:1px;
    margin-left:1px;
    box-shadow: 1px 1px 1px #464646;
    -webkit-box-shadow: 1px 1px 1px #464646;
    -moz-box-shadow: 1px 1px 1px #464646;
}

.item>h3{
	text-align:left;
	float:left;
	position:relative;
	margin-top:5px;
	margin-left:10px;
	font-family: "�l�r �o����","MS PMincho","�q���M�m���� Pro W3","Hiragino Mincho Pro","HGS����E",serif;
	font-size:18px;
	font-weight:bold;
	color:#606060;
	text-shadow: rgba(0,0,0,0.2) 0 1px 0;
}
.item > h3.st {
	text-indent:25px;
	background-image:url(../img/plugin/stb.png);
	background-repeat: no-repeat;
	background-position : 0px 3px;
}
.item > h3.tri {
	text-indent:25px;
	background-image:url(../img/plugin/tri.png);
	background-repeat: no-repeat;
	background-position : 0px 2px;
}
.item:hover > h3.st {
	background-image:url(../img/plugin/stb_h.png);
	background-repeat: no-repeat;
}
.item:hover > h3.tri{
	background-image:url(../img/plugin/tri_h.png);
	background-repeat: no-repeat;
}
.item > h4 {
	font-size:12px;
	position:absolute;
	right:5px;
	bottom:-2px;
	font-weight:bold;
	color:#999999;
}
.item:hover > h4 {
	color:#464646;
}
div.item > p > img{
	width:275px !important;
	height:auto !important;
	margin:0 auto;
	margin-bottom:5px;
}
div.bottom {
	margin-top:15px;
} 

#lean_overlay {
   position: fixed;
   z-index:100;
   top: 0px;
   left: 0px;
   height:100%;
   width:100%;
   background: #000;
   display: none;
}
div.plugins {
   width: auto;
   height: auto;
   padding: 30px; 
   padding-bottom:15px;
   padding-top:15px;
   display:none;
   background: #FFF;
   border-radius: 5px; 
   border-color:#333333;
   -moz-border-radius: 5px; 
   -webkit-border-radius: 5px;
   box-shadow: 0px 0px 4px rgba(0,0,0,0.7); 
   -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.7); 
   -moz-box-shadow: 0 0px 4px rgba(0,0,0,0.7);
   font-size:13px;
   text-align:center;
}
div.plugins > div {
	margin-top:10px;
	text-align: left;
	background-color:black;
	color:white;
	padding:15px;
	width:500px;
	float:left;
}
div.plugins > a > p {
	text-decoration:underline;
	clear:both;
	float:right;
	margin-right:30px;
}
div.plugins img {
	position:relative;
	margin:0 auto;
}
.themes div.plugins img {
  width:980px;
}
a>div>p { color:#000000; text-decoration:none; }
a>div>p:link { color:#000000; text-decoration:none; }
a>div>p:visited { color:#000000; text-decoration:none; }
a>div>p:hover { color:#000000; text-decoration:none; }
a>div>p:active { color:#000000; text-decoration:none; }

.themes #intro {
  height:auto;
}
.themes #intro h2 {
  font-size:35px;
  padding-left:45px;
}
.themes #container {
  margin-top:0;
}
.themes .item {
  width:450px;
}
.themes .item img {
  width:430px!important;
  margin-top:12px;
}
.themes div#intro > a {
  clear:both;
  float:none;
  margin:5px;
  margin-top:0px;
  text-indent: 10px;
}
.themes h3 {
  margin-top: 10px;
}
.themes #intro h3,
.themes #intro h4 {
  margin-left:10px;
}
.themes #intro p {
  text-indent:10px;
}
