/*
	99Lime.com HTML KickStart by Joshua Gatcke
	style.css
	
*/

/*---------------------------------
	IMPORTS
-----------------------------------*/
@import url(http://fonts.googleapis.com/css?family=Arimo:400,700);

/*---------------------------------
	OVERRIDES
-----------------------------------*/
h1,h2,h3,h4,h5,h6{

}

thead th,
tbody th{
font-family: "Trebuchet Ms", arial, verdana, sans-serif;
}

button,
a.btn,
input[type="submit"],
input[type="reset"],
input[type="button"]{
font-family: "Trebuchet Ms", arial, verdana, sans-serif;
}

.menu{
font-family: "Trebuchet Ms", arial, verdana, sans-serif;
}

blockquote{
font-family: "Trebuchet Ms", arial, verdana, sans-serif;
}

a{
	color:#E76D89;
}
table td{
	border-spacing: 3px;
	border-collapse: collapse;
}

/*---------------------------------
	LAYOUT
-----------------------------------*/
body{
margin:0;
padding:0;
color:#000;
background-color:#ddd;
text-shadow: 0px 0px 1px transparent; /* google font pixelation fix */
}

#wrap{
width:980px;/*960*/
_width:1024px;
margin:0 auto 20px auto;
padding:0;
border:1px solid black;
}
div#right{
	_width:800px;
}
div.article-main{
	_width:520px;
}
div.product-news{
	_width:260px;
}
.menu{
margin:-1px -1px 0 -1px;
}


#footer{
text-align:center;
padding:20px;
margin:0;
background:#efefef;
border-top:1px solid #ccc;
color:#999;
font-size:0.8em;
text-shadow:0px 1px 1px #fff;
position: relative;
top:0;
left:0;
}

	#link-top{
	position: absolute;
	top:10px;
	right:10px;
	*right:25px;/*IE 7 ONLY*/
	left:auto;
	color:#666;
	text-decoration:none;
	display: inline-block;
	padding:5px 10px;
	background:#e5e5e5;
	line-height:100%;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	}




div#title, div#title div.inner,div#title h1{
	padding:0;
	margin:0;
	height:154px;
}

div.news-article:after { content: ""; display: block; clear: both; }
div.news-article h3{
	margin-top:0;
	font-size:120%;
}

.menu li{
	font-size:12px;
}
.menu li a{
}
div#nav-bar{
	width:100%;
	height::41px!important;
	margin:0;
	padding:0;
	text-align:center;
	background-image: url(img/global_navi_bg.gif);
background-repeat-x: repeat;
background-repeat-y: no-repeat;
background-attachment: initial;
background-position-x: 0%;
background-position-y: 0%;
background-origin: initial;
background-clip: initial;
background-color: white;
}

div#nav-bar div.inner{
	margin:0;
	padding:0;
	height:41px;
}
div.column div.inner{

}


/*inner-reset*/
div#column-pane,div#right div.inner {
	padding:0;
}




