@charset "utf-8";

@import "format.css";
@import "module_common.css";
@import "module_include-js.css";

/* Table Of Contents [ home ]
----------------------------------------

 1 Template Flame
    #document
		 #header
		  #header-inner
		 #contents
		  #article
		  #aside
		 #footer
		  #footer-inner
 2 Header Details
 3 Article Details
 4 Aside Details
 5 Footer Details

----------------------------------------*/

/*====================================================================================================

 Template Flame

====================================================================================================*/

body{
	background-image: url(../../../img/home_bg.gif);
	background-repeat: repeat-x;
}

#document{
margin:auto;
background-color: #fff;
background-image: url(../../../images/document_bg.gif);
background-repeat: repeat-x;
}

#header{
background:#000 url(../../../img/home_header_bg.jpg) no-repeat center top;
padding:0;
border-bottom:1px solid #fff;
color:#000000; /* Modified bu Hiroko Komiyama 10/27/08 */
text-align:center;
zoom:1;
}

#header #header-inner{
width:744px;
padding:207px 28px 5px;
margin:0 auto;
text-align:left;
min-height:0;
background:url(../../../img/home_header_bg02.jpg) no-repeat center top;
}

* html #header #header-inner{position:relative;}
*:first-child + html #header #header-inner{position:relative;}

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

#contents{
background:url(../../../img/home_contents_bg.gif) repeat-y;
width:800px;
padding:0;
min-height:500px;
margin:0 auto;
text-align:left;
}

* html #contents{
height:500px;/* IE6 min-height */
}

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

#article{
width:510px;
padding:9px 10px 10px 30px;
float:left;
background:url(../../../img/home_article_bg.gif) no-repeat;
}

#aside{
padding:9px 0 0;
width:200px;
float:left;
}

#extra{
padding:30px 40px 5px;
clear:both;
background:url(../../../img/home_extra_bg.gif) no-repeat;
zoom:1;
}

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

#footer{
clear:both;
padding:0 0 15px;
font-size:84%;
color:#fff;
background:#333 /*url(../../../img/home_footer_bg.gif)*/repeat-x center top; /*Modified by Hiroko Komiyama 10/27/08*/
min-width:800px;
}

#footer div#footer-inner{
width:744px;
padding:25px 28px 0;
margin:0 auto;
text-align:left;
background:#333 /*url(../../../img/home_footer_bg02.gif)*/no-repeat center top;/*Modified by Hiroko Komiyama 10/27/08*/
}

#footer div#footer-inner:after{
content: "."; 
display: block;
height: 0; 
clear: both; 
visibility: hidden;
overflow:hidden;
}


/*====================================================================================================

 Template Details

====================================================================================================*/

/* HEADER
----------------------------------------------------------------------------------------------------*/

#header #identity{
position:absolute;
height:0px;
width:0px;
overflow:hidden;
}

#header ul#language-select{
margin:0 0 0 660px;
position:absolute;
width:80px;
top:10px;
}

#header ul#language-select img{
float:right;
}

* html #header ul#language-select{left:680px; margin:0;}
*:first-child + html #header ul#language-select{left:680px;margin:0;}
/*
top:10px;
left:680px;*/

#header #table-of-contents{
position:absolute;
height:0;
overflow:hidden;
}

#header ul#language-select li{
list-style:none;
margin:0 0 5px 0;
line-height:0;
}

#header ul#language-select img{
display:block;
vertical-align:bottom;
}


#header p#abstract{
margin:0;
position:absolute;
height:1px;
width:1px;
overflow:hidden;
text-indent:-9999px;
}


#header p.mod-date{
float:left;
width:550px;
margin:0;
color:#FFFFFF; /*modified by Hiroko Komiyama 10/27/08 */
}

#utility-fontsize{
text-align:right;
}

#utility-fontsize *{
display:inline;
font-size:0;
}

#utility-fontsize p{margin:0}
#utility-fontsize ul{
margin:0;
padding-left:5px;
list-style:none;
}
#utility-fontsize li{margin:0 0 0 5px;}

#utility-fontsize li img{
cursor:pointer;
}


/* 
----------------------------------------------------------------------------------------------------*/
#contents ul{
margin:0 0 0 10px;
}

#contents li{
	padding-left:0px;
	margin:0 0 3px 19px;
	list-style-position:outside;
}

#contents ul.link-pr li       {list-style:url(../../../img/arrow-pr.gif);      }

#contents ul.link-topics li   {list-style:url(../../../img/arrow-topics.gif);  }

#contents ul.link-announce li {list-style:url(../../../img/arrow-announce.gif);}

#contents ul.link-links li    {list-style:url(../../../img/arrow-links.gif);   }

#contents ul.link-science li  {list-style:url(../../../img/arrow-science.gif); }

/* contents modified by Shuji Takemura 1/5/09 */

a.conductor{
background:url(../../../images/ico_conductor.gif) no-repeat left center;
padding-left:16px;
font-weight:bold;
text-decoration:none;
}


