@charset "utf-8";
/* sub.css */


body {
	background-image: url(../img/ci-tmp/head-bg.gif);
	background-repeat: repeat-x;
	background-position: top;
	}
#wrapper {
	/*background-image:url(http://www.chance.com/img/base/footer.jpg);
	background-position:center bottom;
	background-repeat:no-repeat;*/
	width: 950px;
	height: auto;
	margin: 7px auto 0;
	text-align:left
	}

/* #header */
#header{
	/*position:relative;*/
	margin-bottom:2px;
	}
#header h1{
	margin-bottom:3px;
	text-align:right;
	}
#header #logo-box {
	float:left;
	margin-bottom:7px;
	}
#header #logo-box img#logo{
	float:left;
	margin-right:10px;
	margin-left:10px;
	}
#header #logo-box p.sp-ban{
	float:left;
	}
	
/* #gnav */	
#gnav {
	clear: both;
	height: 26px;
	margin-bottom: 3px;
	background: #fff url("../img/base-2nd/globalnavi-bg900.gif") no-repeat top scroll;
}

#gnav-bot {
	padding: 1px;
	background: none;
}

#gnav #main-nav {
	float: left;
	width: 628px !important;
}

#gnav ul#main-nav li {
	float: left;
	width: 78px;
	height: 24px;
	margin-right: 1px;
	padding: 0;
	border: none;
}

#gnav ul#main-nav li#nav-mypage {
	width: 73px;
}

#gnav ul#main-nav li a,
#gnav ul#main-nav li a.on,
#gnav ul#main-nav li a:hover,
#gnav ul#main-nav li a.on:hover {
	width: 78px;
	height: 24px;
	display: block;
	padding: 0;
	background: url("../img/base-2nd/globalnavi.gif") no-repeat;
	overflow: hidden;
	text-indent: -9999px;
}

#gnav ul#main-nav li#nav-kensyo a {
	background-position: 0 0;
}

#gnav ul#main-nav li#nav-kensyo a:hover {
	background-position: 0 -25px;
}

#gnav ul#main-nav li#nav-kensyo a.on,
#gnav ul#main-nav li#nav-kensyo a.on:hover {
	background-position: 0 -50px;
}

#gnav ul#main-nav li#nav-point a {
	background-position: -100px 0;
}

#gnav ul#main-nav li#nav-point a:hover {
	background-position: -100px -25px;
}

#gnav ul#main-nav li#nav-point a.on,
#gnav ul#main-nav li#nav-point a.on:hover {
	background-position: -100px -50px;
}

#gnav ul#main-nav li#nav-shopping a {
	background-position: -200px 0;
}

#gnav ul#main-nav li#nav-shopping a:hover {
	background-position: -200px -25px;
}

#gnav ul#main-nav li#nav-shopping a.on,
#gnav ul#main-nav li#nav-shopping a.on:hover {
	background-position: -200px -50px;
}

#gnav ul#main-nav li#nav-game a {
	background-position: -300px 0;
}

#gnav ul#main-nav li#nav-game a:hover {
	background-position: -300px -25px;
}

#gnav ul#main-nav li#nav-game a.on,
#gnav ul#main-nav li#nav-game a.on:hover {
	background-position: -300px -50px;
}

#gnav ul#main-nav li#nav-research a {
	background-position: -400px 0;
}

#gnav ul#main-nav li#nav-research a:hover {
	background-position: -400px -25px;
}

#gnav ul#main-nav li#nav-research a.on,
#gnav ul#main-nav li#nav-research a.on:hover {
	background-position: -400px -50px;
}

#gnav ul#main-nav li#nav-cm a {
	background-position: -500px 0;
}

#gnav ul#main-nav li#nav-cm a:hover {
	background-position: -500px -25px;
}

#gnav ul#main-nav li#nav-cm a.on,
#gnav ul#main-nav li#nav-cm a.on:hover {
	background-position: -500px -50px;
}

#gnav ul#main-nav li#nav-oshiete a {
	background-position: -600px 0;
}

#gnav ul#main-nav li#nav-oshiete a:hover {
	background-position: -600px -25px;
}

#gnav ul#main-nav li#nav-oshiete a.on,
#gnav ul#main-nav li#nav-oshiete a.on:hover {
	background-position: -600px -50px;
}

#gnav ul#main-nav li#nav-mypage a {
	width: 74px;
	background-position: -700px 0;
}

#gnav ul#main-nav li#nav-mypage a:hover {
	background-position: -700px -25px;
}

#gnav ul#main-nav li#nav-mypage a.on,
#gnav ul#main-nav li#nav-mypage a.on:hover {
	background-position: -700px -50px;
}

#gnav #chance-nav {
	float: right;
	width: 268px !important;
	margin: 0;
}

#gnav ul#chance-nav li {
	float: left;
	display: block;
	padding: 0;
	border: none;
}

#gnav ul#chance-nav li a {
	height: 24px;
	display: block;
	margin-right: 7px;
	padding: 0;
	background: url("../img/base-2nd/globalnavi.gif") no-repeat;
	overflow: hidden;
	text-indent: -9999px;
}

#gnav ul#chance-nav li a:hover {
	padding: 0;
}

#gnav ul#chance-nav li#nav-audition a {
	width: 89px;
	background-position: 0 -75px;
}

#gnav ul#chance-nav li#nav-audition a:hover {
	background-position: 0 -100px;
}

