/*********************
date 2008/8/18

ver 1.0
**********************/
/* reset
---------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote{
margin:0;
padding:0;
}
fieldset,img{
border:0;
}
table{
border-collapse:collapse;
border-spacing:0;
}
address,caption,cite,code,dfn,em,th,var{
font-style:normal;
font-weight:normal;
}
ol,ul{
list-style:none;
}
.ce{
text-align:center;
}
.clr{
clear:both;
}


/* all setting
---------------------------*/
a:link{
color:#0000ff;
}
a:visited{
color:#80080;
}
p,li,dd{
line-height:1.4em;
}
body{
text-align:center;
}


/* class
---------------------------*/
.clr{clear:both;}
.floatleft{float:left}
.floatright{float:right;}
/* clfix */
/* for FF,Safari,Opera */
.clfix:after{
display:block;
visibility:hidden;
clear:both;
height:0;
content:".";
}
/* for Win IE5.5-7 */
.clfix{
zoom:1;
}


/* contents
---------------------------*/
/* common */
p,li,td{
line-height:1.35em;
*line-height:1.2em;
}
/* set font */
#contents{
text-align:left;
word-break:break-all;
font-size:12px;
*font-size:small;
*font:x-small;
}
#contents table{
font-size:inherit;
font:100%;
}
#contents pre,#contents code,#contents kbd,#contents samp,#contents tt{
font-family:monospace;
*font-size:108%;
line-height:99%;
}
#contents,h1,h2,h3,h4,h5,h6{
font-size:100%;
font-weight:normal;
}
.pankuzu,.headerTxt,.archLink,.latestDate,.archDate,.research{
font-size:84%;
}
q:before,q:after{
content:'';
}
abbr,acronym{
border:0;
font-variant:normal;
}
sup,sub{
line-height:-1px;
vertical-align:text-top;
}
sub{
vertical-align:text-bottom;
}
input,textarea,select{
font-family:inherit;
font-size:inherit;
font-weight:inherit;
}



/* header */
.pankuzu{
padding:5px 0;
}

/* panel */
div#panel{
background:url(http://i.yimg.jp/images/docs/history/panel_bg.gif) no-repeat 0% 0%;
position:relative;
}
div#panel h1{
background:url(http://i.yimg.jp/images/docs/history/h1_kiseki.gif) no-repeat 0% 0%;
width:738px;
height:107px;
text-indent:-9999px;
}
div#discription{
background:url(http://i.yimg.jp/images/docs/history/panel_side.gif) repeat-y;
}

div#panel p{
background:url(http://i.yimg.jp/images/docs/history/panel_btm.gif) no-repeat 0% 100%;
padding:13px 380px 13px 26px;
font-size:90%;
line-height:1.5em;
min-height:188px;
*height:188px;
}
div#panel p span{
display:block;
padding-top:13px;
font-size:90%;
}
div#capture{
background:url(http://i.yimg.jp/images/docs/history/capture.gif) no-repeat 0% 0%;
width:346px;
height:309px;
position:absolute;
top:8px;
right:16px;
}


/* nenpyo */
div#nenpyo{
margin-top:20px;
}
div#nenpyo h2{
background:url(http://i.yimg.jp/images/docs/history/nenpyo.gif) no-repeat 7px 7px;
height:30px;
border-bottom:1px solid #c61d39;
border-left:10px solid #c61d39;
text-indent:-9999px;
}
div#nenpyo p{
font-size:90%;
padding:15px 17px 20px;
}
div#nenpyo li{
display:inline;
background:url(http://i.yimg.jp/images/docs/history/btn_bg.gif) repeat-x #f8f8f8;
border-right:1px solid #e3e3e3;
border-bottom:1px solid #e3e3e3;
width:167px;
margin:0 0 15px 60px;
}
div#nenpyo li a{
display:block;
background:url(http://i.yimg.jp/images/docs/history/btn_arw.gif) no-repeat 0% 50%;
border:1px solid #cdcdcd;
padding-left:23px;
min-height:21px;
*height:21px;
text-decoration:none;
color:#000000;
font-size:90%;
}
div#nenpyo li a:hover{
background:url(http://i.yimg.jp/images/docs/history/btn_arw_on.gif) no-repeat 0% 50%;
}


/* footer
---------------------------*/
#ft{
text-align:center;
margin:20px 0 0 0;
}
#copy{
padding:5px 0 15px 0;
text-align:center;
}