@charset "utf-8";

/* *****************************************
/*+  layout  +******************************
/***************************************** */
body{
	text-align:center;
	background:#179ffb;
	}
div#container{
	text-align:left;
}

div#wrapper{
}

div#wrapper,
div#article{
}

div#mainArea{
	}

article#main{
	}

aside{
	}


/* *****************************************
/*+  header  +******************************
/***************************************** */
header{
	line-height:0;
}

/*+  sitelogo elements +***************************/
header h1 {
}


/* *****************************************
/*+  cvArea1  +******************************
/***************************************** */
#cvArea1{
	margin:0 10px 8px;
	padding:5px 5px 3px;
	background:url(https://mobage-forsp.websoccer.jp/img/lp/lp_stripe_bg.png) repeat center top;
	border:1px solid #FFF;
	border-radius:5px;
	text-align: center;
}
#cvArea1 h2{
	margin-bottom:7px;
	padding:2px 0 0;
	font-size:16px;
	font-weight:bold;
	text-shadow:1px 1px 1px #FFF;
	color:#D20000;
	text-align:center;
}
#cvArea1 .btn_area a{
	display:block;
	margin-bottom:3px;
}

#cvArea1 p:last-child{
	margin: 5px auto 0;
	width: 90%;
	border: 1px solid #CCF;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

#cvArea1 p:last-child a{
	display: block;
	padding: 6px 5px 4px;
	border: 1px solid #FFF;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: -webkit-gradient(linear, left top, left bottom, from(#FFF), color-stop(0.49, #EEE), color-stop(0.5, #DDD), to(#EEE));　/* Safari,Google Chrome用 */  
	background-color: #fff;
	font-weight: bold;
	font-size: 12px;
	color: #0A2 !important;
}

/* *****************************************
/*+  infoArea  +******************************
/***************************************** */
#infoArea{
	margin-bottom: 8px;
}

#infoArea h2{
	margin:0 10px 0;
	padding: 6px 5px 5px;
	background-color: #172352;
	color: #FFF;
	font-size: 90%;
}

#infoArea .content{
	margin:0 10px 8px;
	padding:3px 5px 3px;
	background-color: #fff;
	font-size: 80%;
}

/* *****************************************
/*+  campaignArea  +******************************
/***************************************** */
#campaignArea{
	margin-bottom: 12px;
}

#campaignArea h2{
	padding: 9px 0 6px;
	font-size: 138%;
	color: #FFFF11;
	text-align: center;
	text-shadow: 1px 1px 3px #000;
}

#campaignArea h2.pointUp{
	background-image:url(https://mobage-forsp.websoccer.jp/img/lp/kadaifu_g.png);
	background-repeat: no-repeat;
	background-position: 2px 0;
	-webkit-background-size: 18% auto;
	background-size: 18% auto;
}

#campaignArea .content{
	margin:0 10px 8px;
	padding:5px 5px 1px;
	background:url(https://mobage-forsp.websoccer.jp/img/lp/lp_stripe_bg.png) repeat center top;
	border:1px solid #FFF;
	border-radius:5px;
	text-align: center;
}

#campaignArea .content.playerPresent{
	position: relative;
}

#campaignArea .content.playerPresent .playerImg{
	position: absolute;
	top: -13px;
	right: -29px;
}

#campaignArea .content .catch{
	margin-bottom: 7px;
	font-size: 90%;
}

#campaignArea .content .catch em{
	font-weight: bold;
	font-style: normal;
	font-size: 120%;
	color: #ED0000;
}

#campaignArea .content h3{
	margin-bottom: 2px;
	font-size: 80%;
	color: #172352;
}

#campaignArea .content p{
	margin: 0 5px 10px;
	padding: 4px 3px 3px;
	border: 1px solid #579BFB;
	font-size: 80%;
	background-color: #fff;
	border-radius:5px;
	-webkit-box-shadow: 3px 3px 0 #579BFB;
	-moz-box-shadow: 3px 3px 0 #579BFB;
	box-shadow: 3px 3px 0 #579BFB;
}

/* *****************************************
/*+  point1  +******************************
/***************************************** */
#point1{
	line-height:0;
}

#point1 p#point1-btn{
	text-align:center;
	margin-top:-40px;	
}



/* *****************************************
/*+  slider  +******************************
/***************************************** */
#slides{
		background:#69cffe;
}

.slidesjs-pagination {
    margin: 6px 0 0;
    list-style: none;
    text-align: center;
}
.slidesjs-pagination li {
    display: inline-block;
    margin: 12px 5px 0;
}
.slidesjs-pagination li a {
    display: block;
    width: 10px;
    height: 0;
    padding-top: 10px;
    background-image:url(https://mobage-forsp.websoccer.jp/img/lp/slider/indicator.png);
    background-position: 0 0;
    float: left;
    overflow: hidden;
		
		-webkit-background-size:10px 20px;
		-moz-background-size:10px 20px;
		background-size:10px 20px;
		
}
.slidesjs-pagination li a.active {
    background-position: 0 -10px;
}
.frame-item-area {
    text-align: center;
}
#slideNav01 {
    position: relative;
		background:#179ffb;
    height: 32px;
}
.slidesjs-navigation .prev {
    position: absolute;
    top: 5px;
    left: 9px;
}
.slidesjs-navigation .next {
    position: absolute;
    top: 5px;
    right: 6px;
}


