@charset "utf-8";
 
 
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
 
html{
    overflow-y: scroll;
}
 
blockquote, q {
    quotes: none;
}
 
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
 
input, textarea{
    margin: 0;
    padding: 0;
}
 
ol, ul{
    list-style:none;
}
 
table{
    border-collapse: collapse;
    border-spacing:0;
}
 
caption, th{
    text-align: left;
}
 
a:focus {
    outline:none;
}
 
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
 
.clearfix {
    min-height: 1px;
}
 
* html .clearfix {
    height: 1px;
    /*¥*//*/
    height: auto;
    overflow: hidden;
    /**/
}
 
 
.both{
    clear:both;
}
 
.inline_block {  
    display: inline-block;  
    *display: inline;  
    *zoom: 1;  
}
 
 /* initialize for smartphone */

body { 
	-webkit-text-size-adjust : 100% ; 
}

img {
   /* max-width:100%;*/
}

/* unique style */

html{
	background: #dff2fc;
	font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
}


.section{
	width: 960px;
	margin: 30px auto;
	padding: 20px;
	position:relative;
	z-index: 0;
	font-size: 120%;
}

.inner{
	background: #FFFFFF;
}
.fltR{
	float: right;
}
.fltL{
	float: left;
}
.clearBoth{
	clear: both;
}
.txt-c{
	text-align: center;
}

.section a{
	color: #0097e0;
	text-decoration: underline;
}
.section a:hover{
	text-decoration: none;
}

.section a:hover img{
	opacity: 0.6;
	filter: alpha(opacity=70); 
}

#bg {
	background:#dff2fc;
}

@media print{
	.np {display:none;}
}

.section-0{
	width: 960px;
	height: 600px;
	background: url(/sports/vaam/campaign/summertraining/images/main_img1.png)  no-repeat left top;
	margin: 0 auto;
	
	-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.4);
	-moz-box-shadow: 0 0 10px 0 rgba(0,0,0,0.4);
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.4);
}
	.section-0 h1{
		text-align: center;
		padding: 90px 0 30px;
	}
	.section-0 ul{
		text-align: center;
		padding-left: 45px;
	}
		.section-0 ul li{
			position: relative;
			float: left;
			/*padding: 0 12px;*/
			width: 198px;
			height: 198px;
			margin-right:20px;
		}
			.section-0 ul li img{
				position: absolute;
			}

.section.section-1{
	background: url(/sports/vaam/campaign/summertraining/images/bg2.png);
	
	-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.4);
	-moz-box-shadow: 0 0 10px 0 rgba(0,0,0,0.4);
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.4);
	z-index: 5;
}
	.section.section-1 .inner{
		position: relative;
		padding: 20px;
	}
		.section.section-1 p,
		.section.section-1 dl{
			width: 650px;
		}
		.section.section-1 dl{
			font-size: 82%;
			margin-top: 15px;
		}
	.section.section-1 img{
		position: absolute;
		right: 10px; bottom: 0;
	}
	
	.section.section-1 .np{	
		background:url(/sports/vaam/campaign/summertraining/images/portrait_img.png) no-repeat;
	}
	
	

h2.qanda{
	text-align: center;
	/*margin:  0 0 -46px;*/
	margin:  0 0 -39px;
	position: relative;
	z-index: 10;
}
.section.section-2{
	background:  url(/sports/vaam/campaign/summertraining/images/bg3.png);
}
	.section.section-2 .inner{
		padding: 20px;
	}
		
		.section.section-2 dl{}
			.section.section-2 dl dt{
				border-top: solid 1px #cccccc;
				font-size: 150%;
				color: #0097e0;
				padding: 15px 0 10px 90px;
				line-height: 1.5em;
				background-position: 5px 15px;
				background-repeat: no-repeat;
				background-image:url(/sports/vaam/campaign/summertraining/images/section2_q1.jpg);
				cursor: pointer ;
			} 
			.section.section-2 dl dt.singleline{
				padding: 25px 0px 25px 90px;
				
			}
			
			.section.section-2 dl dt:first-child{
				border-top: none;
			}
			
				.section.section-2 dl dt div{
					font-weight: bold;
				}
				.section.section-2 dl dt:hover div,
				.section.section-2 dl dt.active div{
					background: url(/sports/vaam/campaign/summertraining/images/mark_comment.jpg)  no-repeat right bottom;
				}
			.section.section-2 dl dd{
				background-position: 5px 20px;
				background-repeat: no-repeat;
				background-image:url(/sports/vaam/campaign/summertraining/images/section2_answer_even.png);
				line-height: 1.7em;
				padding:20px 10px 30px 90px;
				width: 880px;
				overflow: hidden;
				
			}
			.section.section-2 dl dd.even{
				background-image:url(/sports/vaam/campaign/summertraining/images/section2_answer_even.png);
			} 
				.section.section-2 dl dd .txt{
					width:460px;
				}
				.section.section-2 dl dd .txt-c{
					padding: 0 0 20px 0;
				}
				.section.section-2 dl dd.answer-2 .txt{
					width:400px;
				}
				.section.section-2 dl dd .txt-1{
					width: auto;
					padding: 0 0 30px 50px;
				}
			.section.section-2 dl dd .fltL img {
					margin: 0 0 0 25px;
				}
				.section.section-2 dl dd .fltL .illust1{	
					background:url(/sports/vaam/campaign/summertraining/images/illust1.png) no-repeat;
				}
				.section.section-2 dl dd .fltL .illust2{	
					background:url(/sports/vaam/campaign/summertraining/images/illust2.png) no-repeat;
				}
				.section.section-2 dl dd .fltL .illust3{	
					background:url(/sports/vaam/campaign/summertraining/images/illust3.png) no-repeat;
				}
				.section.section-2 dl dd div img.illust4{	
					background:url(/sports/vaam/campaign/summertraining/images/illust4.png) no-repeat;
				}
				.section.section-2 dl dd .fltL .illust5{	
					background:url(/sports/vaam/campaign/summertraining/images/illust5.png) no-repeat;
				}
				.section.section-2 dl dd .fltL .illust6{	
					background:url(/sports/vaam/campaign/summertraining/images/illust6.png) no-repeat;
				}
				.section.section-2 dl dd .fltL .illust7{	
					background:url(/sports/vaam/campaign/summertraining/images/illust7.png) no-repeat;
				}
				.section.section-2 dl dd div img.illust8-1{	
					background:url(/sports/vaam/campaign/summertraining/images/illust8_1.png) no-repeat;
				}
				.section.section-2 dl dd .fltL .illust8-2{	
					background:url(/sports/vaam/campaign/summertraining/images/illust8_2.png) no-repeat;
				}
				.section.section-2 dl dd .fltL .illust9{	
					background:url(/sports/vaam/campaign/summertraining/images/illust9.png) no-repeat;
				}
				.section.section-2 dl dd .fltL .illust10{	
					background:url(/sports/vaam/campaign/summertraining/images/illust10.png) no-repeat;
				}
				.section.section-2 dl dd h4{
					color: #5ed01e;
					font-size: 113%;
					font-weight: bold;
				}
			
