html {
margin:0 auto;
}
body {
padding-top:20px;
margin:0;
background-color:#a8aaad;
background:url('images/kotostar_back.jpg');
background-repeat:no-repeat;
background-position:center; 
color: #000;
}
.clear {
margin: 0;
clear: both;
}

img{
border: 0px;
}

td{
padding:0;
margin:0;
}
tr{
padding:0;
margin:0;
}
th{
padding:0;
margin:0;
}
table{
padding:0;
margin:0;
}


/************ start of menu *************/
.menu {
padding-top:50px;
padding-left:60px;
margin:0;
font-weight: normal; 
width:700px; 
font-size:0.95em;
text-align:left;
text-decoration: none;
}
.menu ul {
padding:0; 
margin:0;
list-style-type: none;
}
.menu ul li {
float:left;
position:relative;
}
.menu ul li a, .menu ul li a:visited {
padding: 0.75em 0.75em;
background-color: #FFFFFF;
color: #000000;
text-decoration: none;
font-family: 'times new roman', times, serif;
float: left;
font-size:0.95em;
}
.menu ul li a:hover {
text-decoration: none;
}

.menu ul li ul {
display: none;
}
table {
margin:-1px; 
border-collapse:collapse;
font-size:1em;
}

/* specific to non IE browsers */
.menu ul li:hover a,
.menu ul li a:hover {
color:#ff3333; 
background:#bfc0c1;
}

.menu ul li:hover ul,
.menu ul li a:hover ul {
display:block; 
position:absolute; 
top:2.25em;
margin-top:0;
left:0; 
width:150px;
text-decoration: none;
}
* html .menu ul li a:hover ul {
margin-top:0;
marg\in-top:0;
}

.menu ul li:hover ul li ul,
.menu ul li a:hover ul li a ul {
visibility:hidden; 
position:absolute; 
height:0; 
width:0;
}

.menu ul li:hover ul li a,
.menu ul li a:hover ul li a {
display:block; 
background:#b2b4b5; 
color:#fff; 
height:auto; 
line-height:1.2em; 
padding:5px 10px; 
width:129px
}
* html .menu ul li a:hover ul li a {
width:129px;
w\idth:129px;
}

.menu ul li:hover ul li a.drop,
.menu ul li a:hover ul li a.drop {
background:#bfc0c1;
border-style:dotted;
border-width: 0px;
}

.menu ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover {
background:#bfc0c1; 
color:#fff;

}

.menu ul li:hover ul li:hover ul,
.menu ul li a:hover ul li a:hover ul {
visibility:visible; 
position:absolute; 
left:149px; 
top:0;
width:150px;
}

.menu ul li:hover ul li:hover ul.left,
.menu ul li a:hover ul li a:hover ul.left {
left:-750px;
}
/************ end of menu *************/

/************ wrap1 *************/
#wrap1{
width: 814px;
height: 100%;
margin:0 auto;
padding:0;
background: url('images/backtop.png') repeat-y; 
}

/************ wrap2 *************/
#wrap2{
width: 814px;
height: 6px;
margin:0 auto;
padding:0;
background: url('images/backtop3.png') repeat-x; 
}
/************ wrap3 *************/
#wrap3{
width: 814px;
height: 6px;
margin:0 auto;
padding:0;
background: url('images/backbot.jpg');
background-repeat: no-repeat; 
background-position: top center;
}
/************ box1 *************/
#box{
width:800px;
height: 100%;
margin:0 auto;
padding:0;
background:url('images/koto_logo.gif') no-repeat top right; 

}

#box p{
font-size:0.95em;
margin:0;
padding-top:10px;
color:#000;
font-family:'Arial', Helvetica, sans-serif;
text-align:left;
}

#box h1{
font-size:1.8em;
margin:0;
padding-left:60px;
padding-top:20px;
color:#999;
font-family: 'times new roman', times, serif;
font-weight: normal;
text-align:left;
}


#box a:link, a:visited {
font-size:0.95em;
text-decoration: none;
border: none;
color: #1c2630;
font-family: "Arial, Helvetica, sans-serif";
}

