html{
background:url(../img/ayabg.gif);

}
body {
    background-image:url(../img/ayabgbig_main_g.gif);
    background-position:center;
    background-repeat:repeat-y;
    background-color: transparent;
	background-attachment: scroll;
    color:#5c5c4e;
    font-size:0.82em;
    margin:0;
	padding:0;
    }
	
#bgimg{
    /*background-image:url(../img/ayabgbig_g.gif);
	background-attachment:scroll;
	background-position:top center;
	background-repeat:no-repeat;
	background-color: transparent;*/
    margin:0 auto;
}

#main_content {
    width:800px;
    margin: 0 auto;

    }
h2 {
	/*color: #5c5c4e;*/
	color: #003333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.8em;
	font-weight:bold;
	font-style:italic;
}

h5{font-size:1.2em;
    font-weight:bold;
	margin:0;
	padding:0;}
	

h3{
    font-size:1.1em;
    font-weight:bold;}	
h4{
    font-size:1em;
    font-weight:bold;}		

img {
    border:0;
	vertical-align:middle;
    }

a:link {
	color:#ce8d0f;
	text-decoration:none;
}
a:visited {
	text-decoration: none;
	color: #c0830d;
}
a:hover {
	text-decoration: none;
	color: #c0830d;
}
	
#content_area {
    margin:0 auto;
    text-align: left;
    width: 800px;
	height: 100%;
	clear: both;
    }
#header{
    height:411px;
	margin: 0 auto;
	padding:0px;
}	
#secheader{
    height:129px;
	margin: 0 auto;
	padding:0px;
	background-image:url(../img/header2.jpg);
	background-repeat:no-repeat;
}	
.header{
margin-left:492px;
}

.headright{
float:right;
width:308px;}
span.header{
color:#FFFFFF;
margin-left:520px;}
span.header a:link {color:#FFFFFF; text-decoration:underline;}
span.header a:visited{color:#FFFFFF; text-decoration:underlin}

#content{
    width: 800px;
	height: auto;
	margin: 0 auto;
	background-image:url(../img/kami_bg.gif);
	background-repeat:repeat-y;
	padding:0px;
}

#content{
    width: 800px;
	height: auto;
	margin: 0 auto;
	background-image:url(../img/kami_bg.gif);
	background-repeat:repeat-y;
	padding:0px;
}

p.index{
	padding:28px;}
.clearfloat{
clear:both;
display: inline-block;
}

	
/* menu-----------------------------------------------------------------*/	

#menu{
	background:url(../img/kamiki_menu.gif) no-repeat;
	width: 800px;
	height:44px;
	text-align:left;
	padding:0;
	margin:0;}
#mainnavi li { 
    display: inline;
}	
ul#navigation {
	position: relative;
	width: 800px;
	margin: 0;
	height: 44px;
	list-style: none;
	overflow: hidden;
	
}

ul#navigation li a {
	height: 44px;
	position: absolute;
	overflow: hidden;
	padding: 44px 0 0 0;
	text-indent: -100em;
	text-decoration: none;
	top: -1px;
	width: 155px;
	margin: 0;
	outline: none;

}

html>body ul#navigation li a{
	height: 0;
}

/*li#top a{ 
	background: transparent url(../img/topmenu.gif) no-repeat 0 0;
	left: 0px;
	}
li#info a{ 
	background: transparent url(../img/infomenu.gif) no-repeat 0 0;
	left: 54px;
	}
li#aya a{ 
	background: transparent url(../img/ayamenu.gif) no-repeat 0 0;
	left: 165px;
	}
li#disco a{ 
	background: transparent url(../img/discomenu.gif) no-repeat 0 0;
	left: 261px;
	}
li#party a{ 
	background: transparent url(../img/partymenu.gif) no-repeat 0 0;
	left: 371px;
	}	
li#watch a{ 
	background: transparent url(../img/watchmenu.gif) no-repeat 0 0;
	left: 371px;
	}	
li#request a{ 
	background: transparent url(../img/requestmenu.gif) no-repeat 0 0;
	left: 507px;
	}	
li#contact a{ 
	background: transparent url(../img/contactmenu.gif) no-repeat 0 0;
	left: 591px;
	}	
li#link a{ 
	background: transparent url(../img/linkmenu.gif) no-repeat 0 0;
	left: 667px;
	}*/		
	
li#top a{ 
	background: transparent url(../img/topmenu.gif) no-repeat 0 0;
	left: 45px;
	}
li#info a{ 
	background: transparent url(../img/infomenu.gif) no-repeat 0 0;
	left: 130px;
	}
