@charset "euc-jp";

/* 初期化 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 13px;
	vertical-align: baseline;
	background: transparent;
}

body {
	line-height	: 1;
	text-align	:center;
	background-color:#ededed;
}

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* テキスト飛ばし */
span.none {
	display				: block ;
	text-indent			: -9999px ;
}

img {
	display				: block ;
	border				: none ;
}

.floathack{
	zoom				: 100%;
	/*\*//*/
	display			: inline-table;
	/**/
}
.floathack:after {
	content				: "";
	clear					: both;
	height				: 0;
	display				: block;
	visibility		: hidden;
}

body {font-size:93%;color:#222;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;}
p {
	margin				:0.5em 0 0;
	line-height		:1.5em;
}

a{
	color					:#333;
}

a:link { text-decoration: none}
a:visited { text-decoration: none;}
a:active { text-decoration: none;}
a:focus, a:hover { text-decoration: underline; color:#00895d;}



/*====================
共通部分
======================*/
#bg_container{
	width						: 1022px;
	margin-left			: auto ;
	margin-right		: auto ;
	background			: url(../image/bg_bg.gif) 0 0 repeat-y ;
}

#container {
	width						: 946px;
	margin-left			: auto ;
	margin-right		: auto ;
	text-align			: left;
	background			: url(../image/bg_container.gif) 0 0 repeat-y ;
}

.arrow{
	padding-left	:16px;
	background		: url(../image/arrow.gif) 0 50% no-repeat ;
}

.spacebottom{
	margin-bottom	:1.5em;
}

/*====================
ヘッダー部分
======================*/
#header {
	position			: relative ;
	width					: 946px;
	height				: 90px;
	background		: url(../image/bg_header.jpg) 0 0 no-repeat ;
}

#header div#logo{
	position			: absolute ;
	top						: 10px;
	left					: 20px;
	width					: 148px;
}

#header h1{
	position			: absolute ;
	top						: 16px;
	left					: 178px;
	width					: 324px;
	height				: 52px;
	background		: url(../image/img_name_jcy.gif) 0 0 no-repeat ;
}

#header div#mobile{
	position			: absolute ;
	top						: 10px;
	right					: 10px;
}

/*=========================
メインカラム
===========================*/
#main{
	float				:left;
	width				:756px;
}

#top_content{
	padding			:0 10px;
}

#top_content div.bg_bar{
	padding-top	:10px;
	height			:27px;
	background	: url(../image/bg_titleline.gif) bottom repeat-x ;
}

#top_content h3{
	height			:27px;
	width				:187x;
}

#top_content h3#t_topix{
	background	: url(/image/h_topix.gif) 0 0 no-repeat ;
}

#top_content h3#t_news{
	background	: url(/image/h_news.gif) 0 0 no-repeat ;
}

#top_content h3#t_info{
	background	: url(/image/h_info.gif) 0 0 no-repeat ;
}

#top_content h3#t_sitemap{
	background	: url(/image/h_sitemap.gif) 0 0 no-repeat ;
}

.content{
	padding			:5px 20px 10px;
}

p#explanation{
		padding				:4px 8px;
		border				:1px solid #ccc;
}

.info h5#adidascup{
	height			:98px;
	width				:678px;
	background	: url(../image/t_info_adidascup.gif) 0 0 no-repeat ;
}
.info div.infobox1{
	padding			: 20px 9px 4px;
}

.info div.infobox1 p{
	width					:400px;
	padding-left	:10px;
}

.info div.infobox1 table{
	margin-bottom		:20px;
}

.info div.infobox1 table tr td{
	vertical-align	: middle;
}

.info div.infobox1 img{
	margin-top	:10px;
	border			:1px solid #ccc;
	float				:right;
	display			:inline;
}

.infobox2 .left_box{
	width				:322px;
	margin-top	:55px;
	margin-left	:12px;
	float				:left;
}

.infobox2 .left_box ul li{
	margin:	12px 0;
}

.infobox3 .right_box{
	width				:322px;
	float				:right;
	margin-top	:43px;
	margin-right:8px;
}

.infobox3 .right_box ul li{
	float				:left;
	margin:	12px 12px 0 0;
}

.infobox4{
	margin-bottom	:10px;
}

.infobox4 dl dd table{
	float				:left;
	width				:336px;
}

.infobox4 dl dd table th{
	width				:45px;
}

#head_adidas{
	width				:695px;
	background	: #fcc url(../image/bg_info_adidasframe_top.gif) 0 0 no-repeat ;
}
#foot_adidas{
	width				:695px;
	background	: url(../image/bg_info_adidasframe_bottom.gif) 0 bottom no-repeat ;
}

