@charset "Shift_JIS";

/* ‘‘‘‘S‘́‘‘‘
------------------------------------------------------------\*/
/* body
------------------------------------------------------------\*/

body 			{
  			margin: 0;
 			padding: 0;
			background: #FFF url("../img/background.gif") repeat-y;
			}

/* hrΑ‚·
------------------------------------------------------------\*/

hr			{
			display: none;
			}

/* ƒŠƒ“ƒNέ’θ
------------------------------------------------------------*/

a:link			{
			color: #FF0099;
			}
a:hover			{
			color: #0066FF;
			}
a:active		{
			color: #FFFF00;
			}
a:visited		{
			color: #CC0066;
			}

/* ƒeƒLƒXƒgέ’θ
------------------------------------------------------------*/

.browntxt12		{
			font-size: 12px; 
			color: #534044;
			}
.browntxt12b		{
			font-size: 12px; 
			color: #534044;
			font-weight: bold;
			}
.browntxt14		{
			font-size: 14px; 
			color: #534044;
			}
.browntxt14b		{
			font-size: 14px; 
			color: #441322;
			font-weight: bold;
			}
.whitetxt14b		{
			font-size: 14px; 
			color: #FFF;
			font-weight: bold;
			}
.pinktxt12		{
			font-size: 12px; 
			color: #F7356B;
			}
.pinktxt12b		{
			font-size: 12px; 
			color: #F7356B;
			font-weight: bold;
			}

/* ƒtƒbƒ_[
------------------------------------------------------------\*/

#footer			{
			margin: 0;
			padding: 0;
			}
#sonet			{
			margin-right: auto;
			margin-left: auto;
			margin-bottom: 0px;
			padding: 0px;
			width: 47px;
			height: 42px;
			}
.copyright		{
			font-size: 10px; 
			color: #666;
			letter-spacing: 1px;
			text-align: center;
			}



/* ‘‘‘top.html,news.html,user.html‘‘‘
------------------------------------------------------------\*/
/* ƒwƒbƒ_[
------------------------------------------------------------\*/
#header			{
			width: 750px;
			height: 450px;
			background: url("../img/header.gif") no-repeat;
			}
div img			{
			vertical-align: bottom;   /* ŸIE—p \*/
			}

/* ƒiƒrƒQ[ƒVƒ‡ƒ“‹€’Κ
------------------------------------------------------------\*/
#nav 			{
			margin:1px 0 0 0;
			width: 750px;
			height: 25px;
			}
#nav ul			{
			margin: 0;
			padding: 0;
			list-style: none;
			text-indent: -9999px;
			}
#nav li			{
			margin: 0;
			padding: 0;
			float: left;
			vertical-align: bottom;
			}
#nav li a		{
			text-decoration: none;
			display: block;
			}
#nav li#top a:hover	{
			width: 187px;
			height: 25px;	
			background: url("../img/menu.gif") no-repeat 0px -50px;
			}
#nav li#news a:hover 	{
			width: 187px;
			height: 25px;	
			background: url("../img/menu.gif") no-repeat -187px -50px;
			}
#nav li#user a:hover 	{
			width: 187px;
			height: 25px;	
			background: url("../img/menu.gif") no-repeat -374px -50px;
			}
#nav li#report a:hover 	{
			width: 189px;
			height: 25px;	
			background: url("../img/menu.gif") no-repeat -561px 0px;
			}

/* ƒŒƒ|[ƒgƒƒjƒ…[
------------------------------------------------------------\*/
#rmenu 			{
			position: relative;
			margin-top: 0px;
			margin-left: 561px;
			padding: 0px;
			width: 187px;
			background: #FFECF1;
			border-left: dashed  1px #FCA7BE;
			border-right: dashed  1px #FCA7BE;
			visibility: hidden;
			z-index: 5;
			}
#rmenu ul		{
			margin: 0;
			padding: 0;
			list-style: none;
			}
#rmenu li a		{
			margin: -15px 0 0px 0;
			padding: 2px;
			text-decoration: none;
			list-style: none;
			display: block;
			width: 181px;
			font-size: 12px;
			font-weight: bold;
			text-align: center;
			border-bottom: dashed  1px #FCA7BE;
			}
#rmenu li a:hover	{
			text-decoration: underline;
			}
