/* ---------------- basic */

*{
padding:0;
margin:0;
}

img{
border:none;
margin:0;
padding:0;
}

body{
margin:0;
padding:0;
font-size:12px;
line-height:17px;
color:#FFF;
background-color:#996699;
font-family: sans-serif;
}

#Wrap{
width:100%;
margin:0 auto;
padding:0;
text-align: center;
background-color:#996699;
}

#Wrap_in{
width:100%;
margin:0 auto;
padding:0;
text-align: center;
background-color:#FFF;
}

#Wrap_up{
width:100%;
margin:0 auto;
padding:0;
text-align: center;
background-color:#FFF;
}

#Wrap_down{
width:100%;
margin:0 auto;
padding:0;
text-align: center;
background-color:#996699;
}


#Wrap_down_in{
width:100%;
margin:0 auto;
padding:0;
text-align: center;
background-color:#FFF;
}

#mainContainer{
width:100%;
height:39px;
margin:0;
padding:0;
background-color:#FFF;
border-top: 1px solid #653700;
}

a{
color:#FFF;
text-decoration:underline;
}
a:hover{
color:#660033;
text-decoration:underline;
}


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

#head{
width:900px;
height:457px;
margin:0 auto;
padding:0;
line-height:0px;
background-color:#FFF;
}

#head_in{
width:900px;
margin:0 auto;
padding:0;
text-align: left;
line-height:0px;
background-color:#FFF;
}


/* ---------------- toppage*/

#content_area{
width:900px;
margin:0 auto;
padding:20px 0 0 0;
line-height:20px;
text-align:center;
background-color:#996699;
}

#left{
width:450px;
float: left;
text-align:left;
background-color:#996699;
}
#right{
width:380px;
margin-left: 40px;
float: left;
text-align:left;
background-color:#996699;
}

p.topics{
font-size:11px;
line-height:15px;
margin:0 0 15px 0;
padding:7px 0 12px 0;
color:#FFF;
border-bottom:1px dotted #C29CDA;
}

dl.news{
color:#000;
font-size:11px;
line-height:13px;
}

dl.news dt{
width:300px;
line-height:30px;
font-size:13px;
color:#FFF;
margin:0;
}

dl.news dd{
width:450px;
float:left;
text-align:left;
padding:0 0 15px 0;
color:#FFF;
border-bottom:1px dotted #C29CDA;
}

dl.info{
color:#000;
font-size:11px;
line-height:13px;
}

dl.info dt{
width:300px;
line-height:30px;
font-size:13px;
color:#FFF;
margin:0;
}

dl.info dd{
width:450px;
float:left;
text-align:left;
padding:0 0 5px 0;
color:#FFF;
border-bottom:1px dotted #C29CDA;
}

dl.info dd img{
float:left;
padding:0 10px 5px 0;
}

dl.info2{
width:380px;
color:#000;
font-size:11px;
line-height:13px;
}

dl.info2 dt{
width:380px;
line-height:30px;
font-size:13px;
color:#FFF;
}

dl.info2 dd{
width:380px;
float:left;
text-align:left;
padding:0 0 12px 0;
color:#FFF;
border-bottom:1px dotted #C29CDA;
}

table.info2{
width:380px;
text-align:left;
padding:0;
color:#FFF;
}

table.info2 td{
width:95px;
text-align:left;
vertical-align:text-top; 
padding:2px 5px 2px 0;
color:#FFF;
}

dl.info3{
width:380px;
color:#000;
font-size:11px;
line-height:13px;
}

dl.info3 dt{
width:380px;
line-height:30px;
font-size:13px;
color:#FFF;
}

dl.info3 dd{
width:380px;
float:left;
text-align:left;
padding:0 0 25px 0;
color:#FFF;
}


/* ---------------- inpage*/

#about_01{
width:825px;
margin:30px auto;
padding:0 0 15px 0;
line-height:20px;
display:block;
text-align:left;
background:url(../img/about_01back.jpg) no-repeat top left;
}

