/* ********** basic ********** */

* {
margin: 0px;
padding: 0px;
}
body {
font-family: "Lucida Grande", Verdana, sans-serif;
font-size: 0.9em;
*font-size: 0.85em;
color: #333333;
text-align: center;
background: #E5E1D5 url(../img/bg0.gif) 0 0 repeat;
}
ul,li {
list-style-position: outside;
list-style-type: none;
}
img {
border:none;
}
a:link {
color: #CC0000;
}
a:visited {
color: #990000;
}
a:hover {
color: #FF3300;
}


.clearfix{zoom:1;}
.clearfix:after{content:".";display:block;height:0px;clear:both;visibility:hidden;}
.clear {clear:both;}
.clear hr {
display: none;
}


#format {
width: 950px;
text-align: left;
background-image: url(../img/bg2.gif);
margin-right: auto;
margin-left: auto;
}
#head, #topcontent {
background-image: url(../img/bg1.gif);
background-repeat: no-repeat;
background-position: 0px 0px;
min-height:100px;
_height:100px;
}
#head div.item {
padding: 87px 70px 0 70px;
background-image: url(../img/head_bar.gif);
background-repeat: no-repeat;
background-position: center 70px;
}
#topcontent div.item {
padding: 87px 70px 0 70px;
background-image: url(../img/head_bar_top.gif);
background-repeat: no-repeat;
background-position: center 70px;
}

body.pages #head h2,
body.top #topcontent h1 {float:left;}

#menu {
float:right;
padding-bottom:5px;
width:494px;
_width:509px;
}

#menu li {
display: block;
height: 20px;
text-indent: -9999px;
margin-left:15px;
margin-bottom:5px;
float:left;
}
#menu a {
background-repeat: no-repeat;
background-position: 0px 0px;
text-indent: -9999px;
display: block;
height: 20px;
}
#menu a:hover {background-position: 0px -20px;height: 20px;}

#menu li.menu_news {width:48px;}
#menu li.menu_introduction {width:105px;}
#menu li.menu_staff {width:93px;}
#menu li.menu_data {width:39px;}
#menu li.menu_story {width:47px;}
#menu li.menu_sitemap {width:72px;}
#menu li.menu_products {width:77px;}
#menu li.menu_special {width:64px;}
#menu li.menu_top {width:73px;}
#menu li.menu_link {width:37px;}
#menu li.menu_uchtop {width:162px;margin-left:21px;}
#menu li.menu_igloo2top {width:118px;margin-left:65px;}

#menu li.menu_news a {background-image: url(../img/menu_news.gif);}
#menu li.menu_introduction a {background-image: url(../img/menu_introduction.gif);}
#menu li.menu_staff a {background-image: url(../img/menu_staff.gif);}
#menu li.menu_data a {background-image: url(../img/menu_data.gif);}
#menu li.menu_story a {background-image: url(../img/menu_story.gif);}
#menu li.menu_sitemap a {background-image: url(../img/menu_sitemap.gif);}
#menu li.menu_products a {background-image: url(../img/menu_products.gif);}
#menu li.menu_special a {background-image: url(../img/menu_special.gif);}
#menu li.menu_top a {background-image: url(../img/menu_toppage.gif);}
#menu li.menu_uchtop a {background-image: url(../img/menu_uchtop.gif);}
#menu li.menu_link a {background-image: url(../img/menu_link.gif);}
#menu li.menu_igloo2top a {background-image: url(../img/menu_igloo2top.gif);}

body.news #menu li.menu_news a,
body.introduction #menu li.menu_introduction a,
body.staff #menu li.menu_staff a,
body.data #menu li.menu_data a,
body.story #menu li.menu_story a,
body.sitemap #menu li.menu_sitemap a,
body.products #menu li.menu_products a,
body.link #menu li.menu_link a,
body.special #menu li.menu_special a {background-position: 0px -20px;}

#content {
	padding: 35px 70px 35px 70px;
	background-image: url(../img/content_top_line.gif);
	background-repeat: no-repeat;
	background-position: center 9px;
	position: relative;
}
#foot {
background-image: url(../img/bg3.gif);
background-repeat: no-repeat;
background-position: 0px bottom;
min-height:100px;
_height:100px;
font-size:0.8em;
line-height:160%;
}
body.pages #foot div.item {
padding: 35px 70px 70px 70px;
background-image: url(../img/content_bottom_line.gif);
background-repeat: no-repeat;
background-position: center 9px;
}
body.top #foot div.item {
padding: 35px 70px 70px 70px;
}
#foot ul {
float: right;
}
#foot ul li {
display: inline;
}
#foot p {
float: left;
}

