@charset "utf-8";
/* CSS Document */

/*----------------------------------------------------------
	サークル一覧専用
----------------------------------------------------------*/

/* ---------------------------------
頭文字選択
*/

#mainContent .circleList .commonBox1 strong{
	color:#666 !important;
	letter-spacing:1px;}

#mainContent .circleList .commonBox1 .initial{
	height:22px;}

#mainContent .circleList .commonBox1 .initial span a{
	/*border:1px solid #CCC;
	background:#FFF;*/
	margin-right:2px;
	padding:6px 5px 0 5px;
	display:block;
	float:left;
	width:28px;
	min-width:28px;
	height:17px;
	min-height:12px;
	font-weight:bold;
	line-height:100% !important;}
	
	
	#mainContent .circleList .commonBox1 .initial span a:link,
	#mainContent .circleList .commonBox1 .initial span a:visited,
	#mainContent .circleList .commonBox1 .initial span a:active{
		background:url(/images/circle/bg_initial1.gif) no-repeat 0 0;
		color: #0097CC !important;
		text-decoration: none;
		font-weight:bold;
		font-size:100% !important;
}

	#mainContent .circleList .commonBox1 .initial span a:hover{
		background:url(/images/circle/bg_initial2.gif) no-repeat 0 0;
		/*border:1px solid #0097CC;
		background:#0097CC;*/
		color:#FFF !important;}
		
		
/* ---------------------------------
一覧
*/
#mainContent .circleList table{
	width: 600px;
	margin-bottom: 20px;
	font-size: 81.25%;
	line-height: 140%;
	border-collapse: collapse;
}


	
#mainContent .circleList table tr.tblHeader{
	background: url(/images/cart/bg_cart.jpg) no-repeat 0 0;
	color:#FFF !important;
	letter-spacing: 2px;
}


	
	/* ----------------IE6-----------------*/
	*+html #mainContent .circleList table tr.tblHeader{
	background: url(/images/cart/bg_cart4ie.jpg) repeat-x 0 0;
	color: #FFF;
	letter-spacing: 2px;
}


	
	* html #mainContent .circleList table tr.tblHeader{
	background: url(/images/cart/bg_cart4ie.jpg) repeat-x 0 0;
	color: #FFF;
	letter-spacing: 2px;
}


	/* ----------------/IE6---------------*/
	
	#mainContent .circleList table tr.tblHeader th{
	height: 26px;
	text-align: center;
}


	
	/* ----------------IE-----------------*/
	*+html #mainContent .circleList table tr.tblHeader th{
	padding-top: 2px;
}


	
	* html #mainContent .circleList table tr.tblHeader th{
	padding-top: 2px;
}

	/* -----------------------------------*/
	
	
	#mainContent .circleList table tr.tblHeader th.circleName,
	#mainContent .circleList table tr.tblHeader th.genre{
	border-right: 1px solid #666;
}


		
	#mainContent .circleList table tr.tblHeader th.circleName{
	width: 180px;
}


		
	#mainContent .circleList table tr.tblHeader th.genre{
	width: 70px;
}

	#mainContent .circleList table th span.common{
	background:url(/images/icons/icon_common_s.gif) no-repeat 0 0;
	padding-left:10px;}
	
	#mainContent .circleList table th span.adult{
	background:url(/images/icons/icon_adult_s.gif) no-repeat 0 0;
	padding-left:10px;}
	
	#mainContent .circleList table th span.lady{
	background:url(/images/icons/icon_lady_s.gif) no-repeat 0 0;
	padding-left:10px;}



#mainContent .circleList table td{
	padding: 10px;
}

#mainContent .circleList table td.circleName{
	border-right: 1px solid #CCC;
	border-bottom: 1px dotted #CCC;
	text-align: left;
}

	#mainContent .circleList table td.circleName a:link,
	#mainContent .circleList table td.circleName a:visited,
	#mainContent .circleList table td.circleName a:active{
		color: #0097CC !important;
		text-decoration: none;
		font-weight:bold;
		font-size:100% !important;
}

	#mainContent .circleList table td.circleName a:hover{
			color: #0097CC !important;
			text-decoration:underline;
	}

#mainContent .circleList table td.genre{
	border-right: 1px solid #CCC;
	border-bottom: 1px dotted #CCC;
	text-align: center;
	font-weight:bold;
	color:#666;
}

#mainContent .circleList table td.genre a:link,
	#mainContent .circleList table td.genre a:visited,
	#mainContent .circleList table td.genre a:active{
		color: #9E1D20 !important;
		text-decoration: none;
}

	#mainContent .circleList table td.genre a:hover{
			color: #9E1D20 !important;
			text-decoration:underline;
	}

#mainContent .circleList table td.hp{
	border-bottom: 1px dotted #CCC;
	text-align: center;
}

		
/* ---------------------------------
頭文字ナビ
*/

#mainContent .circleList .initialNav{
	height: 21px;
	padding-top: 3px;
	padding-left: 10px;
	background:url(/images/circle/bg_list_nav.gif) no-repeat 0 0;
	font-size: 81.25%;
	line-height: 100%;
}
	
	/* -----------------IE6----------------*/
	* html #mainContent .circleList .initialNav{
		padding-top:5px;	
	}
	/* -----------------/IE6----------------*/

	#mainContent .circleList .initialNav span.idx{
	margin-right:10px;
	line-height:100%;
	color:#FFF !important;}
	
	#mainContent .circleList .initialNav a{
	padding-right:10px;
	padding-left:10px;
	font-weight:bold;}
	
	#mainContent .circleList .initialNav a:link,
	#mainContent .circleList .initialNav a:visited,
	#mainContent .circleList .initialNav a:active{
		color: #0097CC !important;
		text-decoration: none;
	}
	
	#mainContent .circleList .initialNav a:hover{
		color: #0097CC !important;
		text-decoration:underline;
	}