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

/* ======================================================
1：gloabal setting
2：main column setting
3：side column setting
4：index.html
====================================================== */

/* ======================================================
1：gloabal setting
	1：rayout setting
	2：header setting
	3：globalnavigetion setting
	4：footer setting
====================================================== */

/*	1：rayout setting
=============================== */
#contents {
	width: 970px; 
	margin: 0 auto 60px auto;
	position: relative;
}
#main {
	width: 740px; 
	float: left;
}
#side {
	width: 210px;
	float: right;
}
.section {
	margin-bottom: 34px;
}

/*	2：header setting
=============================== */
#header {
	height: 170px;
	background: #FFCCCC url(../images/bg_header.jpg) center top no-repeat;
	margin-bottom: 50px;
}
#header .inner {
	position: relative;
	width: 970px;
	margin: 0 auto;
}
#header p {
	color: #D60B5C;
}
#header h1 {
	position: absolute;
	top: 19px;
	left: 0px;
	width: 329px; 
	height: 119px;
}
#header .bnr {
	position: absolute;
	top: 35px;
	right: 0px;
	width: 580px; 
	height: 104px;
}
/*	3：globalnavigetion setting
=============================== */
#globalnavi {
	position: absolute;
	top: 149px; 
	left: 0px;
	width: 972px;
	margin: 0 auto;
	list-style: none;
	background: url(../images/gnavi.png) center top no-repeat;
}
#globalnavi li {
	height: 42px;
	float: left;
}
#globalnavi li a {
	display: block;
	height: 42px;
	text-indent: -9999px; 
	overflow: hidden;
}
#globalnavi #gnavi1 a {
	width: 215px;
	background: url(../images/gnavi1.png) no-repeat;
}
#globalnavi #gnavi2 a {
	width: 197px;
	background: url(../images/gnavi2.png) no-repeat;
}
#globalnavi #gnavi3 a {
	width: 161px;
	background: url(../images/gnavi3.png) no-repeat;
}
#globalnavi #gnavi4 a {
	width: 161px;
	background: url(../images/gnavi4.png) no-repeat;
}
#globalnavi #gnavi5 a {
	width: 238px;
	background: url(../images/gnavi5.png) no-repeat;
}
#globalnavi li.current a,
#globalnavi li a:hover {
	background: none !important;
}
/*	4：globalnavigetion setting
=============================== */
#footer {
	height: 170px;
	background: #FFCCCC url(../images/bg_header.jpg) center top no-repeat;
}
#footer .inner {
	width: 970px; 
	position: relative;
	margin: 0 auto;
}
.btn_pagetop {
	width: 127px; 
	height: 24px;
	position: absolute; 
	top: -24px;
	right: 0px;
}
#fnavi {
	list-style: none;
	margin-bottom: 20px;
}
#fnavi li {
	float: left;
	padding-top: 10px;
	background: url(../images/fnavi_line.gif) left top no-repeat;
}
#fnavi li a {
	margin-right: 20px;
}
#footer #logo {
	width: 164px; 
	height: 64px;
	margin: 0 auto;
}
#footer #copyright {
	text-align: center;
}
/* ======================================================
3：side column setting
====================================================== */
#side #area_bnr p {
	margin-bottom: 20px;
	position: relative;
}
#side .bnr {
	height: 210px;
	overflow: hidden;
}
#side #register {
	height: 108px;
	overflow: hidden;
	position: relative;
}
#side #register img {
/*	position: absolute; 
	top: -229px;*/
}
#side #login {
	height: 88px;
	overflow: hidden;
}
#side #login img {
	position: absolute;
	bottom: 0px;
}
#side #news {
	background: url(../images/bg_news_btm.png) center bottom no-repeat;
}
#side #news .inner {
	background: url(../images/bg_news_top.png) center top no-repeat;
/*	padding: 10px 5px 40px 5px;*/
	padding: 10px 5px 10px 5px;

}
#side #news .item {
	position: relative;
	min-height: 100px;
	padding-bottom: 10px; 
	margin-bottom: 10px;
	background: url(../images/line.gif) bottom repeat-x;
}
#side #news .item h3 {
	margin-bottom: 5px;
}
#side #news .item h3 a {
	color: #CC0066;
	font-weight: bold;
	margin-bottom: 5px;
}
#side #news .item h3,
#side #news .item p {
	padding-left: 75px;;
}
#side #news .item img {
	position: absolute;
	top: 0px; 
	left: 0px;
}
#side #news .item p {
	font-size: 10px; 
	line-height: 140%;
}