/* ARTICLE
----------------------------------------------------------------------------------------------------*/

#article h2{
border:none;
padding:0;
margin:0 0 0;
}

#article h3{
border-bottom:1px dashed #000;
padding:0 8px;
margin:0 -8px 0.8em;
zoom:1;
}

#article h4{/* modified h1 in template.css */
background:#000 url(../../../images/article_h1_bg.gif);
padding:0.1em 16px;
font-size:150%;
font-weight:bolder;
margin:0 -8px 1em;
color:#fff;
min-height:20px;
zoom:1;
}

#article h5{/* modified h2 in template.css */
border-left:3px solid #000;
border-bottom:1px solid #000;
padding:0 12px;
font-size:130%;
font-weight:bolder;
margin:0 1px 1em;
zoom:1;
}

#article a.conductor{
float:right;
margin-bottom:0.8em;  /* oroginal margin-bottom:1.2em; (2009/11/23) */
}

/* result
--------------------------------------------------*/

#article #result{
background:#E7E7E7 left bottom;
/* original  background:#E7E7E7 url(../../../img/home_line01_j.gif) repeat-x left bottom;  (2009/11/25) */
padding:0 10px;
margin-bottom:20px;
zoom:1;
border-top: 1.5px solid #000;  /* original none (2009/11/23) */
border-bottom: 2px solid #000;  /* original none (2009/11/23) */
border-right: 2px solid #000;  /* original none (2009/11/23) */
border-left: 1.5px solid #000;  /* original none (2009/11/23) */
}

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

#article #result h2{
border:none;
padding:0;
margin:0 -10px 12px;
}

#article #result h3{
margin:0 0 10px;
border:none;
padding:0;
clear:both;
}

#article #result p.lead{
font-weight:bold;
border-bottom:1px dashed #000;
padding:18px 1px;   /* original padding: 0 8px (2009/11/23) */
}

/* topics , special
--------------------------------------------------*/
#article #topics,
#article #special{
padding:0 10px;
}

#article #topics  h2,
#article #special h2{
margin:0 0 12px;
}

#article #special ul{
margin:0 -10px 0 0;
}

#article #special ul li{
margin:0 20px 15px 0;
list-style:none;
float:left;
}


/* ASIDE
----------------------------------------------------------------------------------------------------*/
#aside h2{
margin:0;
padding:10px 0;
}

#aside h3{ /* modified h1 in template.css */
background:#000 url(../../../images/article_h1_bg.gif);
padding:2.5px 10px;
font-size:120%;
margin:0 0px 0.5em;
color:#fff;
min-height:12px;
min-width:200px;
zoom:1;
}


/* recommend
--------------------------------------------------*/
#aside #recommend ul{
margin:0;
}

#aside #recommend li{
margin:0 0 10px;
list-style:none;
}


/* EXTRA
----------------------------------------------------------------------------------------------------*/
#extra h2{margin:0 0 15px;}
#extra h3{margin:0 0 5px;}

#extra #common-use,
#extra #science{
width:290px;
padding:0 30px;
display:inline;
}

#extra #common-use{float:left;}
#extra #science   {float:right}


/* FOOTER
----------------------------------------------------------------------------------------------------*/
#footer a{
color:#fff;
}

#footer ul#utility-pager{
height:40px;
overflow:hidden;
position:relative;
margin:0 -8px 1.2em;
background:url(../../../images/footer_bg01.gif) no-repeat;}

#footer #utility-pager li{
list-style:none;
margin:0;
top:12px;
position:absolute;
}

#footer #utility-pager li#utility-pager-top{left:330px;}
#footer #utility-pager li#utility-pager-back{left:14px;}
#footer #utility-pager li#utility-pager-next{left:686px;}

#footer #utility-pager li img{
display:block;
vertical-align:bottom;
}


#footer div#site-info h2{
position:absolute;
height:0;
overflow:hidden;
}

#footer div#site-info ul{
margin:0;
float:left;
zoom:1;
}

#footer div#site-info ul li{
list-style:none;
float:left;
border-left:1px solid #fff;
padding-left:0.5em;
margin:0 0.5em 0 0;
}

#footer div#site-info ul li:first-child{
padding-left:0;
border:none;
}

* html #footer div#site-info ul li.first-child{ /*IE-expression (first-child) */
padding-left:0;
border:none;
}
* html #footer div#site-info ul li{ /* IE-expression (first-child) */
behavior: expression(
this.style.behavior || (
this.className += (this.previousSibling == null) ? " first-child" : "",
this.style.behavior = "none"
)
);
}

#footer p.copyright{
float:right;
font-style:normal;
font-family:"ＭＳ ゴシック", "Osaka－等幅",sans-serif;
width:400px;  /* modified from 300->400px by Shuji Takemura 10/21/08 */
height:10px;  /* modified from 12->10px by Shuji Takemura 10/20/08 */
overflow:hidden;
text-indent:-9999px;
background:url(../../../images/footer_copyright.gif);
}