@charset "UTF-8";

@import "unit_tag.css";
@import "unit_common.css";
@import "unit_foot.css";
/*
@import "unit_side.css";
@import "unit_title.css";
@import "unit_layout_side.css";
@import "unit_content.css";
@import "unit_head.css";
@import "unit_menu.css";
@import "unit_textmenu.css";
*/

/*
body{
	background:			url("../img/index/index_bg.gif") left top repeat-x;
}
*/

#head{
	height:				362px;
}

#contentBox-main{
	width:				800px;
	margin:				auto;
	position:			relative;
}

/* ニュース */
#newsBox {
    margin: 0;
	width:800px;
	/*
	height:75px;
	*/
	background:			url("../img/index/news_bg.gif") no-repeat;
}

#newsBox h2{
	/*
	float:				left;
	*/
	position:			absolute;
}
#newsBox ul{
	width:				660px;
	/*
	height:				68px;
	float:				left;
	*/
    overflow:			auto;
	margin:				1px 1px 1px 0;
	padding-top:		5px;
	padding-left:		150px;
	display:			inline-block;
}
#newsBox li{
	list-style-type:	none;
	padding:			2px 0;
	color:				#666;
}
#newsBox table{
	margin-top:			6px;
	margin-left:		130px;
}
#newsBox th,
#newsBox td{
	vertical-align:		top;
}
#newsBox th{
	font-weight:		normal;
	text-align:			left;
	width:				6em;
}

#newsBox a{
	color:				#666;
}
#newsBox a:hover{
	color:				#16b0ff;
}

/* ノイタミナ */
#noitamina{
	clear:				both;
	padding:			20px 10px 0 10px;
	background:			url("../img/index/noitamina_logo.gif") right 20px no-repeat;
	min-height:			87px;
	_height:			87px;
	color:				#8f8f8f;
}
#noitamina h2{
	margin-bottom:		20px;
}
#noitamina p{
	width:				520px;
}

/* Twitter */
#twitter{
	width:				180px;
	float:				right;
	padding-top:		50px;
	font-size:			12px;
}
#twitter_div{
	height:				1050px;
	overflow:			auto;
	width:				180px;
}
#twitter_update_list{
	border:				solid 1px #ccc;
	background-color:	#f5f5f5;
}
#twitter li{
	list-style-type:	none;
	padding:			4px;
	border-bottom:		solid 1px #ccc;
	border-top:			solid 1px #fff;
}
#twitter a{
	color:				#52c3f1;
}
#twitter a:hover{
	background-color:	#fff;
}

#twitter h3{
	background-color:	#52c3f1;
	color:				#fff;
	font-size:			12px;
	text-align:			center;
	padding:			2px;
	font-weight:		normal;
}
#twitter h3 a{
	color:				#fff;
}
#twitter h3 a:hover{
	font-weight:		bold;
	background-color:	transparent;
}

/* 作品紹介 780px */
#productList{
	padding:			10px 10px 0 10px;
width:					585px;
float:					left;
}
#productList h2{
	margin-bottom:		20px;
}
#productList li{
	float:				left;
	width:				175px;
	height:				120px;
	padding-bottom:		2em;
	padding-right:		26px;
	list-style-type:	none;
	text-align:			center;
	font-size:			10px;
}
#productList li.right{
	padding-right:		0;
}
#productList img{
	padding-bottom:		2px;
}
#productList a{
	color:				#16b0ff;
	font-weight:		bold;
}
#productList a:hover{
	color:				#ffff00;
}


/* overlay */
#wrap{
/*
	position:			absolute;
	z-index:			10;
*/
}

#overlay{
/*
	position:			fixed;
*/
	position:			absolute;
	top:				0;
	left:				0;
	width:				100%;
	height:				100%;
	background:			url("../img/black50.png") left top repeat;
	z-index:			100;
}
#overlay-content{
	position:			absolute;
	top:				0;
	left:				50%;
	width:				400px;
	padding-top:		200px;
	margin-left:		-200px;
	z-index:			111;
}
#overlay-content-value{
	background-color:	#fff;
	padding:			20px;
	border-right:		solid 2px #000;
	border-bottom:		solid 2px #000;
}

#overlay-content h2{
	background-color:	#52c3f1;
	color:				#fff;
	font-size:			12px;
	text-align:			center;
	padding:			2px;
}
#overlay-content p{
	line-height:		1.5em;
}
#overlay-content a{
	color:				#52c3f1;
}
#overlay-content a:hover{
	border-bottom:		solid 1px #52c3f1;
}

#english{
	position:			absolute;
	left:				30px;
	top:				295px;
}