#global-navi0907 {
	width: 960px;
}

	#global-navi0907 ul {
		margin: 0;
		padding: 0;
		height: 41px;
	}

	#global-navi0907 ul li {
		margin: 3px 0 0 0;
		padding: 0;
		float: left;
		width: 50px;
		height: 33px;
		list-style-type: none;
		text-indent: -9999px;
	}
	#global-navi0907 ul li a {
		height: 33px;
		display: block;
		position: relative;
	}

		#global-navi0907 ul li#navi-headline a {
			background: url("http://www.watch.impress.co.jp/header/0907/img/global_navi_hl_hl.gif") 0 0 no-repeat;
		}
		#global-navi0907 ul li#navi-enterprise a {
			background: url("http://www.watch.impress.co.jp/header/0907/img/global_navi_epw_hl.gif") 0 0 no-repeat;
		}
		#global-navi0907 ul li#navi-pc a{
			background: url("http://www.watch.impress.co.jp/header/0907/img/global_navi_pw_hl.gif") 0 0 no-repeat;
		}
		#global-navi0907 ul li#navi-dc a{
			background: url("http://www.watch.impress.co.jp/header/0907/img/global_navi_dcw_hl.gif") 0 0 no-repeat;
		}
		#global-navi0907 ul li#navi-akiba a{
			background: url("http://www.watch.impress.co.jp/header/0907/img/global_navi_ah_hl.gif") 0 0 no-repeat;
		}
		#global-navi0907 ul li#navi-av a{
			background: url("http://www.watch.impress.co.jp/header/0907/img/global_navi_avw_hl.gif") 0 0 no-repeat;
		}
		#global-navi0907 ul li#navi-game a{
			background: url("http://www.watch.impress.co.jp/header/0907/img/global_navi_gmw_hl.gif") 0 0 no-repeat;
		}
		#global-navi0907 ul li#navi-k-tai a{
			background: url("http://www.watch.impress.co.jp/header/0907/img/global_navi_ktw_hl.gif") 0 0 no-repeat;
		}
		#global-navi0907 ul li#navi-internet a{
			background: url("http://www.watch.impress.co.jp/header/0907/img/global_navi_iw_hl.gif") 0 0 no-repeat;
		}
		#global-navi0907 ul li#navi-bb a{
			background: url("http://www.watch.impress.co.jp/header/0907/img/global_navi_bbw_hl.gif") 0 0 no-repeat;
		}
		#global-navi0907 ul li#navi-forest a{
			background: url("http://www.watch.impress.co.jp/header/0907/img/global_navi_wf_hl.gif") 0 0 no-repeat;
		}
		#global-navi0907 ul li#navi-robot a{
			background: url("http://www.watch.impress.co.jp/header/0907/img/global_navi_rbw_hl.gif") 0 0 no-repeat;
		}
		#global-navi0907 ul li#navi-kaden a{
			background: url("http://www.watch.impress.co.jp/header/0907/img/global_navi_kdw_hl.gif") 0 0 no-repeat;
		}
		#global-navi0907 ul li#navi-career a{
			background: url("http://www.watch.impress.co.jp/header/0907/img/global_navi_career_hl.gif") 0 0 no-repeat;
		}
		#global-navi0907 ul li#navi-video a{
			background: url("http://www.watch.impress.co.jp/header/0907/img/global_navi_video_hl.gif") 0 0 no-repeat;
		}
		#global-navi0907 ul li#navi-car a{
			background: url("http://www.watch.impress.co.jp/header/0907/img/global_navi_caw_hl.gif") 0 0 no-repeat;
		}
		#global-navi0907 ul li#navi-cloud a{
			background: url("http://www.watch.impress.co.jp/header/0907/img/global_navi_clw_hl.gif") 0 0 no-repeat;
		}
		#global-navi0907 ul li#navi-smartphone a{
			background: url("http://www.watch.impress.co.jp/header/0907/img/global_navi_smartphone_hl.gif") 0 0 no-repeat;
		}
		#global-navi0907 ul li#navi-girlscamera a{
			background: url("http://www.watch.impress.co.jp/header/0907/img/global_navi_jcw_hl.gif") 0 0 no-repeat;
		}
		#global-navi0907 ul li#navi-que a{
			background: url("http://www.watch.impress.co.jp/header/0907/img/global_navi_que_hl.gif") 0 0 no-repeat;
		}
		#global-navi0907 ul li#navi-dolby a{
			background: url("/dolby/img/global_navi_dolby_over.gif") 0 0 no-repeat;
		}

div#imp_footer{
	padding:0;
	margin:0;
	background-color:white;
	border-top:1px solid black;
}
div#imp_footer ul li{
	list-style-type:none;
	float:left;
	margin-right:20px;
}


a.lightbox span{
	text-decoration:none;
}









div.align-right{
	float:right;
	margin-left:8px;
}
span.align-right{
	float:right;
	display:block;
	margin-left:8px!important;
}




div#wrap{
	background:#f0f0f0 url(img/local_navi_bg.gif);
	background-repeat:repeat-y;
	background-position:top left;
}


div#left{
	padding:0;
	margin:0;
	line-height:1.2;
}
div#left div.inner{
	margin:0;
	padding:0;
}
div#left h3{
	font-size:16px;
	font-weight:bold;
	text-align:center;
	margin:0;
}


div.tech-lineup{
	border:1px solid black;
	background-color: #2d2e34;
	margin-top:50px;
}




body#top h2{
	font-size:20px;
	border-top: 5px solid #3E3838;
	border-bottom: 5px solid #3E3838;
	padding-top: 5px;
	padding-bottom: 5px;
}
body#top div#center p{
	line-height:1.6;
	margin-bottom:1.5em;
}








div.article-main{
}

div.article-box{
	background-color:#fdfdfd;
	border:1px solid gray;
}
div.article-box span.label{
	display:block;
	background-color:orange;
	color:white;
	padding:4px;
}
div.news-box h3{
	font-size:16px;
}