#head,#content,#foot{zoom:1;}
#head:after,#content:after,#foot:after{content:".";display:block;height:0px;clear:both;visibility:hidden;}
#foot div.item{zoom:1;}
#foot div.item:after{content:".";display:block;height:0px;clear:both;visibility:hidden;}


/* ********** top ********** */

#update {
float:right;
}
#keyvisual{
clear:both;
padding: 10px 0 20px 0;
}
#menu_news {
background-image: url(../img/top_menu_bg.gif);
background-repeat: repeat-y;
background-position: left top;
width: 100%;
}
#menu_news_wrap {
background-image: url(../img/top_news_bottom.gif);
background-repeat: no-repeat;
background-position: center bottom;
width: 100%;
padding-bottom: 10px;
}
#topmenu {
width: 290px;
float: left;
}
#topmenu a {
width:290px;
display: block;
margin-bottom: 7px;
background-repeat: no-repeat;
background-position: 0px 0px;
text-indent: -9999px;
}

#topmenu a.introduction {height:38px;background-image: url(../img/top_menu_intro.gif);}
#topmenu a.staff {height:38px;background-image: url(../img/top_menu_staff.gif);}
#topmenu a.products {height:38px;background-image: url(../img/top_menu_products.gif);}
#topmenu a.story {height:46px;background-image: url(../img/top_menu_story.gif);margin-bottom: 0px;}
#topmenu a.data {height:38px;background-image: url(../img/top_menu_data.gif);}
#topmenu a.special {height:46px;background-image: url(../img/top_menu_special.gif);}
#topmenu a.sitemap {height:46px;background-image: url(../img/top_menu_sitemap.gif);margin-bottom: 0px;}
#topmenu a.link {height:38px;background-image: url(../img/top_menu_link.gif);}

#topmenu a:hover {background-position: 0px -38px;}
#topmenu a.story:hover,
#topmenu a.sitemap:hover,
#topmenu a.special:hover {background-position: 0px -46px;}
#topnews {
width: 506px;
float: right;
}
#indexnews {
margin: 10px 0;
}
#indexnews a span {
font-family: "Arial Black", sans-serif;
font-size: 1.6em;
line-height: 70%;
}
#indexnews a {
color: #333333;
text-decoration: none;
}
#indexnews a:hover {
color: #CC0000;
}
#indexnews li {
margin-bottom: 10px;
}








/* ********** content ********** */

div.end {
clear: both;
}
div.end hr {
display: none;
}

body.pages h1 {
margin-bottom: 20px;
}
#content p {
line-height: 160%;
}
#newsindex {
width: 250px;
float: left;
line-height: 130%;
}
#newsindex a {
color: #333333;
text-decoration: none;
}
#newsindex a:hover {
color: #CC0000;
}
#newsindex a span.date {
font-family: "Arial Black", sans-serif;
font-size: 1.6em;
line-height: 50%;
}

#newsindex li {
margin-bottom: 1.5em;
list-style-position: outside !important;
list-style-type: none !important;
margin-left: 0 !important;
}
#newsindex ul.page li {
margin-bottom: 0.3em;
}
#newsindex ul.page a {
color:#CC0000;
font-weight:bold;
}
#newsindex ul.page a:hover{
color: #FF3300;
}
#newscontents {
float: right;
width: 540px;
}
#newscontents div.newssection {
margin-bottom: 3.5em;
}

#newscontents p.date {
font-family: "Arial Black", sans-serif;
font-size: 3em;
line-height: 100%;
letter-spacing: -2px;
margin-bottom: 0 !important;
}
#newscontents h3 {
font-family: Arial, Helvetica, sans-serif;
font-size: 1.6em;
margin-bottom: 0.8em;
margin-top:0 !important;
}
#newscontents ul.page li {
list-style-position: outside !important;
list-style-type: none !important;
margin-left: 0 !important;
}
#newscontents ul.page li.oldnews {
float: right;
}
#newscontents ul.page li.newernews {
float: left;
}
#newscontents ul.page{zoom:1;}
#newscontents ul.page:after{content:".";display:block;height:0px;clear:both;visibility:hidden;}







#content div.item {
min-height: 300px;
_height: 300px;
width:810px;
}
#content div.item p {
margin-bottom: 1.2em;
}
#content div.item p.lead {
	color: #000;
}

