/*reset--------------------------------------------------------------------------------------------------------*/
html { color: #000; background: #FFF; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset,img { border: 0; }
address,caption,cite,code,dfn,em,strong,th,var,optgroup { font-style: inherit; font-weight: inherit; }
del,ins { text-decoration: none; }
li { list-style: none; }
caption,th { text-align: left; }
h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight: normal; }
q:before,q:after { content: ''; }
abbr,acronym { border: 0; font-variant: normal; }
sup { vertical-align: baseline; }
sub { vertical-align: baseline; }
legend { color: #000; }
input,button,textarea,select,optgroup,option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; }
input,button,textarea,select { *font-size: 100%; overflow: visible; }

/*index set--------------------------------------------------------------------------------------------------------*/
body {
	font-family: Helvetica, Arial, PMingLiU, sans-serif;
	font-size: 13px;
	color:black;
	background-color:white;
}
a { text-decoration: none;color:#C32F2F; }
a:hover {text-decoration: underline;}
#wrapper{
 width:1200px;
 margin:0 auto;
 background-color:white;
 border:1px solid black;
}
#main{
background:url(../data/main-bg.jpg) no-repeat;
overflow:hidden;
 padding-bottom:10px;
}
#index-block{
height:946px;
background:url(../data/index_bg.jpg) no-repeat;
position:relative;
}
h1,h2,h3,p{text-indent:-8000px;}
ul.navi-1{
position:absolute;
top:62px;
left:86px;

}
ul.navi-1 li{float:left;margin-right:52px;text-indent:-8000px;}

ul.navi-1 li a{
display:block;
width:210px;
height:60px;
}
#header{
height:621px;
background:url(../data/header-bg.jpg) no-repeat;
}
.navi{
padding-left:108px;
padding-top:15px;
height:75px;
margin-bottom:48px;
}
.navi ul li{
float:left;
margin-right:50px;
text-indent:-9000px;
}

.navi ul li a{
display:block;
width:210px;
height:60px;
}

.navi ul li.preface a{
background:url(../data/tab_preface.png) no-repeat;
}
.navi ul li.writerIntr a{
background:url(../data/tab_writerIntro.png) no-repeat;
}
.navi ul li.eventIntro a{
background:url(../data/tab_eventIntro.png) no-repeat;
}
.navi ul li.read a{
background:url(../data/tab_read.png) no-repeat;
}
.navi ul li a:hover{
background-position:right;
}

.content{
width:1030px;
margin:0 auto;
}
.content h3{
height:35px;
margin-bottom:35px;
text-indent:-9000px;
}
.content h3 span a{width:200px;height:32px;float:right;display:block;}
.title_preface{background:url(../data/title_preface.gif) no-repeat;}
.title_eventIntro{background:url(../data/title_eventIntro.gif) no-repeat;}
.title_writerIntro{background:url(../data/title_writerIntro.gif) no-repeat;}

.left-side{
width:766px;
float:left;
position:relative;
}
.readBtn a{
position:absolute;
width:155px;
height:155px;
display:black;
right:36px;
top:246px;
text-indent:-9000px;
}
.right-side{width:232px;float:right;background-color:#e5d59a;}
.content-preface{
height:1185px;
background:url(../data/content-preface.gif) no-repeat;
}
.content-eventIntro{
height:400px;
background:url(../data/content-eventIntro.gif) no-repeat;
}
.content-writerIntro{
height:1679px;
background:url(../data/content-writerIntro.gif) no-repeat;
}