html {
    margin: 0;
    /* setting border: 0 hoses ie6 win window inner well border */
    padding: 0;
}

body   { background-color: #ffffff; text-align: center; margin: 0; padding: 0 ;}

a  { color: #331433; text-decoration: underline }
a:visited { color: #331433; }
a:hover  { color: #663266 }

#container    { margin: 0 auto; padding: 0; position: relative; width: 799px; height: auto }

#header    { background-image: url("../image/header_bg.gif"); background-repeat: no-repeat; text-align: left; margin: 0; padding: 0; width: 799px; height: 67px ;}

h1   { margin: 0; padding: 35px 0 0 40px }
h2   { color: #333; font-size: 110%; font-weight: bold; background-color: #fff; display: inline; margin: 10px 0; padding: 5px; border-style: solid; border-width: 0 0 0 25px; border-color: #e6e6e6 }
h3       { color: #333; font-size: 100%; margin: 10px 0 0 25px; padding: 5px }
h4       { color: #333; font-size: 100%; margin: 10px 0 0 25px; padding: 5px }

#pagebody  { background-color: #f1f1f1; margin: 0 auto; padding: 0; width: 748px; height: auto;color: #666; font-size: 90%; line-height: 170%; text-align: left }

#menu        { background-image: url("../image/menu_bg.gif"); background-repeat: no-repeat; text-align: left; margin: 0; padding: 0 0 0 200px; width: 748px; height: 16px ;}

/*#description  { color: #666; font-size: 80%; line-height: 1.8em; background-color: #fff; margin: 20px 50px; padding: 10px; border: dotted 1px #ccc }*/

#description    { color: #666; font-size: 80%; line-height: 1.8em; background-color: #fafafa; margin: 0 0 0 0; padding: 10px 5px 5px; border-style: solid; border-width: 3px 25px 0; border-color: #ebebeb }

.section  { margin: 30px 0 ;}

p     { margin: 10px 0 0 40px }

.section-description     { color: #666; font-size: 80%; line-height: 1.8em; background-color: #f8f8f8; margin: 10px 0; padding: 10px 5px 5px; border-style: solid; border-width: 0 25px 0; border-color: #ebebeb }

.section-photo     { margin: 10px 0 0; padding: 0; border-style: solid; border-width: 0 25px; border-color: #e6e6e6 }

.section-table          { border-style: solid; border-width: 0 24px 20px; border-color: #ebebeb }

table a,
table a:link,
table a:visited {
	border:none;
	}							
	
table       { width: 700px; border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-collapse: collapse  }

caption    { color: #999; font-size: 70%; background-color: #ebebeb; text-align: center; letter-spacing: 1.5em; margin: 0; padding: 10px 0; caption-side: top   }	

th       { font-weight: bold; text-align: center; vertical-align: top; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc }	

td  { border-bottom: 1px solid #ccc; border-left: 1px solid #ccc }

th.works { color: #9b9b9b; font-size: 75%; letter-spacing: 1em; padding-top: 10px; padding-bottom: 10px }
th.processt,th.process      { color: #9b9b9b; font-size: 75%; padding: 10px }
th.works-t   { color: #333; font-size: 80%;padding-top: 10px; padding-bottom: 10px;  background-color: #f8f8f8}

th.m-1      { color: #9b9b9b; font-size: 75%;  }
th.m-0      { color: #9b9b9b; font-size: 75%; background-color: #fafafa  }

tr.works { color: #333; font-size: 80%; letter-spacing: 0.5em }


tr.works-d td { color: #999; font-size: 70%; text-align: center }
tr.works-c td  { color: #999; font-size: 68%; text-align: center }

tr.t1 .works     { background-color: #fff }

.dtp,.cd   { background-color: #ebebeb; padding-top: 1em; padding-bottom: 1em; }

.video,.hp      { background-color: #e6e6e6; padding-top: 1em; padding-bottom: 1em }

tr.works-d .kami,tr.works-d .flash,tr.works-d .pdf,tr.works-c .kami,tr.works-c .flash,tr.works-c .pdf   { background-color: #fafafa }

tr.kikaku .process,tr.t1 .process   { background-color: #fafafa }
tr.kikaku td,tr.kikaku th {border-top: 4px solid #ebebeb}

.process-1,.process-3   { background-color: #f8f8f8 }

.process-5,.process-7    { background-color: #fdfdfd }


tr.seisaku .process   { background-color: #ffffff }
tr.seisaku td,tr.seisaku th {border-top: 4px solid #ebebeb}


tbody td    { color: #333; font-size: 80%; padding-top: 10px; padding-bottom: 10px; vertical-align: top }				
					
thead th  { color: #66a3d3; font-size: 80%; font-style: normal; font-variant: normal; font-weight: bold; line-height: 2em; background: #f4f9fe; text-align: center }	
	
#footer   { background-image: url("../image/footer.gif"); background-repeat: no-repeat; margin: 0; padding: 6px 0 0; width: 799px; height: 58px }

ul  { margin-top: 10px; margin-bottom: 30px; padding-right: 25px }

