@charset "euc-jp";

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; -webkit-text-size-adjust:none ;
		font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;}
img { margin: 0; padding: 0; border: 0;}


A { text-decoration : none; color : #FFCC00; }
A:visited { text-decoration: none; color: #FFCC00; }
A:hover { color: red; }

h1 { font-size:  1.0em; font-weight: normal;                     padding: 0 0 0 35px;}
h3 { font-size: 1.05em; font-weight: bold  ; line-height: 2.0em; padding: 0 0 0 18px; margin: 15px 0   0 0; background: url(./image/imgs3.png) no-repeat 0 -209px; }
h4 { font-size: 0.95em; font-weight: normal; line-height: 2.0em; padding: 0 0 0 18px; margin: 15px 0   0 0; background: url(./image/imgs3.png) no-repeat 0 -211px; }
h3, h3 A, h3 A:visited, h4, h4 A, h4 A:visited { color: #ddeeff;}
blockquote { font-size: 0.8em; border: 1px solid; margin: 0 10px; padding: 8px; line-height: 1.6em; }

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

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

.pank_top { line-height: 1.5em; background: url("./image/imgs3.png") repeat-x 0 -80px; font-size: 0.8em; height: 29px; color: #CCCCAA; padding-top: 1px; }

.asik_top { background: url(/image/imgs3.png) repeat-x 0 -110px; width:100%; height: 90px; font-size: 0.8em; line-height: 1.5em; color: #CCCCAA; padding-top: 4px; }
.asik_top td { vertical-align: middle; }
.cont1 {
    text-align: center;
    width: 750px;
    margin: 0px auto;
}
.cont2 {
    padding: 4px 0;
	text-align: left;
}

/* --------------------------------------------
 *    ヘッダー部分
 * -------------------------------------------- */

.cont_top {
    padding: 5px 0 2px 0;
    width: 740px;
    margin: 0px auto;
}

	.header {
		width : 100%;
		text-align: center;
		}
	.header a {}
		.banner1 { width: 122px; height: 59px; float: left; margin-top: 10px; background : url("./image/imgs3.png") no-repeat 0 0;}
		.banner2 { width: 140px; float: left;}
		.mobile  { width:  85px; float: left; vertical-align : middle; padding : 10px 0 0 0; line-height : 30px; font-size: 0.8em;}
		.space1  { width:  15px; float: left;}
		.recom   { width:  37px; float: left; padding : 10px 0 0 0;	line-height : 30px; font-size: 0.8em;}

		.google { text-align : right; line-height : 1.2em; padding: 0;}
		.google input { margin: 3px;}



/* --------------------------------------------
 *    プルダウンメニュー
 * -------------------------------------------- */

#nav {
	margin: 0;
	height: 39px;
	width: 98%;
	padding: 7px 6px 0;
	background: -webkit-linear-gradient(top,rgb(70,89,38),rgb(39,51,28));
	background: -moz-linear-gradient(top,rgb(70,89,38),rgb(39,51,28));
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startcolorstr=#ff465a26, endcolorstr=#ff27341c, gradienttype=0)) progid:DXImageTransform.Microsoft.Shadow(color=#333333, direction=135, strength=2)";
	zoom: 1;
	line-height: 100%;
	border-radius: 8px;
	box-shadow: 0px 2px 4px rgba(0,0,0, .5);
}
#nav li {
	margin: 0 4px;
	padding: 0 0 7px 0;
	float: left;
	position: relative;
	list-style: none;
	font-size: 0.95em;
}


/* 親選択肢 */
#nav a {
	font-weight: bold;
	color: #ffffcc;
	text-decoration: none;
	display: block;
	padding:  8px 20px;
	margin: 0;
	border-radius: 10px;	
	text-shadow: 0px 1px 2px rgba(0,0,0, .4);
}

#nav a:hover {
	background: #000;
	color: #fff;
}

/* カーソルを当てた際の親選択肢 */
#nav .current a, #nav li:hover > a {
	background: #334225 ;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startcolorstr=#ff27341c, endcolorstr=#ff465a26, gradienttype=0)) progid:DXImageTransform.Microsoft.Shadow(color=#333333, direction=135, strength=2)";
	zoom: 1;
	background: -webkit-linear-gradient(top,rgb(39,51,28),rgb(70,89,38));
	background: -moz-linear-gradient(top,rgb(39,51,28),rgb(70,89,38));
	color: #fff;
	border-top: solid 1px #5b7541;
	box-shadow: 0 1px 1px rgba(0,0,0, .2);
	text-shadow: gray 0 1px 0;
}

