@charset "utf-8";

p{
	letter-spacing: 1px ;
	line-height: 1.15em ;
	margin-bottom: 1em ;
}

h1{
	height: 1em ;
	
	background-position: center ;
}

.icon{
	margin: 0 3px -4px ;
}

dt a,dt a:hover{
	color: #333333 ;
}

/* 特集コンテンツ内ヘッダーメニュー */
ul#headerMenu{
	clear: both ;
	margin-top: 2px ;
	text-align: center ;
}

#headerMenu li{
	margin: auto 1em 3px 0;
	display: inline ;
}

#headerMenu li.right{
	border-left: solid 1px #333333 ;
	padding-left: 1em ;	
}


#contents{
	margin: 5px ;
	display: block ;
}

/* リード文 */
#lead{
	xmargin: 0 5px 0 5px ;
	padding: 5px ;
	
	border: dotted 2px #333333 ;
	background-color: #FFFFF0 ;
}

#index{
	clear: both ;
	margin-top:5px ;
	float: left ;
	width: 6% ;
}

/* ダウンロード */
#download dl{
	margin: 5px ;
	padding: 5px ;
	
	background: #ffffff ;
	border: solid 1px #666666 ;
}

#download dt{
	display: inline ;
	margin-right: 5px ;
	float: left ;
}

#download dd{
	display: inline ;
}

#download .apname{
	font-weight: bold ;
}

#download_icons{
	margin-top: 5px ;
}

#download_icons li{
	display: inline ;
	margin-right: 5px ;
}

#download_icons a{
	display: inline-block ;
	width: 60px ;
	height: 30px ;
	overflow: hidden ;
	background: no-repeat top left ;
}

#download_icons a:hover{
	background-position: 0 30px ; /* firefox解釈違いの見栄え改善 */
}

#download_icons a img{
	visibility: hidden ;
}

#download_icons a:hover img{
	visibility: visible ;
}

#download_icons a#official{
	background-image: url(../../img/icon/download/official.png) ;
	height: 30px ;
}

#download_icons a#QJ{
	background-image: url(../../img/icon/download/qj.png) ;
}

#download_icons a#psp-hacks{
	background-image: url(../../img/icon/download/psphacks.png) ;
}

#download_icons a#mirror{
	background-image: url(../../img/icon/download/mirror.png) ;
}

#download_icons a#vector{
	background-image: url(../../img/icon/download/vector.png) ;
}

#download dd .plus{
	margin-top: 3px ;
	font-size: smaller ;
}

/* インデックス */
#index ol{
	list-style-type: none ;
	margin-left: 3px ;
	margin-bottom: 1em ;
	text-align: center ;
}

#index ol li{
	margin-top: 0.4em ;
	padding: 1px ;
}

#index a:hover{
	color: #F0F0FF ;
	background-color: #333333 ;
	font-weight: bold ;
	text-decoration: none ;
}

/* メイン */
#main{
	float: right ;
	margin: 5px 0 5px 0px ;
	width: 93% ;
}

.subtitle{
	margin-top: 2px ;
}

#dic{
	overflow: auto ;
	padding: 5px ;
	height: 30em ;
	
	border: 1px solid #666 ;
}

#dic .letter{
	margin: 0.5em 0 0.5em ;
	padding: 2px 0 ;
	font-size: x-large ;
	font-weight: bold ;
	background-color: #333333 ;
	color: #FFFFFF ;
}

#dic dt{
	font-weight: bold ;
}

#dic dd{
	margin-left: 0.8em ;
	margin-bottom: 0.5em ;
	font-size: small ;
}

#dic dt.sub{
	margin-left: 0.5em ;
	font-size: small ;
}

#dic dd.sub{
	margin-left: 1.3em ;
	font-size: small ;
}

#main ul{
	margin-left: 5px ;
}

/* 記事内部設定 */

/* ヘッダー・フッターメニュー、未完リンク */
.no_extract,.no_extract:hover{
	color: #EEEEEE ;
}

/* アイコン */
.caution_yellow{
	background: url(../../img/icon/caution_yellow.gif) no-repeat ;
	background-position: 1px 1px ;
	
	padding-left: 19px ;
}

.caution_red{
	background: #FFCCFF url(../../img/icon/caution_red.gif) no-repeat ;
	background-position: 1px 1px ;
	
	padding-left: 19px ;
}

#article p{
	padding-left: 5px ;
	text-indent: 1em ;
	margin-bottom: 1em ;
}

/* 画像 */
#article img.right{
	float: right ;
	margin-left: 5px ;
	margin-right: 5px ;
	border: solid 1px #000000 ;
}

#article img.left{
	float: left ;
	margin-left: 5px ;
	margin-right: 5px ;
	border: solid 1px #000000 ;
}


#article .clear{
	clear: both ;
}

h3.quoteCaption{
	font-size: small ;
	font-weight: bold ;
	margin: 0.8em 0 0 5px ;
}

blockquote{
	padding: 3px ;
	margin: 1px 5px 1em ;
	border: dotted 2px #000000 ;
}

blockquote li{
	margin-top: 0.3em ;
	margin-left: 1.8em ;
}