@charset "utf-8";
body {
    background: none repeat-x scroll 0 0 #A7A6A0;
    color: #000000;
    font: 100% Verdana,Arial,Helvetica,sans-serif;
    margin: 0;
    padding: 0;
    text-align: center;
}
.myPage #container_hor {
    border: 1px solid #0000FF;
    display: table;
    height: 100%;
    left: 0;
    margin: 0;
    padding: 0;
    position: fixed;
    top: 0;
    width: 100%;
}
.myPage #container_ver {
    display: table-cell;
    vertical-align: middle;
    width: 900px;
}
.myPage #mainContent {
    background-color: #424242;
    background-image: url("image/area_shadow.png");
    background-position: 0 635px;
    background-repeat: repeat-x;
    height: 700px;
    overflow: hidden;
    position: relative;
    width: 900px;
	border-radius: 10px;
	-webkit-box-shadow: 1px 2px 38px -2px rgba(0,0,0,0.75);
-moz-box-shadow: 1px 2px 38px -2px rgba(0,0,0,0.75);
box-shadow: 1px 2px 38px -2px rgba(0,0,0,0.75);
}
.myPage #menueContent {
    bottom: 0;
    height: 50px;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    width: 901px;
}
.myPage #menueContent span {
    z-index: 10;
}
.myPage #menueContent span a {
    z-index: 20;
}
.myPage #menueContent #menueBox {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: inline-block;
    float: left;
    height: 50px;
    margin: 0;
    padding: 0;
}
.myPage #menueContent #BoxLeft, .myPage #menueContent #BoxRight {
    background: url("image/menue_std.jpg") repeat-x scroll 0 0 #515151;
    display: inline;
    float: left;
    height: 50px;
    margin: 0;
    padding: 0;
    width: 50px;
}
.myPage #menueContent #menueBox div.subMenue {
    background-image: none;
    display: inline-block;
    height: 50px;
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 0;
}
.myPage #menueContent #menueBox #refMenue #subshadow {
    background: url("image/subshadow.png") no-repeat scroll left top rgba(0, 0, 0, 0);
    height: 300px;
    position: absolute;
    right: -35px;
    top: 0;
    width: 35px;
}
.myPage #menueContent #menueBox #refMenue {
    background-color: #999999;
    background-image: url("image/area_shadow.png");
    background-position: 0 150px;
    background-repeat: repeat-x;
    display: block;
    height: 300px;
    left: -10%;
    padding: 5px 0 0;
    position: absolute;
    text-align: left;
    width: 120%;
}
.myPage #menueContent #menueBox #refMenue a {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    height: 24px;
    margin: 0;
    padding: 0;
    width: 100%;
}
.myPage #menueContent #menueBox #refMenue a.active {
    background: url("image/sub_active.png") no-repeat scroll right center #666666;
    cursor: default;
}
.myPage #menueContent #menueBox #refMenue a.active:hover {
    background: url("image/sub_active.png") no-repeat scroll right center #666666;
}
.myPage #menueContent #menueBox #refMenue a.active span, .myPage #menueContent #menueBox #refMenue a.active:hover span {
    color: #CCCCCC;
}
.myPage #menueContent #menueBox #refMenue a span {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #333333;
    display: block;
    font-size: 12px;
    font-weight: bold;
    height: auto;
    margin: 0;
    padding: 4px 0 2px 10px;
}
.myPage #menueContent #menueBox #refMenue a:hover {
    background: none repeat scroll 0 0 #8D8B8B;
}
#menueBox span {
}
.myPage #menueContent #menueBox #refMenue a:hover span {
}
.myPage #menueContent #menueBox div {
    background: url("image/menue_std.jpg") repeat-x scroll 0 0 ;
    display: inline-block;
    height: 50px;
    margin: 0;
    padding: 0;
    position: relative;
}
.myPage #menueContent #menueBox div.m_active {
    background: url("image/menue_active.GIF") no-repeat scroll center top;
	background-color:rgba(0, 0, 0, 0);
    display: inline-block;
    height: 50px;
    margin: 0;
    padding: 0;
    position: relative;
}
.myPage #menueContent #menueBox div a {
    background-color: #515151;
    color: #8E8E8E;
    display: inline-block;
    font-family: Tahoma,Geneva,sans-serif;
    font-size: 20px;
    height: 50px;
    margin: 12px 0 0;
    padding: 0 20px 30px;
    text-decoration: none;
}
.myPage #menueContent #menueBox div a:hover {
    color: #CCCCCC;
}
.myPage #menueContent #menueBox div.m_active a, .myPage #menueContent #menueBox div.m_active a:hover {
    color: #FEA700;
}
.myPage #contforsubMenue {
    height: 30px;
    padding-top: 30px;
    width: 100%;
}
.myPage #sub_menueContent {
    height: 30px;
    left: 235px;
    margin: 0 auto;
    padding: 0;
    position: absolute;
    top: 17px;
    width: auto;
}
#sub_menueContent #Sub_sub_menueContent {
    height: 20px;
    left: 40px;
    margin: 0 auto;
    padding: 0;
    position: absolute;
    top: 22px;
}
#Sub_sub_menueContent {
    height: 23px;
    left: 0;
    margin: 0 auto;
    padding: 0;
    position: absolute;
    top: -27px;
}
#Sub_sub_menueContent ul {
    height: 20px;
    list-style: none outside none;
    margin-top: 0;
    padding: 0;
    width: 550px;
}
#Sub_sub_menueContent ul li a div {
    height: 14px;
    overflow: hidden;
    padding-top: 2px;
}
#Sub_sub_menueContent ul li:hover a div {
    overflow: visible;
}
#Sub_sub_menueContent ul li a {
    padding-left: 20px;
    padding-right: 20px;
}
#Sub_sub_menueContent ul li div {
    padding-top: 2px;
}
#Sub_sub_menueContent ul li:hover {
    background-position: -2px center;
    border-bottom: 1px solid #8E8E8E;
    height: 20px;
    margin-top: -4px;
}
#Sub_sub_menueContent ul li.sub_active {
    background-image: none;
    border-bottom: 1px solid #515151;
    height: 21px;
    margin-top: -5px;
    padding-left: 20px;
    padding-right: 20px;
}
#submenueContainer {
    background-color: #515151;
    border-bottom: 2px solid #8E8E8E;
    cursor: default;
    height: 20px;
    left: 0;
    padding-bottom: 10px;
    position: absolute;
    top: 0;
    width: 100%;
}
#submenueContainer span.left, #submenueContainer span.rgt {
    font-family: Tahoma,Geneva,sans-serif;
    font-size: 18px;
    height: 20px;
    line-height: 100%;
    padding: 0;
    position: absolute;
    top: 6px;
}
#submenueContainer span.left {
    color: #8E8E8E;
    left: 6px;
}
#submenueContainer span.rgt {
    color: #FEA700;
    right: 10px;
}
p.fText {
    color: #AEAEAE;
    font-family: Tahoma,Geneva,sans-serif;
    font-size: 14px;
    left: 0;
    padding-left: 200px;
    padding-right: 200px;
    position: absolute;
    text-align: left;
    top: 220px;
}
#bLogo {
    height: auto;
    margin-top: 60px;
    width: 300px;
}
#goBut {
    height: auto;
    margin-bottom: 60px;
    width: 30px;
}
.myPage #sub_menueContent ul {
    height: 20px;
    list-style: none outside none;
    margin-top: 0;
    padding: 0;
    width: auto;
}
#sub_menueContent #Sub_sub_menueContent ul {
    height: 20px;
    list-style: none outside none;
    margin-top: 0;
    padding: 0;
    width: 400px;
}
.myPage #menueContent ul li#logo img {
    margin-right: 40px;
    margin-top: -70px;
}
.myPage #sub_menueContent ul li {
    background-repeat: no-repeat;
    color: #CCB2CC;
    cursor: default;
    display: inline;
    float: left;
    font-family: Tahoma,Geneva,sans-serif;
    font-size: 20px;
    height: 26px;
    margin: 0;
    padding: 0;
    position: relative;
    text-align: left;
}
.myPage #sub_menueContent ul li:hover a {
    color: #BFAABF;
}
#sub_menueContent #Sub_sub_menueContent ul li {
    background-repeat: no-repeat;
    color: #DFC6DF;
    cursor: default;
    display: inline;
    float: left;
    font-family: Tahoma,Geneva,sans-serif;
    font-size: 16px;
    height: 26px;
    margin: 0;
    padding: 0;
    position: relative;
    text-align: left;
}
#page1 {
    font-family: Tahoma,Geneva,sans-serif;
    font-size: 22px;
}
.myPage #menueContent ul li.space, .myPage #Sub_sub_menueContent ul li.space {
    width: 20px;
}
.myPage #sub_menueContent ul li.space {
    width: 25px;
}
.myPage #sub_menueContent ul li a {
    color: #A097A0;
    display: block;
    height: 16px;
    text-decoration: none;
}
#sub_menueContent #Sub_sub_menueContent ul li a {
    color: #C2B8C2;
    display: block;
    height: 16px;
    text-decoration: none;
}
#Sub_sub_menueContent ul li a {
    color: #C2B8C2;
    display: block;
    height: 14px;
    text-decoration: none;
}
#screen {
    height: 100px;
    margin: 0 auto;
    padding: 0;
    position: relative;
    text-align: center;
    top: 90px;
    width: 640px;
}
#screen #bg_galerie1, #screen #bg_subgalerie {
    background-repeat: no-repeat;
    height: 470px;
    left: 0;
    position: absolute;
    top: -10px;
    width: 670px;
}
#screen #bg_subgalerie {
    left: -112px;
    width: 900px;
}
#screen #bg_galerie2 {
    background-repeat: no-repeat;
    height: 100px;
    left: -120px;
    position: absolute;
    top: 390px;
    width: 900px;
}
#tb_illu, #tb_www, #tb_index {
    left: 0;
    position: absolute;
    top: 0;
}
#tb_www {
}
#tb_www ul li {
    background-position: 0 10px;
    background-repeat: no-repeat;
    display: block;
    float: left;
    height: 168px;
    margin: 0;
    padding: 0;
    width: 168px;
}
#tb_www ul li a {
    background-repeat: no-repeat;
    display: block;
    height: 168px;
    width: 168px;
}
#tb_www ul li a:hover {
    background-image: url("image/mark.png");
}
#tb_www ul #rakuku a:hover, #tb_www ul #giesselmanns a:hover {
    background-image: url("image/mark_w.png");
}
#tb_www ul #openlotus {
    background-image: url("image/openlotus.jpg");
}
#tb_www ul #matoart {
    background-image: url("image/matoart.jpg");
}
#tb_www ul #mentalis {
    background-image: url("image/mentalis.jpg");
}
#tb_www ul #rakuku {
    background-image: url("image/rakuku.jpg");
}
#tb_www ul #wt-design {
    background-image: url("image/wt-design.jpg");
}
#tb_www ul #giesselmanns {
    background-image: url("image/giesselmanns.jpg");
}
#tb_www ul #fp {
    background-image: url("image/fp.jpg");
}
#top_shadow {
    background-image: url("image/top_shadow.png");
    height: 20px;
    left: 20px;
    position: absolute;
    top: -20px;
    width: 860px;
}
#left_shadow {
    background-image: url("image/left_shadow.png");
    height: 660px;
    left: -20px;
    position: absolute;
    top: 20px;
    width: 20px;
}
#right_shadow {
    background-image: url("image/right_shadow.png");
    background-repeat: repeat-y;
    height: 660px;
    position: absolute;
    right: -20px;
    top: 20px;
    width: 20px;
}
#bottom_shadow {
    background-image: url("image/bottom_shadow.png");
    bottom: -20px;
    height: 20px;
    left: 20px;
    position: absolute;
    width: 860px;
}
#top_rgtcorner_shadow {
    background-image: url("image/top_rgtcorner_shadow.png");
    height: 20px;
    position: absolute;
    right: -20px;
    top: -20px;
    width: 40px;
}
#top_lfttcorner_shadow {
    background-image: url("image/top_lftcorner_shadow.png");
    height: 20px;
    left: -20px;
    position: absolute;
    top: -20px;
    width: 40px;
}
#right_topcorner_shadow {
    background-image: url("image/right_topcorner_shadow.png");
    height: 20px;
    position: absolute;
    right: -20px;
    top: 0;
    width: 20px;
}
#right_bottomcorner_shadow {
    background-image: url("image/right_bottomcorner_shadow.png");
    bottom: 0;
    height: 20px;
    position: absolute;
    right: -20px;
    width: 20px;
}
#bottom_rgtcorner_shadow {
    background-image: url("image/bottom_rgtcorner_shadow.png");
    bottom: -20px;
    height: 20px;
    position: absolute;
    right: -20px;
    width: 40px;
}
#left_topcorner_shadow {
    background-image: url("image/left_topcorner_shadow.png");
    height: 20px;
    left: -20px;
    position: absolute;
    top: 0;
    width: 20px;
}
#bottom_lfttcorner_shadow {
    background-image: url("image/bottom_lfttcorner_shadow.png");
    bottom: -20px;
    height: 20px;
    left: -20px;
    position: absolute;
    width: 40px;
}
#left_bottomcorner_shadow {
    background-image: url("image/left_bottomcorner_shadow.png");
    bottom: 0;
    height: 20px;
    left: -20px;
    position: absolute;
    width: 20px;
}
.link_submenue {
    color: #7A6B7A;
    text-decoration: none;
}
#mailme {
    color: #fff;
    text-decoration: none;
    width: auto;
}
#mailme:hover {
    color: #FFFFFF;
	    text-decoration: underline;
}
.myPage #mainContent a.img_welcome {
    background-image: url("image/finger.png");
    border: medium none;
    color: #000000;
    display: block;
    font-family: Tahoma,Geneva,sans-serif;
    font-size: 22px;
    height: 85px;
    padding-top: 40px;
    text-decoration: none;
    width: 87px;
}
.myPage #mainContent p.welcome {
}
.myPage #mainContent a.img_welcome:hover {
    color: #FFFFFF;
}
#viewing {
    color: #515151;
    font-size: 12px;
    position: absolute;
    right: 0;
    text-align: left;
    top: 10px;
}
#viewing p {
    line-height: 100%;
    margin: 0 0 5px;
    padding: 0;
    text-align: left;
}
ul.i_list {
    list-style: none outside none;
    margin: 0 auto;
    padding: 0;
}
ul.i_list li {
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
    display: block;
    float: left;
    height: 62px;
    margin: 0 10px 0 0;
    padding: 0;
    width: 62px;
}
ul.i_list li.active {
    background-color: #FF00FF;
}
ul.i_list li img {
    margin: 0;
    padding: 1px;
}
ul.i_list li:hover {
    background-color: #FF00FF;
}
#screen div.hd_ready {
    height: 380px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 640px;
}
#refBtn {

    background-color: #FF0000;
    bottom: 0;
    color: #FFFFFF;
    cursor: pointer;
	height:20px;
    position: absolute;
    right: 0;
    width: auto;
	top:-25px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	padding: 5px 20px 0 10px;
