body {
 margin : 20px;
 color: #444444;
 font-size : 12px;
 font-family : verdana;
 font-weight : normal; 
}

.outside-box {
 width : 100%;
 display : block;
 padding : 3px;
 font-size : 12px;
 font-family : verdana;
 font-weight : normal; 
 border-style : solid;
 border-width : 1px;
 border-color : #888888;
}

.top-box {
 width : 100%;
 display : block;
 padding : 3px;
 font-size : 12px;
 font-family : verdana;
 font-weight : normal; 
 border-style : solid;
 border-width : 1px;
 border-color : #888888;
 background : #CCCCCC;
}
.inside-box {
 padding : 3px;
 font-size : 12px;
 font-family : verdana;
 font-weight : normal; 
 border-style : solid;
 border-width : 1px;
 border-color : #888888;
}

.plain-Text {
 font-size : 12px;
 font-family : verdana;
 font-weight : normal; 
}

.title-box {
 padding : 3px;
 font-size : 12px;
 font-family : verdana;
 font-weight : normal; 
 border-style : solid;
 border-width : 1px;
 border-color : #888888;
 background : #CCCCCC;
}

.title-box-training {
 padding : 3px;
 font-size : 12px;
 font-family : verdana;
 font-weight : normal; 
 border-style : solid;
 border-width : 1px;
 border-color : #888888;
 background : #10FF10;
}


.title-box-innovation {
 padding : 3px;
 font-size : 12px;
 font-family : verdana;
 font-weight : normal; 
 border-style : solid;
 border-width : 1px;
 border-color : #888888;
 background : #4040FF;
}

.title-box-mbti {
 padding : 3px;
 font-size : 12px;
 font-family : verdana;
 font-weight : normal; 
 border-style : solid;
 border-width : 1px;
 border-color : #888888;
 background : #FF2020;
}

.nav-title {
 width : 150px;
 text-align : left;
 padding : 3px;
 font-size : 12px;
 font-family : verdana;
 font-weight : normal; 
 border-style : solid;
 border-width : 1px;
 border-color : #888888;
 background : #CCCCCC;
}

.nav-title-training {
 width : 150px;
 text-align : left;
 padding : 3px;
 font-size : 12px;
 font-family : verdana;
 font-weight : normal; 
 border-style : solid;
 border-width : 1px;
 border-color : #888888;
 background : #10FF10;
}

.nav-title-innovation {
 width : 150px;
 text-align : left;
 padding : 3px;
 font-size : 12px;
 font-family : verdana;
 font-weight : normal; 
 border-style : solid;
 border-width : 1px;
 border-color : #888888;
 background : #4040FF;
}

.nav-title-mbti {
 width : 150px;
 text-align : left;
 padding : 3px;
 font-size : 12px;
 font-family : verdana;
 font-weight : normal; 
 border-style : solid;
 border-width : 1px;
 border-color : #888888;
 background : #FF2020;
}

.nav-title-software {
 width : 150px;
 text-align : left;
 padding : 3px;
 font-size : 12px;
 font-family : verdana;
 font-weight : normal; 
 border-style : solid;
 border-width : 1px;
 border-color : #888888;
 background : #A0A0A0;
}

.nav-title-techniques {
 width : 150px;
 text-align : left;
 padding : 3px;
 font-size : 12px;
 font-family : verdana;
 font-weight : normal; 
 border-style : solid;
 border-width : 1px;
 border-color : #888888;
 
}

.nav-link {
 width : 150px;
 text-align : left;
 padding : 3px;
 display : block;
 border-style : solid;
 border-width : 1px;
 border-color : #888888;
 border-top : none;
}

.nav-link-innovation {
 width : 150px;
 text-align : left;
 padding : 3px;
 display : block;
 border-style : solid;
 border-width : 1px;
 border-color : #888888;
 border-top : none;
 background : #8080FF;
}

a.nav-link:link, a.nav-link:visited {
 background-color : #EEEEEE;
 color : #444444; 
}

a.nav-link:hover, a.nav-link:active {
 background-color : #888888;
 color : #FFFFFF; 
}

a:link {
 color : #0000FF;
 font-size : 12px;
 text-decoration : none;
}

a:visited {
 color : #0000FF;
 font-size : 12px;
 text-decoration : none;
}

a:active {
 color : #0000FF;
 font-size : 12px;
 text-decoration : none;
}

a:hover {
 color : #888888;
 font-size : 12px;
 text-decoration : none;
}