* {
    margin:0;
    padding:0;
}

body {
    background-color:#ffffff;
    font-weight:normal;
    font-family: Tahoma, Verdana, sans-serif;
}

h2,h3,h4,h5,h6 {
    font-weight:normal;
    font-family: Tahoma, Verdana, sans-serif;
}

br { 
    letter-spacing: normal
}

li {
    list-style-type:none;
}

img {
    border:0;
}

#page {
    width:800px;
    margin:0 auto;
}


a {
    text-decoration:none;
}
a:link {
    color:#525252;
}
a:visited {
    color:#525252;
}
a:hover {
    text-decoration:underline;
}
a:active {
    color:#525252;
}




/* header -------------------------------*/

/* header */

#header {
    width:800px;
    height:205px;
    margin:0 auto;
    background:url(img/head.jpg);
}

#navi {
    margin:0;
    height:30px;
    padding:155px 0 0 200px;
}

#navi ul li {
    float:left;
    margin:0;
    line-height:1px;
    font-size:1px;
}

#navi p {
    padding:5px 0 0 510px;
}

/* container ----------------------------*/

#container {
    width:785px;
    height:400px;
    margin:5px 5px;
    padding:0 0 0 5px;
}

/* news ---------------------------------*/

#news {
    float:left;
    width:250px;
    margin-right:10px;
    background-color:#ffffff;
}

#news h2 {
    clear:both;
    margin:0;
}

#news .sum {
    width:60px;
    float:left;
    margin:5px;
}

#news .text {
    width:170px;
    height:60px;
    float:left;
    margin:5px;
}

#news .text p{
    font-size:12px;
    font-weight:normal;
    font-family: Tahoma, Verdana, sans-serif;
}

/* bar  ---------------------------------*/

#bar {
    float:left;
    width:760px;
    height:25px;
    margin:0 5px 0 0;
    background-color:#ffffff;
}

/* info ---------------------------------*/

#info01 {
    float:left;
    width:690px;
    height:170px;
    margin:0 5px 0 5px;
    background-color:#ffffff;
}

#info01 .title {
    width:680px;
    height:20px;
    margin:5px 10px 0 0;
    border-left:3px solid #525252;
    border-bottom:1px solid #525252;
    font-size: 10pt;
    font-weight:bold;
    letter-spacing:0.1em;
    text-indent:5px;
}

#info01 .box01 {
    float:left;
    width:135px;
    height:135px;
    margin:5px 10px 0 0;
}

#info01 .box02 {
    width:510px;
    height:133px;
    margin:5px 5px 0 140px;
    font-size: 10pt;
    font-weight:normal;
    letter-spacing:0.1em;
}

#info01 .box02 p.ex1 {
    text-align: right;
}

#info02 {
    float:left;
    width:690px;
    height:170px;
    margin:5px 10px 0 5px;
    background-color:#ffffff;
    border-top:1px dashed #525252;
}

#info02 .title {
    width:680px;
    height:20px;
    margin:5px 10px 0 0;
    border-left:3px solid #525252;
    border-bottom:1px solid #525252;
    font-size: 10pt;
    font-weight:bold;
    letter-spacing:0.1em;
    text-indent:5px;
}

#info02 .box01 {
    float:left;
    width:135px;
    height:135px;
    margin:5px 10px 0 0;
}

#info02 .box02 {
    width:510px;
    height:133px;
    margin:5px 5px 0 140px;
    font-size: 10pt;
    font-weight:normal;
    letter-spacing:0.1em;
}

#info02 .box02 p.ex1 {
    text-align: right;
}


/* prof ---------------------------------*/


#prof01 {
    float:left;
    width:690px;
    height:375px;
    margin:0 5px 0 5px;
    background-color:#ffffff;
}

#prof01 .box03 {
    float:left;
    width:320px;
    height:200px;
    margin:5px 0 0 0;
}

