@charset "utf-8";

#gravure {
	padding: 0px;
	width: 491px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
strong{
	font-weight:bold;
	color:#f00;
}
pre{
	margin:0.5em 0;
	border:1px solid #ccc;
	padding:0.5em;
	background-color:#f8f8f8;
	font-size:0.83333em;
	overflow:auto;
}

/* clearfix */

.group:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

/* structure */


#download {
	text-align:center;
}

#main {
	width:220px;
	float:left;
}
#contents {
	width: 491px;
	padding-bottom:3em;
	margin-top: 10px;
}

/* heading */

#main h1{
	margin:2em 0;
	text-align:center;
}

#contents h2{
	background-color:#3c3;
	color:#fff;
	padding:0.5em;
	margin:2em 0 1em;
	text-shadow:1px 1px 1px #696;
	font-weight:bold;
}

#license h2,
#about h2,
#author h2,
#contents h3{
	padding:0.5em;
	margin:2em 0 1em;
	border-top:3px solid #3c3;
	background-color:#f8f8f8;
	border-bottom:1px solid #ccc;
	text-shadow:1px 1px 1px #ddd;
	box-shadow: 1px 1px 3px #ddd;
	-moz-box-shadow: 1px 1px 3px #ddd;
	-webkit-box-shadow: 1px 1px 3px #ddd;
}


#contents h4{
	padding:0.5em;
	margin:0.5em 0;
	background-color:#f8f8f8;
	border-bottom:1px solid #ddd;
	text-shadow:1px 1px 0 #fff;
}
#contents h5{
	background-color:#f8f8f8;
	padding:0.25em 0.5em;
	margin:1em 0 0.5em;
}



/* list */


#install ol,
#install ol li{
	list-style-type: decimal; 
}
#install ol{
	padding-left:2em;
}
#install ol li{
	margin-bottom:0.5em;
}

.linklist01{
	border-bottom:1px solid #ccc;
}



.linklist01 > li{
	padding:0.5em 0.5em 0.5em 1.5em;
	border-top:1px solid #ccc;
}

.linklist01 > li.even{
	background-color:#f8f8f8;
}

.linklist01 li ul li{
	padding:0.5em 0.5em 0.5em 1em;
}
.linklist01 li ul{
	margin:0.5em 0 0 0;
}


.samplelist01 li.odd{
	background-color:#ffdddd;
}
.samplelist01 li.even{
	background-color:#ddddff;
}

.samplelist02 li.firstChild{
	background-color:#ffdddd;
}
.samplelist02 li.lastChild{
	background-color:#ddddff;
}

.samplelist03 li.empty{
	background-color:#ffdddd;
	height:1.5em;
}



/* table */
.datatable01{
	border-collapse:separate;
	font-size:0.83333em;
}
.datatable01 th{
	border-bottom:2px solid #3c3;
	color:#090;
	padding:0.5em;
	font-weight:bold;
}
.datatable01 td{
	padding:0.5em;
	border-bottom:1px solid #cec;
}

.sampletable01{
	border:1px solid #ccc;
}
.sampletable01 th,
.sampletable01 td{
	padding:0.5em;
	border:1px solid #ccc;
}
.sampletable01 tr.odd{
	background-color:#ffdddd;
}
.sampletable01 tr.even{
	background-color:#ddddff;
}

.tabNav{
	position:relative;
	z-index:10;
	*zoom:1;
}
.tabNav li{
	float:left;
	margin-right:0.25em;

}
.tabNav li a{
	display:block;
	border: 1px solid #ccc;
	padding:0.25em 0.5em;
	background-color:#eee;
	border-top-right-radius: 3px;
	border-top-left-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	text-decoration:none;
}
.tabNav li a:hover{
	background-color:#f8f8f8;
}
.tabNav li a.active{
	background-color:#fff;
	border-bottom:1px solid #fff;
}
.tabContent{
	clear:left;
	position:relative;
	top:-1px;
	z-index:1;
	border:1px solid #ccc;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-bottomleft: 3px;
	-webkit-border-top-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	padding:1em;
}
#wrp #container #main_body #center_body #gravure .firstChild #contents #function #rollover .tabNav.group li {
	list-style-type: none;
}
#gravure #photoarea {
	width: 154px;
	border: 1px solid #F00;
	background-color: #FFF;
	margin-right: 5px;
}
#topiclink {
	font-weight: bold;
	clear: both;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #CCC;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 5px;
	margin-top: 10px;
	width: 464px;
	margin-right: auto;
	margin-left: auto;
}
a {
	color: #999;
	text-decoration: none;
}

#gravure #topiclist {
	width: 300px;
}
#gravure #photoarea .shinten_p {
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
	border: 1px solid #F00;
	width: 82px;
}
#gravure table tr td {
	padding-bottom:5px;
	padding-top:5px;
	line-height: 14px;
	vertical-align: top;
}
#gravure table tr td p {
	font-weight: bold;
	color: #F00;
}
#gravure .cap {
	background-image: url(../img/itioshi.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 165px;
	width: 491px;
	text-indent: -1500em;
}
#gravure .cap02 {
	background-image: url(../img/cap_gravure.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 63px;
	width: 491px;
	text-indent: -1500em;
}
#wrp #container #main_body #center_body #gravure .firstChild #contents #function #rollover table {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}
#wrp #container #main_body #center_body #gravure .firstChild #contents #function #rollover table tr td {
	width: 30%;
}

			#gravure ul.list,
			#gravure ul.list li,
			#gravure ul.list li a,
			#gravure ul.list li .ggirl{
				margin:0;
				padding:0;
				list-style:none;
				border:0;
				text-decoration:none;
			}
			#gravure ul.list li{
				margin:5px 10px 5px 0;
				float:left;
				position:relative;
			}
			#gravure ul.list li .over{
				display:block;
				position:relative;
				float:left;	
				width:74px;
				height:75px;
				text-indent:-1000em;
				overflow:hidden;
				z-index:1;						
			}
			
			#gravure ul.list li .ggirl{
				position:absolute;
				width:58px;
				height:75px;
				border:0;
			}
			
			/* Jewel Case */
			#gravure ul.list li.fetish .ggirl{
	width:58px;
	height:75px;
	top:7px;
	left:9px;
			}			
			#gravure ul.list li.fetish .over{
				background:url(../img/fetish.png) 0 0 no-repeat;
				width:74px;
				height:75px;							
			}
			#gravure ul.list li.fetish{
	background:url(../img/blank_insert.gif) 12px 3px no-repeat;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color:#FCC;
	width: 231px;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #FCC;

			}
[if IE ]>
			<style>
				#gravure .ggirl { -ms-interpolation-mode:bicubic; }			
			</style>
		<![endif]
		
		[if IE 6]>
			<style>
				#gravure ul.music li .over{ background:none !important; }
				#gravure ul.music li.fetish .over{ 
					filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/fetish.png', sizingMethod='crop');	
        		}
			</style>			
#gravure .list .fetish table tr td img {
	vertical-align: top;
}
#gravure .list .fetish table tr th {
	vertical-align: bottom;
}
#gravure .list .fetish table {
	width: 100%;
}
#gravure .list .fetish table tr .more {
	text-align: right;
}
#gravure .list .fetish table tr td a:link {
	color: #F00;
}
#gravure .list .fetish table tr td a:hover {
	color: #F00;
	text-decoration:underline;
}
#gravure .list .fetish table tr td a:visited {
	color: #F00;
}
.disnon {
	display: none;
}