/*--------------------------------------------------
  File       : common.css
  Date       : 2007.05.23
  Last Update: 2007.08.03
--------------------------------------------------*/

body{
	padding: 0;
	margin: 0 0 0 0;
	color: #cccccc;
	font-size: 12px;
	line-height: 140%;
	background: url(http://visualstyle.jp/image/bg_body.gif) #333333 repeat-x fixed;
	font-family: "ＭＳ Ｐゴシック",sans-serif;
}

a {
	font-family: none;/* for mac */
	text-decoration: underline;
}

a:link {
	color: #3399FF;
	text-decoration: none;
}

a:visited {
	color: #3399FF;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a:active {
	color: #3399FF;
	text-decoration: underline;
}

#wrapHeader {
	width: 1024px;
	margin: 0 auto 0 auto;
	padding: 0;
	position: relative;
}

#header {
	width: 1024px;
	background: url(http://visualstyle.jp/image/bg_header.gif);
}

#header #gNavi {
	float: right;
	width: 700px;
	height: 23px;
	padding: 0 20px;
	background: url(http://visualstyle.jp/image/bg_gnavi.gif) no-repeat right bottom;
	text-align: right;
	vertical-align: bottom;
}

#header h1 {
	width: 270px;
	height: 88px;
	background: url(http://visualstyle.jp/image/logo.gif) no-repeat right bottom;
	position: absolute;
	left: 10px;
	top: 5px;
	text-indent: -99999px;
}

#header h1 a {
	display: block;
	width: 270px;
	height: 88px;
	text-decoration: none;
}

#header #gNavi ul {
	float: right;
}

#header #gNavi ul li {
	float: left;
	font-size: 10px;
	line-height: 100%;
	color: #fff;
}

#wrap {
	width: 1024px;
	margin: 0 auto 0 auto;
	background: #333333;
}

#contents {
	width: 1024px;
	padding: 20px 0px 20px 0px;
	background: #333333;
}

#main {
	float: left;
	width: 800px;
}

#sidebar {
	float: right;
	width: 224px;
	text-align: left;
}

.clearBoth {
	clear: both;
}

#footer {
	clear: both;
	width: 1024px;
	margin: 0 auto 0 auto;
	padding-top: 22px;
	background: #333333;
}




/* Other
-------------------------------------*/

img {
	margin : 0px;
	padding : 0px;
	border : none;
	vertical-align : bottom;
}

#header #searchArea {
	background: url(http://visualstyle.jp/image/bg_headerbottom.gif) no-repeat left bottom;
	text-align: right;
	padding: 7px 20px 9px 20px;
	font-size: 8px;
}

#searchArea #searchText {
	width: 100px;
	height: 15px;
	font-size: 10px;
	border: 1px solid #CCCCCC;
}

#searchArea #btnSearch {
	margin-left: 6px;
	vertical-align: bottom;
	line-height: 100%;
}


p, h1, h2, h3, h4, h5, h6{
	margin: 0;
	padding: 0;
	font-size: 100%;
	font-weight: normal;
}