#box a:hover {
font-size:0.95em;
text-decoration: none;
border: none;
color: #f37709;
}

/************ end of box1 *************/
#box2{
width: 800px;
height: 40px;
text-align:center;
margin:0 auto;
padding-top:20px;
font-family: 'Times New Roman', Times, serif;
}

#box2 a:link, a:visited {
font-size:1em;
text-decoration: none;
border: none;
color: #999;
font-family: 'Times New Roman', Times, serif;
padding:0;
margin:0;

}
#box2 a:hover {
text-decoration: underline;
border: none;
padding:0;
margin:0;
color: #f37709;
font-family: 'Times New Roman', Times, serif;
}
#box2 p{
font-size: 0.95em;
margin:0;
color:#999;
font-family: 'Times New Roman', Times, serif;
font-weight: normal;
}



/************ end of box2 *************/



/************ frap start *************/
#frap{
padding-left:45px
}
/************ frap ends *************/

/************ frap2 start *************/
#frap2{
height:180px
}
/************ frap ends *************/


/************ f1 start *************/
.f1{
float:left;
width: 225px;
padding:10px 0px 0px 15px;
text-align:left;
font-family: 'Arial', Helvetica, sans-serif;
font-size: 0.8em;
}
.f1 a{
text-align:left;
font-size:0.95em;
color: #1c2630;
padding:0;
margin:0;
}
.f1 a:link, a:visited{
font-size:0.95em;
}
/************ f1ends *************/

/************ f2 start *************/
.f2{
float:left;
width: 210px;
border: solid 1px #999;
padding:10px;
margin:10px 0px 0px 5px;
font-family: 'Times New Roman', Times, serif;
font-size: 0.8em;
}
.f2 img{
text-align:center;
border: 0px;
}

.f2 h3{
font-size:0.9em;
text-align:left;
padding-bottom:7px;
margin:0;
}

.f2 a{
text-align:left;
font-size:0.85em;
color: #1c2630;
padding:0;
margin:0;
}

.f2 a:link, a:visited {
text-align:left;
font-size:0.95em;
text-decoration: none;
border: none;
color: #1c2630;
font-family: 'Arial', Helvetica, sans-serif;

}
.f2 a:hover {
text-decoration: underline;
color: #1c2630;
border: none;
}

.f2 p{
text-align:left;
font-family:'Arial', Helvetica, sans-serif;
font-size:0.85em;
padding:0;
margin:0;
}

/************ f2ends *************/

/************ f3 start *************/
.f3{
float:left;
width: 235px;
}
/************ f3ends *************/

/************ f4 start *************/
.f4{
float:left;
width: 670px;
padding-left:60px;
padding-top:20px;
font-family: 'Times New Roman', Times, serif;
font-size: 0.8em;
}
.f4 h2{
font-size:1.4em;
margin:0;
padding-top:10px;
padding-bottom:15px;
color:#999;
font-family: 'times new roman', times, serif;
font-weight: normal;
text-align:left;
}
.f4 h3{
font-size:1.2em;
margin:0;
padding-top:15px;
padding-bottom:5px;
color:#999;
font-family: 'times new roman', times, serif;
font-weight: normal;
text-align:left;
}
.f4 h4{
font-size:0.6em;
margin:0;
padding-top:5px;
padding-bottom:15px;
color:#999;
font-family: 'times new roman', times, serif;
font-weight: normal;
text-align:left;
}
.f4 ul{
text-align:left;
font-family:'Arial', Helvetica, sans-serif;
padding-left:20px;
padding-bottom:20px;
margin:0;
}
.f4 li{
padding-top:10px;
}
.f4 p{
padding-top:10px;
}

/************ f4 start *************/
/************ f5 start *************/
.f5{
float:right;
border: 0px;
}
/************ f5ends *************/
/************ f6 start *************/
.f6{
float:left;
}
.f6 h2{
font-family: 'Times New Roman', Times, serif;
font-size:4em;
margin:0;
letter-spacing: 0.08em;
padding-left:60px;
padding-top:50px;
color:#999;
font-weight: normal;
text-align:left;
}