#head_menicon{
	margin-top	:10px;
	width				:695px;
	background	: url(../image/bg_info_meniconframe_top.gif) 0 0 no-repeat ;
}

#foot_menicon{
	padding-bottom	:12px;
	width				:695px;
	background	: url(../image/bg_info_meniconframe_bottom.gif) 0 bottom no-repeat ;
}

#head_frame{
	margin-top	:10px;
	width				:695px;
	background	: url(../image/bg_info_frame_top.gif) 0 0 no-repeat ;
}

#foot_frame{
	width				:695px;
	background	: url(../image/bg_info_frame_bottom.gif) 0 bottom no-repeat ;
}

#foot_frame p{
	margin-bottom	:10px;
}

#foot_frame dl{
	padding				: 10px 9px;
}

#foot_frame dl dt{
	font-width		: bold;
}



/*=========================
メニューバー
===========================*/
#menubar{
	background		: url(/image/bg_menubar.gif) 0 top repeat-x ;
}

#menubar ul{
	height					:40px;
	margin					:0px;
	padding					:1px 0 0 1px;
}

#menubar ul li{
	list-style		:none;
	margin				:0px;
	float					:left;
}


#menubar ul li div.menubar01{
	display				:block;
	width					:	151px;
	height				:	37px;
}

#menubar ul li div.menubar01{
	background		: url(/image/btn_menubar01.gif) 0 0 no-repeat ;
}

#menubar ul.pull li.on div.menubar01{
	background		: url(/image/btn_menubar01.gif) 0 -37px no-repeat ;
}
#menubar ul li div.menubar03{
	display				:block;
	width					:	151px;
	height				:	37px;
}

#menubar ul li div.menubar03{
	background		: url(/image/btn_menubar03.gif) 0 0 no-repeat ;
}

#menubar ul.pull li.on div.menubar03{
	background		: url(/image/btn_menubar03.gif) 0 -37px no-repeat ;
}

#menubar ul li.menubar02 a{
	display				:block;
	width					:	151px;
	height				:	37px;
	background		: url(/image/btn_menubar02.gif) 0 0 no-repeat ;
}

#menubar ul li.menubar02 a:active,
#menubar ul li.menubar02 a:hover{
	background		: url(/image/btn_menubar02.gif) 0 -37px no-repeat ;
}

#menubar ul li.menubar04 a{
	display				:block;
	width					:	151px;
	height				:	37px;
	background		: url(/image/btn_menubar04.gif) 0 0 no-repeat ;
}

#menubar ul li.menubar04 a:active,
#menubar ul li.menubar04 a:hover{
	background		: url(/image/btn_menubar04.gif) 0 -37px no-repeat ;
}

#menubar ul li.menubar05 a{
	display				:block;
	width					:	151px;
	height				:	37px;
	background		: url(/image/btn_menubar05.gif) 0 0 no-repeat ;
}

#menubar ul li.menubar05 a:active,
#menubar ul li.menubar05 a:hover{
	background		: url(/image/btn_menubar05.gif) 0 -37px no-repeat ;
}

#menubar ul li ol.sub li.off2 p{
	padding-left	:3px;
}


/*====プルダウン文字====*/
ul.pull{font-size:10px;}

ol.sub{text-align:left;/*サブメニューの文字揃え*/}
ul.sub-2{text-align:left;/*サブメニューの文字揃え*/}

.pull a{text-decoration:none;font-size:12px;}