/* *****************************************
/*+  cvArea2  +******************************
/***************************************** */

#cvArea2{
	margin:14px 10px 22px;
	padding:5px 5px 3px;
	background:url(https://mobage-forsp.websoccer.jp/img/lp/lp_stripe_bg.png) repeat center top;
	border:1px solid #FFF;
	border-radius:5px;
	text-align: center;
}
#cvArea2 h2{
	margin-bottom:7px;
	padding:2px 0 0;
	font-size:16px;
	font-weight:bold;
	text-shadow:1px 1px 1px #FFF;
	color:#D20000;
	text-align:center;
}
#cvArea2 .btn_area a{
	display:block;
	margin-bottom:3px;
}

#cvArea2 p:last-child{
	margin: 5px auto 0;
	width: 90%;
	border: 1px solid #CCF;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

#cvArea2 p:last-child a{
	display: block;
	padding: 6px 5px 4px;
	border: 1px solid #FFF;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: -webkit-gradient(linear, left top, left bottom, from(#FFF), color-stop(0.49, #EEE), color-stop(0.5, #DDD), to(#EEE));　/* Safari,Google Chrome用 */  
	background-color: #fff;
	font-weight: bold;
	font-size: 12px;
	color: #0A2 !important;
}



/* *****************************************
/*+  compArea  +******************************
/***************************************** */

#compArea{
	margin:0 10px;
	padding:12px 8px 4px;
	background-color: #FFF;
	text-align: center;
	border-radius:3px;
}

#compArea p{
	margin-bottom: 1.0em;
	font-size: 11px;
}

#compArea p strong{
	font-size: 16px;
	color:#F66;
}



/* *****************************************
/*+  kiyaku  +******************************
/***************************************** */
#kiyaku{
	width:300px;
	margin:10px auto;
	background:#69cffe;
}

#kiyaku h2{
	color:#FFF;
	background:url(https://mobage-forsp.websoccer.jp/img/lp/bg_gradation1.png) repeat-x left top;
	padding:0 10px;
}

#kiyaku h2 a{
	background:url(https://mobage-forsp.websoccer.jp/img/lp/arrow_down.png) no-repeat right .7em;
	color:#FFF;
	display:block;
	padding:10px 0;
	-webkit-background-size:14px 14px;
	-moz-background-size:14px 14px;
	background-size:14px 14px;
}

#kiyaku dl{
	margin:10px 10px 0;
	padding:10px;
	background:#FFF;
	font-size: 0.6em;
}



/* *****************************************
/*+  law  +******************************
/***************************************** */
#law{
	width:300px;
	margin:10px auto;
	background:#69cffe;
}

#law h2{
	color:#FFF;
	background:url(https://mobage-forsp.websoccer.jp/img/lp/bg_gradation1.png) repeat-x left top;
	padding:0 10px;
}

#law h2 a{
	background:url(https://mobage-forsp.websoccer.jp/img/lp/arrow_down.png) no-repeat right .7em;
	color:#FFF;
	display:block;
	padding:10px 0;
	-webkit-background-size:14px 14px;
	-moz-background-size:14px 14px;
	background-size:14px 14px;
}

#law dl{
	margin:10px 10px 0;
	padding:10px;
	background:#FFF;
}




/* *****************************************
/*+  footer  +******************************
/***************************************** */
footer{
	margin:10px 0 0;
	}
footer p#pageTop{
	text-align:right;
	margin-right:11px;
	}

footer p#pageTop a{
	width:80px;
	height:18px;
	}

footer p#pageTop a:after {
	}


footer p#copyRight{
	background:#003368;
	padding:10px 10px;
	color:#FFF;
	text-align:center;
	}





/* *****************************************
/*+  common element  +******************************
/***************************************** */
/*+ table + ---------------------------- */
table {
	border-collapse:collapse;
	border:solid 1px #DDCDB0;
	}
table th {
	padding:4px;
	background:#F7F0E8;
	border:solid 1px #DDCDB0;
	text-align:left;
	vertical-align:top;
	}
table td {
	padding:4px;
	border:solid 1px #DDCDB0;
	}

/*+ p , span + ---------------------------- */
div#contents p {
	}
div#contents span {
	}
div#contents span.red {
	color:#ff0000;
	}

div#contents span.smallCaps {
	font-weight:normal;
	font-size:88%;
	}


/*+ topicPath + ---------------------------- */
div#contents p.topics {
	}

/*+ contentsBox + ---------------------------- */
div.conBox {
	}

/*+ pageTop + ---------------------------- */
p.pageTop {
	}
	
/*+ list + ---------------------------- */
ul.decimal li{
	
}

/*+ link arrow + ---------------------------- */
.arrow{
}

.newwin{
}

.backLink{
}

/*+ error + ---------------------------- */
.error-message{
	color:#F00;
}