@charset "UTF-8"; 

/* ------------------------------- common -------------------------- */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,from,fieldset,input,textarea,p,blockquote,th,td,span{
	margin: 0;
	padding: 0;
}

html{
	overflow-y: scroll;
}

h1,h2,h3,h4,h5,h6,pre,address,em,strong,p,dl,li,a,th,td,caption,label,span,div{
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka","メイリオ","Meiryo","ＭＳ Ｐゴシック", sans-serif;
	font-style: normal;
	font-size: 14px;
	font-weight: bold;
	color: #666;
	line-height: 1.5;
}

ol,ul{
	list-style: none;
}

table{
     border-collapse: collapse;
     border-spacing: 0;
}
caption,th {
     text-align: left;
}

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

a{
	text-decoration: none;
	overflow: hidden;
}

h1{
	float: left;
}

/* ------------------------------- link ------------------------------- */
a:link{
	color: #4D7CC4;
	text-decoration: underline;
}

a:visited{
	color: #55295b;
	text-decoration :none;
}

a:hover{
	color: #E18700;
	text-decoration: underline;
}

/* ------------------------------- base ---------------------- */

body{
	background: url(../img_r/bg.jpg) repeat-x;
	background-color: #FFF;
}

#wrap{
	width: 950px;
	margin: 0 auto;
}

#bgTop{
	width: 950px;
		background: url(../img/bg-m.gif) repeat-y;
	overflow: hidden;
}

/* ------------------------------- header ------------------------------- */

#header{
	width: 950px;
	height: 124px;
}

	#inner1{
		width: 500px;
		margin: 3px 0 2px;
		float: right;
	}

		h1,
		#inner1 p,
		#inner1 p strong{
			font-size: 10px;
			line-height: 1;
		}

		#inner1 p{
			margin: 0 0 0 10px;
		}

	p.logo{
		margin: 20px 0 0 10px;
		float: left;
	}

	p.contact{
		float: right;
	}

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

#container{
	width: 950px;
	background: url(../img_r/bg-t.jpg) no-repeat top;
	overflow: hidden;
}

	#topicPath{
		width: 920px;
		margin: 16px 15px 0;
	}

		#topicPath ul li{
			float: left;
			font-size: 12px;
		}

			#topicPath ul li a{
				margin: 0 5px;
				font-size: 12px;
			}

	#main{
		clear: both;
		width: 780px;
		margin: 5px 15px 0 0;
		float: right;
	}

/* ------------------------------- side ------------------------------- */

