@charset "UTF-8";

/*-----------------------------------------------
_ general
-----------------------------------------------*/
:focus {
    outline: 0
}
a:hover {
    opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}

article#soccer { 
width: 982px; 
margin: 0 auto;  
border-top: 1px solid #777;
color: #5b4a36;
box-shadow: 0 2px 2px #ccc;
padding: 0 0 20px;
background-color: #fff;
}
article#soccer em {
font-weight: bold;
font-style: normal;
}

/*-----------------------------------------------
_ header
-----------------------------------------------*/

article#soccer header {
box-shadow: none;
border: none;
position: relative;
background-image: url(../images/soccer.jpg);
background-repeat: no-repeat;
background-position: 0 0;
height: 632px;
padding: 44px 0 0 25px;
}
article#soccer header h1 {
}
article#soccer header h2 {
    padding: 22px 0 136px;

}
article#soccer header h1.en img {
	width: 76%;
	margin: -44px 0 0 0;
}
article#soccer header h2.en {
	margin: 40px 0 114px;
	padding: 0;
}
article#soccer header p {
    margin: 10px 434px 0 0;

    font-size: 0.95em;
    line-height: 1.65;
}
article#soccer header .img {
    position: absolute;
    bottom: -35px;
    right: 0;
}

/*-----------------------------------------------
_ contents
-----------------------------------------------*/

article#soccer section {
    position: relative;
    height: 1118px;
    text-align: left;
}
article#soccer section h1 {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 5px 0;
	text-align: center;
	margin: 22px 0;
	font-size: 1.7em;
}
article#soccer section h2 {
    text-align: center;
    margin: 40px 90px 20px;
    font-weight: normal;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 6px 0;
}
article#soccer section p {
	margin: 16px 20px 0 265px;
	line-height: 1.7;
	font-size: 0.97em;
}
article#soccer section p em {
    color: #900;
}
article#soccer section .profImg {
	border: 1px solid #ccc;
	padding: 3px;
	position: absolute;
	top: 124px;
	left: 28px;
	width: 199px;
	/* -webkit-transform: rotate(-4deg); */
	-moz-transform: rotate(-4deg);
	-o-transform: rotate(-4deg);
	-ms-transform: rotate(-4deg);
	transform: rotate(-4deg);
}
article#soccer section p.link {
    background-color: #DEECF5;
	box-shadow: 0 2px 0 #A6C5F8;
    width: 250px;
    padding: 15px 15px 10px;
    margin: 20px 0 0 264px;
}
article#soccer section p.link a {
    display: block;
    text-align: center;
    color: #4791C2;
}

/*-----------------------------------------------
_ lesson 1
-----------------------------------------------*/

article#soccer div.lesson1, article#soccer div.lesson2, article#soccer div.lesson3 {
    position: relative;
}
article#soccer .lesson {
	background-color: #f0f0ea;
	position: relative;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0px 1px 2px #ccc;
	-moz-box-shadow: 0px 1px 2px #ccc;
	box-shadow: 0px 1px 2px #ccc;
	width: 435px;
	padding: 10px 10px 10px 106px;
	position: absolute;
	top: -14px;
	right: 254px;
}
article#soccer .lesson a {
	display: block;
	color: #444;
}
article#soccer .lesson h3 {
	font-size: 1.3em;
}
article#soccer .lesson h3 span {
	font-size: 70%;
}
article#soccer .lesson p {
    margin: 0;

    font-size: 0.95em;
}
article#soccer .lesson1 p em {
    color: #900;
    position: absolute;
    top: 115px;
    left: 363px;
    font-weight: normal;
    font-size: 0.9em;
}
article#soccer .lesson .dett {
	background-color: #fff;
	margin: 5px 0 0;
}
article#soccer .lesson .dett p {
    display: inline;

}
article#soccer .lesson .dett img {
    width: 30px;

    vertical-align: middle;
}
article#soccer .lesson .dett span img {
    width: 20px;

}
article#soccer .lessonImg {
	position: absolute;
	top : 5px;
	left: 10px;
	padding: 2px;
	border: 1px solid #ccc;
	width: 80px;
}
article#soccer div.lesson1 .mamiImg {
    position: absolute;
    top: 323px;
    right: -22px;
    width: 509px;
}
article#soccer div.lesson1 .baloon {
    background-image: url(../images/bal01.png);
    background-position: 0	0;
    background-repeat: no-repeat;
    width: 300px;
    height: 300px;
    position: absolute;
    top: 153px;
    right: 6px;
}
article#soccer div.lesson1 .baloon p {
	text-align: center;
	padding: 5px;

	margin: 50px 66px 0 67px;
	font-size: 0.85em;
	line-height: 1.7;
}
article#soccer div.lesson1 .lesson {
	position: absolute;
	top: 15px;
	left: 430px;
}
article#soccer div.lesson2 .lesson {
	position: absolute;
	top: 200px;
	left: -39px;
}
article#soccer div.lesson3 .lesson {
	position: absolute;
	top: 15px;
	left: -39px;
}
article#soccer div.lesson2 .mamiImg {
    position: absolute;
    top: 199px;
    left: 256px;
}
article#soccer div.lesson2 .baloon {
    background-image: url(../images/bal02.png);
    background-position: 0	0;
    background-repeat: no-repeat;
    width: 302px;
    height: 300px;
    position: absolute;
    top: 304px;
    left: -29px;
}
article#soccer div.lesson2 .baloon p {
	text-align: center;
	padding: 5px;
	margin: 61px 24px;
	font-size: 0.85em;
	line-height: 1.7;
}
/*-----------------------------------------------
_ socialicon
--------------------------------------------- */
.socialicon {
    margin: 0 0 0 25px;
    width: auto!important;
    padding: 0 0 0 24px;
}

.twitter-share-button {
    width: 84px!important
}
.g {
    width: 20px!important
}
div.fb-like{
    position: relative;
    top: -4px;
}
/*-----------------------------------------------
_ page scroll
-----------------------------------------------*/
#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
}
#page-top p {
    font-size: 12px;
    padding: 30px 0;
}
#page-top a {
    background: #8e7b87;
    text-decoration: none;
    color: #fff;
    width: 100px;
    height: 77px;
    text-align: center;
    display: block;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -khtml-border-radius: 5px;
}
#page-top a:hover {
    text-decoration: none;
    background: #b89fae;
}