@charset "UTF-8";
/*______________________________________
SITE TITE：
UTCP

URL：

COPYRIGHT：
Copyright (c)  All Rights Reserved.
______________________________________*/

/*COLORSET：______________________________________
text:#272727;
background：#fff;

blue:#89BEDF;
orange:#ff5a00;
gray:#B3B3B3;

a:#afd3ea - 619FCF - 3488C5
active:#73827F;
visited:#75A2BB;

______________________________________*/

/* ////////////////////////////////////////
default
//////////////////////////////////////// */
body,div,
dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,form,fieldset,input,textarea,p,blockquote,th,td { 
margin:0;
padding:0;
font-size:100%;
font-style:normal;
font-weight:normal;
font-family: VERDANA,ARIAL,SANS-SERIF,Helvetica,'ＭＳ Ｐゴシック',Osaka;
}

body {
margin:2px 0px 20px 0px;
background:url(../images/toppage/back.jpg);
/*
background:#000 url(../images/bg_home.jpg) 0px 0px fixed;
*/
color:#000;
font-size:12px;
font-family:Times, Georgia, "Times New Roman",serif;
line-height:1.6;
/*\*/
_font-size: 72%;
/**/
text-align:center;
}

img {
border: none;
}

a {
cursor:pointer;
}

a:link {
cursor:pointer;
color:#000;
text-decoration:underline;
}


a:visited {
color:#7B8D9A;
text-decoration:underline;
}

a:hover {
/*color:#F91457 !important;*/
text-decoration:none;
}

a:active {
color:#666;
}

/*h*/
h1 {
}

h1 span {
}

h1 a:hover {
}

h2 {
font-size:1.2em;
}

h3 {
font-size:1em;
}


/*style*/
em {
color:#fff;
}


.none {
display:none;
}

.clear {
clear:left;
}

/*hack*/
.disp {
text-indent:-3000em;
overflow:hidden;
}

.clearfix:after {
content:“.”;
display:block;
clear: both;
height:0px;
visibility:hidden;
clear:both;
}

.clearfix {
display:inline-block;
clear:both;
}
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */

/* ////////////////////////////////////////
[TMP]layout
//////////////////////////////////////// */
#wrapper {
width:840px;
background-color: white;
margin-left: auto;
margin-right: auto;
text-align:left;
padding-top: 10px;
padding-bottom: 15px;
}

#side {
width:144px;
border-left: #30c0fd solid 1px;
float:right;
}

#contents {
margin-left: 20px;
padding-bottom:30px;
float:left;
}
#contents_inner {
width:566px;
}


/*
    header
*/


#header {
margin: 0px 20px 50px 20px;
}

#header #lang {
text-align:right;
margin-bottom: 3px;
}

#header #lang a {
width:43px;
height:10px;
}

#header #lang #lang_jpn {
background:url(../images/toppage/jpn_on.jpg) left top no-repeat;
}

#header #lang #lang_eng {
background:url(../images/toppage/jpn_off.jpg) left top no-repeat;
}

#header #logoarea {
padding: 10px;
height: 70px;
background-color: #30c0fd;
clear:both;
}

#header #naviarea {
clear:both;
float: right;
margin-top: 30px;
}




/* ////////////////////////////////////////
[TMP]header / gnavi
//////////////////////////////////////// */


#side h1 {
margin-bottom:37px;
}

#side h2 {
margin-left: 10px;
margin-bottom: 10px;
}

#side .side_content {
margin: 0px 0px 60px 20px;
}

#side .side_content_ex {
margin: 0px 0px 20px 20px;
}

#side .map_thumbnail {
	border: gray solid 1px;
	width: 100px;
	height: 100px;
}

#header a#gnavi_logo {
display:block;
width:118px;
height:37px;
background:url(../images/rocket_title.png) 0px 0px no-repeat;
}

#header a#gnavi_logo:hover {
background:url(../images/rocket_title_on.png) 0px 0px no-repeat;
}

/*gnavi*/
#header ul#gnavi {
list-style:none;
margin-bottom:45px;
}

#header ul#gnavi li {
float:left;
}

#header ul#gnavi li a {
display:block;
height:18px;
text-indent:-3000em;
overflow:hidden;
margin-bottom:5px;
}

#header ul#gnavi li ul {
list-style:none;
margin:0px 0px 0px 12px;
}

#header ul#gnavi li ul li {
padding-bottom:5px;
}

#header ul#gnavi li ul li a {
display:block;
height:14px;
text-indent:-3000em;
overflow:hidden;
}

/*info*/
#header ul#gnavi_info {
list-style:none;
margin-bottom:12px;
}

#header ul#gnavi_info li {
margin-bottom:5px;
}


/*gnavi_bg*/
#gnavi_home {
width: 38px;
background:url(../images/toppage/header/home_off.jpg) 0px 0px no-repeat;
}

#gnavi_home:hover {
background-image:url(../images/toppage/header/home_on.jpg);
}