/* 子選択肢カーソル時 */
#nav ul li:hover a, #nav li:hover li a {
	z-index: 10;
	background: none;
	border: none;
	color: #e7e5e5;
	font-weight: bold;

	box-shadow: none;
	text-shadow: 0 1px 2px rgba(0,0,0, .5);
}
#nav ul a:hover {
	background: #930 url(image/gradient.png) repeat-x 0 -100px !important;
	color: #ffc !important;

	border-radius: 0;

	text-shadow: 0 1px 2px rgba(0,0,0, .5);
}

/* dropdown */
#nav li:hover > ul {
	display: block;
}

/* 子選択肢 level 2 list */
#nav ul {
	z-index: 12;
	display: none;

	margin: 0;
	padding: 0;
	width: 185px;
	position: absolute;
	top: 35px;
	left: 0;
	background: #475c33 url(image/gradient2.png) repeat-x 0 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startcolorstr=#ff465a26, endcolorstr=#ff27341c, gradienttype=0)) progid:DXImageTransform.Microsoft.Shadow(color=#333333, direction=135, strength=2)";
	zoom: 1;
	background: -webkit-linear-gradient(top,rgb(70,89,38),rgb(39,51,28));
	background: -moz-linear-gradient(top,rgb(70,89,38),rgb(39,51,28));
	border: solid 1px #b4b4b4;

	border-radius: 9px;

	box-shadow: 0 1px 3px rgba(0,0,0, .3);
}
#nav ul li {
	float: none;
	margin: 0;
	padding: 0;
}

#nav ul a {
	font-weight: normal;
	text-shadow: 0 1px 0 #fff;
}

/* level 3+ list */
#nav ul ul {
	z-index: 14;
	left: 181px;
	top: -3px;
}

/* rounded corners of first and last link */
#nav ul li:first-child > a {
	border-top-left-radius: 9px;
	border-top-right-radius: 9px;
}
#nav ul li:last-child > a {
	border-bottom-left-radius: 9px;
	border-bottom-right-radius: 9px;
}

/* clearfix */
#nav:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
#nav {
	display: inline-block;
} 
html[xmlns] #nav {
	display: block;
}
 
* html #nav {
	height: 1%;
}


/* --------------------------------------------
 *    新着担当
 * -------------------------------------------- */

	.cont_new {	}

		.newrep {
			padding : 10px 0;
			font-size: 0.8em;
			border-width: 0px;
 			width: 100%;
		}
			.newrep table { margin-right: -20px; }
			.newrep td { padding : 2px;	}
/* imgs3 -4 */
		.stars0 { background: url(./image/imgs3.png) no-repeat 0 -1255px; height: 18px; width: 17px;}
		.stars1 { background: url(./image/imgs3.png) no-repeat 0 -1324px; height: 18px; width: 17px;}
		.stars2 { background: url(./image/imgs3.png) no-repeat 0 -1392px; height: 18px; width: 17px;}
		.stars3 { background: url(./image/imgs3.png) no-repeat 0 -1460px; height: 18px; width: 17px;}
		.stars4 { background: url(./image/imgs3.png) no-repeat 0 -1528px; height: 18px; width: 17px;}
		.stars5 { background: url(./image/imgs3.png) no-repeat 0 -1596px; height: 18px; width: 17px;}