/*====色===============*/
.sub{background-color:#ededed;}
.sub li{background-color:#ededed;}

.sub a:hover{
	background		: url(/image/bg_pullover.gif) 0 0 repeat ;
}

.sub li.on2{
	background		: url(/image/bg_pullover.gif) 0 0 repeat ;
}

.sub a:link{color:#333;font-size:12px;}
.sub a:visited{color:#333;font-size:12px;}
.sub a:hover{color:#333;font-size:12px;}

ul.pull{width:756px;}

.pull li.off{
	height:37px;
	width:151px;
}

.pull li.on{
	width:151px;
}

ol.sub{
	left:0;
	top:0;
	width:149px;
}

ol.sub li.off2{
	width:149px;
	height:20px;
}

ol.sub li.on2{
	width:149px;
	height:20px;
}

.sub li.off2,.sub li.on2{
	border-right:1px solid #00895d;
	border-left:1px solid #00895d;
	border-bottom:1px solid #00895d;
}

.sub a{
	padding:4px 4px 0px;
	width:141px;
	height:16px;
	font-size:12px;
	font-family:"ＭＳ Ｐゴシック","ＭＳ ゴシック",Osaka,Osaka-等幅,"Helvetica Neue", Helvetica, Arial, sans-serif;
}

* html .sub a{
	padding:4px 4px 0px;
	width:150px;
	height:16px;
	font-size:12px;
}

*:first-child+html .sub a{
	padding:4px 4px 0px;
	width:150px;
	height:16px;
	font-size:12px;
}

# html>/**/body  .sub a{
	padding:4px 4px 0px;
	width /*\**/:150px\9;
	height:16px;
	font-size:12px;
}

div#menubar{
	top:;
	left:;
	width:756px;
	position:absolute;
	z-index:100;
}

/*====プルダウン機構（変更不可）==============================*/
.pull *{margin:0px;padding:0px;list-style:none;display:block;}
ul.pull{position:relative;}
ul.pull li.off{position:relative;float:left;overflow:hidden;}
ul.pull li.on{float:left;overflow:hidden;}
ul.pull>li.on{overflow:visible;/*×*/}
ol.sub{position:relative;}
ol.sub li.off2{position:relative;overflow:hidden;}
ol.sub li.on2{overflow:hidden;}
ol.sub>li.on2{overflow:visible;}
ul.sub-2{position:relative;}



/*====================
リンク関係
======================*/
#linkmenu{
	float						:right;
	border-top			:1px solid #fff;
	width						:190px;
	background			: url(../image/link/bg_link.gif) 0 0 repeat-y ;
}

#area,#sponsor,#society{
	margin-left:2px;
}

#area_t{
	position			:relative ;
	width					:188px;
	height				:31px;
	background		: url(../image/link/h_arealink.gif) 0 0 no-repeat ;
}

#area_t img{
	position			: absolute ;
	right					:0px;
	bottom				:0px;
}

#area ul,
#sponsor{
	font-size			:0;
}

#sponsor ul,
#society ul{
	padding-left	:12px;
}

#sponsor ul li,
#society ul li{
	margin-bottom:12px;
}

#sponsor_t{
	width					:188px;
	height				:24px;
	margin-bottom	:12px;
	background		: url(../image/link/h_sponsor.gif) 0 0 no-repeat ;
}

#society{
	padding-bottom	:18px;
}

#society_t{
	width					:188px;
	height				:24px;
	margin-bottom	:12px;
	background		: url(../image/link/h_society.gif) 0 0 no-repeat ;
}

#sponsor ul li img,
#society ul li img{
	display:block;
	margin-bottom:0;
	padding-bottom:0;
}

#area ul li.arealink_01 a{
	display				:block;
	width					:	188px;
	height				:	27px;
	background		: url(/image/link/btn_arealink_01.gif) 0 0 no-repeat ;
}

#area ul li.arealink_01 a:active,
#area ul li.arealink_01 a:hover{
	background		: url(/image/link/btn_arealink_01.gif) 0 -27px no-repeat ;
}

#area ul li.arealink_02 a{
	display				:block;
	width					:	188px;
	height				:	27px;
	background		: url(/image/link/btn_arealink_02.gif) 0 0 no-repeat ;
}

#area ul li.arealink_02 a:active,
#area ul li.arealink_02 a:hover{
	background		: url(/image/link/btn_arealink_02.gif) 0 -27px no-repeat ;
}

#area ul li.arealink_03 a{
	display				:block;
	width					:	188px;
	height				:	27px;
	background		: url(/image/link/btn_arealink_03.gif) 0 0 no-repeat ;
}

#area ul li.arealink_03 a:active,
#area ul li.arealink_03 a:hover{
	background		: url(/image/link/btn_arealink_03.gif) 0 -27px no-repeat ;
}

#area ul li.arealink_04 a{
	display				:block;
	width					:	188px;
	height				:	27px;
	background		: url(/image/link/btn_arealink_04.gif) 0 0 no-repeat ;
}

#area ul li.arealink_04 a:active,
#area ul li.arealink_04 a:hover{
	background		: url(/image/link/btn_arealink_04.gif) 0 -27px no-repeat ;
}

#area ul li.arealink_05 a{
	display				:block;
	width					:	188px;
	height				:	27px;
	background		: url(/image/link/btn_arealink_05.gif) 0 0 no-repeat ;
}

#area ul li.arealink_05 a:active,
#area ul li.arealink_05 a:hover{
	background		: url(/image/link/btn_arealink_05.gif) 0 -27px no-repeat ;
}

#area ul li.arealink_06 a{
	display				:block;
	width					:	188px;
	height				:	27px;
	background		: url(/image/link/btn_arealink_06.gif) 0 0 no-repeat ;
}

#area ul li.arealink_06 a:active,
#area ul li.arealink_06 a:hover{
	background		: url(/image/link/btn_arealink_06.gif) 0 -27px no-repeat ;
}

