@charset "UTF-8";


/*-------------------------------------------
HariHari Top Styles
2008.07.28
--------------------------------------------- */
/* =Style Reset & =body
--------------------------------------------- */
*{
margin:0;
padding:0;
font-size: 100%;
font-weight: normal;
font-style: normal;
line-height: 100%;
text-decoration:none;
list-style:none;
}

img{
border: none;
}

hr{
display: none;
}

body{
font-family:meiryo;
background-image:url("background.jpg");
background-repeat:repeat-x;
background-color:#192134;
}



/* =container & =header
--------------------------------------------- */

#container{
margin-left:auto;
margin-right:auto;
width:712px;
font-family:"メイリオ", meiryo;
}

#header{
width:100%;
height:190px;
background:url("topback.jpg") no-repeat;
}

#logo{
float:left;
width:36%;
height:45px;
}

#nav{
float:right;
}

#nav ul{
float:right;
padding:0 1em 0 0;
}
#nav li{
float:left;
width:80px;

}

/* =toplink
--------------------------------------------- */
#logo{
text-indent:-9999px;
height:150px;
background-image:url("logo.gif");
background-position:75px 13px;
background-repeat:no-repeat;
}

#header li a{
text-indent:-9999px;
display:block;
width:70px;
height:50px;
}

#menuTop{
width:77px;
height:52px;
background-image:url("link.gif");
background-position:0 0;
}
#menuTop a:hover,#menuTop strong a{
background-image:url("link.gif");
background-position:0 53px;
}

#menuLink{
width:80px;
height:52px;
background-image:url("link.gif");
background-position:75px 0;
}
#menuLink a:hover,#menuLink strong a{
background-image:url("link.gif");
background-position:75px 53px;
}

#menuSound{
width:67px;
height:52px;
background-image:url("link.gif");
background-position:233px 0;
}
#menuSound a:hover,#menuSound strong a{
background-image:url("link.gif");
background-position:233px 53px;
}

#menuLog{
width:85px;
height:52px;
background-image:url("link.gif");
background-position:156px 0;
}
#menuLog a:hover,#menuLog strong a{
background-image:url("link.gif");
background-position:156px 53px;
}


#menuAbout{
width:79px;
height:52px;
background-image:url("link.gif");
background-position:313px 0;
}
#menuAbout a:hover,#menuAbout strong a{
background-image:url("link.gif");
background-position:313px 53px;
}

/* =content
--------------------------------------------- */
#content{
clear:both;
background:url("contentback.jpg") repeat-y;
background-color:#828282;
}

#pagename{
width:100%;
text-indent:-9999px;
background:url("topcontent.jpg") no-repeat;
}

#content h2{
width:90%;
margin:1em auto 0 auto;
font-size:1.4em;
color:#2d251c;
font-family:;}

#content p{
width:80%;
margin:0.7em auto 0 auto;
line-height:1.3em;
color:#2d251c;
font-family:"メイリオ", meiryo;
}

#content h3{
width:85%;
margin:0.7em auto 0 auto;
line-height:1.3em;
color:#2d251c;
font-family:"メイリオ", meiryo;
}

#content h4{
width:85%;
margin:0.7em auto 0 auto;
line-height:1.3em;
color:#2d251c;
font-family:"メイリオ", meiryo;
}

#content ul{
width:85%;
margin:0 auto 0 auto;
line-height:1.3em;
color:#2d251c;
font-family:"メイリオ", meiryo;
}

#content dl{
width:80%;
margin:0.7em auto 0 auto;
line-height:1.3em;
color:#2d251c;
font-family:"メイリオ", meiryo;
}

#content dt{

}

#content dd{
margin:0 0 0.7em 5em;
}

/* =footer
--------------------------------------------- */

#footer{
width:100%;
height:80px;
background:url("footerback.jpg") no-repeat;
background-color:#3a566a;
}

#footer address{
color:#ffffff;
margin:0 0 0 52px;
padding:33px;
}

address a{
color:#ffffff;
}



/* =link
--------------------------------------------- */
#content a{
color:#192134;
background:#e39f17;
font-family:aerial;
font-weight:bold;
}

#content a:hover{
color:#fffbb4;
background:#3a566a;
}