li#aya a{ 
	background: transparent url(../img/ayamenu.gif) no-repeat 0 0;
	left: 260px;
	}
li#disco a{ 
	background: transparent url(../img/discomenu.gif) no-repeat 0 0;
	left: 380px;
	}	
li#watch a{ 
	background: transparent url(../img/watchmenu.gif) no-repeat 0 0;
	left: 520px;
	}		
li#link a{ 
	background: transparent url(../img/linkmenu.gif) no-repeat 0 0;
	left: 687px;
	}
	
li#top a:hover, 
li#info a:hover, 
li#aya a:hover,
li#disco a:hover,
li#party a:hover,
li#watch a:hover,
li#request a:hover,
li#contact a:hover, 
li#link a:hover{ 
	background-position: 0px -45px;
	}


/* what's new-----------------------------------------------------------------*/


#new{
overflow: hidden;
width:773px;
height:auto;
margin-top:13px;
margin-left:27px;}
#whatnew{
    background-color:#efefe2;
	margin-top:13px;
    width:414px;
    height:auto;
	float:left;


}
.newbg{
    padding:16px;}
.new{
    line-height:150%;
	font-size:x-small;
	}
.newicon{
    margin-right:2px;}
#whatnewright{
width:344px;
padding:0px;
float:right;}	
table.s {
    width:330px;
	border-width: 0px;
	border-spacing: 3px;
	border-style: none;
	border-color: white;
	border-collapse: separate;
	background-color: white;

}
table.s th {
	border-width: 0px;
	padding: 0px;
	border-style: none;
	border-color: white;
	background-color: white;

}
table.s td {
	border-width: 0px;
	padding: 0px;
	border-style: none;
	border-color: white;
	background-color: white;

}
.login{
color:#5c5c4e;
font-size:x-small;
}
.form {
    border-width:1px;
    border-color:#cccccc;
	border-style:solid;
	color:#5c5c4e;
	background:#ffffff;
	width:310px;
}
/* what's new-----------------------------------------------------------------*/

/* info-----------------------------------------------------------------*/
#info{
width:626px;
height:auto;
margin:30px 87px 87px 87px;
line-height:1.5em;}
#infocontents{
    width:542px;
    height:auto;
	padding:42px;


}
.newbg{
    padding:16px;}
.new{
    line-height:150%}
.newicon{
    margin-right:2px;}
#info .section{	
background-image:url(../img/line2.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
	padding:0px 0px 0px 15px;
}
#info .section2{	
line-height:1.7em;
padding:0px 0px 0px 15px;	
}
#info .section3{	
    line-height:2.5em;
    margin-top:0px;
	padding:0px 0px 0px 15px;
	text-align:left;
	background-color:#efede4;
	background-image:url(../img/ayabg2.gif);
	background-repeat:repeat;
	border-left:5px #5c5c4e solid;}

.section3 h3 {
color:#996600;}
	
#info .text{	
    line-height:130%;
    margin-top:0px;
	padding:0px 0px 0px 15px;
	text-align:left;}
	
#info .title{
    margin-top:0px;
	padding:0px 0px 0px 15px;
	text-align:left;
	color:#e5a21f;
	font-weight:bold;
	background-color:#efede4;
	background-image:url(../img/ayabg2.gif);
	background-repeat:repeat;}
#info .pict{
float:left;
padding:0px 20px 20px 0px;	}	
#info .jr{
float:right;
padding:0px 20px 20px 0px;	}
span.small{
font-size:0.8em;
/*color:#e5a21f;*/}	
#infomenu{
text-align:right;
　　color: #e5a21f;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight:bold;
	font-style:italic;}
li{
line-height:120%;
margin:0px;
padding:2px;
}
.line{
height:13px;
margin:0px;
padding:0px;}
#info .icon{
padding:2px;
}

#topix {
width:626px;
}
.topixmidle {
height:100%;
background:url(../info/img/topixmidle.png) repeat-y;
margin:0;
padding:0;
}

.topixmidle ul {
margin:0px 0px 0px 40px;
padding:0px 0px 0px 0px;
}
.topixmidle li {
margin:0;
padding:0;
}

.topixmidle h2 {
margin:0px 0px 10px 20px;
padding:0px 0px 0px 0px;
}

.topixtop {
height:20px;
background:url(../info/img/topixtop.png) no-repeat;
margin:0px;
padding:0px;
}

.topixbottom {
height:21px;
background:url(../info/img/topixbottom.png) no-repeat;
margin-bottom:20px;
}
.red {
color:#FF0000;
}
/* info----------------------------------------------------------------*/

