@charset "utf-8";

@import url("common.css");

/*//////////////////////////////////////////////////////////
//  - CSS for GRID Layout
//  - 2009-12-03 (Thu)
//////////////////////////////////////////////////////////*/


/*----------------------------------------------------------
 - Base
----------------------------------------------------------*/

html {
	width: 100%;
	height: 100%;
	background-color: #e6e6e6;
	margin: 0;
	padding: 0;
}

body {
	width: 100%;
	height: 100%;
	background-color: #e6e6e6;
	color: #000;
	font-size: 12px;
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", 'Times New Roman', Times, serif;
/*	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
	_font-family: Verdana, sans-serif;
	text-align: center;
	line-height: 160%;
	margin: 0;
	padding: 0;
}

a 			{ color: #0066ff; text-decoration: none; }
a:link		{ color: #0066ff; text-decoration: none; }
a:visited	{ color: #0066ff; text-decoration: none; }
a:active	{ color: #0066ff; text-decoration: none; }
a:hover		{ color: #000; text-decoration: underline; }

#container {
	position:relative;
	display:block;
	width:100%;
	text-align: left;
	margin:0;
	padding:0;
}

#container-inner {
	position:relative;
	margin:0;
	padding:0;
	width:100%;
}

#sidebar {
	position:absolute;
	display:block;
	width:190px;
	margin: 10px 0;
	overflow: hidden;
	text-align:left;
}

div#pagebody {
	position:relative;
	top: 0;
	left:0;
	height:1px;
}

#blocks {
	position: absolute;
	top: 0;
	left: 0;
	width: auto;
}

#blocks .block {
	position: absolute;
	background: #fff;
	width: 190px;
	text-align: left;
}

#header {
	position: absolute;
}

#footer {
	position: absolute;
}

.inner {
	padding: 10px;
}


/*----------------------------------------------------------
 - Modal
----------------------------------------------------------*/

#modal {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: #ffffff;
	text-align: center;
	z-index: 9999;
}

#modal-inner{
	position: absolute;
	top: 50%;
	left: 50%;
/*	margin-top: -7px;*/ /* image-height / 2 */
/*	margin-left: -71px;:? /* image-width /2 */
}


/*----------------------------------------------------------
 - Header
----------------------------------------------------------*/

#header h1 a {
	display: block;
	/*width: 100px;
	height: 72px;
	background: url(../siteimg/logo_newyear.gif);*/
	width: 60px;
	height: 80px;
	background: url(../siteimg/grid/home_logo.gif);
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	text-decoration: none !important;
}

#header h1 a:hover {
	filter: alpha(opacity=60);
	opacity: 0.6;
}


/*----------------------------------------------------------
 - Contents
----------------------------------------------------------*/

/* - Block Layout
----------------------------------------------------------*/

#blocks .block {
	background-image: url(../siteimg/grid/block_single_bg_top.gif);
	background-repeat: no-repeat;
	background-position: top;
}

#blocks .block .inner {
	background-image:url(../siteimg/grid/block_single_bg_bottom.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}

#blocks .block.entry {
	background-image: url(../siteimg/grid/block_single_bg_top.gif);
	background-repeat: no-repeat;
	background-position: top;
}

#blocks .block.entry:hover,
#blocks .block.entry .inner:hover {
/*	opacity: 0.6;
	filter: alpha(opacity=60);*/
}

#blocks .block.entry.doublesize {
		background-image: url(../siteimg/grid/block_double_bg_top.gif);
		background-repeat: no-repeat;
		background-position: top;
}

#blocks .block.entry.doublesize .inner {
		background-image:url(../siteimg/grid/block_double_bg_bottom.gif);
		background-repeat: no-repeat;
		background-position: bottom;
}

#blocks .block.entry.doublesize:hover,
#blocks .block.entry.doublesize .inner:hover {
/*	opacity: 0.8;
	filter: alpha(opacity=80);*/
}

/* - Navi
----------------------------------------------------------*/

#gnavi {
	margin:  0;
	padding: 10px 5px;
	text-indent: -9999px;
	text-decoration: none !important;
}

#gnavi h3 {
	display: block;
	width: 80px;
	height: 20px;
	background: url(../siteimg/grid/home_gnavi_title.gif) no-repeat 0 0;
	margin:  0 0 5px 0;
	padding: 0;
}

