﻿.window{
position:absolute;
text-align:center;
top:40px;
width:100%;
}
.storynory{
margin-left:auto;
margin-right:auto;
margin:0px auto;
text-align:left;
width:800px;
/*background-color:#9a9a9a;*/
}
.header{
position:relative;
width:100%;
margin-bottom:5px;
/*background-color:#9a0000;*/
}
.header_border{
border-style:solid;
border-color:#DADAff;
border-width:1px;
height:23px;
}
.body{
position:relative;
float:right;
width:600px;
/*background-color:#009a00;*/
display:block;
}
.footer{
clear:both;
position:relative;
padding-top:10px;
width:800px;
/*background-color:#00009a;*/
}
.story{
float:left;
position:relative;
width:600px;
height:200px;
margin-top:5px;
margin-bottom:10px;
/*background-color:#333333;*/
display:block;
}
.cover{
position:relative;
float:left;
width:340px;
margin-top:5px;
margin-right:10px;
/*background-color:#005500;*/
display:block;
}
.leftbar{
position:relative;
float:left;
width:188px;
margin-top:5px;
margin-right:10px;
/*background-color:#555555;*/
display:block;
}
.rightbox{
position:relative;
float:right;
width:248px;
margin-top:5px;
/*background-color:#000055;*/
display:block;
}
.part{
position:relative;
width:400px;
float:left;
display:block;
/*background-color:#005500;*/
}
.words{
float:right;
position:relative;
width:188px;
display:block;
overflow:hidden;
}
.description{
position:absolute;
top:-30px;
right:0px;
z-index:10;
}
.border1{
border-style:solid;
border-color:#DADAff;
border-width:1px;
background-color:#F0F8FF;
}
.border2{
/*border-style:solid;*/
/*border-color:#DADAff;*/
/*border-width:1px;*/
/*background-color:#F0F8FF;*/
}
.table_title{
position:relative;
/*background-image: url(./Button0.jpg);*/
padding:3px 10px;
}
.table_content{
clear:both;
position:relative;
/*background-image: url(./Button1.jpg);*/
margin:0px;
padding:0px;
/*padding:3px 10px;*/
}
.header_bar_menu{
position:relative;
float:right;
text-align:center;
margin:0px;
padding:0px;
}
ul.footer_bar{
list-style:none;
margin:0px;
}
ul.footer_bar li{
float:right;
width:100px;
text-align:center;
vertical-align:middle;
}

.clear{
clear:both;
}
.image{
position:absolute;
top:0px;
left:400px;
width:200px;
height:200px;
}
.logo{
position:absolute;
top:-30px;
left:10px;
z-index:9;
}
hr{
noshade;
height:10px;
color:#EAEAEA;
}
.font1{
vertical-align:middle;
font-size:12px;
font-family:'Arial','MS PGothic','ＭＳ ゴシック';
}
.font2{
vertical-align:middle;
color:#000096;
margin-bottom:5px;
font-family:'Arial','MS PGothic','ＭＳ ゴシック';
}
.font3{
vertical-align:middle;
color:#960000;
margin:0px;
font-family:'Arial','MS PGothic','ＭＳ ゴシック';
}
.font4{
color:#00009a;
font-family:'Arial','MS PGothic','ＭＳ ゴシック';
}
.font5{
font-size:12px;
margin:4px;
color:#000096;
font-family:'Arial','MS PGothic','ＭＳ ゴシック';
}
.font6{
font-size:12px;
color:#000000;
font-family:'Arial','MS PGothic','ＭＳ ゴシック';
}
.font7{
font-size:12px;
color:#000000;
font-family:'Lucida Sans Unicode','Arial','MS PGothic','ＭＳ ゴシック';
}
.font8{
font-size:12px;
margin-left:5px;
color:#000096;
font-family:'Arial','MS PGothic','ＭＳ ゴシック';
}
.font9{
vertical-align:middle;
font-size:12px;
font-family:'MS PGothic';
line-height:16px;
}
.center{
text-align:center;
}
.storylist{
width:150px;
margin-top:5px;
margin:0px;
padding:5px;
}
pre.wrap{
padding:3px;
margin:0px;
white-space: -moz-pre-wrap; /* Mozilla */
white-space: -pre-wrap;     /* Opera 4-6 */
white-space: -o-pre-wrap;   /* Opera 7 */
white-space: pre-wrap;      /* CSS3 */
word-wrap: break-word;      /* IE 5.5+ */
word-break: keep-all;
}
.recommend_image{
float:left;
margin:0px;
padding:0px;
}
.recommend_content{
border-top-style:solid;
border-color:#DADAff;
border-width:1px;
background-color:#F0F8FF;
clear:both;
padding:0px;
margin:0px;
}
.recommend_text{
float:left;
padding:3px;
white-space: -moz-pre-wrap; /* Mozilla */
white-space: -pre-wrap;     /* Opera 4-6 */
white-space: -o-pre-wrap;   /* Opera 7 */
white-space: pre-wrap;      /* CSS3 */
word-wrap: break-word;      /* IE 5.5+ */
word-break: keep-all;
}
.border{
border-style:solid;
border-color:#DADAff;
border-width:1px;
}
.border_top{
clear:both;
border-top-style:solid;
border-top-color:#DADAff;
border-top-width:1px;
/*background-color:#999999;*/
}
.image_left{
float:left;
margin:0px;
padding:0px;
}
.box_left{
position:relative;
width:188px;
/*background-color:#555555;*/
display:block;
overflow:hidden;
}
.margin_top{
margin-top:10px;
}
.box_right{
position:relative;
float:right;
width:248px;
/*background-color:#000055;*/
display:block;
overflow:hidden;
}

