@charset "shift_jis";

/*===================================================================
------------------
Table Of Contents
------------------
 00) .index

===================================================================*/

/*-------------------------------------------------------------------
 00) .index
-------------------------------------------------------------------*/
body.index {}

.index .ttlArea { /* override */
	background: transparent url(../../challenge/images/bg_h1.gif) center top no-repeat;
}

.index h1 {
	margin-bottom: 40px;
	text-align: center;
}

.index .strong {
	font-size: 1.2em;
	font-weight: bold;
}

.index dl.intro {
	width: 930px;
	margin-bottom: 45px;
}

.index dl.intro dd { width: 590px;}

.index .points { color: #ff0000;}

.index.challengeArea {
	margin: 50px 0;
}

.index .challengeNet {
	width: 930px;
	margin: 0 0 80px;
	background: url(../../challenge/images/img_challenge_02.jpg) no-repeat left bottom;	

}

.index .challengeNet .innerChallengeNet {
	padding: 225px 75px 50px;
	background: transparent url(../../challenge/images/img_challenge_01.jpg) 0 0 no-repeat;	
}


#lightbox_movie,
#lightbox_movie2,
#lightbox_movie3,
#lightbox_movie4{
	display:none;
	position:relative;
	}

#lightbox_movie .close,
#lightbox_movie2 .close,
#lightbox_movie3 .close,
#lightbox_movie4 .close{
	position: absolute;
	top:-25px;
	right:-25px;
	cursor:pointer;
	}


/* コンテンツエリア100% */

/*-- IE7 Hack --*/
*:first-child+html .ttlArea2 {background-position: center -100px;}

#localHeader {
	margin: 20px auto 100px;
}
#localHeader .lhNavi {
	position: absolute;
	top: 0;
	right: 0;
}
#localHeader .lhNavi dt {
	margin-bottom: 5px;
}
#localHeader .lhNavi ul {
	padding-left: 10px;
}
#localHeader .lhNavi li {
	margin-bottom: 5px;
}

/* 9個フッターリンク */
.column3-b2BK2 * {
	margin: 0;
	padding: 0;
}
.column3-b2BK2 {
	font-size: 13px;
	margin-bottom: 80px!important;
	line-height: 1.6;
}
.column3-b2BK2 h3 {
	text-align: center;
	margin: 10px 0;
}
.column3-b2BK2 p {
	position: relative;
	padding: 0 10px;
}
.column3-b2BK2 .detailBtn {
	position: absolute;
	top: 130px;
	left: 50%;
	margin-left: -85px;
}
.column3-b2BK2 .tile3 {
	position: relative;
	height: 174px;
}

.challengeArea .btn_miru{
	padding-top:15px;
	margin-bottom:15px;
}

/*2013.11.20.追記*/

#trainingWrp{
	width:831px;
	margin:0 auto;
}

/*2014.1.15.追記*/

.upperSection {
	position: relative;
	margin: 0;
}

.upperSection .lowerSection {
	display: inline;
	float: left;
	width: 375px;
	margin: 27px 0 0 30px;
	padding: 0;
}

.upperSection .lowerSection h3 {
	margin: 0 0 10px;
}

.upperSection .lowerSection .box {
	width: 365px;
	padding: 5px;
	background: url(../../challenge/images/texture_01.gif) repeat left top;	
}

.upperSection .lowerSection .box h4 {
	position: relative;
	margin: 0 0 7px;
}

.upperSection .lowerSection .box h4 span {
	display: block;
	position: absolute;
	top: -9px;
	left: 92px;	
}

.upperSection .lowerSection .box .figure {
	display: inline;
	float: left;
	margin: 0 7px 0 0;
	padding: 0 0 0 10px;
}

.upperSection .lowerSection .box .figure li {
	margin: 0 0 20px;	
}

.upperSection .lowerSection .box .detail {
	overflow: hidden;
	padding: 0 10px 0 0;
}

.upperSection .lowerSection .box .detail p {
	font-size: 12px;	
}

.upperSection .lowerSection .box .detail .btnCategory {
	margin: 20px 0 0;
	padding: 0 0 12px;
}

.upperSection .lowerSection .box .detail .texture01 {
	background: url(../../challenge/images/texture_02.gif) repeat left top;	
}

.upperSection .lowerSection .box .detail .texture02 {
	background: url(../../challenge/images/texture_03.gif) repeat left top;	
}

.upperSection .lowerSection .box .detail .btnCategory h5 {
	margin: 0 0 4px;
	text-align: center;
}

.upperSection .lowerSection .box .detail .btnCategory h5 img {
	margin: -9px 0 0;
}

.upperSection .lowerSection .box .detail .btnCategory .btn {
	margin: 0 0 0 -5px;

}

.upperSection .lowerSection .box .detail .btnCategory .btn li {
	display: inline;
	float: left;
	margin: 10px 0 0 20px;
	/margin: 10px 0 0 15px;
}

.upperSection .lowerSection .box .detail .btnCategory .btn > first-child {
	margin-top: 0;	
}

.upperSection .lowerSection .box .detail .btnCategory .btn li.null {
	width: 198px;
	height: 31px;
}

.upperSection .lowerSection .box .detail .btnCategory .caution {
	padding: 0 14px 0 27px;
	font-size: 10px;	
}

.upperSection .lowerSection .box .detail .caution {
	margin: 10px 0 0;
	font-size: 10px;	
}

.upperSection .lowerSection .box .detail .caution li {
	padding: 0 0 0 1em;
	text-indent: -1em;
}

.upperSection .lowerSection .box .detail .freeTrialBtn {
	position: absolute;
	right: 20px;
	bottom: 12px;	
}

.upperSection .lowerSection .txt {
	margin: 10px 0 0;
}

.upperSection .wideSection {
	float: none;
	width: 780px;
	margin: 0;
}

.upperSection .wideSection .box {
	width: 770px;	
}

.upperSection .wideSection .box .figure {
	margin: 0 14px 0 0;
}

.upperSection .wideSection .box .detail {
	padding: 0 20px 0 0;
}

.upperSection .lowerSection .box .innerBox {
	position: relative;
	padding: 0 0 50px;
	background: #ffffff;
}

.upperSection .smallSection {
	margin: 0 0 0 -30px;
	zoom: 1;
}
.upperSection .smallSection:before,
.upperSection .smallSection:after {
    content: " ";
    display: table;
}
.upperSection .smallSection:after {
    clear: both;
}