#side{
	width: 131px;
	margin: 5px 0 0 15px;
	float: left;
}

	#side ul{
		width: 131px;
		height: 510px;
		background: url(../img_r/menu.jpg) no-repeat;
	}

		#side ul li{
			float: left;
		}

			#side ul li.home a,
			#side ul li.itimai a,
			#side ul li.schedule a,
			#side ul li.system a,
			#side ul li.access a,
			#side ul li.girls a,
			#side ul li.event a,
			#side ul li.recruit a,
			#side ul li.member a,
			#side ul li.beginner a,
			#side ul li.calendar a,
			#side ul li.diary a,
			#side ul li.dekigoto a,
			#side ul li.ranking a{
				width: 130px;
				height: 33px;
				margin-bottom: 1px;
				display: block;
				text-indent: -9999em;
			}

			#side ul li.beginner a{
				margin-bottom: 34px;
			}

				#side ul li.home a.active,
				#side ul li.home a:focus,
				#side ul li.home a:hover{
					background: url(../img_r/menu.jpg) no-repeat -131px 0;
				}

				#side ul li.itimai a.active,
				#side ul li.itimai a:focus,
				#side ul li.itimai a:hover{
					background: url(../img_r/menu.jpg) no-repeat -131px -34px;
				}

				#side ul li.schedule a.active,
				#side ul li.schedule a:focus,
				#side ul li.schedule a:hover{
					background: url(../img_r/menu.jpg) no-repeat -131px -68px;
				}

				#side ul li.system a.active,
				#side ul li.system a:focus,
				#side ul li.system a:hover{
					background: url(../img_r/menu.jpg) no-repeat -131px -102px;
				}

				#side ul li.access a.active,
				#side ul li.access a:focus,
				#side ul li.access a:hover{
					background: url(../img_r/menu.jpg) no-repeat -131px -136px;
				}

				#side ul li.girls a.active,
				#side ul li.girls a:focus,
				#side ul li.girls a:hover{
					background: url(../img_r/menu.jpg) no-repeat -131px -170px;
				}

				#side ul li.event a.active,
				#side ul li.event a:focus,
				#side ul li.event a:hover{
					background: url(../img_r/menu.jpg) no-repeat -131px -204px;
				}

				#side ul li.recruit a.active,
				#side ul li.recruit a:focus,
				#side ul li.recruit a:hover{
					background: url(../img_r/menu.jpg) no-repeat -131px -238px;
				}

				#side ul li.member a.active,
				#side ul li.member a:focus,
				#side ul li.member a:hover{
					background: url(../img_r/menu.jpg) no-repeat -131px -272px;
				}

				#side ul li.beginner a.active,
				#side ul li.beginner a:focus,
				#side ul li.beginner a:hover{
					background: url(../img_r/menu.jpg) no-repeat -131px -306px;
				}

				#side ul li.calendar a.active,
				#side ul li.calendar a:focus,
				#side ul li.calendar a:hover{
					background: url(../img_r/menu.jpg) no-repeat -131px -373px;
				}

				#side ul li.diary a.active,
				#side ul li.diary a:focus,
				#side ul li.diary a:hover{
					background: url(../img_r/menu.jpg) no-repeat -131px -407px;
				}

				#side ul li.dekigoto a.active,	
				#side ul li.dekigoto a:focus,
				#side ul li.dekigoto a:hover{
					background: url(../img_r/menu.jpg) no-repeat -131px -441px;
				}

				#side ul li.ranking a.active,
				#side ul li.ranking a:focus,
				#side ul li.ranking a:hover{
					background: url(../img_r/menu.jpg) no-repeat -131px -475px;
				}


#side p{
	margin: 5px 0;
}	

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

#bgBottom{
	clear: both;
	width: 950px;
	background: url(../img_r/bg-b.gif) no-repeat bottom;
	overflow: hidden;
}

	#banner{
		clear: both;
		width: 795px;
		margin: 10px 0 10px 155px;
	}

		#banner p{
			width: 250px;
			margin: 10px 15px 10px 0;
			float: left;
		}
#banner p{
            width: 250px;
            margin: 3px 11px 8px 0;
            border:1px solid #f00;
            float: left;
        }

	#jump1{
		clear: both;
		width: 770px;
		margin: 10px 0 10px 155px;
		padding-top: 25px;
		text-align: right;
	}

	#footer{
		width: 950px;
		padding-top: 25px;
	}
	
		#footer p,
		#footer address,
		#footer li{
			padding-bottom: 10px;
			font-size: 12px;
			text-align: center;
			
		}

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

#main{
	clear: both;
	width: 780px;
	margin-right: 15px;
	float: right;
	scrollbar-face-color: #FFEDED;
	scrollbar-3dlight-color: #FFDFDF;
	scrollbar-darkshadow-color: #FFCACA;
	scrollbar-highlight-color: #FFAAAA;
	scrollbar-shadow-color: #FFBFBF;
	scrollbar-arrow-color: #E9CBDA;
	scrollbar-track-color: #FFDFDF;
}

#topBox{
	width: 780px;
	margin: 0 15px 10px 0;
	overflow: hidden;
}

	#dNews{
		width: 288px;
		float: right;
	}

		#dNews h3{
			width: 288px;
			height: 34px;
			text-indent: -9999em;
			background: url(../img_r/news.jpg) no-repeat left top;
		}

			#dNews-inner{
				width: 266px;
				height: 217px;
				padding: 10px;
				border-right: 1px solid #ff609a;
				border-left: 1px solid #ff609a;
				border-bottom: 1px solid #ff609a;
				background-color: #ffffff;
			/*	background: url(../img_r/news-bg.jpg); */
                background-attachment: scroll;
			 	overflow: auto;
			}

				.entry{
					clear: both;
					width: 250px;
					padding-bottom: 10px;
					overflow: hidden;
				}

					.entry img{
						margin: 0 15px 5px 0;
						border: 1px solid #FF9292;
						float: left;
					}

					.entry span{
						font-size: 16px;
/*						color: #C6376C; */
						color: #ff0099;
					}

				hr.top{
					clear: both;
					width: 250px;
					height: 2px;
					margin-top: 5px;
					background-color: #CCC;
					color: #CCC;
					border: none;
				}

	#flash{
		width: 480px;
		height: 270px;
		border: 1px solid #ff609a;
		float: left;
	}

