@charset "shift_jis";
*{
	margin:0;
	padding:0;
}

body{
	text-align:center;
	background:#fff;
	color:#111;
}

a:link {color: #f90; font-size:90%;}
a:visited {color: #ccc; font-size:90%;}
a:hover {color: #00FF7F; font-size:90%;}

a img {
    border-style:none;
}

strong{
	color:#C00;
}

#rapper{
    width: 828px;
	margin: 0 auto;
	border-left:2px solid #ccc;
	border-right:2px solid #ccc;
    text-align:left;
}

#header,#footer{
		color:#fff;
}

#header{
	background : url(/images/bg_top828.jpg) no-repeat;
	height: 66px;
	padding:12px 30px;	
}

#header p{
	margin-top:5px;
	text-align:right;
	font-size:90%;
}

#footer{
	height: 40px;
	clear: left;
	padding:2px;
	background :#228;
	font-size:70%;
	text-align:center;
	padding-top:10px;
}

#footer a:link {color: #fff;}
#footer a:visited {color: #fff;}
#footer a:hover {color: #fff;}
#footer a{text-decoration:none;} 

#left{
	float:left;
	width:653px;
}

#navi {
	width:165px;
	margin-left:5px;
	color:#000;
}

#navi h2{
	font-size:105%;
	margin-top:5px;
	padding-top:2px;
	color:#FF69B4;
	clear:left;
}

#navi li {
	margin-right:10px;
	padding-left:7px;
	background:url("/img/arw3.gif") left no-repeat;
	float:left;
}

#navi ul.floatnone li{
	float:none;
}



#contents {
	width:480px;
	font-size:85%;
	float:right;
}

#contents h2{
	font-size:120%;
	padding-left:20px;
	margin-top:30px;
	background:url("/images/lightbulb.gif") no-repeat;
}

#contents p{
	line-height:150%;
}

#rightnavi{
	width:165px;
	margin-left:5px;
	float:right;
}

#rightnavi h2{
	font-size:110%;
	margin-top:5px;
}






.center {
	text-align:center;
}

.fw_bold{
	font-weight:bold;
}

.fc_red{
	color:#C00;
}

.fs_120 {
	font-size:200%;
}

/**/
.box-yellow
{
   margin: 15px 0;
   padding: 10px;
   background-color: #ffffee;
   border: 2px solid #ffcc99;
}


/*�ԃ{�^��*/
.rollover-red{
	text-align: center;
	font-weight: normal;
	margin:10px;
}

.rollover-red a{
	font-weight:bold;
	color: #fff;
	padding: 8px 24px;
	background: #cc0000;
	text-decoration: none;
	border-top: 2px solid #ff6666;
	border-left: 2px solid #ff6666;
	border-right: 2px solid #660000;
	border-bottom: 2px solid #660000;
}

.rollover-red a:hover{
	background: #dd3333;
	text-decoration: none;
	border-top: 2px solid #ff6666;
	border-left: 2px solid #ff6666;
	border-right: 2px solid #660000;
	border-bottom: 2px solid #660000;
}