#prof01 .box04 {
    width:320px;
    height:200px;
    margin:5px 0 0 333px;
}

#prof01 .box05 {
    float:left;
    width:670px;
    height:154px;
    margin:10px 0 0 0;
    font-size: 10pt;
    font-weight:normal;
    letter-spacing:0.1em;
}

#prof01 .box04 table tr td {
    font-size: 10pt;
    font-weight:normal;
    letter-spacing:0.2em;
}

/* disco --------------------------------*/

#disco01 {
    float:left;
    width:690px;
    height:375px;
    margin:0 5px 0 5px;
    background-color:#ffffff;
}


#disco01 .cd01 {
    float:left;
    width:100px;
    height:350px;
    margin:5px 0 0 7px;
    background-color:#ffffff;
}

#disco01 .cd01 img {
    margin:2px 0 5px 0;
}

#disco01 .cd02 {
    float:left;
    width:198px;
    height:350px;
    margin:5px 0 0 7px;
    background-color:#ffffff;
}

#disco01 .cd02 object {
    margin:5px 0 5px 2px;
}

#disco01 .cd02 p.ex2 {
    margin:5px 0 5px 2px;
    font-size: 10pt;
    font-weight:normal;
    line-height:130%;
}


#disco01 .cd03 {
    width:365px;
    height:350px;
    margin:5px 0 0 315px;
    background-color:#ffffff;
    font-size: 10pt;
    font-weight:normal;
    letter-spacing:0.1em;
    line-height:130%;
}

#disco01 .cd03 table tr td {
    font-size: 10pt;
    font-weight:normal;
    letter-spacing:0.1em;
    text-indent:2px;
}


/* work ---------------------------------*/

#work01 {
    float:left;
    width:690px;
    height:375px;
    margin:0 5px 0 5px;
    background-color:#ffffff;
}

#work01 .menu01 {
    float:left;
    width:90px;
    height:350px;
    margin:5px 0 0 3px;
    background-color:#ffffff;
    font-size: 10pt;
    font-weight:normal;
    line-height:150%;
}


#work01 .menu02 {
    float:left;
    width:200px;
    height:350px;
    margin:5px 0 0 0;
    background-color:#ffffff;
}

#work01 .menu02 .tit01{
    float:left;
    width:200px;
    height:18px;
    margin:0 0 0 0;
    background-color:#ffffff;
    font-size: 10pt;
    font-weight:bold;
    letter-spacing:0.1em;
    text-indent:5px;
    border-left:3px solid #525252;
    border-bottom:1px solid #525252;
}

#work01 .menu02 .sum02{
    float:left;
    width:200px;
    height:327px;
    margin:5px 0 0 0;
    background-color:#ffffff;
    border-left:1px dashed #525252;
}

#work01 .menu02 .sum02 img{
    margin:3px 0 2px 5px;
}

#work01 .menu03 {
    width:380px;
    height:350px;
    margin:5px 0 0 296px;
    background-color:#ffffff;
    font-size: 10pt;
    font-weight:normal;
    letter-spacing:0.1em;
    line-height:130%;
}

#work01 .menu03 .tit02{
    float:left;
    width:380px;
    height:18px;
    margin:0 0 0 0;
    background-color:#ffffff;
    border-bottom:1px solid #525252;
}

#work01 .menu03 .sum03{
    float:left;
    width:112px;
    height:327px;
    margin:8px 0 0 3px;
    background-color:#ffffff;
    font-size: 9pt;
    letter-spacing:0;
    font-weight:normal;
    line-height:130%;
}

#work01 .menu03 .sum04{
    float:left;
    width:375px;
    height:327px;
    margin:8px 0 0 3px;
    background-color:#ffffff;
    font-size: 10pt;
    font-weight:normal;
    letter-spacing:0.1em;
    line-height:130%;
}