#about_title01{
width:534px;
height:35px;
display:block;
}

#about_02{
width:825px;
margin:10px auto;
padding:0 0 30px 0;
line-height:20px;
display:block;
text-align:left;
background:url(../img/about_02back.gif) no-repeat bottom left;
}

#about_title02{
width:534px;
height:35px;
display:block;
}

#about_03{
width:825px;
margin:10px auto;
padding:0 0 30px 0;
line-height:20px;
display:block;
text-align:left;
background:url(../img/about_03back.gif) no-repeat bottom left;
}

#about_title03{
width:534px;
height:35px;
display:block;
}

#about_04{
width:825px;
margin:10px auto;
padding:0 0 15px 0;
line-height:20px;
display:block;
text-align:left;
background:url(../img/about_04back.gif) no-repeat bottom left;
}

#about_title04{
width:534px;
height:35px;
display:block;
}


#work_01{
width:825px;
margin:30px auto;
padding:0 0 30px 0;
line-height:20px;
display:block;
text-align:left;
background:url(../img/work_01back.jpg) no-repeat top left;
}

#work_title01{
width:534px;
height:35px;
display:block;
}

#work_02{
width:825px;
margin:10px auto;
padding:0 0 15px 0;
line-height:20px;
display:block;
text-align:left;
background:url(../img/work_02back.jpg) no-repeat bottom left;
}

#work_title02{
width:534px;
height:35px;
display:block;
}

#hobby_01{
width:825px;
margin:30px auto;
padding:0 0 15px 0;
line-height:20px;
display:block;
text-align:left;
}

#hobby_title01{
width:534px;
height:35px;
display:block;
}

#data_01{
width:825px;
margin:30px auto;
padding:0 0 15px 0;
line-height:20px;
display:block;
text-align:left;
}

#data_title01{
width:534px;
height:35px;
display:block;
}

#data_list{
width:800px;
margin:15px 0 0 20px;
padding:0;
text-align:left;
color:#333;
background-color:#FFF;
}

#data ul{
list-style:none;
}

#data ul li{
float:left;
margin:0;
}

#english_01{
width:825px;
height:320px;
margin:30px auto;
padding:0 0 15px 0;
line-height:20px;
display:block;
text-align:left;
}

#english_title01{
width:534px;
height:35px;
display:block;
}


#chart_his{
width:750px;
float:left;
margin-top: 20px;
color:#333;
text-align:left;
}


#chart_his ul{
list-style:none;
padding-bottom:5px;
margin-bottom:10px;
font-size:11px;
float:left;
}

#chart_his ul li.year{
float:left;
width:130px;
padding-left: 5px;
border-left: solid 1px #999; 
}

#chart_his ul li.day{
float:left;
width:70px;
padding-left: 5px;
border-left: solid 1px #999; 
}

#chart_his ul li.info{
float:right;
width:480px;
padding-left: 5px;
border-left: solid 1px #999; 
}







p.text{
width:550px;
font-size:12px;
line-height:16px;
margin:0 0 20px 0;
padding:15px 0 0 0;
text-align:left;
color:#333;
}

p.text2{
width:700px;
font-size:12px;
line-height:16px;
margin:0;
padding:15px 0 0 0;
text-align:left;
color:#333;
}


/* ---------------- menu*/
#navi{
width:900px;
margin:0 auto;
padding:0;
text-align:left;
background-color:#FFF;
}

#navi ul{
list-style:none;
}

#navi ul li{
float:left;
margin:0;
}

#navi ul li#question{
width:266px;
height:39px;
display:block;
background:url(../img/tomioka_question.gif) no-repeat top left;
text-indent:-9999px;
}

#navi ul li#question a{
width:266px;
height:39px;
display:block;
background:url(../img/tomioka_question.gif) no-repeat top left;
text-indent:-9999px;
}

