@charset "utf-8";
/* ONE FOR ALL目標達成記念パーティー */

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

	CommonElements

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

body {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica,sans-serif;
	line-height:1.0;
	color:#333;
	background:#fff url(/jp/oneforall/images/body_bg02.png) 50% 40px no-repeat;
	font-size:16px\9;
	min-width: 960px;
	overflow: hidden;
	
	}

	a { text-decoration:none; color:#09F;}
	a:hover { text-decoration:underline; color:#ffb007;}
	a:hover > img{
		filter: alpha(opacity=90); -moz-opacity:0.9; opacity:0.9;
		transition : all .1s; /* Animation Effect */
		}
	a.lnkImg:hover	{
		filter: alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;
		transition : all .1s; /* Animation Effect */
		}

sup{ font-size:60%; line-height: 1; vertical-align: text-top;}

img	{
	-webkit-backface-visibility: hidden; /*Chrome画像表示*/
	}


	/* Text Decoration */
	
	
	/* link */
	a:hover > img[src$=".jpg"]	{
		background:#fff;
		filter: alpha(opacity=70); -moz-opacity:0.7; opacity:0.7;
		transition : all .2s; /* Animation Effect */
		}
		
/* Clear Fix */
	.clrfx:after	{ content:".";display:block; height:0;clear:both;visibility:hidden;}
	.clrfx	{ zoom:1;}
	.clr	{ clear:both;}

/* Text */
	.txtl	{ text-align:left;}
	.txtc	{ text-align:center;}
	.txtr	{ text-align:right;}


/* Float*/
	.fltl	{ float:left;}
	.fltr	{ float:right;}


/* Display */
	.nodsp	{ display:none;}
	.dbk	{ display:block;}



/* 文字 */

	/* Text Size - */
	.fntXL	{ font-size:125%;}/*20px*/
	.fntL	{ font-size:112%;}/*18px*/
	.fntM	{ font-size:100%;}
	.fnts	{ font-size:87.5%;}/*14px*/
	.fntxs	{ font-size:75%;}/*12px*/
	.txts	{ font-size:62%;}/*10px*/

	/* 文字色 */
	.blu	{color:#36F;}
	.red	{color:#F00;}
	.gry	{color:#999;}

/* image */
	img.img-abslt	{ position:absolute;}



/*-------------------------------
 Header
---------------------------------*/
#header	{
	min-width:960px;
	background:#F9F9FA;
	box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2) inset;
}
	#hdrInner	{
		width:960px;
		height:40px;
		margin:0 auto;
		position:relative;
	}

	/* ロゴリンク指定 */
	#header .logoVs	{
		position:absolute;
		top: 10px;
		right: 10px;
		z-index: 10;
		}
	#header .logoVs img	{
		height: 20px;
		}
	
	#hdrInner a:hover img	{ filter: alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}
	


