@charset "utf-8";
/* CSS Document */

body.home #contentsWrap { padding: 0; }

/*----- ヘッダー -----*/

body.home #header #globalMenu {	height: 252px; }
body.home #header #globalMenu div.wrap { position: relative; width: 1024px; margin: 0 auto; }
body.home #header #globalMenu ul { position: absolute; top: 0; left: 31px; z-index: 1; }
body.home #header #globalMenu #mainVisual{
	text-align: center; padding: 2px 0; position: relative; top: 19px;
	z-index: -1;
}

/*----- メインカラム -----*/

body.home #mainClm { width: 711px; float: left; }

body.home #mainClm div.list { position: relative; }
body.home #mainClm div.list h2 { margin: 0; }
body.home #mainClm div.list p.linkNews { width: 61px;  }
body.home #mainClm div.list p.linkNews a { 
	display: block; width: 61px; height: 11px; position: absolute; top: 7px; left: 650px;
	background: url(../img/top/link_news.gif) no-repeat;
	text-indent: -9999px; font-size: 1px;
}
body.home #mainClm div.list p.linkNews a:hover { background-position: 0 -11px; }
body.home #mainClm div.list table { clear: both; }

body.home #mainClm div.product { position: relative; }
body.home #mainClm div.product h2 { margin: 0; }
body.home #mainClm div.product p.linkProduct { width: 79px; }
body.home #mainClm p.linkProduct a { 
	display: block; width: 79px; height: 11px; position: absolute; top: 7px; left: 632px;
	background: url(../img/top/link_product.gif) no-repeat;
	text-indent: -9999px; font-size: 1px;
}
body.home #mainClm p.linkProduct a:hover { background-position: 0 -11px; }

body.home #mainClm table { width: 100%; margin: 5px 0 20px; }
body.home #mainClm td { background: url(../img/line_dot2.gif) repeat-x bottom; padding: 5px 10px; vertical-align: top; }
body.home #mainClm td.date { width: 91px; font-weight: bold; }
body.home #mainClm td.title { width: 620px; }

body.home #mainClm div.product div.body {
	background: url(../img/top/bg_product.gif) repeat-x bottom #dde4eb; 
	padding: 6px 6px 20px; _width: 700px;  _clear:both;
}
body.home #mainClm div.product div.wrap { 
	width: auto; background: none #fff; 
	border: 1px solid #cbcbcb;
	padding: 15px 5px 20px 10px;
	overflow: hidden; height: 1%;
}
body.home #mainClm div.product h3 { margin: 0 0 5px; }
body.home #mainClm div.product div.left { width: 283px; float: left; }
body.home #mainClm div.product div.right { width: 384px; float: right; overflow: hidden; height: 1%; padding-top: 1px; }
body.home #mainClm div.product div.right div.wrap { border: none; padding: 0 0 0 0; margin: 0; }
body.home #mainClm div.product div.right div.box { width: 192px; float: left; overflow: hidden; height: 1%; }
body.home #mainClm div.product div.right div.box p.image { width: 72px; float: left; }
body.home #mainClm div.product div.right div.box div.text { width: 115px; float: left; }
body.home #mainClm div.product p.image img { margin: 0 0 10px; }
body.home #mainClm div.product p.link { padding: 5px 10px 15px 0; font-size: 90%; }
body.home #mainClm div.product p.link img { margin: 0 4px -1px 0; }



body.home #mainClm p.banner { 
	background: url(../img/top/bg_banner.gif) repeat-x top;
	padding: 10px 6px 30px;
}
body.home #mainClm p.banner img { margin: 0 10px 0 0; }

/*----- 右カラム -----*/

body.home #rightClm { padding: 0 0 20px; }

body.home #rightClm h2 { border: none; margin: 0; padding: 0; }

body.home #rightClm { width: 217px; float: right; }

body.home #rightClm h3 { height: auto; margin: 0 0 5px; padding: 10px 0 0; border-top: 2px solid #d6d6d6; }
body.home #rightClm h3.top { border-top: none; padding: 0; }
body.home #rightClm div.wrap { 
	border: 2px solid #d6d6d6; 
	padding: 10px 5px 5px; margin: 0 0 10px; 
	_width: 203px; 
}
body.home #rightClm div.wrap p.text { 
	margin: 0 5px 5px;
	font-size: 90%;
}
body.home #rightClm div.wrap p.link { margin: 0 5px 5px; padding:0; font-size: 90%; }
body.home #rightClm div.wrap p.link img { margin: 0 4px -1px 0; }

body.home #rightClm p.twitter { 
	width: 217px; height: 96px; 
	background: url(../img/top/bg_twitter.jpg) no-repeat; 
	position: relative;
}
body.home #rightClm p.twitter a {
	display: block; width: 199px; height: 45px;
	background: url(../img/top/btn_twitter.jpg) no-repeat;
	text-indent: -9999px; font-size: 1px;
	position: absolute; top: 41px; left: 10px;
}
body.home #rightClm p.twitter a:hover { background-position: 0 -45px; }