#navi ul li#about a{
width:125px;
height:39px;
display:block;
background:url(../img/tomioka_navi01.gif) no-repeat top left;
text-indent:-9999px;
}

#navi ul li#about a:hover{
background:url(../img/tomioka_navi01-2.gif) no-repeat top left;
}

#navi ul li#about2{
width:125px;
height:39px;
display:block;
background:url(../img/tomioka_navi01-2.gif) no-repeat top left;
text-indent:-9999px;
}

#navi ul li#work a{
width:80px;
height:39px;
display:block;
background:url(../img/tomioka_navi02.gif) no-repeat top left;
text-indent:-9999px;
}

#navi ul li#work a:hover{
background:url(../img/tomioka_navi02-2.gif) no-repeat top left;
}

#navi ul li#work2{
width:80px;
height:39px;
display:block;
background:url(../img/tomioka_navi02-2.gif) no-repeat top left;
text-indent:-9999px;
}

#navi ul li#hobby a{
width:125px;
height:39px;
display:block;
background:url(../img/tomioka_navi03.gif) no-repeat top left;
text-indent:-9999px;
}

#navi ul li#hobby a:hover{
background:url(../img/tomioka_navi03-2.gif) no-repeat top left;
}

#navi ul li#hobby2{
width:125px;
height:39px;
display:block;
background:url(../img/tomioka_navi03-2.gif) no-repeat top left;
text-indent:-9999px;
}


#navi ul li#document a{
width:125px;
height:39px;
display:block;
background:url(../img/tomioka_navi04.gif) no-repeat top left;
text-indent:-9999px;
}

#navi ul li#document a:hover{
background:url(../img/tomioka_navi04-2.gif) no-repeat top left;
}

#navi ul li#document2{
width:125px;
height:39px;
display:block;
background:url(../img/tomioka_navi04-2.gif) no-repeat top left;
text-indent:-9999px;
}

#navi ul li#english a{
width:125px;
height:39px;
display:block;
background:url(../img/tomioka_navi05.gif) no-repeat top left;
text-indent:-9999px;
}

#navi ul li#english a:hover{
background:url(../img/tomioka_navi05-2.gif) no-repeat top left;
}

#navi ul li#english2{
width:125px;
height:39px;
display:block;
background:url(../img/tomioka_navi05-2.gif) no-repeat top left;
text-indent:-9999px;
}


/* ---------------- english_page menu*/

#navi ul li#go_to_japanese a{
width:125px;
height:39px;
display:block;
background:url(../img/tomioka_navi01_en.gif) no-repeat top left;
text-indent:-9999px;
}

#navi ul li#go_to_japanese a:hover{
background:url(../img/tomioka_navi01-2_en.gif) no-repeat top left;
}

#navi ul li#go_to{
width:266px;
height:39px;
display:block;
background:url(../img/tomioka_gotojap.gif) no-repeat top left;
text-indent:-9999px;
}



/* ---------------- Footer*/

#footer{
width:900px;
margin:0 auto;
padding:30px 0 0 0;
font-size:10px;
text-align:center;
line-height:30px;
clear:both;
border-bottom:1px dotted #C29CDA;
}


#footer2{
width:900px;
margin:0 auto;
padding:10px 0 5px 0;
font-size:10px;
text-align:center;
line-height:10px;
clear:both;
}


#footer_in{
width:900px;
margin:0 auto;
padding:30px 0 0 0;
font-size:10px;
text-align:center;
line-height:30px;
color:#333;
clear:both;
border-bottom:1px dotted #999;
}
#footer_in a{
color:#333;
text-decoration:underline;
}
#footer_in a:hover{
color:#660033;
text-decoration:underline;
}

#footer2_in{
width:900px;
margin:0 auto;
padding:10px 0 5px 0;
font-size:10px;
text-align:center;
line-height:10px;
color:#333;
clear:both;
}