.aboutbertie_title_box{
clear:both;
position:relative;
width:500px;
display:block;
}
.aboutbertie_image_box{
float:left;
position:relative;
width:150px;
height:150px;
display:block;
background-color:#EEEEEE;
}
.aboutbertie_text_box{
float:left;
position:relative;
width:140px;
height:150px;
display:block;
background-color:#DDDDDD;
padding:3px;
white-space: -moz-pre-wrap; /* Mozilla */
white-space: -pre-wrap;     /* Opera 4-6 */
white-space: -o-pre-wrap;   /* Opera 7 */
white-space: pre-wrap;      /* CSS3 */
word-wrap: break-word;      /* IE 5.5+ */
/*word-break: keep-all;*/
}

.td_aboutbertie_image{
border-style:solid;
border-color:#DADAff;
border-width:3px;
}
.td_aboutbertie_text{
width:140px;
vertical-align:top;
}

.space{
height:10px;
width:100%;
}
.nomargin{
margin:0px;
/*padding-bottom:10px;*/
}






/* Tip_Message用のスタイル */
.spanstyle {
	position:absolute;
	visibility:hidden;
	color:#000000;            /* フォント色               */
	font-size:10pt;           /* フォントサイズ           */
/*	font-weight:bold;            太字の場合コメントを外す */
	line-height:150%;
	border:1px gray solid;    /* 枠線の太さ、色、形状     */
	padding:5px;
	background-color:#ffffcc; /* 背景色                   */
	z-index:100;
/* センタリングはネスケで表示位置が大幅にずれるので使用しないで下さい */
}
.temp_style {
	color:#666666;
	font-weight:bold;
	background-color:#ffff00;
	text-decoration:none;
}








td.selected_part{
color:#000096;
width:60px;
}
td.part{
color:#000000;
width:60px;
}

p.author{
text-align:right;
margin-right:60px;
}


a:link{
color:#000096;
text-decoration: none;
}
a:visited{
color:#FF0000;
text-decoration: none;
}
a:hover{
color:#FF0000;
text-decoration: underline;
}
a:active{
color:#FF0000;
text-decoration: none;
}
a.nolink{
text-decoration: none;
}



background:#AAE68C;


filter:alpha(opacity=90);/*IE*/
-moz-opacity:0.90; /*FF*/
opacity:0.90;
filter:alpha(opacity=90);/*IE*/
-moz-opacity:0.90; /*FF*/
opacity:0.90;




<style type="text/css">
