@charset "utf-8";

* {
	margin: 0;
	padding: 5;
}

html,body {
	height: 100%;
}

body {
	color: #000000;
	background-color: #FFFFFF;
}

blockquote{
background:#ffffff;
padding:10px;
}

::selection {
    background: #00ff00; /* Safari */
}
::-moz-selection {
    background: #00ff00; /* Firefox */
}

/* ========fontsize======== */

.fs1	{font-size:3.8mm}
.fs2	{font-size:1cm}
.fs3	{font-size:1in}
.fs4	{font-size:1pt}
.fs5	{font-size:1pc}
.fs6	{font-size:1em}
.fs7	{font-size:1ex}
.fs8	{font-size:1px}
.fs9	{font-size:xx-small}
.fs10	{font-size:x-small}
.fs11	{font-size:small}
.fs12	{font-size:medium}
.fs13	{font-size:large}
.fs14	{font-size:x-large}
.fs15	{font-size:xx-large}
.fs16	{font-size:smaller}
.fs17	{font-size:larger}

/* ========image border======== */

img {
    border-style:none;
}

/* ========table border======== */


table#table-01 {
    border: 1px #E3E3E3 solid;
    border-collapse: collapse;
    border-spacing: 0;
    padding: 5px;
}

table#table-01 th {
    padding: 5px;
    border: #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    background: #F5F5F5;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
}
table#table-01 td {
    padding: 6px;
    border: 1px #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    text-align: center;
}

table#table-02 {
    border: 5px #0000ff solid;
    border-collapse: collapse;
    border-spacing: 0px;
    padding: 50px;
    width: 550px;
}

table#table-03 {
    border: 5px #00ffff solid;
    border-collapse: collapse;
    border-spacing: 0px;
    padding: 50px;
    width: 550px;
}


/* ========section======== */


div#side {
float:left;
padding:0 10px;
width:215px;
}


div#main {
   float:left;
margin:0px 30px;
   width:65%;
   padding:0;
}

/* ========link rules======== */

a.example1 { 
font-size:120%;
font-weight:bold;
color:#000000;
background:#ffffff;
}

a.example1:hover {
   color:#ffffff;
   background:#000000 url("images/bg_menu.gif") 0 0 repeat;
}

a.example2 { 
font-size:110%;
font-weight:bold;
color:#ffffff;
background:#0000ff;
}

a.example2:hover {
   color:#0000ff;
   background:#ffffff url("images/bg_menu.gif") 0 0 repeat;
}

a {
text-decoration: none;
}

a.example3 { 
font-size:120%;
font-weight:bold;
color:#ffffff;
background:#ff0000;
}

a.example3:hover {
   color:#ff0000;
   background:#ffffff url("images/bg_menu.gif") 0 0 repeat;
}

a.example4 { 
font-size:120%;
font-weight:bold;
color:#0000ff;
background:#ffff00;
}

a.example4:hover {
   color:#0000ff;
   background:#ffffff url("images/bg_menu.gif") 0 0 repeat;
}


/* ========hタグ======== */

h1 {
	font-size: 170%;
	color: #0000ff;
	background-color: #ffff00;
}

h2 {
	font-size: 165%;
	color: #000000;
}

h3 {
	font-size: 150%;
	color: #0000ff;
	font-weight:bold;
	background-color: #ffffff;
	width: 100%;
}

h4 {
	font-size: 220%;
	color: #ffff00;
	background-color: #0000ff;
}


/* ========section指示======== */

div.section {
	position: absolute;
	width: 90%;
	height: 120%;
	overflow: auto;
}

div.section-body {
	margin: 2%;
	line-height: 1.2;
	color: #000000;
}

div.section-body a {
	color: #000000;
}

div.section-body a:hover {
	text-decoration: none;
}

/* ========各section======== */

div#top {
	top: 0;
	left: 0;
	background-image:url(images/haikei2.gif);
}
div#next {
	top: 0;
	left: 90%;
	background-color: #ff0000;
}

div#next2 {
	top: 0;
	left: 180%;
	background-color: #ffffff;
}

div#profile {
	top: 120%;
	left: 0;
	background-color: #ff00ff;
}

div#contact {
	top: 120%;
	left: 90%;
	background-color: #ffffff;
}

div#next3 {
	top: 120%;
	left: 180%;
	background-color: #000000;
}

div#other {
	top: 240%;
	left: 0;
	background-image:url(images/haikei1.gif);
}

div#media {
	top: 240%;
	left: 90%;
	background-color: #ff0000;
}


div#works {
	top: 240%;
	left: 180%;
	background-color: #ffffff;
}


/* ========MENU CUSTOMIZE======== */
div#menu h2 {
font-size:90%;
font-weight:bold;
color:#ffffff;
text-align:center;
background:#ff0000;
} 

div#navi ul {
   margin:0 auto;
   padding:0;
}

div#navi li {
   font-size:100%;
   font-weight:bold;
   color:#fff;
   text-align:left;
   list-style-type:none;
}

div#navi li a {
   font-size:100%;
   font-weight:bold;
   color:#ffffff;
}

div#navi li a:hover {
   color:#ff0000;
}


div#navi li#li-01 a {
   font-size:100%;
   font-weight:bold;
   color:#ffffff;
background:#0000ff;
}

div#navi li#li-01 a:hover {
   color:#0000ff;
background:#ffffff;
}

div#navi li#li-02 a {
   font-size:100%;
   font-weight:bold;
   color:#0000ff;
background:#ffffff;
}

div#navi li#li-02 a:hover {
   color:#0000ff;
background:#ffff00;

}


/* ========navi CUSTOMIZE======== */

div#navi {
	position: fixed;
	_position: absolute;
	left: 2%;
	border: 0px solid;
}

div#navi table {
	border-collapse: collapse;
}


div#navi table td a {
	display: block;
	width: 5em;
	height: 2em;
	color: #00000;
	text-decoration: none;
}



/* ========FOOTER CUSTOMIZE======== */

div#footerArea {  
    position: fixed !important;  
    position: absolute;  
    bottom: 0;  
    left: 0;  
    width: 100%;  
    height: 25px;  
    background-color: #fff;  
    color: #fff;  
}  

div#footer {
background:none;
text-align:center;
width:100%;
margin-bottom:1%;
}