@charset "utf-8";

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

 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

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

#header{
background:#000 url(../../../images/header_bg.jpg) no-repeat center top;
padding:105px 0 5px;
border-bottom:1px solid #fff;
color:#fff;
text-align:center;
zoom:1;
}

#header #header-inner{
width:744px;
position:relative;
padding:0 8px;
margin:0 auto;
text-align:left;
}

* 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:#fff url(../../../images/contents_bg.gif);
border-bottom:1px solid #fff;
width:760px;
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;
overflow:hidden;
}

#article{
width:512px;
padding:7px 16px;
float:left;
}

#aside{
padding:15px 8px 0;
width:192px;
float:left;
background:url(../../../images/aside_bg.gif) no-repeat;
}

#footer{
clear:both;
padding:25px 0 15px;
font-size:84%;
color:#fff;
background:#333 url(../../../images/footer_bg.gif) repeat-x;
}

#footer div#footer-inner{
width:744px;
padding:0 8px;
margin:0 auto;
text-align:left;
}

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

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

 Template Details

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

/* HEADER
----------------------------------------------------------------------------------------------------* /
#header #identity{
position:absolute;
margin:-80px 0 0 10px;
width:260px;
height:50px;
}

* html #header #identity{
top:-80px;
left:10px;
margin:0;
}

*:first-child + html #header #identity{
top:-80px;
left:10px;
margin:0;
}

#header #identity a{
display:block;
width:260px;
height:50px;
}

#header #identity img{
margin:0;
height:1px;
width:1px;
}*/

#header #identity{
height:0px;
}

#header #identity a{
position:absolute;
top:-80px;
left:15px;
display:block;
width:290px;
height:50px;
}

#header #identity img{
margin:0;
height:1px;
width:1px;
}

#header #table-of-contents{
	position:absolute;
	height:0;
	overflow:hidden;
	left: 247px;
	top: 14px;
	/*left: -60px;
	top: 1px;  20080618 by Fuse */
}

#header p.topicpath{
font-size:84%;
float:left;
width:550px;
margin:0;
}
#header p.topicpath a{color:#09f}




/* ARTICLE
----------------------------------------------------------------------------------------------------*/
#article h1{
background:#000 url(../../../images/article_h1_bg.gif);
padding:0.5em 16px;
font-size:117%;
font-weight:bold;
margin:0 -8px 1em;
color:#fff;
min-height:20px;
zoom:1;
}

* html #article h1{
height:20px;
}

#article h2{
border-left:3px solid #000;
border-bottom:1px solid #000;
padding:0 9px;
font-size:117%;
margin:0 -8px 1em;
zoom:1;
}

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

p#print-page{
width:123px;
height:20px;
margin:8px 0 -28px 390px;
cursor:pointer;
background:url(../../../images/btn_print.gif);
text-indent:-9999px;
overflow:hidden;
position:relative;  /* modified by Hiroko Komiyama 11/19/08 */
}

* html               p#print-page{ position:absolute; margin:7px 0 0 400px;}
*:first-child + html p#print-page{ position:absolute; margin:7px 0 0 400px;}

/* For Tweet Button Install (Added by HF 2010/10/1) */
#tweet{
width:123px;
height:20px;
margin:8px 0 -28px 333px;
cursor:pointer;
overflow:hidden;
position:relative;
}
/* up to here */

#article div#utility-pager{
position:absolute;
width:760px;
margin:0 -14px;

clear:both;
position:relative;
margin:0 -500px -15px -14px; 
}

#article div#utility-pager h2{
border:none;
position:absolute;
height:0;
overflow:hidden;
}

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

#article div#utility-pager li{
list-style:none;
margin:0;
}


#article div#utility-pager li#utility-pager-top a{left:330px; background-image:url(../../../images/footer_btn_pagetop.gif);}
#article div#utility-pager li#utility-pager-back a{left:14px; background-image:url(../../../images/footer_btn_back.gif);}
#article div#utility-pager li#utility-pager-next a{left:686px; background-image:url(../../../images/footer_btn_next.gif);}


#article div#utility-pager li a{
top:12px;
position:absolute;
width:60px;
height:20px;
text-indent:-9999px;
overflow:hidden;
}

#article div#utility-pager li#utility-pager-top a{
width:100px;
}


/* ASIDE
----------------------------------------------------------------------------------------------------*/
#aside #local-navigation h2{
position:absolute;
height:0;
overflow:hidden;
}

#aside #local-navigation p{
background:#000 url(../../../images/aside_lnav_bg01.gif);
padding: 0.4em 8px;
color:#fff;
font-size:100%;
font-weight:normal;
}

#aside #local-navigation ul{
margin:0;
}

#aside #local-navigation li{
border-bottom:1px dashed #000;
background:url(../../../images/aside_lnav_ico01.gif) no-repeat 0 0.7em; /* modified from left center; -> 0 0.7em; by Hiroko Komiyama 11/19/08 */
padding:0.4em 5px 0.3em 16px;
list-style:none;
}

/* start plus */

#aside #local-navigation li.active{
background-image:url(../../../images/aside_lnav_ico01_a.gif);
}

#aside #local-navigarion li li{
border-bottom:none;
font-size:84%;
background:url(../../../images/aside_lnav_ico02.gif) no-repeat left center;
padding:0.2em 5px 0.2em 16px;
list-style:none;
}

/* fin. plus modified by Hiroko Komiyama 11/19/08 */

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

#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);
}