#secondBox{
	width: 780px;
	margin: 10px 15px 10px 0;
	overflow: hidden;
}

	#news{
		width: 288px;
		height: 187px;
		float: right;
	}

		#news h2{
			width: 288px;
			height: 34px;
			text-indent: -9999em;
			background: url(../img_r/new.jpg) no-repeat left top;
		}

			 #news dl{
			 	width: 266px;
				height: 138px;
				padding: 7px 10px;
				border-right: 1px solid #ff609a;
				border-left: 1px solid #ff609a;
				border-bottom: 1px solid #ff609a;
				background-color: #ffffff;
			/*	background: url(../img_r/new-bg.jpg); */
                background-attachment: scroll;
			 	overflow: auto;
			}

	#picUp{
		width: 482px;
		float: left;
	}

		#picUp h3{
			width: 482px;
			height: 32px;
			text-indent: -9999em;
			background: url(../img_r/gal.jpg) no-repeat left top;
		}

			#picUp-inner{
				width: 480px;
				height: 134px;
				padding: 10px 0;
				border-right: 1px solid #ff609a;
				border-left: 1px solid #ff609a;
				border-bottom: 1px solid #ff609a;
				background-color: #ffffff;
			/*	background: url(../img_r/gal-bg.jpg); */
                background-attachment: scroll;
				overflow: hidden;
			}

				.picUp-photo{
					width: 150px;
					margin-left: 7px;
					float: left;
				}

					.picUp-img{
						width: 83px;
						border: 1px solid #FF9292;
						float: left;
					}

					.picUp-name{
						width: 60px;
						margin: 5px 0 0 5px;
						font-size: 12px;
						float: left;
					}

						.picUp-name a{
							font-size: 12px;
						}

	#main p.picUp{
		clear: both;
		width: 660;
		height: 30px;
		margin:0;
		padding: 5px 16px 0 104px;
		text-align: left;
		background: url(../img_r/hotnews.jpg) no-repeat left top;
	}

	#topics{
		width: 780px;
		margin: 5px 15px 0 0;
	}

		#topics h3{
			width: 780px;
			height: 34px;
			text-indent: -9999em;
			background: url(../img_r/today.jpg) no-repeat left top;
		}

			#topics-inner{
				width: 758px;
				height: 412px;
				padding: 0 10px 10px;
				border-right: 1px solid #ff609a;
				border-left: 1px solid #ff609a;
				border-bottom: 1px solid #ff609a;
				background-color: #ffffff;
			/*	background: url(../img_r/today-bg.jpg); */
                background-attachment: scroll;
			 	overflow: auto;
			}

				.entry2{
					clear: both;
					width: 742px;
					padding: 10px 0 10px;
					overflow: hidden;
				}

					.entry2 img{
						margin: 0 15px 5px 0;
						border: 1px solid #FF9292;
						float: left;
					}

					.entry2 span{
						font-size: 16px;
/*						color: #C6376C; */
						color: #ff0099;
					}

				hr.second{
					clear: both;
					width: 736px;
					height: 2px;
					margin-top: 5px;
					background-color: #CCC;
					color: #CCC;
					border: none;
				}

/* ------------------------------- for IE7 ------------------------------- */

*:first-child+html hr{
	margin-bottom: 5px;
}

/* ------------------------------- for IE6 ------------------------------- */

*html #main,*html #side,*html #banner p{
	display: inline;
}

*html .picUp-photo,*html #topics,*html .topics{
	display: inline;
}

*html #topBox,
*html #secondBox{
	margin-right: 1px;
}

*html #picUp{
	margin-right: 0;
}

*html hr{
	margin-bottom: 5px;
}