#gnavi_news {
width:43px;
background:url(../images/gnavi_news.png) 0px 0px no-repeat;
}

#gnavi_news:hover {
background-image:url(../images/gnavi_news.png);
}

#gnavi_exhibition {
width:64px;
background:url(../images/toppage/header/exhibition_off.jpg) 0px 0px no-repeat;
}

#gnavi_exhibition:hover {
background-image:url(../images/toppage/header/exhibition_on.jpg);
}

#gnavi_exhibition_current {
width:64px;
background:url(../images/toppage/header/exhibition_on.jpg) 0px 0px no-repeat;
}

#gnavi_topics {
width:44px;
background:url(../images/toppage/header/topics_off.jpg) 0px 0px no-repeat;
}

#gnavi_topics:hover {
background-image:url(../images/toppage/header/topics_on.jpg);
}

#gnavi_topics_current {
width:44px;
background:url(../images/toppage/header/topics_on.jpg) 0px 0px no-repeat;
}

#gnavi_blog {
width:37px;
background:url(../images/toppage/header/blog_off.jpg) 0px 0px no-repeat;
}

#gnavi_blog:hover {
background-image:url(../images/toppage/header/blog_on.jpg);
}

#gnavi_blog_current {
width:37px;
background:url(../images/toppage/header/blog_on.jpg) 0px 0px no-repeat;
}

#gnavi_myspace {
width:56px;
background:url(../images/toppage/header/myspace_off.jpg) 0px 0px no-repeat;
}

#gnavi_myspace:hover {
background-image:url(../images/toppage/header/myspace_on.jpg);
}

#gnavi_myspace_current {
width:56px;
background:url(../images/toppage/header/myspace_on.jpg) 0px 0px no-repeat;
}

#gnavi_contact {
width:68px;
background:url(../images/toppage/header/contact_off.jpg) 0px 0px no-repeat;
}

#gnavi_contact:hover {
background-image:url(../images/toppage/header/contact_on.jpg);
}

#gnavi_contact_current {
width:68px;
background:url(../images/toppage/header/contact_on.jpg) 0px 0px no-repeat;
}

#gnavi_exhibition_current:hover {
background-image:url(../images/gnavi_exhibition_current_on.png);
}

#gnavi_exhibition_upcoming {
width:60px;
background:url(../images/gnavi_exhibition_upcoming.png) 0px 0px no-repeat;
}

#gnavi_exhibition_upcoming:hover {
background-image:url(../images/gnavi_exhibition_upcoming_on.png);
}

#gnavi_exhibition_archive {
width:45px;
background:url(../images/gnavi_exhibition_archive.png) 0px 0px no-repeat;
}

#gnavi_exhibition_archive:hover {
background-image:url(../images/gnavi_exhibition_archive_on.png);
}

#gnavi_project {
width:56px;
background:url(../images/gnavi_project.png) 0px 0px no-repeat;
}

#gnavi_project:hover {
background-image:url(../images/gnavi_project.png);
}

#gnavi_about {
width:43px;
background:url(../images/toppage/header/about_off.jpg) 0px 0px no-repeat;
}

#gnavi_about:hover {
background-image:url(../images/toppage/header/about_on.jpg);
}

#gnavi_about_whats {
width:103px;
background:url(../images/gnavi_about_whats.png) 0px 0px no-repeat;
}

#gnavi_about_whats:hover {
background-image:url(../images/gnavi_about_whats_on.png);
}

#gnavi_about_history {
width:46px;
background:url(../images/gnavi_about_history.png) 0px 0px no-repeat;
}

#gnavi_about_history:hover {
background-image:url(../images/gnavi_about_history_on.png);
}

#gnavi_access {
width:52px;
background:url(../images/gnavi_access.png) 0px 0px no-repeat;
}

#gnavi_access:hover {
background-image:url(../images/gnavi_access.png);
}

/*oth*/

#side address {
margin-top:10px;
}

##gnavi_rss {
width:29px;
background:url(../images/toppage/header/rss_off.jpg) 0px 0px no-repeat;
}

#gnavi_rss:hover {
background-image:url(../images/toppage/header/rss_on.jpg);
}

#header #gnavi_produced a {
display:block;
width:51px;
height:18px;
background:url(../images/gnavi_produced.gif) 0px 0px no-repeat;
}

#header #gnavi_produced a:hover {
background:url(../images/gnavi_produced_on.gif) 0px 0px no-repeat;
}

/* ////////////////////////////////////////
[TMP]contents
//////////////////////////////////////// */
#contents h2 {
margin-bottom:45px;
}

#contents p {
margin-bottom:20px;
}

/* ////////////////////////////////////////
[TMP]footer
//////////////////////////////////////// */
#footer {
clear:both;
margin: 0px 20px 0px 20px;
}

#footer #copyright {
	font-family: Helvetica,ヘルベチカ,SANS-SERIF,'ＭＳ Ｐゴシック',Osaka;
	font-size: 10px;
	color:#30c0fd;
	text-align:right;
}

#footer #copyright a {
	color:#30c0fd;
	text-decoration:none;
}