#work01 .menu03 .text03{
    float:left;
    width:255px;
    height:327px;
    margin:8px 0 0 8px;
    background-color:#ffffff;
    font-size: 10pt;
    font-weight:normal;
    letter-spacing:0.1em;
    line-height:130%;
}

#work01 .menu03 .text03 table tr td{
    font-size: 10pt;
    font-weight:normal;
    letter-spacing:0;
    line-height:120%;
}

#work01 .menu03 .text03 table tr td p{
    font-size: 10pt;
    font-weight:bold;
    letter-spacing:0.2em;
    text-indent:5px;
    line-height:120%;
}


/* link ---------------------------------*/

#container .link01 {
    float:left;
    width:690px;
    height:373px;
    margin:2px 5px 0 5px;
    overflow:auto;
}

#container .link01 .ltit01 {
    float:left;
    width:150px;
    margin:5px 5px 0 5px;
    font-size: 10pt;
    font-weight:bold;
    letter-spacing:0.2em;
    text-indent:5px;
    border-top:1px solid #c5c5c5;
    border-right:1px solid #525252;
    border-bottom:1px solid #525252;
    border-left:1px solid #c5c5c5;
}

#container .link01 .ltit02 {
    width:150px;
    margin:5px 5px 0 295px;
    font-size: 10pt;
    font-weight:bold;
    letter-spacing:0.2em;
    text-indent:5px;
    border-top:1px solid #c5c5c5;
    border-right:1px solid #525252;
    border-bottom:1px solid #525252;
    border-left:1px solid #c5c5c5;
}


#container .link01 .ltex01 {
    float:left;
    width:260px;
    margin:3px 0 0 20px;
    font-size: 10pt;
    font-weight:normal;
    letter-spacing:0.1em;
    line-height:130%;
}

#container .link01 .ltex01 ul li {
    list-style-type: square;
    list-style-position: outside;
    font-size: 10pt;
    font-weight:normal;
    letter-spacing:0.1em;
}

#container .link01 .ltex02 {
    width:260px;
    margin:3px 0 0 310px;
    font-size: 10pt;
    font-weight:normal;
    letter-spacing:0.1em;
    line-height:130%;
}

#container .link01 .ltex02 ul li {
    list-style-type: square;
    list-style-position: outside;
    font-size: 10pt;
    font-weight:normal;
    letter-spacing:0.1em;
}


/* others -------------------------------*/

#post {
    float:right;
    width:60px;
    height:200px;
    margin:5px 15px 0 0;
    background-color:#ffffff;
}

#post01 {
    float:right;
    width:60px;
    height:375px;
    margin:5px 15px 0 0;
    background-color:#ffffff;
}

#ubar {
    float:left;
    width:690px;
    height:20px;
    margin:10px 10px 0 0;
    background-color:#ffffff;
}

#ubar table tr td {
    font-size: 10pt;
    font-weight:normal;
    letter-spacing:0.1em;
}

#container h2 img{
    margin:0;
}

#container .movie {
    width:320px;
    float:left;
    margin:10px 0 0 0;
}

#container .qr {
    width:190px;
    float:left;
    margin:10px 0 0 10px;
}

#post .top {
    width:60px;
    float:right;
    margin:148px 0 0 0;
}

#post01 .top {
    width:60px;
    float:right;
    margin:318px 0 0 0;
}

/* footer ------------------------------*/

#footer {
    width:800px;
    height:100px;
    padding:10px 0 0 0;
    margin:0 auto;
}

#banner {
    margin:0;
    height:70px;
    padding:5px 0 0 20px;
}

#banner ul li {
    float:left;
    margin:5px 5px 0 5px;
    line-height:1px;
    font-size:1px;
}

#copyright {
    margin:0;
    padding:10px 0 0 152px;
}


#copyright address {
    width: 496px;
    text-align: center;
    padding:3px;
    border: outset 1px #EEDDFF;
    font-size: 11px;
    font-style: normal;
    font-family: Tahoma, Verdana, sans-serif;
    color: #333333;
}