@charset "euc-jp";

/*=========================================================
	index
		1. Layout
		2. Global navigation
		3. Language navigation
=========================================================*/

/* 1. format
=========================================================*/
#wrapper{
	background:url(../images/ind_bg_wrapper.gif) no-repeat center top;
}

/* 2. Global navigation
=========================================================*/
#navGlobal a{
	background-image:url(../images/ind_bg_navGlobal.jpg);
}

/* 3. contents
=========================================================*/
#container{
	width:880px;
	margin:20px auto 0;
}
#content{
	float:none;
	width:880px;
	font-size:80%;
	line-height:1.4;
}

/* 4. text
=========================================================*/

/* h2
---------------------------------------------------------*/
#content h2.catch{
	width:769px;
	height:74px;
	text-align:center;
	margin:3.5em auto 3em;
	background:url(../images/ind_g_catch.png) no-repeat center center;
}
#content h2.catch span{
	display:none;
}

/* h3
---------------------------------------------------------*/
#content h3{	
	margin:0 0 .5em;
	padding:.5em 0 0 3em;
	font-size:130%;
	line-height:1.4;
	border:none;
	min-height:38px;
	height:auto !important;
	height:38px;
	background-color:transparent;
	background-position:0 0;
	background-repeat:no-repeat;
}
#content h3.about{
	background-image:url(../images/ind_ico_about.gif);
}
#content h3.grant{
	background-image:url(../images/ind_ico_grant.gif);
}
#content h3.award{
	background-image:url(../images/ind_ico_award.gif);
}
#content h3.festival{
	background-image:url(../images/ind_ico_festival.gif);
}

/* h4
---------------------------------------------------------*/
#content h4{
	clear:both;
	margin:1.5em 0 .5em;
	font-size:115%;
	line-height:1.5;
}

/* news
---------------------------------------------------------*/
#content .news{
	float:left;
	font-weight:bold;
}

/* update
---------------------------------------------------------*/
#content .update{
	text-align:right;
	color:#666;
}

/* apply
---------------------------------------------------------*/
#content .apply{
	margin-left:.5em;
	padding:1px 3px 0;
	background:#3EB515;
	color:#FFF;
	font-size:90%;
	white-space:nowrap;
}

/* more
---------------------------------------------------------*/
#content .more{
	margin-bottom:0;
}
#content .more a{
	text-decoration:underline;
}
#content .more a:hover,
#content .more a:active{
	text-decoration:none;
}


/* 5. box
=========================================================*/
#content .index,
#content .bnr{
	width:880px;
	background:url(../images/ind_bg_index.png) no-repeat center bottom;
}
#content .indexArea,
#content .bnrArea{
	background:url(../images/ind_bg_indexArea.gif) no-repeat center top;
}

/* index
---------------------------------------------------------*/
#content .index{
	margin:0 auto 2em;
}
#content .indexArea{
	padding:25px 0 20px;
}
#content .index td{
	padding:0 20px;
	border-left:1px solid #D4D4D4;
	vertical-align:top;
}

/* fes box
---------------------------------------------------------*/
#content .box-f{
	margin:0 0 1em;
}
#content .box-f div{
	float:left;
	width:75px;
	margin:0 auto;
}
#content .box-f a:hover img{
	opacity:0.7;
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
}
#content .box-f p{
	float:right;
	width:190px;
	margin:0 auto;
}

/* bnr
---------------------------------------------------------*/
#content .bnr{
	margin:0 auto;
}
#content .bnrArea{
	padding:25px 20px 20px;
}
#content .bnr td{
	padding-left:19px;
}
#content .bnr td.start{
	padding-left:0;
}
#content .bnr p{
	margin:.8em auto 0;
}
#content .bnr a:hover img{
	opacity:0.6;
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
}


/* 4. list
=========================================================*/
#content ul.list-link{
	color:#00AEE5;
}
#content ul.list-link li{
	margin:.6em 0;
	background-position:.2em .2em;
}

/* blank
---------------------------------------------------------*/
#content ul.list-link li.ico-blank{
	background-position:.05em .2em;
}

/* pdf
---------------------------------------------------------*/
#content ul.list-link li.ico-pdf{
	background-position:.05em .15em;
}

/* xls
---------------------------------------------------------*/
#content ul.list-link li.ico-xls{
	background-position:.05em .15em;
}

/* doc
---------------------------------------------------------*/
#content ul.list-link li.ico-doc{
	background-position:.05em .15em;
}


/* 2. Link icon
=========================================================*/
.ico-next{background-position:.2em .2em;}
a.ico-next{background-position:.2em .15em;}

/* blank
---------------------------------------------------------*/
.ico-blank{background-position:.05em .2em;}
a.ico-blank{background-position:.05em .15em;}
.ico-blankA{background-position:right .2em}
a.ico-blankA{background-position:right .15em;}

/* pdf
---------------------------------------------------------*/
.ico-pdf{background-position:.05em .15em;}
a.ico-pdf{background-position:.05em .1em;}
.ico-pdfA{background-position:right .15em;}
a.ico-pdfA{background-position:right .1em;}

/* xls
---------------------------------------------------------*/
.ico-xls{background-position:.05em .15em;}
a.ico-xls{background-position:.05em .1em;}
.ico-xlsA{background-position:right .15em;}
a.ico-xlsA{background-position:right .1em;}

/* doc
---------------------------------------------------------*/
.ico-doc{background-position:.05em .15em;}
a.ico-doc{background-position:.05em .1em;}
.ico-docA{background-position:right .15em;}
a.ico-docA{background-position:right .1em;}