.ttlType01 {
	height: 30px;
	padding: 5px 0 0 20px;
	background: url(http://visualstyle.jp/image/bg_h.png) no-repeat left top;
	color: #FFFFFF;
	font-weight: bold;
}

small{
	font-size: 60%
}

/* Block
-------------------------------------*/
.dispNone {
	display: none;
}

.dispBlock {
	display: block;
}

.dispInline {
	display: inline;
}

.migi	{
	text-align: right;
}

.center	{
	text-align: center;
}

/* margin-top */

.mt0 {
	margin-top: 0px;
}

.mt5 {
	margin-top: 5px;
}

.mt10 {
	margin-top: 10px;
}

.mt15 {
	margin-top: 15px;
}

.mt20 {
	margin-top: 20px;
}

.mt30 {
	margin-top: 30px;
}


/* margin-right */

.mr0 {
	margin-right: 0px;
}

.mr5 {
	margin-right: 5px;
}

.mr10 {
	margin-right: 10px;
}

.mr15 {
	margin-right: 15px;
}

.mr20 {
	margin-right: 20px;
}

/* margin-bottom */

.mb0 {
	margin-bottom: 0px;
}

.mb5 {
	margin-bottom: 5px;
}

.mb10 {
	margin-bottom: 10px;
}

.mb15 {
	margin-bottom: 15px;
}

.mb20 {
	margin-bottom: 20px;
}

/* margin-left */

.ml0 {
	margin-left: 0px;
}

.ml5 {
	margin-left: 5px;
}

.ml10 {
	margin-left: 10px;
}

.ml15 {
	margin-left: 15px;
}

.ml20 {
	margin-left: 20px;
}


/* Font
-------------------------------------*/
.fs10 {
	font-size: 10px;
}

.fs12 {
	font-size: 12px;
}

.fs14 {
	font-size: 14px;
}



.ttl01 {
	height: 30px;
	padding: 30px 0 0 20px;
	background: url(http://visualstyle.jp/image/bg_h.gif) no-repeat left top;
	color: #EEEEEE;
	font-weight: bold;
}

.ttl02 {
	height: 20px;
	padding: 20px 0 0 20px;
	background: #000000;
	color: #EEEEEE;
	font-weight: bold;
}

.r18 {
	color: #C1707F;
	font-weight: bold!important;
}

.end {
	color: #999999;
	font-weight: bold!important;
}

ol.image{
}

ol.image li * {
  padding: 0;
  margin: 0;
}

ol.image li {
  float:left;
  display:block;
  width:160px;
　height:300px;
　min-height:300px;
  white-space : -pre-wrap ;
  white-space : -o-pre-wrap ;
  white-space : pre-wrap ;
  word-break  : break-all ;
  word-wrap   : break-word ;
  text-align:center;
  margin:5px;
  padding:5px;
  list-style:none;
  overflow:hidden;
}

ol.image li a.screenshot img{
  margin-top:5px 0;
  border: 1px solid #999;
  float: none;
}

ol.image li .modified,
ol.image li .linktitle
{
  text-align:center;
  display:block;
  margin:2px;
  padding:2px;
}

ol.image li .author {
  display:none;
}

ol.image li .linktitle{
  font-size:80%;
}

ol.image li .modified {
  font-size:80%;
}


.footer {
  clear:both;
}

ol.image li.hidden,
.hidden,
.hidden_filter { 
  display:none;
}


div#box{padding: 20px;
	margin:20px auto;
	background:#444444;
	color:#EEEEEE}

div#box2{padding: 20px;
	margin:20px auto;
	background:#EEEEEE;
	color:#222222}



b.niftycorners,b.niftyfill{display:block}
b.niftycorners *{display:block;height: 1px;line-height:1px;font-size: 1px;
    overflow:hidden;border-style:solid;border-width: 0 1px}
/*normal*/
b.r1{margin: 0 3px;border-width: 0 2px}
b.r2{margin: 0 2px}
b.r3{margin: 0 1px}
b.r4{height: 2px}
b.rb1{margin: 0 8px;border-width:0 2px}
b.rb2{margin: 0 6px;border-width:0 2px}
b.rb3{margin: 0 5px}
b.rb4{margin: 0 4px}
b.rb5{margin: 0 3px}
b.rb6{margin: 0 2px}
b.rb7{margin: 0 1px;height:2px}
b.rb8{margin: 0;height:2px}
b.rs1{margin: 0 1px}
/*transparent inside*/
b.t1{border-width: 0 5px}
b.t2{border-width: 0 3px}
b.t3{border-width: 0 2px}
b.t4{height: 2px}
b.tb1{border-width: 0 10px}
b.tb2{border-width: 0 8px}
b.tb3{border-width: 0 6px}
b.tb4{border-width: 0 5px}
b.tb5{border-width: 0 4px}
b.tb6{border-width: 0 3px}
b.tb7{border-width: 0 2px;height:2px}
b.tb8{border-width: 0 1px;height:2px}
b.ts1{border-width: 0 2px}