/* disco-----------------------------------------------------------------*/
#disco{
width:626px;
height:auto;
margin:30px 87px 87px 87px;
line-height:1.5em;}
#discoimg{
    height:auto;
	padding:0px;
	background-image:url(../img/line.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
	padding:0px 0px 5px 0px;
}
#disco .section{	
background-image:url(../img/line2.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
	padding:0px 0px 0px 15px;
}
#disco .section2{	
line-height:1.7em;
padding:0px 0px 0px 15px;	
}
#disco .section3{	
    line-height:2.5em;
    margin-top:0px;
	padding:0px 0px 0px 15px;
	text-align:left;
	background-color:#efede4;
	background-image:url(../img/ayabg2.gif);
	background-repeat:repeat;
	border-left:5px #5c5c4e solid;}
#disco .title{
    margin-top:0px;
	padding:0px 0px 0px 15px;
	text-align:left;
	color:#e5a21f;
	font-weight:bold;
	background-color:#efede4;
	background-image:url(../img/ayabg2.gif);
	background-repeat:repeat;}

#disco .pict{
float:left;
padding:0px 20px 20px 0px;
	}	
#disco .jr{
float:right;
padding:0px 20px 20px 0px;	}
#discomenu{
　　color: #e5a21f;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight:bold;
	font-style:italic;
	text-align:left;
}

.d{
    padding:4px;
    background-color:#ffffff;
    border-color:#e9e5dc;
    border-width:1px;
    border-style:solid;
	text-align:center;
}
.dbg{
    padding:2px;
	margin:2px;
	float:left;
	text-align:center;
}
.dislogo{
vertical-align:middle;
padding:0px;}
#disco .right{
float:right;
width:440px;}
#disco .left{
width:140px;
float:left;
padding:0px 12px 12px 12px;
text-align:center;}

p.name{
    width:70px;
    margin-top:0px;
	padding:0px 0px 0px 15px;
	color: #353d2e;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight:bold;
	font-style:italic;
	background-color:#efede4;
	background-image:url(../img/ayabg2.gif);
	background-repeat:repeat;
}
#disco .icon{
padding:2px;
}

#disco .section3 a{
color:#5c5c4e;
}
table.d {
    width:600px;
	border-width: 0px;
	border-spacing: 0px;
	border-style: none;
	border-color: white;
	border-collapse: separate;
	background-color: white;
	text-align:left;
	margin:0 auto;

}

table.d td {
	border-width: 0px;
	padding: 0px;
	border-style: none;
	border-color: white;
	background-color: white;

}

/* disco----------------------------------------------------------------*/



/* aya----------------------------------------------------------------*/
#aya{
width:626px;
height:auto;
margin:30px 87px 87px 87px;
line-height:1.5em;}
.ayalogo{
vertical-align:middle;
padding:0px;}
#ayaimg{
    height:auto;
	padding:0px;
	background-image:url(../img/line.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
	padding:0px 0px 5px 0px;
}
#aya .section{	
    background-image:url(../img/line.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
	padding:0px 0px 25px 0px;
}
#aya .section2{	
line-height:2em;
padding:0px;	
}
#aya .section3{	
    line-height:2.5em;
    margin-top:0px;
	padding:0px 0px 0px 15px;
	text-align:left;
	background-color:#efede4;
	background-image:url(../img/ayabg2.gif);
	background-repeat:repeat;
	border-left:5px #5c5c4e solid;}
#aya .title{
    margin-top:0px;
	padding:0px 0px 0px 15px;
	text-align:left;
	color:#e5a21f;
	font-weight:bold;
	background-color:#efede4;
	background-image:url(../img/ayabg2.gif);
	background-repeat:repeat;}

#aya .pict{
float:left;
padding:0px 20px 20px 0px;
	}	
#aya .jr{
float:right;
padding:0px 20px 20px 0px;	}
#ayamenu{
　　color: #e5a21f;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight:bold;
	font-style:italic;
	text-align:left;
}

#aya .right{
float:right;
width:370px;
padding:10px;}
#aya .left{
width:224px;
float:left;
padding:0px 12px 12px 0px;}

#aya .icon{
padding:2px;
}

#aya .section3 a{
color:#5c5c4e;
}


/* aya----------------------------------------------------------------*/


/* party----------------------------------------------------------------*/
#party{
width:626px;
height:auto;
margin:30px 87px 87px 87px;
line-height:1.5em;}
.partylogo{
vertical-align:middle;
padding:0px;}
#partyimg{
    height:auto;
	padding:0px;
	background-image:url(../img/line.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
	padding:0px 0px 5px 0px;
}
#party .section{	
    background-image:url(../img/line.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
	padding:0px 0px 25px 0px;
}
#party .section2{	
line-height:2em;
padding:0px;
}
#party .section3{
    line-height:1.7em;
    margin-top:0px;
	padding:10px;
	text-align:left;}