-moz-border-radius:6px 0 0 0; /* Firefox */
-webkit-border-radius:6px 0 0 0; /* Chrome, Safari */
-khtml-border-radius:6px 0 0 0; /* Konqueror */
border-radius:6px 0 0 0; /* CSS3 */
behavior:url(border-radius.htc); /* Internet Explorer */
}
#refTab tr td.refTabRow1, #refTab tr td.refTabRow2, #refTab tr td.refTabRowTitel {
    font-weight: bold;
    padding: 5px 20px 0 0;
    vertical-align: top;
}
#refTab tr td.refTabRowTitel {
    font-weight: 100;
}
#refTab tr td.refTabRow2 {
    color: #000000;
    font-weight: 100;
}
#refTab tr td.refTabRow2 a, #refTab tr td.refTabRowTitel a {
    color: #ff0000;
    display: inline-block;
    margin-left: -2px;
    padding: 2px;
    text-decoration: none;
	font-weight:bold
}
#refTab tr td.refTabRow2 a:hover, #refTab tr td.refTabRowTitel a:hover {
    background-color: #585858;
    color: #FFFFFF;
}
#aniText {
    line-height: 200%;
    text-align: left;
}
#aniText li {
    color: #2d2d2d;
}
#aniText li span {
    color: #9E9E9E;
}
.tvimg {
    height: 370px;
    left: 95px;
    position: absolute;
    top: 38px;
    width: 430px;
}
.opacity {
    opacity: 0;
}
#shdCont {
    height: 700px;
    margin: auto;
    position: relative;
    width: 900px;
}


ul.typolist {
}
	
ul.typolist li {
	line-height:120%;
	margin-bottom:10px;
}