#side #news .more {
	position: relative;
	top: 0px; 
	left: 100px;
	width:99px;
	height:20px;
	
	padding-bottom:10px;
}
#side #news .minimore {
	position: relative;
	top: 5px; 
	left: 140px;
	width:57px;
	height:21px;
	
	padding-bottom:10px;
}
/* ======================================================
4：index.html
====================================================== */
#mianvisual {
	margin-bottom: 35px;
}
#main h2 {
	margin-bottom: 5px;
}
#main #search_area {
}
#main #search_area ul {
	background: #F6F4F7;
	padding: 20px;
	list-style: none;
}
#main #search_area ul li {
	float: left;
	background: url(../images/point.gif) left 0.3em no-repeat;
	padding-left: 15px;
	width: 6em;
}
#main #search_area ul li a {
	font-size: 14px;
	font-weight: bold;	
	
}
#main #search_area ul li a:hover {
	color: #CC0066;
}

#main #search_keyword ul {
	background: #F6F4F7;
	padding: 20px 20px 0px 20px;
	list-style: none;
}
#main #search_keyword ul li {
	float: left;
	background: url(../images/point.gif) left 0.3em no-repeat;
	padding-left: 15px;
	margin-bottom: 20px;
	white-space: nowrap;
}
#main #search_keyword ul li a {
	font-size: 14px;
	font-weight: bold;
	margin-right: 2em;
	
}
#main #search_keyword ul li a:hover {
	color: #CC0066;
}

#main .section h2 {
	position: relative;
}
#main .section h2 img {
	position: relative; 
	z-index: 50;
}
#main .section h2 .more {
	display: block;
	width: 100px; 
	height: 20px;
	position: absolute; 
	top: 10px;
	left: 625px;
	z-index: 60;
	background: url(../images/blank.gif);
}
#main .section h2 .more a {
	display: block;
	width: 100px;
	height: 20px;
	text-indent: -9999px; 
}
#main #list_new {
}
#main #list_new ul {
	list-style: none;
}
#main #list_new ul li {
	position: relative;
	padding: 10px 0px 10px 100px;
	background: #F6F4F7 url(../images/point.gif) 20px center no-repeat;
}
#main #list_new ul li.ctbg {
	background: #FFF url(../images/point.gif) 20px center no-repeat;
}
#main #list_new ul li span {
	color: #CC0066;
	position: absolute; 
	top: 10px;
	left: 35px;
	_left: -60px;
	font-weight: bold;
}
#main #ranking_area {
	width: 740px; 
	overflow: hidden;
}
#main #ranking_area .showcase {
	margin-bottom: 11px;
	width: 750px; 
	overflow: hidden;
}
#main #ranking_area h3 {
	width: 125px; 
	float: left;
}
#main #ranking_area ol {
	list-style: none;
}
#main #ranking_area ol li {
	float: left;
	width: 124px; 
}
#main #ranking_area ol li a {
	display: block;
	position: relative;
	width: 115px; 
	height: 115px;
	border: #999 solid 1px;
}
#main #ranking_area ol li a img.ranking {
	position: absolute;
	top: 1px;
	right: 0px;
}
#main #ranking_area ol li a .caption {
	background: #F7F4EA;
	text-align: center;
	width: 100%;
	position: absolute; 
	bottom: 0px;
	_bottom: -1px;
	left: 0px;
	font-size: 10px;
	line-height: 130%;
	
	filter:Alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.80;
	
	min-height:26px;
	max-height:39px;
	overflow:hidden;
}

#list_results {
	width: 740px; 
	overflow: hidden;
}
#list_results ul {
	width: 750px;
	list-style: none;
}
#list_results ul li {
	width: 124px;
/*	height: 124px;*/
	float: left;
}
#list_results ul li a {
	display: block;
	width: 115px;
	height: 115px;
	border: solid 1px #999;
}

#profile {
}
#profile table td {
	text-align: right;
	
}


ol.Breadcrumbs {
	list-style: none;
	width: 680px;
	margin-bottom: 5px;
	position: absolute;
	top: -20px;
	left: 0px;
	z-index: 55;
}
ol.Breadcrumbs li {
	display:inline;  
    line-height:110%;  
	text-indent: 0.5em;
}
ol.Breadcrumbs li a {
	margin-right: 0.5em;
	color: #CC0066;
}
ol.Breadcrumbs li#listHome {
	text-indent: 0px;
}


#main h2.pink {
	background:url(/common/images/h2_pink.png) no-repeat top left;
	width:740px;
	height:36px;
	margin:25px 0px 15px 0px;
	padding-left:20px;
	padding-top:10px;
	font-size:18px;
	font-weight: bold;
	color:#454135;
}

#main h2.gold {
	background:url(/common/images/h2_gold.png) no-repeat top left;
	width:740px;
	height:36px;
	margin:25px 0px 15px 0px;
	padding-left:20px;
	padding-top:10px;
	font-size:18px;
	font-weight: bold;
	color:#454135;
}
.advright {
	padding-top:10px
}