/* --------------------------------------------
 *    レポート部
 * -------------------------------------------- */

		td.mname { font-size : 1.3em; width: 300px; white-space: nowrap;}
		td.gpu { width: 180px; color : #CCCCAA; white-space: nowrap; }
		td.r_name { width: 130px;}
		td.repicon { white-space: nowrap; }
		.repicon img { width: 16px; height: 16px; vertical-align: bottom; }
		.repicon div { float: left; }

/* --------------------------------------------
 *    ベンチマークとランキング
 * -------------------------------------------- */

		.repicon div { width: 16px; height: 16px; }

		.ff11	{background: url(./image/imgs3.png) no-repeat 0 -260px;}
		.ff14h	{background: url(./image/imgs3.png) no-repeat 0 -326px;}
		.ff14l	{background: url(./image/imgs3.png) no-repeat 0 -392px;}
		.mark03	{background: url(./image/imgs3.png) no-repeat 0 -458px;}
		.mark05	{background: url(./image/imgs3.png) no-repeat 0 -524px;}
		.mark06	{background: url(./image/imgs3.png) no-repeat 0 -590px;}
		.markvan{background: url(./image/imgs3.png) no-repeat 0 -656px;}
		.vista	{background: url(./image/imgs3.png) no-repeat 0 -854px;}
		.specv9	{background: url(./image/imgs3.png) no-repeat 0 -788px;}
		.disk	{background: url(./image/imgs3.png) no-repeat 0 -194px;}
		.bio50	{background: url(./image/imgs3.png) no-repeat 0 -62px;}
		.bio59	{background: url(./image/imgs3.png) no-repeat 0 -128px;}
		.sangoku{background: url(./image/sangoku.gif) no-repeat 0%;}

		.eq	{background: url(./image/juni_equal.gif) no-repeat 0%; padding: 2px 5px 2px 12px; text-align: right;}
		.up	{background: url(./image/juni_up.gif) no-repeat 0%; padding: 2px 5px 2px 12px; text-align: right;}
		.dw	{background: url(./image/juni_down.gif) no-repeat 0%; padding: 2px 5px 2px 12px; text-align: right;}

/* --------------------------------------------
 *    中段のショップ枠
 * -------------------------------------------- */
	.cont_shop { clear : both; padding: 0 0 6px 0; text-align: center;}
		.cont_shop p { font-size : 0.75em; line-height : 1.6em;	}

/* --------------------------------------------
 *    メイン部大枠
 * -------------------------------------------- */

	.cont_all {
	    padding: 5px 0 2px 0;
	    width: 100%;
	    margin: 0px auto;
	}

/* --------------------------------------------
 *    メニューカラム
 * -------------------------------------------- */
	.cont_menu {
		width : 29%;
		float : left;
		text-align : left;
	}
	
	.cont_menu ul { padding-left : 10px;}

	.reporters { text-align : center; margin : 6px;}
	.reporters p { margin: 5px 0 10px 0;}

	.bnc1 { float: left; width: 70%; }
	.bnc2 { float: left; width: 26%; padding-left: 5px; font-size: 0.8em; border-left: 1px dotted #ccccaa; }



/* --------------------------------------------
 *    メニュー隙間
 * -------------------------------------------- */

	.cont_skima {
		width: 1%;
		float: left;
	}
	.cont_skima img { height: 1px; width: 1px; }


/* --------------------------------------------
 *    アイテム欄
 * -------------------------------------------- */
		.itempickup { padding: 4px 0;}
		.itempickup p { font-size: 1.0em; line-height: 1.4em;}
		.itemimg { text-align : center; margin: 5px 0;}
		.itemdetail { padding: 5px 0; text-align: right;}

/* --------------------------------------------
 *    記事カラム
 * -------------------------------------------- */

	.cont_main {
		width : 70%;
		float : left;
		text-align : left;
	}

		.mininews ul{
				padding : 5px 0 0 8px;
			    line-height : 1.7em;
			    list-style: none;
			}

			.blue {	padding-left: 12px; background: url(./image/md.gif) no-repeat 0 0;}
			.red  {	padding-left: 12px; background: url(./image/imgs3.png) no-repeat 0 -245px;}
			.earthicon { vertical-align: middle; }

			.mini1  { float: left; width:  8%; padding-left: 5px; }
			.mini2  { float: right; width: 90%; }
			.mini11 { float: left; width: 12%; padding-left: 5px; }
			.mini21 { float: right; width: 86%; }

		.news    { padding: 0 7px 10px 7px; }
			.news p{ font-size: 0.95em; line-height: 1.45em;}
			.news img{ max-width: 490px;}
		.archive { padding: 10px 0 10px 0;}
		
		.ch3 { font-size: 0.85em; line-height: 1.6em; margin-left: 20px; margin-right: 10px; }
		
		table.kijifooter { margin-left: 17px; }
		.kijifooter td { vertical-align: middle; font-size: 0.80em; padding: 15px 0 15px 1px; }

	  #custom-tweet-button 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-- */
	}

		#custom-tweet-button a:hover {
			background-position:left bottom;
		}
		#custom-tweet-button 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;
		}


/* --------------------------------------------
 *    フッター
 * -------------------------------------------- */

.cont_foot {
	clear: both;
	text-align : right;
	margin: 10px 0 0 0;
}
	.cont_foot p { font-size : 0.8em; margin: 0 0 10px 0;}

/* --------------------------------------------
 *    丸枠
 * -------------------------------------------- */

	h2 {
		font-size:  0.9em;
		font-weight: normal;
		color: #ffffcc;
	    margin: 0px auto;
	    padding: 3px 0px 0px 7px;
		background: #475c33;
		-moz-border-radius: 7px 7px 0px 0px;
		border-radius: 7px 7px 0px 0px;
		}

	.kado_maru {
		margin: 0 auto 10px auto ;
	    padding: 2px 5px 2px 10px;
		background: #000000;
		border-radius: 0px 0px 7px 7px;
		-moz-border-radius: 0px 0px 7px 7px;
		}