#footer #copyright a:hover {
	text-decoration:underline;
}

#footer #mailmagazine {
	background-color: #30c0fd;
	padding: 5px;
	padding-bottom: 2px;
}

#footer #mailmagazine form {
	display: inline;
}

#footer #mailmagazine form input.mail_input {
	border: 0;
	margin:0;
	position: relative;
	top: -4px;
	width: 200px;
	font-size:10px;
	padding: 2px;
}

/* ////////////////////////////////////////
home
//////////////////////////////////////// */
h2#home_title,
h2#home_title:hover {
width:83px;
height:29px;
background:url(../images/home_title.png) 0px 0px no-repeat;
margin-bottom:45px;
}

#exhibition {
	margin-bottom: 60px;
}

#exhibition #ex_image {
margin:0px 33px 0px 0px;
}

#exhibition #ex_image.toppage {
margin:0px 33px 0px 0px;
width: 266px;
height: 266px;
overflow: hidden;
float: left;
}

#exhibition #ex_image img {
border:1px solid #fff;
}

#exhibition #ex_logo {
margin-bottom: 20px;
}

#exhibition h3 {
font-size:12px;
font-weight:bold;
letter-spacing:1px;
margin-top:7px;
margin-bottom: 20px;
font-family: VERDANA,ARIAL,SANS-SERIF,Helvetica,'ＭＳ Ｐゴシック',Osaka;
line-height: 16px;
}

#exhibition h4 {
font-size:1.2em;
letter-spacing:1px;
margin-bottom:20px;
font-weight:bold;
}

#exhibition h4.ex_date p {
font-size: 12px;
font-weight:bold;
font-family: VERDANA,ARIAL,SANS-SERIF,Helvetica,'ＭＳ Ｐゴシック',Osaka;
}

#exhibition #ex_description {
font-size: 10px;
line-height: 16px;
}

h2#news_title,
h2#news_title:hover {
width:74px;
height:29px;
background:url(../images/news_title.png) 0px 0px no-repeat;
margin-bottom:20px;
}

#news h4 {
font-weight:normal;
font-style:italic;
margin-bottom:7px;
letter-spacing:1px;
}

.news_cap {
margin-bottom:10px;
}

.news_back {
line-height:1;
padding-bottom:10px;
}


/* ////////////////////////////////////////
news / project
//////////////////////////////////////// */
dl.list {
border-top:1px dotted #fff;
clear:both;
width: 390px;
}

dl.list dt {
float:left;
width:65px;
margin:1.5em 0px;
}

dl.list dt img {
border:1px solid #fff;
}

dl.list dd {
float:right;
height:70px;
margin:1.5em 0px;
width:320px;
}

dl.list dd p {
margin-bottom:20px;
}

/*index*/
dl.list dt.dt_index a {
height:70px;
display:block;
background:url(../images/news_cap_detail.gif) 0px bottom no-repeat;
}

dl.list dt.dt_index a:hover {
background:url(../images/news_cap_detail.gif) -90px bottom no-repeat;
}

dl.list dt.dt_index a.btn_blank {
background:url(../images/news_cap_blank.gif) 0px bottom no-repeat;
}

dl.list dt.dt_index a.btn_blank:hover {
background:url(../images/news_cap_blank.gif) -91px bottom no-repeat;
}


dl.list dd.dd_index a {
color:#000;
text-decoration:none;
}


.news_cap a#news_back {
display:block;
width:32px;
height:9px;
background:url(../images/news_cap_back.gif) left top no-repeat;
}

.news_cap a#news_back:hover {
background:url(../images/news_cap_back.gif) right top no-repeat;
}


.home_contents {
float: left;
margin-right: 33px;
margin-bottom: 20px;
}

.home_contents.right {
margin-right: 0px;
}

.home_contents_inner {
width: 266px;
}

.home_contents .title {
margin-bottom: 10px;
}

.home_contents .image {
float: left;
overflow: hidden;
width: 88px;
height: 88px;
display: block;
}

.home_contents .contents {
float: right;
width: 165px;
}

.home_contents .contents h4 a {
font-size: 12px;
font-weight: bold;
text-decoration: none;
color: black;
}

.home_contents .contents .body {
font-size: 10px;
line-height: 16px;
}

.home_contents .contents .body img {
margin-top: 8px;
display: block;
}

#home_project {
width: 70px;
}

#home_project a{
font-size: 10px;
text-decoration: none;
font-weight: bold;
color: black;
line-height: 12px;
}


ul.module-list {
list-style-type: none;
}

ul.module-list li.module-list-item {
font-size:10px;
}

ul.module-list li.module-list-item a{
text-decoration: none;
}

ul.module-list li.module-list-item a:hover{
text-decoration: underline;
}

ul.module-list li.module-list-item a:visited{
text-decoration: none;
color:black;
}

div#exhibition_category a {
text-decoration: none;
color:#30c0fd;
}

div#exhibition_category a:hover {
text-decoration: underline;
}