@charset "utf-8";

/* reset */
*{margin:0; padding:0; font-size:100%; font-weight:normal; font-style:normal;}
img{border:0;}

/* common */

html{
overflow-y:scroll;
}

body{
	background:#809EC3 url(../images/topBg.jpg) top repeat-x;
	margin			:	0px;
	padding			:	0px;
	padding-bottom:15px;
	color:#333;
	font-family:"ＭＳ Ｐゴシック","MS P Gothic","Osaka",Verdana,Arial,Helvetica,sans-serif;
  font-size:80%;
	line-height:1.5;
}

a:link,a:visited{color:#333;text-decoration:underline;}
a:hover, a:active{color:#333;text-decoration:none;}
ul{list-style-type:none;}

#wrapper{
width:100%;
background: url(../images/containerBg.jpg) center repeat-y;
overflow:hidden;
}
#container{
width:100%;
background: url(../images/mainBg.jpg) center top no-repeat;
overflow:hidden;
}
#container-in{
width:810px;
margin:0px auto;
overflow:hidden;
}
#container-bottom{
width:100%;
height:15px;
background: url(../images/containerBottom.jpg) center top no-repeat;
overflow:hidden;
}
#contentsMain{
width:750px;
margin:0px auto;
padding:20px 0 40px;
overflow:hidden;
}

h1 a{
display:block;
width:0; height:204px; padding-left:400px;
overflow:hidden;
outline:none;
float:left;
}

#scroll{
width:365px;
margin:102px 30px 0 0;
font-size:120%;
font-weight:bold;
float:right;
}

ul#mainNavi{
width:658px; height:38px;
margin-left:137px;
overflow:hidden;
clear:both;
}

ul#mainNavi li{
height:38px;
overflow:hidden;
float:left;
}

ul#mainNavi li.nav01{width:138px;}
ul#mainNavi li.nav02{width:133px;}
ul#mainNavi li.nav03{width:83px;}
ul#mainNavi li.nav04{width:142px;}
ul#mainNavi li.nav05{width:81px;}
ul#mainNavi li.nav06{width:81px;}

ul#mainNavi li a{
display:block;
width:0; height:38px;
overflow:hidden;
}

ul#mainNavi li.nav01 a{background: url(../images/mainMenu.jpg) 0px 0px; padding-left:138px;}
ul#mainNavi li.nav02 a{background: url(../images/mainMenu.jpg) -138px 0px; padding-left:133px;}
ul#mainNavi li.nav03 a{background: url(../images/mainMenu.jpg) -271px 0px; padding-left:83px;}
ul#mainNavi li.nav04 a{background: url(../images/mainMenu.jpg) -354px 0px; padding-left:142px;}
ul#mainNavi li.nav05 a{background: url(../images/mainMenu.jpg) -496px 0px; padding-left:81px;}
ul#mainNavi li.nav06 a{background: url(../images/mainMenu.jpg) -577px 0px; padding-left:81px;}
ul#mainNavi li.nav01 a:hover{background-position:0px -38px;}
ul#mainNavi li.nav02 a:hover{background-position:-138px -38px;}
ul#mainNavi li.nav03 a:hover{background-position:-271px -38px;}
ul#mainNavi li.nav04 a:hover{background-position:-354px -38px;}
ul#mainNavi li.nav05 a:hover{background-position:-496px -38px;}
ul#mainNavi li.nav06 a:hover{background-position:-577px -38px;}

#footer{
width:750px;
margin:0px auto;
overflow:hidden;
clear:both;
}

#footer p#copy{
width:0; height:65px; padding-left:515px;
background: url(../images/copyright.jpg) left top no-repeat;
float:left;
overflow:hidden;
}
#footer #jasrac{
width:180px;
float:right;
overflow:hidden;
}
#footer #jasrac img{
border:3px solid #fff;
margin-right:5px;
float:left;
}
#footer #jasrac p{
padding-top:10px;
}

h2{
display:block;
width:0; height:39px; padding-left:750px;
margin-bottom:35px;
clear:both;
overflow:hidden;
}

h2#info01{background: url(../images/title_info01.png) left top no-repeat;}
h2#info02{background: url(../images/title_info02.png) left top no-repeat;}
h2#info03{background: url(../images/title_info03.png) left top no-repeat;}
h2#pers{background: url(../images/title_pers.jpg) left top no-repeat;}
h2#vote{background: url(../images/title_vote.jpg) left top no-repeat;}
h2#onde{background: url(../images/title_onde.jpg) left top no-repeat;}

