/*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; }

/*main set--------------------------------------------------------------------------------------------------------*/
#wrapper{
 width:950px;
 margin:0 auto;
 background-color:#fc0000;
 padding:0 15px 10px;
 overflow:hidden;
}
#content{width:950px;}
#header{
background:url(../data/header-bg.jpg) no-repeat;
height:516px;
position:relative;
}
h1,h2,h3,h4,p{text-indent:-8000px;}
ul.navi{position:absolute;top:460px;left:30px;}
ul.navi li{float:left;margin-right:10px;text-indent:-8000px;}
ul.navi li a{display:block;height:35px;}
ul.navi li.feeling{width:176px;}
ul.navi li.QA{width:132px;}
ul.navi li.experience{width:96px;}
ul.navi li.works{width:182px;}
ul.navi li.POPO{width:108px;}
#part1,#part2,#part3,#part4{position:relative;text-indent:-8000px;}
.top a{
width:66px;
height:25px;
display:block;
position:absolute;
right:15px;
text-indent:-8000px;
}
#part1{
height:424px;
background:url(../data/feeling-bg.jpg) no-repeat;
}
#part1 .top a{top:388px;}
#part2 {
background:url(../data/QA-bg.jpg) no-repeat;
height:578px;
}
#part2 .top a{top:545px;}
#part3{
background:url(../data/experience-bg.jpg) no-repeat;
height:436px;
}
.blogUrl a{position:absolute;width:195px; height:16px;top:236px;left:398px;}
#part3 .top a{top:400px;}
#part4{
background:url(../data/works-bg.jpg) no-repeat;
height:456px;
}
#part4 .top a{top:395px;}
.num-1 a,.num-2 a,.num-3 a,.num-4 a,.num-5 a{position:absolute;display:block;}
.num-2 a,.num-3 a,.num-4 a,.num-5 a{width:290px;height:142px;}
.num-1 a{
width:170px;
height:310px;
top:78px;
left:60px;
}
.num-2 a{top:78px;left:285px;}
.num-3 a{top:78px;left:613px;}
.num-4 a{top:248px;left:285px;}
.num-5 a{top:248px;left:613px;}