@charset "utf-8";

/*-----------------------------------------------
	kill default set
-------------------------------------------------*/

* {
	margin:0;
	padding:0;
	font-weight:normal;
	font-style:normal;
	text-decoration:none;
}

/*-----------------------------------------------
	baseset
-------------------------------------------------*/

body {
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	font:normal 100%/1.5em "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color:#2A2A2A; 
	background:url(../images/bg_content.gif) repeat-y center; */
	text-align:center;
}

a {
	color:#2EAAD9;
	text-decoration:underline;
}

a:link {
	color:#2EAAD9;
}

a:visited {
	color:#996699;
}

a:hover {
	color:#996600;
}

.clear {
	clear:both;
	height:0;
	visibility:hidden;
	font-size:0;
	line-height:0;
}

img {
	border:none;
}

/*-----------------------------------------------
	content
-------------------------------------------------*/

#content {
	width:900px;
	height:100%;
	margin:0 auto 0 auto;
	padding:0 40px 0 40px;
	text-align:left;
	position:relative;
}

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

/*-----------------------------------------------
	header
--------------------------------------------------*/

#header {
	width:900px;
	height:48px;
	padding:32px 0 4px 0;
}

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

#header .title {
	display:block;
	float:left;
	width:201px;
	height:0;
	margin:0 0 0 8px;
	padding:38px 0 0 0;
	background:url(../images/head_title.gif) no-repeat 0 0;
	overflow:hidden;
}

#header .tag {
	float:right;
	width:307px;
	height:0;
	margin:0 8px 0 0;
	padding:37px 0 0 0;
	background:url(../images/head_tag.gif) no-repeat 0 0;
	overflow:hidden;
}

/*-----------------------------------------------
	menu
-------------------------------------------------*/

#menu {
	width:900px;
	height:32px;
	overflow:hidden;
	border-bottom:2px solid #3A3A3A;
}

#menu ul {
	margin:0;
	padding:0;
	list-style:none;
}

#menu li {
	display:block;
	height:32px;
	float:left;
}

#menu li a {
	display:block;
	height:32px;
	text-indent:-9999px;
}

#menu li.menu01 a {
	width:130px;
	background:url(../images/menu.gif) no-repeat 0 0;
}
#menu li.menu01 a:hover {
	background:url(../images/menu.gif) no-repeat 0 -32px;
}
#menu li.menu01_active a {
	width:130px;
	background:url(../images/menu.gif) no-repeat 0 -32px;
}

#menu li.menu02 a {
	width:128px;
	background:url(../images/menu.gif) no-repeat -130px 0;
}
#menu li.menu02 a:hover {
	background:url(../images/menu.gif) no-repeat -130px -32px;
}
#menu li.menu02_active a {
	width:128px;
	background:url(../images/menu.gif) no-repeat -130px -32px;
}

#menu li.menu03 a {
	width:128px;
	background:url(../images/menu.gif) no-repeat -258px 0;
}
#menu li.menu03 a:hover {
	background:url(../images/menu.gif) no-repeat -258px -32px;
}
#menu li.menu03_active a {
	width:128px;
	background:url(../images/menu.gif) no-repeat -258px -32px;
}

#menu li.menu04 a {
	width:128px;
	background:url(../images/menu.gif) no-repeat -386px 0;
}
#menu li.menu04 a:hover {
	background:url(../images/menu.gif) no-repeat -386px -32px;
}
#menu li.menu04_active a {
	width:128px;
	background:url(../images/menu.gif) no-repeat -386px -32px;
}

#menu li.menu05 a {
	width:128px;
	background:url(../images/menu.gif) no-repeat -514px 0;
}
#menu li.menu05 a:hover {
	background:url(../images/menu.gif) no-repeat -514px -32px;
}
#menu li.menu05_active a {
	width:128px;
	background:url(../images/menu.gif) no-repeat -514px -32px;
}

#menu li.menu06 a {
	width:128px;
	background:url(../images/menu.gif) no-repeat -642px 0;
}
#menu li.menu06 a:hover {
	background:url(../images/menu.gif) no-repeat -642px -32px;
}
#menu li.menu06_active a {
	width:128px;
	background:url(../images/menu.gif) no-repeat -642px -32px;
}

#menu li.menu07 a {
	width:130px;
	background:url(../images/menu.gif) no-repeat -770px 0;
}
#menu li.menu07 a:hover {
	background:url(../images/menu.gif) no-repeat -770px -32px;
}
#menu li.menu07_active a {
	width:130px;
	background:url(../images/menu.gif) no-repeat -770px -32px;
}

/*-----------------------------------------------
	dispose
-------------------------------------------------*/

#dispose {
	width:900px;
	padding:0 0 8px 0;
}

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

#dispose #eyecatch {
	width:900px;
	height:0;
	padding:280px 0 0 0;
	background:url(../images/eyecatch.gif) no-repeat 0 10px;
	overflow:hidden;
}

#dispose #column_left {
	width:650px;
	overflow:hidden;
	float:left;
}

#dispose #column_right {
	width:250px;
	overflow:hidden;
	float:right;
}

/*-----------------------------------------------
	footer
-------------------------------------------------*/

#footer {
	width:900px;
	border-top:2px solid #DDDDDD;
	text-align:center;
}

#footer .copyright {
	width:267px;
	height:0;
	margin:8px auto;
	padding:16px 0 0 0;
	background:url(../images/footer_copyright.gif) no-repeat;
	overflow:hidden;
}

/*-----------------------------------------------
	column_left
-------------------------------------------------*/

#dispose #column_left .heading {
	margin:8px 0 16px 0;
}

#dispose #column_left #feed {
	margin:0 0 16px 10px;
}

#dispose #column_left #feed dt {
	clear:left;
	float:left;
	margin:0 0 4px 0;
	width:100px;
	background:url(../images/bg_date.gif) no-repeat;
	text-align:center;
	font-size:11px;
	color:#FFFFFF;
}

#dispose #column_left #feed dd {
	margin:0 0 4px 108px;
	font-size:12px;
}

#dispose #column_left #concept {
	width:580px;
	margin:0 10px 16px 10px;
	font-size:12px;
	color:#2A2A2A;
}

#dispose #column_left #project {
	width:560px;
	margin:0 10px 16px 30px;
	font-size:12px;
	color:#2A2A2A;
}

#dispose #column_left #detail {
	width:560px;
	margin:0 10px 16px 30px;
	font-size:12px;
	color:#2A2A2A;
}

#dispose #column_left #detail h3 {
	font-weight:bold;
}

/*-----------------------------------------------
	column_right
-------------------------------------------------*/

#dispose #column_right .heading {
	background:#2EAAD9;
	color:#FFFFFF;
	font-size:12px;
	margin:8px 0 16px 0;
	text-align:center;
}

#dispose #column_right p.banner {
	margin:0;
	font-size:12px;
	color:#2A2A2A;
}

#dispose #column_right a img {
	margin:0 8px 0 8px;
}