ul.slideshow div.article-box{
	width:800px;
	height:300px;
}

a.column-box{
	/* border: 3px solid #111; */
	position: relative;
	background-color: #999;
	height:250px;
	overflow: hidden;
	text-decoration: none;
	margin:0 0 25px 0;
}
div.article-main a.column-box{
	height:220px;
}
a.column-box:after { content: ""; display: block; clear: both; }
a.column-box:hover{
}
a.column-box img{
vertical-align: bottom;
-moz-opacity:1;
opacity:1;
filter: alpha(opacity=100);
}
a.column-box:hover img {
-moz-opacity:0.8;
opacity:0.8;
filter: alpha(opacity=90);
}
a.column-box h3{
	line-height: 1.5;
	margin:0;
	position:absolute;
	display: block;
	background-color: black;
	color: #f1f1f1;
	font-weight: bold;
	bottom:0px;
	left:0px;
	padding:10px;
	font-size: 16px;
	width :98%;
	-moz-box-shadow: 5px 5px 5px #000;縲?/* Firefox逕ｨ */
	-webkit-box-shadow: 5px 5px 5px #000;縲?/* Safari,Google Chrome逕ｨ */
	z-index:200;
-moz-opacity:0.8;
opacity:0.8;
filter: alpha(opacity=90);
}
a.column-box h3 span{
	font-size:12px;
	color:#ddd;
	line-height:1.1;
}
a.column-box:hover h3{
	color:white;
	background-color: rgba(0, 0, 0, 0.70);
}
span.date{
	clear: both;
	text-decoration: none;
	font-weight: bold;
	color: white;
	background-color: orange;
	display: block;
	width:100px;
	height: 22px;
	font-size:14px;
	padding:3px;
	margin:10px 0 0 0;
	text-align: center;
	z-index: 100;
}
a.column-box span.special{
	display:block;
	width:260px;
	position:absolute;
	padding:6px;
	top:0;
	left:0;
	background-color:black;
	z-index:200;
	color:white;
	font-weight:bold;
	font-size:16px;
}
a.column-box p{
	line-height: 1.5;
	color:black;
	font-size:12px;
	background-color: rgba(255, 255, 255, 0.85);
	padding:7px;
}
a.column-box:hover p{
	background-color: rgba(255, 255, 255, 0.95);
}
a.col_12 h3{
	top:auto;
	bottom: 0px;
}
a.col_12 p.article-description{
	display: none;
}
a.col_12 p.article-description2{
	display:block;
}

div.product-news{
	padding-bottom:20px;
}
div.product-news a{
	display: block;
	position:relative;
	text-decoration:none;
	overflow: hidden;
	margin-bottom: 9px;
	background-color: white;
	border:1px solid gray;
	width:90%;
	margin-left:5%;
}
div.product-news a:hover{
}
div.product-news a img{
	-moz-opacity:0.8;
	opacity:0.8;
	filter: alpha(opacity=80);
}
div.product-news a:hover img{
	-moz-opacity:1;
	opacity:1;
	filter: alpha(opacity=100);
}
div.product-news a span.technology{
	display:block;
	text-align:right;
	color:black;
	padding-right:4px;
	font-size:10px;
	background-color:#f49fac;
}
div.product-news a span.article-title{
	position:absolute;
	bottom: 0;
	background-color:#236092;
	color:white;
	padding:6px;
	font-size: 12px;
	line-height: 1.2!important;
	
}
div.product-news a:hover span.article-title{
		background-color: rgba(20, 20, 120, 0.65);
}

div#banner-area{
	background-color: black;
	margin:0;
	padding:0;
	height:154px;
	position: relative;
}
div#banner-area div.inner{
	padding:0;
}
img.kanban{
	position: absolute;
	left:0;
	top;0;
}




div#left a{
	display: block;
	margin-bottom: 6px;
}
div#left a img{
		-moz-opacity:0.8;
	opacity:0.8;
	filter: alpha(opacity=80);
}
div#left a:hover img{
	-moz-opacity:18;
	opacity:1;
	filter: alpha(opacity=100);
}



/* 險倅ｺ */

body#article #right{
	background-color: white;
}