#gnav ul#chance-nav li#nav-diet a {
	width: 66px;
	background-position: -100px -75px;
}

#gnav ul#chance-nav li#nav-diet a:hover {
	background-position: -100px -100px;
}

#gnav ul#chance-nav li#nav-kentei a {
	width: 37px;
	background-position: -200px -75px;
}

#gnav ul#chance-nav li#nav-kentei a:hover {
	background-position: -200px -100px;
}

#gnav ul#chance-nav li#nav-ieuru a {
	width: 48px;
	background-position: -300px -75px;
}

#gnav ul#chance-nav li#nav-ieuru a:hover {
	background-position: -300px -100px;
}

#page-nav:after{
	clear:both;
	}

/* #page-nav */	
#page-nav{
	clear:both;
	padding:1px;
	border-bottom:1px #999999 dotted;
	margin-bottom:5px;
	}	

/* #breadcrumb-list */
#page-nav #breadcrumb-list{
	float:left;
	}
#page-nav #breadcrumb-list li{
	display:inline;
	padding-right:8px;
	padding-left:8px;
	}
#page-nav #breadcrumb-list li.crumb-yaji{	
	background:transparent url(../img/ci-tmp/gt.gif) no-repeat scroll right center;
	}
#page-nav #breadcrumb-list h2{
	display:inline;
	}

/* #snavi */
#page-nav ul#snav{
	float:right;
	}
#page-nav ul#snav li {
	display:inline;
	text-align:right;
}
#page-nav ul#snav li img{
	padding-right:2px;
	padding-left:4px;
	vertical-align:text-bottom;
	}


#camp-img{
 clear:both;
 }
	
/* #sub-body */
#sub-body {
	width:880px;
	margin:10px auto 10px;
	clear:both;
	/*background-image: url(../imgs/bg.gif);
	background-repeat: repeat;*/
	padding-bottom:20px;
	}

/* #header #member-box-in */
#header #member-box-in {
	float:right;
	width:400px;
	margin-top:10px;
	padding:3px 5px 0;
	border-left:5px solid #CCCCCC;
	border-right:5px solid #CCCCCC;
	}
#member-box-in #user-name{
	float:left;
	background: no-repeat url(../img/icon/ico-member.gif) ;
	padding-left:18px;
	padding-bottom:5px;
	}
#member-box-in #user-pt{
	float:right;
	}
#member-box-in #user-pt img{
	padding-right:3px;
	}
#member-box-in #user-pt{
	color:#FF0000;
	}
#member-box-in #member-info	{
	border-bottom:1px dotted #CCCCCC;
	margin-bottom:2px;
	}
#member-box-in #membr-menu {
	clear:both;
	}	
#member-box-in #membr-menu ul{
	float:left;
	}	
#member-box-in #membr-menu li{
	display: inline;
	padding: 0 3px;
	border-right:1px solid #CCCCCC;
	}
#member-box-in #membr-menu #log-of{
	float:right;
	height:20px;
	padding-top:2px;
	}
#member-box-in #membr-menu #log-of img{
	padding-right:3px;
	}
	
	
/* #header #member-box-of */
#header #member-box-of {
	float:right;
	width:300px;
	margin-top:10px;
	padding:3px 5px 0;
	border-left:5px solid #CCCCCC;
	border-right:5px solid #CCCCCC;
	}
#member-box-of #user-name{
	float:left;
	background: no-repeat url(../img/icon/ico-member.gif) ;
	padding-left:18px;
	padding-bottom:5px;
	}
#member-box-of #member-info	{
	border-bottom:1px dotted #CCCCCC;
	margin-bottom:2px;
	}
#member-box-of #member-in {
	clear:both;
	}	
#member-box-of #member-in ul{
	float:right;
	padding-top:2px;
	}	
#member-box-of #member-in ul img{
	padding-right: 3px;
	}
#member-box-of #member-in li{
	display: inline;
	padding: 0 3px;
	}
#member-box-of #member-in #pass-forget{
	float:left;
	height:20px;
	padding-top:2px;
	}

	
/* footer */
#footer {
	clear:both;
	margin-bottom:80px;
	margin-top:15px;
	text-align:center;
	width:900px;
	border-top:3px double #CCCCCC;
	}
#footer ul#company {
	padding-top:30px;
	width:900px;
	text-align:center;
	/*width: 630px;*/
	}
#footer ul#company li.listop {
	border-left:1px solid #666666;
	}
#footer ul#company li {
	border-right:1px solid #666666;
	padding:0pt 5px;
	display:inline;
	}
#footer p#copyright {
clear:both;
padding-top:10px;
}

iframe#camp-guide-foot {
	border: medium none;
	height: 200px;
	margin: 0;
	overflow: hidden;
	padding: 0;
	width: 100%;
}


/* floatさせたボックスが親ボックスの外にはみ出す現象を回避 */
.clearfix:after{
	content:".";
	display:block;
	height:0px;
	clear:both;
	line-height: 0;   
	visibility:hidden;
	}

.clearfix{
	/*display:inline-table;*/
	min-height:1%;
	}

/* Win版IE5および6対策 */
/* Hides from IE-mac \*/
* html .clearfix { height:1px; }
.clearfix { display:block; }
/* End hide from IE-mac */
/* floatさせたボックスが親ボックスの外にはみ出す現象を回避（ここまで） */

/* テキスト関連 */
#footer ul#company li a{
	font-weight:normal;
	}

