body{
background-image: url(back.jpg);
background-repeat: repeat-y;
background-position: center top;
background-color: rgb(191,191,191);
color: #FFFFFF;
font-size: 75%;
margin: 0;

text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;

}

/*ロゴ*/
.head{
position: absolute;
top: 0px;
position: relative;
z-index: 3;
}

p.line1{
position: absolute;
top: -20px;
position: relative;
z-index: 3;
}
* html p.line1{
top: -28px;/* for WinIE6 */
}

p.link a img { filter: Gray; }
p.link a:hover img { filter: Gray(enabled=false); }

div.all{
width: 820px;
margin-top: 10px;
margin-left: auto;
margin-right: auto;
}

div.line2{
position: relative;
z-index: 3;
}

/*内部リンク*/
p.link{
position: absolute;
top: -31px;
position: relative;
z-index: 10;
}
* html p.link{
top: -47px;/* for WinIE6 */
}

/*外部リンク２*/


/*内容*/
p.movie{
position: relative;
top: 3px;
}

div.naiyou{
position: absolute;
top: -25px;
position: relative;
z-index: 3;
}
* html div.naiyou{
top: -50px;/* for WinIE6 */
}

div.div_title{
font-family: verdana,osaka,msp gothic;
color: black;
font-size: 14pt;
font-weight: bold;
padding: 0px 0px 0px 12px;
border: solid;
border-width: 0px 0px 2px 8px;
border-color: gray gray silver gray;
width: 300px;
position: relative;
z-index: 2;
}

div.div_caption{
color: black;
font-size: 11pt;
font-weight: bold;
margin: 15px 15px 0px 9px;
padding: 0px 0px 0px 0px;
border: solid;
border-width: 0px 0px 2px 0px;
border-color: gray gray silver gray;
border-style: dashed;
width: 250px;
position: relative;
z-index: 2;
}

a.cate{
text-decoration:none;
color: black;
font-family: verdana,osaka,msp gothic;
font-size: 10pt;
font-weight: bold;
background-color: rgb(220, 220, 220);
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 4px;
width: 90px;
height: 60px;
position: relative;
float: left;
z-index: 2;
}

a.cate2{
text-decoration:none;
color: black;
font-family: verdana,osaka,msp gothic;
font-size: 10pt;
font-weight: bold;
background-color: rgb(220, 220, 220);
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 4px;
width: 90px;
height: 185px;
position: relative;
float: left;
z-index: 2;
}

div.div_text{
color: black;
font-family: verdana,osaka,msp gothic;
font-size: 11pt;
margin: 0px;
padding: 10px;
width: 500px;
text-align: justify;
text-justify: distribute;
position: relative;
z-index: 2;
}

div.div_text2{
color: red;
font-family: verdana,osaka,msp gothic;
font-size: 11pt;
margin: 0px;
padding: 10px;
width: 500px;
text-align: justify;
text-justify: distribute;
position: relative;
z-index: 2;
}

table{
border-collapse: collapse;
}

table, th, td{
border: 1px solid black;
}

div.div_works{
display: flex;
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

div.div_works2{
display: flex;
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 4px;
text-align: center;
}

p.table_work{
font-family: verdana,osaka,msp gothic;
font-style: italic;
color: #ff0000;
font-size: 8pt;
position: absolute;
top:  -11px;
left: 6px;
z-index: 2;
}

p.table_work2{
font-family: verdana,osaka,ms gothic;
font-style: ;
color: #505050;
font-size: 10pt;
position: absolute;
white-space: nowrap;
bottom:  -10px;
left: 50%;
transform: translate(-50%,100%);
z-index: 2;
}

p.table_work3{
font-family: verdana,osaka,msp gothic;
font-style: ;
color: #ffffff;
font-size: 16pt;
position: absolute;
white-space: nowrap;
top:  -55px;
right: 2px;
transform: translate(0%,100%);
z-index: 2;
}

table.table_about{
 font-family: verdana,osaka,ms gothic;
 color: #090909;
 font-size: 10pt;
 line-height: 160%;

border-width:1px;
border-color:#000000;
border-style:solid;
}


table.table_work3{
 font-family: verdana,osaka,ms gothic;
 color: #090909;
 font-size: 9pt;
 position: relative;
 left: 5px;
}

td.td_work3{
 border-right:2px solid #a9a9a9;
 border-bottom:1px solid #d3d3d3;
 padding:0px 0px 0px 20px;
}


/*背景の画像*/
div.backpic{
position: absolute;
bottom: 0px;
right: 0px;
z-index: 1;
}
* html div.backpic{
bottom: 127px;/* for WinIE6 */
}

div.backpic2{
position: fixed;
top: 0px;
position: absolute;
z-index: 1;
}


div.div-copy{
color: black;
font-size:8pt;
margin:1px 0px 0px 0px;
padding:0px 0px 0px 0px;
position: absolute;
right: 0px;
z-index: 2;
}


/*説明用テキスト*/
div.infobox{
height: 25em;
overflow: auto;
border: red 1px dashed;
}