.graytxt12b		{
			margin: -15px 0 0px 0;
			padding: 2px;
			color: #666;
			font-size: 12px;
			font-weight: bold;
			text-align: center;
			border-bottom: dashed  1px #FCA7BE;
			}

/* main
------------------------------------------------------------\*/

#main			{
			position: absolute;
			top: 480px;
			width: 750px;
			z-index: 0;
			}

/* ƒRƒ“ƒeƒ“ƒc
------------------------------------------------------------\*/
#con			{
			width: 706px;
			margin-right: auto;
			margin-left: auto;
			margin-top: 5;
			padding: 0;
			}



/* ‘‘‘sakuhin`.htmliμ•iˆκ——ƒy[ƒWj‘‘‘
------------------------------------------------------------\*/
/* wrapper
------------------------------------------------------------\*/

#wrap			{
			width: 750px;
			}

/* ƒwƒbƒ_[
------------------------------------------------------------\*/
h1#userheader		{
			margin: 0;
			padding: 0;
			}

/* μ•iˆκ——
------------------------------------------------------------\*/
#ichiran		{
			margin-left: auto;
			margin-right: auto;
			margin-top: 0px;
			width: 625px
			}
#read			{
			margin: 15px 0 15px 0;
			}
/* “Š•[
------------------------------------------------------------\*/
.vote			{
			width: 625px
			}
.votetxt		{
			float: left;
			font-size: 12px; 
			color: #F7356B;
			}
.votebutton		{
			text-indent: -9999px;
			}
.votebutton a		{
			float: right;
			text-decoration: none;
			width: 100px;
			height: 30px;	
			background: url("../img/vote_button.gif") no-repeat 0px 0px;
			}
.votebutton a:hover	{
			float: right;
			text-decoration: none;
			width: 100px;
			height: 30px;	
			background: url("../img/vote_button.gif") no-repeat 0px -30px;
			}
.voteclear		{
			text-indent: -9999px;
			clear: both;
			padding-bottom: 3px;
			}

/* ƒiƒrƒQ[ƒVƒ‡ƒ“‹€’Κ
------------------------------------------------------------\*/
.snav 			{
			margin-top: 10px;
			margin-bottom: 10px;
			width: 625px;
			height: 25px;
			}
.snav ul		{
			margin: 0;
			padding: 0;
			list-style: none;
			text-indent: -9999px;
			}
.snav li		{
			margin: 0;
			padding: 0;
			float: left;
			}
.snav li a		{
			text-decoration: none;
			display: block;	
			}
.snav li#back a:hover	{
			width: 108px;
			height: 25px;	
			background: url("../img/number_menu.gif") no-repeat 0px -50px;
			}
.snav li#n01 a:hover 		{
			width: 51px;
			height: 25px;	
			background: url("../img/number_menu.gif") no-repeat -108px -50px;
			}
.snav li#n02 a:hover 		{
			width: 51px;
			height: 25px;	
			background: url("../img/number_menu.gif") no-repeat -159px -50px;
			}
.snav li#n03 a:hover 	{
			width: 51px;
			height: 25px;	
			background: url("../img/number_menu.gif") no-repeat -210px -50px;
			}
.snav li#n04 a:hover 	{
			width: 51px;
			height: 25px;	
			background: url("../img/number_menu.gif") no-repeat -261px -50px;
			}
.snav li#n05 a:hover 	{
			width: 51px;
			height: 25px;	
			background: url("../img/number_menu.gif") no-repeat -312px -50px;
			}
.snav li#n06 a:hover 	{
			width: 51px;
			height: 25px;	
			background: url("../img/number_menu.gif") no-repeat -363px -50px;
			}
.snav li#n07 a:hover 	{
			width: 51px;
			height: 25px;	
			background: url("../img/number_menu.gif") no-repeat -414px -50px;
			}
.snav li#n08 a:hover 	{
			width: 51px;
			height: 25px;	
			background: url("../img/number_menu.gif") no-repeat -465px -50px;
			}
.snav li#next a:hover 	{
			width: 109px;
			height: 25px;	
			background: url("../img/number_menu.gif") no-repeat -516px -50px;
			}

/* μ•iŽΚ^ƒe[ƒuƒ‹
------------------------------------------------------------\*/
#photos 		{
			margin-top: 10px;
			margin-bottom: 10px;
			margin-left: auto;
			margin-right: auto;
			}