<!--
body,div,pre,p,blockquote,form,fieldset,input,textarea,select,option,
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,table,th,td,embed,object
	{
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	}
body { font-size:100%; color: #FFFFCC; background: url("back.gif") #000000 ;}
img { margin: 0; padding: 0; border: 0;}
h1 	{
	width: 350px;
	font-size: 1.0em ;
	border-style: solid;
	border-width: 2px ;
	border-color: #993300;
	border-collapse: collapse;
	padding: 6px 3px;
	text-align: center;
	background-color : black;
	}
h2 	{
	width: 320px;
	font-size: 1.0em ;
	border-style: solid;
	border-width: 0 0 2px 0;
	border-color: #993300;
	border-collapse: collapse;
	padding: 2px 3px;
	text-align: center;}
h3 { font-size:0.9em; color:#ffffcc; font-weight: normal ; line-height : 1.5em ; padding: 10px; }
h4 { font-size:1.3em; color:#ddeeff; font-weight: bold ; margin : 5px 0 0 0 ; line-height : 2.5em ; }
A { text-decoration : none ; color : #FFCC00 }
A:visited { text-decoration: none ; color: #FFCC00 }
A:hover { color: red }
caption { text-align: left;}
.clfix:after { content: url(./image.gif); display: block; clear: both; height: 0; }

/* --------------------------------------------
 *    ページ総監督
 * -------------------------------------------- */

.cont1 {
    text-align: center;
    width: 740px;
    margin: 5px auto;
    line-height: 1.5em ; 
}
.cont2 {
	text-align: left;
    padding: 10px 5px;
}

/* --------------------------------------------
 *    ヘッダー部
 * -------------------------------------------- */
	.header {
	width : 100% ;
    overflow: hidden; 
	}
		.header1 {
		width: 54% ;
		float: left ;
		}
		.header2 {
		width: 33%;
		float: left;
		font-size: 0.9em;
		padding-top: 10px;
		}
		.header3 {
		width: 12%;
		float: left;
		font-size: 0.9em;
		vertical-align: middle;
		}

#pank   { background: url(http://kettya.com/image/bgtop27.gif)    no-repeat; font-size: 0.8em; line-height: 1.5em; height: 27px; }
#footer { background: url(http://kettya.com/image/bgbottom90.gif) no-repeat; font-size: 0.8em; line-height: 1.5em; height: 90px; margin-top: -90px; clear: both; position: relative;}



/* --------------------------------------------
 *    ナビ
 * -------------------------------------------- */

	.navi {
		clear: both ;
		width: 100% ;
		}

	li {
		width : 95px;
		float: left ;
		}

		/* --------------------------------------------
		 *    機種名から、ゲームから <ul>にclass名付属
		 * -------------------------------------------- */

		ul.menu{
			font-size: 1.0em ;
			margin : 5px 15px 5px 10px ;
			padding: 0 0 0 17px;
		    overflow: hidden;
		    list-style-type: none;
		    border: 0px solid ;
			}

		.menu li {
			padding: 0 0 0 15px;
			background: url("ao2.gif") no-repeat 0 center;

			}

		li.koko{ text-decoration: underline;}

		/* --------------------------------------------
		 *    詳細欄 <ul>にclass名付属
		 * -------------------------------------------- */

			ul.bench  {
				margin : 5px 15px 5px 10px ;
				padding: 0 0 0 17px;
			    overflow: hidden;
			    list-style-type: none;
			    border: 1px solid ;
			    /*height: 82px;*/
				}

			.bench li {
				padding: 0 0 0 15px ;
				font-size: 0.9em ;
				background: url("ao3.gif") no-repeat 0 center;
				}


/* --------------------------------------------
 *    ベンチマーク詳細用
 * -------------------------------------------- */

.intro { font-size: 0.9em; clear: both; padding: 5px 5px 0px 5px ; }
	.intro p { margin: 5px 0 ;}
.iro { font-size: 0.9em; padding: 5px 5px ; }
.maeoki { font-size: 0.9em; text-align: center; padding: 5px 0; }


/* --------------------------------------------
 *    メイン
 * -------------------------------------------- */

	.main {
	width: 100% ;
	text-align : left ;
	margin : 0 0 4px 0 ;
	clear: both;
	}

/* --------------------------------------------
 *    2段落＋中間マージン
 * -------------------------------------------- */

	#main_left {
	width: 49% ;
	float : left ;
	}
	#main_right {
	width: 49%;
	float: right;
	}


/* --------------------------------------------
 *    青色テーブル
 * -------------------------------------------- */
.ranktable td {
	padding: 3px 6px ;
	white-space: nowrap;
	border-style: solid;
	border-width: 1px;
	border-color: #000033 #009999 #009999 #000033;
	border-collapse: collapse;
	font-size: 0.9em ;
	vertical-align: middle;
	}

.ranktable table {
	border-style: solid;
	border-width: 1px;
	border-color: #009999 #000033 #000033 #009999;
	border-collapse: separate ;
	margin: 0 0 10px 0 ;
	}

.gpuave {
	margin : 5px 15px 5px 10px ;
	font-size: 0.9em;
	}

.gpuave td { padding: 0 5px; }

/* --------------------------------------------
 *    GPUアイコン
 * -------------------------------------------- */

.gpuicon img {
	width: 29px;
	height: 20px;
	border: 0px;
	vertical-align: middle;
	}

.gpuicon td {
	padding: 3px 6px ;
	}

/* --------------------------------------------
 *    テーブル
 * -------------------------------------------- */

table.bluetable {
	font-size: 0.9em;
	line-height: 1.4em;
	border-style: solid;
	border-width: 1px;
	border-color: #009999 #000033 #000033 #009999;
	border-collapse: separate;
    width: 100%;
    margin: 0px auto;
	}

.bluetable td {
	border-style: solid;
	border-width: 1px;
	border-color: #000033 #009999 #009999 #000033;
	border-collapse: collapse;
	padding: 2px 0;
	vertical-align: middle;
	}

.scr1 { font-size: 1.3em; font-weight: normal; }
.scr2 { font-size: 1.2em; font-weight: normal; }
td.scr3 { font-size: 1.1em; font-weight: normal; text-align: right; padding: 2px;}

.scr { width:  60px; }
.mdl { width: 190px; }
.gpu { width: 190px; }
.cpu { width: 130px; }
.rpt { width: 120px; }
.det { font-size: 0.9em; }

.tya { background-color: #993300;}

.exp_scr { width:  45px; background-color: #993300;}
.exp_gpu { width: 160px; background-color: #993300;}
.exp_rpt { width: 120px; background-color: #993300;}
.exp_mdl { width: 165px; background-color: #993300;}
.exp_det { background-color: #993300;}

.gl_scr { width:  46px; background-color: #993300;}
.gl_rpt { width: 120px; background-color: #993300;}
.gl_mdl { width: 160px; background-color: #993300;}

/* --------------------------------------------
 *    モデル一覧
 * -------------------------------------------- */

.para0 {
	width: 100%;
    overflow: hidden;
	}
.para1 {
	width: 25%;
	float: left;
	}
.para2 {
	width: 73%;
	float: right;
	}
.para2 td  { vertical-align: middle; padding-right: 10px; }
.para2 img { vertical-align: middle; }

#para2 {
	width: 73%;
	float: right;
	}
#para2 td  { vertical-align: middle; padding-right: 10px; }
#para2 img { vertical-align: middle; }

.bbt { width: 140px; color: #ffffcc; background: #000; border: 1px solid #ffffcc; }

.maker_title {
	font-size: 1.1em;
    margin: 0px;
    padding: 4px 10px 0 14px;
    background: #190800;
	border-radius: 7px 7px 0px 0px;
	border-radius: 7px 7px 0px 0px;
}

.maker {
	background: black;
	padding: 12px 0px 15px 0px ;
	font-weight: bold;
	}

.kado_css3 {
	background: black;
	margin: 0 0 10px 0 ;
	padding: 3px 10px 10px 20px;
	border-radius: 0px 0px 7px 7px;
	border-radius: 0px 0px 7px 7px;
	}

.kado_models {
	padding:3px 10px 10px 20px;
	background:url(./img/top_models.gif) no-repeat;
	}

.kado_models table{
	width: 90%;
	}

.kado_models_b {
	height:6px;
	margin-bottom:10px;
	background:url(./img/bottom_models.gif) no-repeat;
	}


/* --------------------------------------------
 *    ソーシャル部
 * -------------------------------------------- */

#social { float: right; width: 75px; margin-top: 10px; text-align: right; display: inline; }
#social img { border: 0 ;}
#social td { vertical-align: middle; font-size: 0.85em; padding: 1px 0 1px 1px; }

	.social_tw a {
		display: block;
		width:55px;
		height:0px;
	   	background: url("http://kettya.com/image/social_tweet.png") no-repeat left top;
	   	padding-top: 17px;
	   	overflow: hidden; /* --画像置換 height 0 hidden-- */
	}

	.social_tw a:hover {
		background-position:left bottom;
	}
	.social_tw a:active {
			background-position:right top;
		}

	.social_add a {
			display:block;
			width:16px;
			height:17px;
			background:url(http://kettya.com/image/social_addthis.png) no-repeat left top;
	}
	.social_add a:hover {
		background-position:left bottom;
	}
	.social_add a:active {
		background-position:right top;
	}

/* --------------------------------------------
 *    ぷち
 * -------------------------------------------- */
 
.naka { text-align: center ;}
.migi { text-align: right ;}
.aka { color: #ff3300; }
.tya { background-color: #993300 ;}
.sfont9 { font-size: 0.9em;}
.sfont8 { font-size: 0.8em;}
 
-->