#area ul li.arealink_07 a{
	display				:block;
	width					:	188px;
	height				:	27px;
	background		: url(/image/link/btn_arealink_07.gif) 0 0 no-repeat ;
}

#area ul li.arealink_07 a:active,
#area ul li.arealink_07 a:hover{
	background		: url(/image/link/btn_arealink_07.gif) 0 -27px no-repeat ;
}

#area ul li.arealink_08 a{
	display				:block;
	width					:	188px;
	height				:	27px;
	background		: url(/image/link/btn_arealink_08.gif) 0 0 no-repeat ;
}

#area ul li.arealink_08 a:active,
#area ul li.arealink_08 a:hover{
	background		: url(/image/link/btn_arealink_08.gif) 0 -27px no-repeat ;
}

#area ul li.arealink_09 a{
	display				:block;
	width					:	188px;
	height				:	27px;
	background		: url(/image/link/btn_arealink_09.gif) 0 0 no-repeat ;
}

#area ul li.arealink_09 a:active,
#area ul li.arealink_09 a:hover{
	background		: url(/image/link/btn_arealink_09.gif) 0 -27px no-repeat ;
}

/*====================
フッター
======================*/
#footer{
	width						: 946px;
}

div#underline{
	padding					:12px 0px;
	text-align			:right;
	color						:#fff;
	background-color:#00895d;
}

div#underline a{
	padding					:0 1em;
	color						:#fff;
}

#copyright{
	height				:27px;
	background		: url(../image/bg_footer_c.gif) 0 0 no-repeat ;
}

/*================================================
ニュース・トピックス（TOPと二階層目以降も共有部分）
==================================================*/

.topix_img{
	float					:left;
	width					:194px;
	height				:155px;
	background		: url(../image/bg_photoframe.gif) 0 0 no-repeat ;
}

.topix_img p{
	padding				:2px 0 0 8px;
	font-size			:84%;
}

.topix_img img{
	margin				:8px 0 0 8px;
}

.topix dl dt{
	font-size			:120%;
	font-weight		:bold;
	padding-bottom:4px;
	border-bottom	:1px solid #ccc;	
}

.news{
}

dl.news{
	border-top		:1px solid #ccc;
	line-height		:1.5em;
	width					:100%;
}

dl.news dt{
	float					: left;
	padding-top		: 3px;
	padding-left	:2em;
	background		: url(../image/arrow.gif) 10px 6px no-repeat ;
}

dl.news dd {
	padding-top		:	3px;
	padding-bottom:	3px;
	padding-left	:	8.5em;
	border-bottom	: 1px solid #ccc;
}

.senseki_pdf{
	padding-left	:1em;
	padding-top		:1em;
}

.senseki_pdf dt{
	font-width		: bold;
}

.senseki_pdf dd{
	float		:left;
	padding	:5px	10px;
}

/*======================
壁紙
========================*/
.wallpaper{
	padding			:0 0 25px;
}

.wallpaper dl{
	border-top	:1px dashed #444;
}

.wallpaper dl dt{
	margin			:0 !important;
	padding			:0 !important;
}

.wallpaper dl dt img{
	display			:block;
	float				:left !important;
	width				:auto !important;
	margin			:0 !important;
	padding			:5px 0 5px 0 !important;
	border			:none !important;
}

ul.wallpaperBox{
	margin-top:10px;
}

ul.wallpaperBox li{
	float			:left;
	display		:block;
}

ul.wallpaperBox li img{
	display			:block;
	float				:left !important;
	margin			:0 !important;
	padding			:0 !important;
}

dl.wallpaperDetail{
	padding-left:10px;
	border			:none !important;
}

dl.wallpaperDetail dt{
	margin		:0;
	padding		:0;
	border		:none;
}

dl.wallpaperDetail dt p{
	font-size		:13px;
	line-height	:1.5em;
	font-weight	:bold;
	margin			:0 !important;
	padding			:0 0 0 30px !important;
	background	:url("../image/ico_wallpaper.gif") no-repeat 0 0;
}

dl.wallpaperDetail dd{
	font-size		:13px;
	line-height	:1.5em;
	margin			:0;
	padding			:0;
}

dl.wallpaperDetail dd p{
	font-size		:13px;
	line-height	:1.4em;
	width				:480px !important;
	margin			:0 !important;
	padding			:5px 0 10px 0 !important;
}

ul.downloadBox li{
	display			:block;
	float				:left;
	margin			:0;
	padding			:0 8px 0 0;
}

ul.downloadBox li img{
	display			:block;
	border			:none !important;
}