@charset "utf-8";

/* -----------------------------------------------------------------------------
** index css style
----------------------------------------------------------------------------- */

/* 2011.12.13 add - start */

html body {
	background: url(../image/static_bg.jpg) center top repeat;
	}

/* end */

html #contents {
	padding-top: 19px;
	}
	
html #contentsArea {
	margin-top: 0;
	}

/* #grandmenu */
#grandmenu {
	width:220px;
	min-height: 500px;
	height:auto!important;
	height:500px;
	float:left;
	}
	
#grandmenu .logo {
	}
	
#grandmenu .club_link {
	width:220px;
	margin:3px 0 0 0;
	}
	
#grandmenu .club_link h2 {
	margin:10px 0 0 0;
	}

#grandmenu .club_link h2 a {
	display: block;
	}
		
#grandmenu .club_link .info {
	margin: 15px 0 6px 0;
	}

#grandmenu .club_link p {
	margin:0 0 0 2px;
	font-size: 120%;
	}

#grandmenu .club_link p a {
	text-decoration: underline;
	}

#grandmenu .club_link p a:hover {
	text-decoration: none;
	}

#grandmenu .club_link .caution {
	margin: 15px 0 0 0;
	background: url(../image/bg_red.gif);
	padding:1px;
	}
	
#grandmenu .club_link .caution_in {
	background: url(../image/bg_caution.gif);
	padding:8px;
	color:#FF3535;
	}

#grandmenu .club_link .caution_in h3{
	background: url(../image/icon_caution.gif) 0 0 no-repeat;
	padding:0 0 0 26px;
	color:#FF3535;
	font-size:120%;
	}


#contentsArea .main {
	width: 708px;
	padding:0 0 0 20px;
	float: left;
	}
	
#contentsArea .main .left {
	width: 448px;
	height: 530px;
	overflow: hidden;
	float: left;
	}

/* 2011.12.13 add - start */

#contentsArea .main .left ul.visual{
	width: 448px;
	height: 530px;
	position: relative;
}

#contentsArea .main .left ul.visual li {
	width: 448px;
	height: 530px;
	position: absolute;
	left: 0px;
	top: 0px;
	}

#contentsArea .main .left ul.visual li .button {
	width: 424px;
	position: absolute;
	left: 12px;
	top: 458px;
	}

/* end */

#contentsArea .main .right {
	width: 240px;
	float: right;
	}
	
#contentsArea .main .right .topics {
	width: 240px;
	overflow: hidden;
	}
	
#contentsArea .main .right .topics ul {
	width: 240px;;
	}
	
#contentsArea .main .right .topics li {
	float: left;
	width: auto;
	}
	
/* blue */
html .forusnews ul li a strong { color: #78a4cf; }
html .forusnews ul li a:hover strong { color: #78a4cf; text-decoration: underline; }
	
/* green */
html .shopnews ul li a strong { color: #63bc92; }
html .shopnews ul li a:hover strong { color: #63bc92; text-decoration: underline; }
	
/* pink */
html .rusful ul li a strong {	color: #ff6699;	}
html .rusful ul li a:hover strong { color: #ff6699; text-decoration: underline; }

/* large image */
.newslist ul li.large {}
.newslist ul li.large a img {
	width: 168px;
	height: 98px;
	border: #ffffff 1px solid;
	margin-bottom: 5px;
	}