#party .section4{
    line-height:1.7em;
    margin-top:0px;
	padding:30px;
	text-align:center;}	
#party .title{
    margin:10px;
	padding:15px;
	text-align:left;
	background-image:url(../img/ayabg2.gif);
	background-repeat:repeat;
	font-weight:bold;
	line-height:2em;}

#party .pict{
float:left;
padding:0px 20px 20px 0px;
	}	
#party .jr{
float:right;
padding:0px 20px 20px 0px;	}
#partymenu{
　　color: #e5a21f;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight:bold;
	font-style:italic;
	text-align:left;
}

#party .right{
float:right;
width:313px;
width:310px;	
text-align:center;}
#party .left{
width:313px;
width:310px;		
float:left;
text-align:center;}
#party .fright{
float:right;	
width:230px;	
text-align:center;}
#party .fleft{
width:230px;
float:left;
text-align:center;}

#party .icon{
padding:2px;
}

#party .section3 a{
color:#5c5c4e;
}
table.pform {
    width:550px;
	border-width: 0px;
	border-spacing: 0px;
	border-style: none;
	border-color: white;
	border-collapse: separate;
	text-align:left;
	margin:0 auto;

}

table.pform td {
	border-width: 0px;
	padding: 0px;
	border-style: none;
	border-color: white;

}
#party .form {
    border-width:1px;
    border-color:#cccccc;
	border-style:solid;
	color:#5c5c4e;
	background:#ffffff;
	width:530px;
}
#party .sform {
    border-width:1px;
    border-color:#cccccc;
	border-style:solid;
	color:#5c5c4e;
	background:#ffffff;
	width:300px;
}
#party li{
line-height:1.2em;
margin:0px;
}
ul#party {
	position: relative;
	width: 300px;
	margin: 0;
	list-style: square;
}


/* party----------------------------------------------------------------*/

/* contact----------------------------------------------------------------*/
table.c {
    width:500px;
	border-width: 0px;
	border-spacing: 3px;
	border-style: none;
	border-color: white;
	border-collapse: separate;
	background-color: white;
	

}
table.c td {
	border-width: 0px;
	padding: 0px;
	border-style: none;
	border-color: white;
	background-color: white;
	padding:3px;

}

#contact .form {
    border-width:1px;
    border-color:#cccccc;
	border-style:solid;
	color:#5c5c4e;
	background:#ffffff;
	width:500px;
}
#contact .form_m {
    border-width:1px;
    border-color:#cccccc;
	border-style:solid;
	color:#5c5c4e;
	background:#ffffff;
	width:500px;
	height:100px;
}
#contact{
width:626px;
height:auto;
margin:30px 87px 87px 87px;
line-height:1.5em;
}
.contactlogo{
vertical-align:middle;
background-image:url(../img/line.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
	padding:0px 0px 10px 0px;
	margin:0 auto;}
#contactimg{
    height:auto;
	padding:0px;
	background-image:url(../img/line.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
	padding:0px 0px 5px 0px;
}
#contact .section{	
    background-image:url(../img/line.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
	padding:0px 0px 25px 0px;
	margin-top:5px;
}
#contact .form_b {
    border-width:0px 1px 1px 0px;
    border-color:#ffffff;
	border-style:solid;
	color:#000000;
	background:#ecebd3;
	padding:1px;
	margin:2px;
}
#contact span.link{
	color: #5c5c4e;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight:bold;
	font-style:italic;
	line-height:0.7em;
	padding:10px;
}
#contact li{list-style:square;
}
#contact .sec{	
width:616px;
height:auto;
margin:0px 0px 174px 0px;
text-align:center;
padding:5px;
}
#contact .seclin{	
    background-image:url(../img/line.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
	padding:5px;
	width:616px;
height:auto;
margin:30px 0px 87px 0px;
text-align:left;
}
#contact .contactmessage{
padding:0px;
text-align:center;
margin-top:10px;
}

/* contact----------------------------------------------------------------*/



 /*
  USAGE: All you have to do is include this one line in your CSS file, with the
  tag names to which you want the script applied:
 */

 img,div { behavior: url(../css/iepngfix.htc) }

 /*
  Alternatively, you can specify that this will apply to all tags like so:
   * { behavior: url(../css/iepngfix.htc) }
 */