#gnavi h4 {
	height: 20px;
	margin:  0 0 5px 0;
	padding: 0;
}

#gnavi ul {
	position: relative;
	width: 130px;
	height: 230px;
/*	background: url(../siteimg/grid/home_gnavi_base.gif) no-repeat 0 0;*/
	margin:  0 0 0 10px;
	padding: 0;
}

#gnavi li a {
	position: absolute;
	display: block;
	background: url(../siteimg/grid/home_gnavi_base.gif) no-repeat 0 0;
	cursor: pointer;
}

#gnavi li#navi01 a:link,
#gnavi li#navi01 a:visited   { width: 130px; height: 20px; left: 0; top: 3px; background-position: 0 -3px; }
#gnavi li#navi02 a:link,
#gnavi li#navi02 a:visited   { width: 130px; height: 20px; left: 0; top: 27px; background-position: 0 -27px; }
#gnavi li#navi03 a:link,
#gnavi li#navi03 a:visited   { width: 130px; height: 20px; left: 0; top: 53px; background-position: 0 -53px; }
#gnavi li#navi04 a:link,
#gnavi li#navi04 a:visited   { width: 130px; height: 20px; left: 0; top: 79px; background-position: 0 -79px; }
#gnavi li#navi05 a:link,
#gnavi li#navi05 a:visited   { width: 130px; height: 20px; left: 0; top: 104px; background-position: 0 -104px; }
#gnavi li#navi06 a:link,
#gnavi li#navi06 a:visited   { width: 130px; height: 20px; left: 0; top: 156px; background-position: 0 -156px; }
#gnavi li#navi07 a:link,
#gnavi li#navi07 a:visited   { width: 130px; height: 20px; left: 0; top: 182px; background-position: 0 -182px; }
#gnavi li#navi08 a:link,
#gnavi li#navi08 a:visited   { width: 130px; height: 20px; left: 0; top: 208px; background-position: 0 -208px; }

#gnavi li a:hover {
	filter: alpha(opacity=60);
	opacity: 0.6;
}

/* - Post
----------------------------------------------------------*/

.post .pict {
	background-color: #000;
	border: none;
}

.post .pict img {
}

.post .pict a:hover img {
	filter: alpha(opacity=80);
	opacity: 0.8;
}

.post h3 {
	margin: 0;
	padding: 10px 0;
}

/* - Whats New
----------------------------------------------------------*/

#whatsnew {
	margin:  0;
	padding: 10px 5px;
}

#whatsnew #press {
	margin: 0;
	padding: 10px 0 0 0;
}

#whatsnew #press dl {
	clear: both;
	margin: 0;
	padding: 5px 0 0 5px;
	line-height: 140%;
}

#whatsnew #press dl dt {
	float: left;
	width: 70px;
	font-size: 11px;
	font-family: Georgia;
}

#whatsnew #press dl dd {
	_zoom: 1;
	overflow: hidden;
	margin: 0 0 0 80px;
}


/* - List
----------------------------------------------------------*/

#links {
	margin:  0;
	padding: 10px 5px;
}

#links ul {
	margin:  5px 0 0 10px;
	padding: 0;
}

#links li {
	margin:  0;
	padding: 5px 0 0 0;
}

#links li a:hover img {
	filter: alpha(opacity=80);
	opacity: 0.8;
}


/*----------------------------------------------------------
 - Side Bar
----------------------------------------------------------*/

#sidebar .item {
	background: #fff url(./siteimg/grid/block_single_bg_top.gif) no-repeat 0 0;
	margin: 0 0 10px 0;
}

#sidebar .item .inner {
	background: url(http://www.marunouchi.com/resource/images/block_single_bg_bottom.gif) no-repeat 0 bottom;
}

#sidebar .item .entries {
	background: url(http://www.marunouchi.com/resource/images/block_single_bg_bottom.gif) no-repeat 0 bottom;
	padding: 0 0 10px 0;
}

#sidebar .item .entry:hover {
	background-color: #eee;
}


/*----------------------------------------------------------
 - Footer
----------------------------------------------------------*/

#footer address {
	font-size: 8px;
	font-family: Verdana, sans-serif;
	text-align: right;
	margin: 0;
	padding: 20px 10px 20px 0;
}