/*-------------------------------
 Pan Navi (Breadcrumb Navigation) - Width:100%;
---------------------------------*/
	p.pannavi 	{
		width: 960px;
		margin: 0 auto;
		height: 40px;
		line-height: 40px;
		letter-spacing: 0.04em;
		font-size: 12px;
		position: relative;
		overflow: hidden;
		}

	p.pannavi  a	{
		width:auto;
		padding:0px 10px;
		color:#777;
	}
	p.pannavi  a:hover	{
		color:#C01;
		}
	p.pannavi  a.currentpage	{
		pointer-events: none;
		cursor: default;
		}
	p.pannavi  span	{
		color: #bbb;
		font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
		}
	.pannavi .logoVs	{}

	body > p.pannavi a:not(.currentpage)	{ color: #C01; }

/*-------------------------------
 After Report
---------------------------------*/

	/* After Report _ Main
	-----------------------------*/
	#arMain	{
		width: 100%;
		min-width: 960px;
		padding: 0;
		margin: 0px auto;
		position: relative;
		text-align: center;
		}
		#arMain.party1803	{
			}
		#arMain.party1805	{
			margin-bottom: -5px;
			}
		#arMain.party1808	{
			}
	
		#arMainInnr{
			width:960px;
			margin: 0px auto;
			position:relative;
			z-index:2;
			}
		#arMainInnr img#mainPic	{
			position:absolute; z-index:3;
		}

		#arMainInnr h1	{ margin-bottom: 5px; }
		#arMainInnr h1 > img	{ display:block;}
		#arMainInnr h2,
		#eveSchdl	{ 
			visibility:hidden;
			height:0;
			}


	/* After Report _ Intro
	-----------------------------*/
	#introImg	{
		display:block;
		position:absolute;
		top:0px;
		right:0px;
		z-index:0;
		}
		#introImg + p	{ 
			position:relative; z-index:1;
			margin: 50px;
			line-height: 1.8;
			text-shadow: 0 0 1px #fff , 0 1px 1px #fff , 0 0 10px #fff;
			}

	/* After Report _ Contetns
	-----------------------------*/
	.arInner { 
		width:960px;
		padding:10px 0 40px;
		margin:0 auto 50px;
		background: #fff;
		background: rgba(255,255,255,0.8);
		box-shadow: 0 1px 6px 0 rgba(0,0,0,0.4);
		position:relative;
		}
		.arInner h3	{
			width: auto;
			background: #5F83BD;
			margin:0px 40px 1em;
			color: #fff;
			font-size: 137.5%;
			text-align: left;
			overflow: inherit;
			line-height: 60px;
			height: 60px;
			text-indent: 30px;
			position:relative;
		    border-radius: 6px;
			}
			.arInner h3:after	{
				content: "";
				display: inline-block;
				width: 65px;
				height: 73px;
				background-image: url(/jp/oneforall/images/chara_komame.png);
				background-size: cover;
				background-repeat: no-repeat;
				overflow: hidden;
				position: absolute;
				top: -14px;
				right: 5px;
				}
		ul.gallery + h3,
		.arInner p + h3	{ margin-top: 60px;}

		.arInner p	{
			margin:30px 70px;
			padding:0;
			font-size:112.5%;
			text-align:left;
			letter-spacing:0.05em;
			line-height:1.5;
		}
			.arInner ul.gallery + p { }
			.arInner p.linkText	{
				padding:15px 0 0 0;
				line-height:2;
				text-align:center;
			}
				.arInner p.linkText span,
				.arInner p.linkText a	{
					width:420px;
					padding:10px 25px;
					border-radius:3px;
					color:#fff;
					display:inline-block;
					letter-spacing:0.05em;
				}
				.arInner p.linkText span	{ background:#999; font-size:0.8em;}
				.arInner p.linkText a	{ background:#68B7BB; line-height:1.4;}
				.arInner p.linkText a:hover	{ background:#3B5998; text-decoration:none;}
			
			
		.arInner hr	{
		border-top: 1px dashed #ddd;
		border-bottom: 1px dashed #fff;
		margin: 40px auto;
		width: 90%;
		}
				
	/* After Report _ Gallery Image List
	-----------------------------*/
	ul.gallery	{
		width:840px;
		margin:10px auto 20px;
		position:relative;
	}
		ul.gallery li	{
			width:260px;
			margin:7px;
			border:3px solid #fff;
			box-shadow:0 2px 5px rgba(46,19,12,0.3);
			line-height:0;
			position:relative;
			float:left;
		}
		ul.gallery li img	{ width:260px; height:180px;}
		
			ul.gallery li.col2	{ width:400px;}
			ul.gallery li.col2 img	{ width:400px; height:auto;}
			
			ul.gallery li.col1	{ width:820px;}
			ul.gallery li.col1 img	{ width:820px; height:auto;}
		
		ul.gallery li a:before{
			content: url(/image/ic_imgUP.gif);
			position: absolute;
			right: -5px;
			top: -5px;
			z-index:10;
		}
		


	/* After Report _ End
	-----------------------------*/

	#endImg	{
		display: block;
		margin: -30px auto;
		}




/*-------------------------------
 Footer
---------------------------------*/
#footer {
    min-width: 960px;
    background: #675A53;
	color:#fff;
    padding: 10px 0;
    position: relative;
	text-align:center;
}
	#ftrInner	{
		width:960px;
		margin:0 auto;
		position:relative;
	}
		#ftrInner p	{
			line-height:1.4;
			font-size:87.5%;
			margin: 30px auto;
		}