h2.btnlead{
	margin: 80px auto 0px;
	width: 960px;
}
.section.section-3{
	margin: 10px auto 30px;
}
	.section.section-3 p{
		text-align: center;
	}
	.section.section-3 ul{
		text-align: center;
		margin: 100px 0 50px;
	}
		.section.section-3 ul li{
			display: inline;
			padding: 50px; 
		}
	
.section.section-4{
	background:  url(/sports/vaam/campaign/summertraining/images/bg4.png);
} 
	.section.section-4 ul{
		width: 100%;
		overflow: hidden;
	}
		.section.section-4 .item{
			float: left;
		}
		.section.section-4 .item img{
		padding-bottom: 12px;
		}
		.section.section-4 .item-1{
		width: 406px;
		padding: 50px 0 30px 50px;
		text-align: center;
		}
		.section.section-4 .item-2{
		width: 386px;
		padding: 50px 0 30px 74px;
		text-align: center;
		}
		.section.section-4 .item-3{
		width: 431px;
		padding: 20px 0 40px 56px;
		text-align: center;
		}
		.section.section-4 .item-5{
		width: 431px;
		padding: 20px 0 40px 84px;
		text-align: center;
		}
.footer{
	padding: 0 0 30px;
	margin: 0 auto;
	width: 960px;
	font-size: 82%;
	overflow: hidden;
}
	.footer ul{
		float: left;
	}
	.footer ul li{
		float: left;
	}
		.footer ul li a{
			color: #000000;
			text-decoration: none;
		}
		.footer ul li a.link{
			background: url(/sports/vaam/campaign/summertraining/images/list_style.png) no-repeat left center;
			padding: 0 30px 0 10px;
		}
			.footer ul li a:hover{
				text-decoration: underline;
			}
	.footer .copyright{
		float: right;
	}

/* よく使うCSS start
 
table {
    width:100%;
}

よく使うCSS end -----
時々使うCSS3 start ---
 
テキストシャドウ {
    text-shadow: 1px 1px 3px #000;
}
 
テキストシャドウ {
    text-shadow: 1px 1px 3px #000;
}
 
ボックスシャドウ {
    -moz-box-shadow: 1px 1px 3px #000;
    -webkit-box-shadow: 1px 1px 3px #000;
    box-shadow: 1px 1px 3px #000;
}
 
ボックスシャドウ内側 {
    -moz-box-shadow: inset 1px 1px 3px #000;
    -webkit-box-shadow: inset 1px 1px 3px #000;
    box-shadow: inset 1px 1px 3px #000;
}
 
角丸 {
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
}
 
トランジション {
    -webkit-transition: 1.5s;
    -moz-transition: 1.5s;
    -o-transition: 1.5s;
    transition: 1.5s;
}
 
透明 {
    filter: alpha(opacity=25);
    -moz-opacity:0.25;
    opacity:0.25;
}
 
背景のみ透明 {
    background-color:rgba(255,255,255,0.2);
}
 
グラデーション {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#000000');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#000000')";
    background-image: -moz-linear-gradient(top, #ffffff, #000000);
    background-image: -ms-linear-gradient(top, #ffffff, #000000);
    background-image: -o-linear-gradient(top, #ffffff, #000000);
    background-image: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#000000));
    background-image: -webkit-linear-gradient(top, #ffffff, #000000);
    background-image: linear-gradient(top, #ffffff, #000000);
}
 
スマホ対応
@media screen and (max-width: 480px){
    
}
@media screen and (max-width: 320px){
    
}
 
時々使うCSS3 end */