@charset "UTF-8";
/* CSS Document */

body{font-family:"メイリオ","Meiryo","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W1",Helvetica,Arial,sans-serif;line-height:1em;background:url("http://i.yimg.jp/images/gyao/special/eusoccer/img/bg.png") repeat-x fixed;}

#overwrap{width:100%;overflow:hidden;}
#main{margin:0 auto;width:980px;position:relative}
#topBarArea{width:100%;height:36px;position:fixed;top:15px;left:0}
#topBar{margin:0 auto;width:940px}

#menu{width:100%;height:56px;top:65px;left:0;position:fixed;background:url("http://i.yimg.jp/images/gyao/special/eusoccer/img/menu_bg.png");}
#menu ul{overflow:hidden;width:980px;margin:0 auto;}
#menu ul li{float:left}
#menu ul li a{display:block;}
#menu ul li a:hover{background:#000;}

#headArea{width:100%;height:365px;position:fixed;top:120px;left:0}
#head{width:940px;height:365px;margin:0 auto;position:relative;}
#head h1{position:absolute;top:25px;left:0;}
#head h2{position:absolute;top:155px;left:0;}
#head .eumap{position:absolute;top:115px;left:60px;}
#head .ronaldo{position:absolute;top:130px;left:370px;}
#head .honda{position:absolute;top:70px;left:523px;}
#head .messi{position:absolute;top:-97px;left:497px;}
#head .searchbox{position:absolute;top:260px;left:-20px;width:480px;height:60px;background:#FFF;overflow:hidden;}

#head .searchbox .textbox{position:absolute;top:0;left:0;width:300px;height:60px;border:0px;font-size:20px;padding:0 20px}
#head .searchbox .submit{position:absolute;top:0;right:0;width:140px;height:60px;background:#55ae04;display:block;}
#head .searchbox .submit:hover{background:#000;}
#head .searchbox .submit:active{background:#ffd200;}

#main .content{width:980px;background:url("http://i.yimg.jp/images/gyao/special/eusoccer/img/content_bg.png");margin:25px auto 0 auto;position:relative;}
#main .content .thumb{overflow:hidden;margin-left:20px;}
#main .content .thumb li{width:300px;float:left;margin-bottom:20px;margin-right:20px}
#main .content .thumb li .image{overflow:hidden}
#main .content .thumb li p{line-height:20px;font-size:13px;width:300px;height:40px;overflow:hidden;margin-top:4px;color:#085300}
#main .content .thumb li .image a{display:block;width:300px;height:220px;position:relative;}
#main .content .thumb li .image a .play{position:absolute;right:10px;bottom:10px}

#main .content02{width:980px;background:url("http://i.yimg.jp/images/gyao/special/eusoccer/img/content_bg.png");margin:25px auto 0 auto;position:relative;}
#main .content02 .thumb{overflow:hidden;margin-left:20px;}
#main .content02 .thumb li{width:220px;float:left;margin-bottom:20px;margin-right:20px}
#main .content02 .thumb li .image{overflow:hidden}
#main .content02 .thumb li p{line-height:20px;font-size:13px;width:220px;height:40px;overflow:hidden;margin-top:4px;color:#085300}
#main .content02 .thumb li .image a{display:block;width:220px;height:160px;position:relative;}
#main .content02 .thumb li .image a .play{position:absolute;right:10px;bottom:10px}
#main .content02 .navi{overflow:hidden;margin-left:20px;}
#main .content02 .navi li{width:172px;float:left;margin-bottom:20px;margin-right:20px}
#main .content02 .navi li a{overflow:hidden;display:block;width:172px;height:100px;position:relative;background:#55ae04;}
#main .content02 .navi li a:hover{background:#000}
#main .content02 .navi li a:active{background:#ffd200;}

#main .content03{width:980px;background:url("http://i.yimg.jp/images/gyao/special/eusoccer/img/content_bg.png");margin:25px auto 0 auto;position:relative;}
#main .content03 .thumb{overflow:hidden;margin-left:20px;}
#main .content03 .thumb li{width:172px;float:left;margin-bottom:20px;margin-right:20px}
#main .content03 .thumb li .image{overflow:hidden}
#main .content03 .thumb li p{line-height:20px;font-size:13px;width:172px;height:40px;overflow:hidden;margin-top:4px;color:#085300}
#main .content03 .thumb li .image a{display:block;width:172px;height:120px;position:relative;}
#main .content03 .thumb li .image a .play{position:absolute;right:10px;bottom:10px}
#main .content03 .thumb li .image a span{padding:10px;font-size:14px;display:block;background:#55ae04;color:#FFF}


#main #edit{margin-top:485px !important;}
#main #japan .btn{position:absolute;top:30px;right:20px;display:block;background:#55ae04;}
#main #japan .btn:hover{background:#000}
#main #japan .btn:active{background:#ffd200;}
#main #footarea{margin:100px 0}
#main #footarea a{padding:20px;text-align:center;display:block;color:#55ae04}
#main #footarea .copy{padding:20px;display:block;color:#aaa;font-size:10px}

#main #cover{position:fixed;width:100%;top:0;left:0;display:none}
#main #cover img{margin:0 auto;display:block;}

/*css3*/
#main .content03 .thumb li .image a span,#main .content02 .navi li a,#main #japan .btn,#main .content03 ul li .image,#main .content02 ul li .image,#main .content ul li .image,#head .searchbox,#main .content,#main .content02,#main .content03{
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-ms-border-radius:10px;
	-o-border-radius:10px;
}
#menu ul li a{
	transition:background 0.3s linear;
	-webkit-transition:background 0.3s linear;
	-moz-transition:background 0.3s linear;
	-ms-transition:background 0.3s linear;
	-o-transition:background 0.3s linear;
}