#content p.fig_right {
line-height: 100%;
margin: 5px;
padding: 5px;
float: right;
background-color: #FFFFFF;
border: 1px solid #999999;
}
#content p.fig_right img,
#content p.fig_left img,
#content p.fig_center img {
display: block;
}
#content p.fig_right span,
#content p.fig_left span,
#content p.fig_center2 span {
display: block;
margin-top: 6px;
font-size: 0.9em;
color: #000000;
}
#content p.fig_right span.next,
#content p.fig_left span.next {
margin-bottom: 12px;
}
#content p.fig_left {
line-height: 100%;
margin: 5px;
padding: 5px;
float: left;
background-color: #FFFFFF;
border: 1px solid #999999;
}
#content p.fig_center,
#content p.fig_center2,
#content div.fig_center2 {
line-height: 100%;
margin: 5px auto;
padding: 5px;
background-color: #FFFFFF;
border: 1px solid #999999;
}
#content p.fig_center span.block{
display:block;
float:left;
}
#content p.fig_center span span{
display: block;
margin-top: 6px;
font-size: 0.8em;
color: #000000;
}
#content p.fig_center{zoom:1;}
#content p.fig_center:after{content:".";display:block;height:0px;clear:both;visibility:hidden;}
#content p.fig_center2 span {
text-align: center;
}
#content div.fig_center2 {
margin-bottom:1.2em;
}
#content div.fig_center2 p{
float:left;
margin:0;
line-height:100%;
}
#content div.fig_center2 p span {
display: block;
margin-top: 6px;
font-size: 0.9em;
color: #000000;
line-height: 160%;
}
#content div.fig_center2{zoom:1;}
#content div.fig_center2:after{content:".";display:block;height:0px;clear:both;visibility:hidden;}
#content img.first {
margin-right: 5px;
}

#content p.textcenter {
text-align: center;
}
#content #categoryback {
text-align: center;
margin-top: 4em;
}
#content h3 {
margin: 3em 0 1em 0;
font-size: 1.3em;
}
#content h3.first {
margin: 2em 0 1em 0;
*margin: 1em 0;
}
#content h4 {
margin-bottom: 0.8em;
font-size: 1.2em;
}
table.stafflist {
width: 700px;
margin-right: auto;
margin-left: auto;
}
table.stafflist td,
table.stafflist th {
padding: 5px;
line-height: 160%;
vertical-align: top;
border-bottom: 1px solid #CCCCCC;
}
table.stafflist th {
font-weight:bold;
text-align: left;
width: 200px;
}
#content div.introduction {
background-image: url(../../introduction/img/fig_intro0102.gif);
background-repeat: no-repeat;
background-position: right bottom;
padding-bottom: 300px;
}
#content ul li {
line-height: 160%;
margin-left: 2em;
list-style-type: square;
list-style-position: outside;
}
#content ol li {
line-height: 160%;
margin-left: 3em;
list-style-type: decimal;
list-style-position: outside;
}
#content img.rightspan {
margin-bottom: 10px;
margin-left: 10px;
border: 1px solid #999999;
float: right;
}
#content p.fig_product {
text-align: center;
clear: both;
margin-bottom: 1em;
}
#content p.fig_product img {
margin: 5px;
border: 1px solid #999999;
}
#content table.figtable {
background-color: #FFFFFF;
border: 1px solid #999999;
margin: 1.2em auto;
font-size: 0.9em;
color: #000000;
line-height: 1.3;
}
#content table.figright {
background-color: #FFFFFF;
border: 1px solid #999999;
margin: 1.2em 0 1.2em 10px;
font-size: 0.9em;
color: #000000;
float:right;
}
#content table.figleft {
background-color: #FFFFFF;
border: 1px solid #999999;
margin: 1.2em 10px 1.2em 0;
font-size: 0.9em;
color: #000000;
float:left;
}

p.people {
margin: 15px 30px;
clear: both;
padding: 7px;
border: 1px solid #B3B07D;
background-color: #FFFFFF;
}
p.people strong {
font-size: 1.3em;
}

p.people img {
margin-right: 7px;
}

