/* ++
-----------------------------------------------------------------------*/

* {
   margin: 0px;
   padding: 0px;
   -moz-box-sizing:border-box;
   box-sizing:border-box;
}

body{
   padding: 0px;
   margin: 0px;
   text-align:center;
}
table,img{
   margin: 0px;
   padding: 0px;
   border: none;
   border-style: none;
}
td{
   padding: 0px;
   vertical-align: top;
   font-size:9pt;
   line-height:180%;
   letter-spacing:0.1em;
}
a:link {color:#2C3BA0;
   text-decoration:none;}
a:visited {color:#FF9900;
   text-decoration:none;}
a:hover {text-decoration:underline;
   color:#FF9900;}
a:active {color:#FF9900;}
h1 {font-size:9pt;color:#333333;font-weight:normal;margin-bottom:0px;}
h2 {font-size:9pt;color:#333333;font-weight:normal;margin-bottom:0px;}
h3 {font-size:9pt;color:#333333;font-weight:normal;margin-bottom:0px;}
#main { margin: 0 auto; padding: 0; width: 800px; vertical-align: top }
ul {
	margin:0;
	padding:0;
	list-style-type:none;
	}
	
li {
	margin:0;
	padding:0;
	}
#contents {
   width:800px;
   background-color:#FFFFFF;}
#contents td.home     { text-align: center; padding-bottom: 5px; width: 210px; height: 17px }
#contents td.menu   { width: 210px; height: 12px }
#contents td.menu2   { background-image: url("img/menu_back.gif"); background-repeat: repeat-y; width: 210px }
#contents td.main     { padding-bottom: 50px; padding-left: 20px }
#contents td.footer  { color: #fff; font-size: 70%; background-color: #1e0a7b; text-align: center; letter-spacing: normal; width: 800px; height: 18px }

/*INFORMATION
-----------------------------------------------------------------------*/
#mtable  { width: 570px }
#mtable td.link  { color: #fff; font-size: 95%; line-height: 17px; background-color: #810164; text-align: right; padding-right: 10px }
#mtable td.stitle { padding-top: 10px; padding-bottom: 10px }
#mtable td.lineup  { background-image: url("img/line_up.gif"); background-repeat: no-repeat; width: 6px; height: 3px }
#mtable td.linecross  { background-image: url("img/line_cross.gif"); background-repeat: no-repeat; width: 6px; height: 3px }
#mtable td.liney  { background-image: url("img/line_y.gif"); background-repeat: repeat-y; width: 6px }
#mtable td.linex  { background-image: url("img/line_x.gif"); background-repeat: repeat-x; height: 3px }
#mtable td.linedown  { background-image: url("img/line_down.gif"); background-repeat: no-repeat; width: 6px; height: 3px }
#mtable td.block      { text-align: right; width: 40px; vertical-align: top }
#mtable td.block3 { color: #810164; font-size: 11px; font-family: Arial; font-stretch: extra-condensed; padding-left: 5px; width: 240px; vertical-align: top }
#mtable td.block2      { padding-top: 2px }
#mtable td.con    { font-size: 65%; font-family: Arial; font-stretch: extra-condensed; padding: 2px 5px; width: 330px; vertical-align: top }
#mtable td.con2    { font-size: 65%; font-family: Arial; font-stretch: extra-condensed; padding-left: 5px }
#mtable td.pagetop { font-family: Arial; font-stretch: extra-condensed; text-align: right; padding-top: 15px; padding-right: 10px }
.purple  { color: #810164 }

/*LINEUP
-----------------------------------------------------------------------*/
ul#lineup01{
    list-style:none;
    width:100%;
    padding-left:0;
    margin-left:0;
}
ul#lineup01 li{
    width:158px;
    list-style:none;
    float:left;
}
ul#lineup01 a { background-image: url("img/button_eng_01.jpg"); display: block; width: 158px; height: 149px }
#lineup01 a span{display:none;} 
a.eng01{
    background-position:0px 0px;
}
a:hover.eng01{
    background-position:0px -149px;
}
a.eng02{
    background-position:-158px 0px;
}
a:hover.eng02{
    background-position:-158px -149px;
}

ul#lineup02{
    list-style:none;
    width:100%;
    padding-left:0;
    margin-left:0;
}
ul#lineup02 li{
    width:158px;
    list-style:none;
    float:left;
}
ul#lineup02 a { background-image: url("img/button_eng_02.jpg"); display: block; width: 158px; height: 149px }
#lineup01 a span{display:none;} 
a.eng01{
    background-position:0px 0px;
}
a:hover.eng01{
    background-position:0px -149px;
}
a.eng02{
    background-position:-158px 0px;
}
a:hover.eng02{
    background-position:-158px -149px;
}
a.eng03{
    background-position:-316px 0px;
}
a:hover.eng03{
    background-position:-316px -149px;
}

/*PHILOSOPHY
-----------------------------------------------------------------------*/
#mtable_c { text-align: center; margin-top: 10px; width: 570px; vertical-align: top }
#t_mini { font-size: 80%; font-family: Arial; width: 550px; vertical-align: top }
#t_mini td.pagetop { text-align: right }

.level01 {
background-image: url("img/li.gif");
background-repeat: repeat-x;
height: 2px
}

.level02 {
font-size: 75%;
font-family: Arial;
color: #AC6A27;
}

.level03 {
background-image: url("img/li.gif");
background-repeat: repeat-x;
height: 1px
}

.level04 {
font-size: 75%;
font-family: Arial;
color: #000000;
}

.level05 {
background-image: url("img/waku02.gif");
background-repeat: repeat-y;
}

.level06 {
background-image: url("img/waku12.gif");
background-repeat: repeat-y;
}

.level07 {
font-size: 75%;
font-family: Arial;
color: #810164;
}

.level08 {
font-size: 80%;
font-family: Arial;
color: #000000;
}

.level09 {
	position: absolute;
	top: auto;
	right: 0px;
	bottom: 0px;
	left: 0px;
}

.level10 {
font-size: 75%;
font-family: Arial;
color: #AC6A27;
line-height: 12px
}

.level11 {
font-size: 75%;
font-family: Arial;
color: #810164;
}

.level12 {
background-image: url("img/li01.gif");
background-repeat: repeat-x;
height: 1px
}

.level13 {
font-size: 80%;
font-family: Arial;
color: #AC6A27;
}

.level14 { 
color: #fff; 
font-size: 80%;
background-color: #810164;
}

.level15 {
font-size: 80%;
font-family: Arial;
color: #810164;
}

.level16 {
background-image: url("img/process02.gif");
background-repeat: repeat-x;
height: 1px
}

.level17 {
background-image: url("img/process02.gif");
background-repeat: repeat-y;
width: 1px
}

.level18 {
background-image: url("img/process03.gif");
background-repeat: repeat-x;
height: 4px
}

.level19 {
background-image: url("img/tw02.gif");
background-repeat: repeat-x;
}

.level20 {
background-image: url("img/tw07.gif");
background-repeat: repeat-x;
}

.level21 {
background-image: url("img/tw04.gif");
background-repeat: repeat-y;
}
.level22 {
background-image: url("img/tw05.gif");
background-repeat: repeat-y;
}

.level23 {
background-image: url("img/tto03.gif");
background-repeat: repeat-x;
}

.level24 {
background-image: url("img/tto06.gif");
background-repeat: repeat-x;
}

.level25 {
background-image: url("img/tto04.gif");
background-repeat: repeat-y;
}

.level26 {
background-image: url("img/tto03.gif");
background-repeat: repeat-y;
}

.level27 {
font-size: 80%;
font-family: Arial;
color: #ffffff;
}

.level28 {
font-size: 90%;
font-family: Arial;
color: #810164;
}

.level29 {
background-image: url("img/tenli.gif");
background-repeat: repeat-x;
}