body#article .honbun{
	margin-left:20px;
	padding:20px;
	width:700px;
}
body#article .honbun h1{
	background-color:black;
	padding:5px;
	margin:0px 0 20px 0;
	color:white;
	font-size:13px;
	text-align:center;
}
body#article .honbun h2{
	font-size:x-large;
}
body#article .honbun h2 span.sub-title{
	font-size: medium;
	margin-left:7px;
}
body#article .honbun span.date{
	font-size:12px;
	color:black;
	background-color:transparent;
	display:block;
	text-align:right;
	width:auto;
	border-bottom:1px solid gray;
}
body#article .honbun h3{
	font-size: medium;
	font-weight: bold;
	font-stretch: narrower;
	border-left: 10px solid black;
	background-color: #f2f2f2;
	padding:8px;
	margin:30px 0 20px 0;
}
body#article .honbun h4{
	font-size:small;
	font-weight:bold;
	margin:0 0 5px 0;
	border-left:5px solid #777;
	padding:3px 0 3px 6px;
}

body#article .honbun p{
	line-height: 1.6;
	margin-bottom: 1.5em;
	font-size:90%;
	color: #333;
}
body#article .honbun div.caption{
	margin-bottom: 20px;
}
.align-center{
	margin:0 auto 10px auto;
	display: block;
}
.align-center:after { content: ""; display: block; clear: both; }
.align-center div.caption{
	float:left;
	margin-right:10px;
}


div#left a.bn_link{
	display:block;
	background-color:gray;
	padding:5px 2px 5px 2px;
	overflow:hidden;
	height:80px;
	position:relative;
	text-decoration:none;
	border:1px solid white;
}
div#left a.bn_link:hover{
	border:1px solid red;
}
div#left a.bn_link span.rensai-num{
	width:138px;
	padding:4px;
	font-size:12px;
	position:absolute;
	display:none;
	background-color:orange;
	top:0;
	z-index:100;
	color:white;
		background-color: rgba(200, 20, 40, 0.75);
	text-align:right;
}
div#left a.bn_link p{
	position:absolute;
	bottom:0;
	display:block;
	margin:0;
	background-color:black;
	width:147px;
	font-size:12px;
	color:#ddd;
	padding:3px;
}
div#left a.bn_link:hover p{
	color:white;
		background-color: rgba(20, 20, 40, 0.65);
}

.arrow_box {
	position: relative;
	background: #ffffff;
	border: 3px solid #697a85;
}
.arrow_box:after, .arrow_box:before {
	bottom: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box:after {
	border-bottom-color: #ffffff;
	border-width: 10px;
	left: 50%;
	margin-left: -10px;
}
.arrow_box:before {
	border-bottom-color: #697a85;
	border-width: 14px;
	left: 50%;
	margin-left: -14px;
}
Fork me on Github
ﾂｩ 2012 By Simon Hﾃｸjberg ﾂｷ Follow me on twitter: @shojberg ﾂｷ Checkout the source on github ﾂｷ  


div.nav-global ul {
  zoom: 1;
}
* html div.nav-global ul,
div.nav-global * html ul {
  height: 1px;
}
div.nav-global ul:after {
  content: "";
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
}
div.nav-global {
  background: #fff;
  border-width: 1px 0;
  border-style: solid;
  border-color: #b7b7b7;
  -webkit-box-shadow: 0 1px 1px rgba(10, 10, 10, 0.1);
  -moz-box-shadow: 0 1px 1px rgba(10, 10, 10, 0.1);
  box-shadow: 0 1px 1px rgba(10, 10, 10, 0.1);
  margin: 0;
}
div.nav-global{width:978px;}

div.nav-global ul {
  font-size: 10px;
  list-style: none;
  margin: 0;
  padding: 0;
}
div.nav-global ul li {
  float: left;
  border-right: 1px solid #999;
  margin: 0;
  padding: 0;
}
div.nav-global ul li:first-child {
  border-left: 1px solid #999;
}
div.nav-global hr {
  display: none;
}

div.nav-global img {
  border-width: 0;
}




div#nav-bar {background-image: none;}

div.nav-global ul li {
  position: relative;
}
div.nav-global ul li > a > div {
  position: absolute;
  top:0;
  left:0;
  width:51px;
  height:40px;
  margin:0;
  padding:0;
}
div.nav-global ul li > a > div:hover {
  background-color: #00bfff;
  filter:alpha(opacity=10);
  -moz-opacity:0.1;
  -khtml-opacity: 0.1;
  opacity:0.1;
}
body#smartphone div.nav-global ul li.dolby > a > div {
  background-color: #99cc33;
  filter:alpha(opacity=25);
  -moz-opacity:0.25;
  -khtml-opacity: 0.25;
  opacity:0.25;
}