.interview00 {
color: #990000;
text-indent: -2em;
margin-left: 2em;
}
.interview0 {
color: #990000;
text-indent: -1em;
margin-left: 1em;
}
p.interviewText {
text-indent: -2.3em;
margin-left: 2.3em;
padding: 0px;
}
#content img.imgRight {
background-color: #FFFFFF;
margin: 0 0 5px 5px;
padding: 5px;
border: 1px solid #999999;
float: right;
}
#content img.imgLeft {
background-color: #FFFFFF;
margin: 0 5px 5px 0;
padding: 5px;
border: 1px solid #999999;
float: left;
}
#content img.figimg{
background-color: #FFFFFF;
margin: 1.2em 0;
padding: 5px;
border: 1px solid #999999;
}
content img.figimg2{
background-color: #FFFFFF;
margin: 10px;
padding: 5px;
border: 1px solid #999999;
}
body.products #content div.section {
clear: both;
}
body.products #content div.section{zoom:1;}
body.products #content div.section:after{content:".";display:block;height:0px;clear:both;visibility:hidden;}#content .leadReview {
font-size: 1.2em;
font-weight: bold;
color: #000000;
margin-top: 2em;
}
table.cat_index {
}
table.cat_index td {
background-color: #FFFFFF;
vertical-align: top;
padding: 10px;
border: 1px solid #999999;
}
#datatop h3 {
margin: 0 0 8px 0;
}
body.data #datatop h3 {
margin-bottom: 1.5em;
}

#datatop ul,
#datatop ol {
margin-bottom: 2em;
}
#datatop a {
color: #333333;
text-decoration: underline;
}
#datatop a:hover {
color: #CC0000;
}
#datatop a.new {
font-weight: bold;
color: #FF0000;
}

body.sitemap dl {
background-color: #FFFFFF;
padding: 10px;
width: 600px;
margin-right: auto;
margin-left: auto;
border: 1px solid #CCCCCC;
margin-bottom: 1em;
zoom:1;
}
body.sitemap dl:after{content:".";display:block;height:0px;clear:both;visibility:hidden;}
body.sitemap dt {
float: left;
width: 240px;
}
body.sitemap dd {
float: right;
width: 340px;
line-height: 160%;
}


#content #specialtoplist {
width: 360px;
float: left;
}
#content #specialtoplist ul {
margin:0;
padding:0;
}
#content #specialtoplist li {
margin:0 0 5px 0;
padding:5px 8px;
list-style-type: none;
line-height:100%;
cursor:pointer;
border-top: 1px solid #aaaaaa;
border-left: 1px solid #aaaaaa;
border-bottom: 1px solid #aaaaaa;
border-right: 2px solid #aaaaaa;
background-image: url(../../special/img/ic_index_btbg.gif);
background-repeat: repeat-x;
background-position: 0 0;
}
#content #specialtoplist li.hover {
padding:5px 12px;
}
#content #specialtoplist li.focus {
background-color: #FFFFFF;
border-top: 2px solid #aaaaaa;
border-left: 2px solid #aaaaaa;
border-bottom: 2px solid #aaaaaa;
border-right: none;
padding:5px 10px;
cursor:default;
background-image:none;
}
#content #specialtoplist li a {
line-height:100%;
}
#content #specialtoplist li img {
line-height:100%;
}

#content #specialtop {
width:448px;
float: right;
background-color: #FFFFFF;
border-top: 2px solid #aaaaaa;
border-right: 2px solid #aaaaaa;
border-bottom: 2px solid #aaaaaa;
}
#content #specialtop h3 {
display:none;
}

#specialtop ul,
#specialtop ol {
margin:10px;
min-height:370px;
_height: 370px;
}
#specialtop a {
color: #333333;
text-decoration: underline;
}
#specialtop a:hover {
color: #CC0000;
}
#specialtop a.new {
font-weight: bold;
color: #FF0000;
}

#specialtop ul.none {
display: none;
}

body.specialtop #content div.item {
background-image: url(../../special/img/ic_index_listbg.gif);
background-repeat: repeat-y;
background-position: 0 0;
zoom:1;
}

#content #specialtop ul.list0 li {
list-style-type: none;
margin:0;
line-height:1;
}
#content .gotobt {
position: absolute;
top: 35px;
right: 70px;
}

#content li.uch {
color: #CC0000;
}
#content li.igloo2 {
color: #3B6A5B;
}
#content .red {
	color: #CC0000;
}
#content .black {
	color: #000000;
}

#content .redsq {
	font-family: Osaka, sans-serif;
	color: #CC0000;
}
#content div.item ul.ul {
	margin-bottom: 1em;
}
#content .indent2 {
	text-indent: -2em;
	padding-left: 2em;
}
h3.h3 {
	min-height: 27px;
	background: url(../img/ic_talk.gif) left top no-repeat;
	padding-left: 40px;
	color: #000;
}
