/* ===================================================================
CSS information
 file name  :  common.css
 style info :  基本共通cssの定義
=================================================================== */

/*---------------------------------------------------

共通部品

---------------------------------------------------*/

body{
	overflow-y: hidden;
	background: url(../images/common/txture.png);
}
#sb-site {
	background:url(../images/common/main_bg.gif);
}


/* main
----------------------- */


/* hot_topics
----------------------- */
#hot_topics, #hot_topics2 {
	background:#bdb200 url(../images/common/hot_bg.png);
	height:28px;
	padding: 6px 0;
}
#hot_topics ul, #hot_topics2 ul {
	background: #ffffff url(../images/common/hot_ttl.gif) 0 center no-repeat;
	border-radius: 4px; /* CSS3草案 */ 
	-webkit-border-radius: 4px; /* Safari,Google Chrome用 */ 
	-moz-border-radius: 4px; /* Firefox用 */ 
	height:28px;
	padding-left:125px;
	border-left: 4px solid #e9dc02;
}
#hot_topics ul li, #hot_topics2 ul li{
	font-size: 16px;
	line-height:28px;
	display:none;
}
#hot_topics ul li.active, #hot_topics2 ul li.active{
	display:inline;
}
#hot_topics ul li a, #hot_topics2 ul li a{
	color:#000000;
	text-decoration:none;
	font-size:93%;
}
.default_frame{
	width:1024px;
	margin:0 auto;
	position:relative;
}

/* top_sponsor
----------------------- */

/* header
----------------------- */
#nav{
	background:#000000;
	box-shadow:0px 1px 3px #000000;
	padding:0 6px 6px;
	width:168px;
	position:relative;
}
#social_icon{
	text-align:center;
	padding:15px 0;
}
#social_icon li{
	display:inline;
	padding:0 20px;
}
#social_icon li a:hover img{
	opacity:0.8;
	filter: alpha(opacity=80);        /* ie 6 7 */
	-ms-filter: "alpha(opacity=80)";  /* ie 8 */
}

.social {
line-height: 0;
}

/*global_nav*/
#global_nav li{
	margin-bottom:1px;
	line-height:0;
}
#global_nav li > a{
	display:block;
	text-indent:-7777px;
	height:49px;
	width:167px;
	overflow:hidden;
	line-height:normal;
}
#global_nav li.result > a{
	background:url(../images/common/global_result.jpg) no-repeat;
}
#global_nav li.ticket > a{
	background:url(../images/common/global_ticket.jpg) no-repeat;
}
#global_nav li.players > a{
	background:url(../images/common/global_players.jpg) no-repeat;
}
#global_nav li.academy > a{
	background:url(../images/common/global_academy.jpg) no-repeat;
}
#global_nav li.fan > a{
	background:url(../images/common/global_fan.jpg) no-repeat;
}
#global_nav li.club > a{
	background:url(../images/common/global_club.jpg) no-repeat;
}
#global_nav li.goods > a{
	background:url(../images/common/global_goods.jpg) no-repeat;
}
#global_nav li.news > a{
	background:url(../images/common/global_news.jpg) no-repeat;
}
#global_nav li.mobile > a{
	background:url(../images/common/global_mobile.jpg) no-repeat;
}
#global_nav li > a:hover,#global_nav li > a.current{
	background-position:-167px;
	text-decoration:none !important;
}

#global_nav li .sub_list{
	background:#171717 url(../images/common/global_shadow.jpg) no-repeat;
}
#global_nav li .sub_list li{
	border-top:1px solid #333333;
	line-height:0;
}
#global_nav li .sub_list li:first-child{
	border-top:none;
}
#global_nav li .sub_list li > a{
	text-indent:0px;
	height:auto;
	width:auto;
	color:#ffffff;
	text-decoration:none;
	background:url(../images/common/icon_arrow.png) no-repeat 1em 1.6em;
	padding:13px 0 12px 25px;
	line-height:normal;
	font-size:93%;
	margin-left:19px;
}
#global_nav li .sub_list li.top_contents a{
	margin-left:6px;
	}
#global_nav li .sub_list li > a:hover,
#global_nav li .sub_list li > a.active{
	background:url(../images/common/global_sub_hover.png) repeat-y;
	color:#171717;
	font-weight:bold;
	margin-left:0;
	padding-left:44px;
}
#global_nav li .sub_list li.top_contents a:hover,
#global_nav li .sub_list li.top_contents a.active{
	padding-left:31px;
	}



/* box_slide
----------------------- */
#box_slide{
	width:658px;
	box-shadow:0px 1px 3px #000000;
	position:relative;
	float:left;
}
#box_slide > #box_slide_menu{
	position:absolute;
	bottom:0;
	background:url(../images/common/slide_bg.png);
	width:658px;
}
#box_slide_txt li{
	width:117px;
	float:left;
	padding:5px 5px 5px 8px;
	border-left:1px solid #333333;
	margin:5px 0;
	height:45px;
	line-height:1.5;
	font-size:85%;
}
#box_slide_txt li:first-child{
	border-left:none;
}
#box_slide_txt li a{
	color:#ffffff;
	text-decoration:none;
	display:block;
	font-size:93%;
}
#box_slide_txt li a:hover,#box_slide_txt li a.active{
	color:#fff100;
}
#box_slide_bar{
	background-color:#fff100;
	text-indent:-7777px;
	width:132px;
	height:4px;
	position:absolute;
	left:0px;
}


/* box_top_left
----------------------- */
#box_top_left{
	width:326px;
	float:left;
}
/*box_top_news*/
#box_top_news{
	background:#ffffff url(../images/common/top_news_bg.jpg) repeat-x;
	padding:2px;
	margin-bottom:6px;
}
#box_top_news h2{
	position:relative;
}
#box_top_news h2 span{
	position:absolute;
	right:10px;
	top:10px;
}
#box_top_news h2 span a{
	text-decoration:none;
	color:#ffffff;
	font-size:77%;
	background:url(../images/common/icon_arrow.png) no-repeat 0 36%;
	padding-left:1em;
	font-style: italic;
}
#box_top_news h2 span a:hover{
	color:#fff100;
}
.news_ttl{
	background:#fdf5a2;
	padding:6px;
}
.news_list{
	margin-bottom:10px;
}
.news_list ul li{
	margin-top:1em;
}
.news_list ul li a{
	background:url(../images/common/icon_arrow_b.png) no-repeat 0 0.4em;
	padding-left:0.6em;
	display:block;
	line-height:1.4;
	text-decoration:none;
	font-size:93%;
}

/*box_top_bnbox*/
.box_top_bnbox a img,.box_top_bnbox a{
	border:none;
	overflow:hidden;
	float:left;
	background-color:#ffffff;
}
.box_top_bnbox a{
	margin-right:6px;
}
.box_top_bnbox a.end{
	margin:0;
}
.box_top_bnbox a:hover{
	border:1px solid #fff100;
}
.box_top_bnbox a:hover img{
	margin:-1px;
}






/* box_top_subnav
----------------------- */
#box_top_subnav{
	margin-top:5px;
}
#box_top_subnav a{
	float:left;
}
#box_sponsor{
	float:left;
	position:relative;
	width:160px;
	height:160px;
	background-color:#ffffff;
}
#box_sponsor .sponsor_ttlimg{
	position:absolute;
	bottom:0;
}
.sponsor_box_bn_list{
	padding:15px 4px 10px;
	text-align:center;
}
.sponsor_box_bn_list > a{
	margin-bottom:8px;
	margin-right:3px;
}
.sponsor_box_bn_list > a:hover{
	opacity:0.8;
	filter: alpha(opacity=80);        /* ie 6 7 */
	-ms-filter: "alpha(opacity=80)";  /* ie 8 */
}
.sponsor_box_bn_list > a.even{
	margin-right:0px;
}
#box_top_subnav > div,#box_top_subnav > a{
	margin-right:6px;
}
#box_top_subnav a.end{
	margin:0;
}

/* box_top_subnav
----------------------- */

.sponsor_bn_list_bottom ul {
	margin-left:-6px;
}

.sponsor_bn_list_bottom li{
	float:left;
	margin-left:6px;
	margin-top:6px;
}
.sponsor_bn_list_bottom li.end{
	margin:0;
}
.sponsor_bn_list_bottom li a:hover img{
	opacity:0.8;
	filter: alpha(opacity=80);        /* ie 6 7 */
	-ms-filter: "alpha(opacity=80)";  /* ie 8 */
}



/* footer
----------------------- */
#footer{
	background:#000000;
	padding-top:20px;
	padding-bottom:35px;
	text-align:right;
	width:100%;
}
#footer_nav li{
	display:inline;
	margin-left:0.8em;
}
#footer_nav li a{
	text-decoration:none;
	color:#ffffff;
	background:url(../images/common/icon_arrow.png) no-repeat 0 0.5em;
	padding-left:1em;
	font-size:85%;
}
#footer_nav li a:hover{
	color:#fff100;
}
#footer small{
	color:#ffffff;
	font-size:85%;
}


/* news
----------------------- */
#box_news_detail{
	background-color:#ffffff;
	box-shadow:0px 1px 3px #000000;
	margin-bottom:45px;
}

/*h series*/
#content_page h2{
	padding:22px 20px 0;
	height:48px;
}
#content_page h2 span{
	background:url(../images/common/h2_ttlbar.png) no-repeat 0 0;
	display:block;
	padding-left:15px;
	line-height:1.4;
}
#bread_box,#content_page h2{
	background:url(../images/common/body_bg.jpg);
}
.bar_gray{
	background:url(../images/common/h3_gray_bar.png) repeat-x bottom;
	font-size:134%;
	font-weight:bold;
	padding:15px 30px;
	line-height:1.4;
}
.bar_black{
	background:url(../images/common/h3_gray_bar.png) repeat-x bottom;
	font-size:134%;
	font-weight:bold;
	line-height:100%;
	padding:0;
	padding-top:15px;
	height:31px;
	position:relative;
}
.bar_black .line_b{
	border-bottom: 2px solid #000000;
	padding-right: 10px;
	line-height: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	padding-bottom: 10px;
}
.bar_black .line_b span{
	padding-left:30px;
	line-height:100%;
}
.sub_title1{
	border:1px solid #949494;
	padding:3px;
	margin:0 0 20px;
}
.sub_title1 .outline{
	display:block;
}
.sub_title1 .inline{
	border-left: #515151 4px solid;
	display: block;
	padding:8px 8px 6px 8px;
	font-weight:bold;
	font-size:135%;
	line-height:1.4;
}
.arrow_border_title{
	border-bottom:#000 1px solid;
	padding:0 0 0 0;
	margin-bottom:13px;
	font-weight:bold;
	font-size:135%;
	line-height:1.4;
	}
.arrow_border_title span { display: inline; border-bottom: 3px solid #000; padding: 5px 20px 8px 0; line-height: 250%; }
.arrow_border_title span:not(:target)  { display: inline; border-bottom: 3px solid #000; padding: 5px 20px 8px 0; line-height: 220% !important; }

.dia_black_title{
	font-weight:bold;
	background:url(../images/common/icon_dia.png) 0 0.35em no-repeat;
	padding:0 0 2px 18px;
	border-bottom:black 1px dotted;
	margin-bottom:20px;
	}
.w_bdr_ttl{
	background:url(../images/club/bg_club_history_bdr.png) left bottom repeat-x;
	font-size:139%;
	font-weight:bold;
	}
.w_bdr_ttl span{
	display:block;
	background:url(../images/club/logo_club_history.png) right top no-repeat;
	padding:4px 0 20px;
	margin-bottom:16px;
	line-height:1.4;
	}
	
	
/*color_font*/
.red{
	color:#d70a30;
}
.red_txt {
	font-weight: bold;
	color: #d70a30;
}
.blue{
	color:#0085cd;
}
.blue_txt {
	font-weight: bold;
	color: #0085cd;
}

/*bread_box*/
#bread_box{
	border-bottom:1px solid #333333;
}
#bread_box ul{
	text-align:right;
	padding:10px 5px;
}
#bread_box ul li{
	display:inline;
	margin-right:5px;
	font-size:92%;
	color:#ffffff;
}
#bread_box ul li a{
	text-decoration:none;
	color:#fff100;
	font-size:93%;
}
.item_cat{
	background:#FDF5A2;
	padding:3px 5px;
	font-size:93%;
	font-weight:bold;
}


/*submenu_cat*/
.submenu_cat{
	border-bottom:1px solid #a7a7a7;
}
.submenu_cat,.submenu_cat2{
	background-color:#dcdcdc;
}
.submenu_cat li,.submenu_cat2 li{
	float:left;
}
.submenu_cat li a,.submenu_cat2 li a{
	display:block;
	width:117px;
	text-align:center;
	padding:8px 0;
	margin:1px 0;
	border-right:1px solid #a7a7a7;
	color:#000000;
	text-decoration:none;
	font-size:93%;
}
.submenu_cat li:first-child a,.submenu_cat2 li:first-child a{
	width:116px;
}
.submenu_cat li a.end{
	border-right:none;
}
.submenu_cat li:hover,.submenu_cat2 li:hover{
	background:url(../images/common/submenu_bg.jpg);
}
.submenu_cat li a:hover,.submenu_cat2 li a:hover{
	color:#fff100;
}
.submenu_cat li.active,.submenu_cat2 li.active{
	background:url(../images/common/submenu_bg.jpg);
}
.submenu_cat li.active a,.submenu_cat2 li.active a{
	color:#fff100;
}

/*pagenav*/
div#pagenav{
	text-align:center;
}
div#pagenav div{
	display:inline;
	padding:0 5px;
}
div#pagenav ul{
	display:inline;
}
div#pagenav ul li{
	display:inline;
}
div#pagenav div a{
	text-decoration:none;
}

/*pagenav_num*/
div#pagenav_num{
	text-align:center;
	margin-bottom:50px;
}
div#pagenav_num div{
	display:inline;
}
div#pagenav_num ul{
	display:inline;
	margin:0 15px;
}
div#pagenav_num ul li{
	display:inline;
	margin-right:6px;
}
div#pagenav_num div > a{
	text-decoration:none;
	border:1px solid #d2d2d2;
	padding:1px 5px;
	background-color:#dcdcdc;
	color:#1c1c1c;
}
div#pagenav_num div > a:hover{
	background:#000;
	color:#FFF100;
	}
div#pagenav_num div a.none{
	color:#979797;
	background-color:#ffffff;
}
div#pagenav_num ul li a{
	border:1px solid #d2d2d2;
	padding:1px 6px;
	text-decoration:none;
	font-weight:bold;
	color:#000000;
}
div#pagenav_num ul li span,div#pagenav_num ul li a:hover{
	background-color:#000000;
	border:none;
	padding:2px 7px;
	color:#fff100;
	font-weight:bold;
}

/*pagetop*/
#pagetop{
	text-align:right;
	padding:8px 0;
	padding-right:30px;
}
#pagetop a{
	background:url(../images/common/icon_pagetop.png) no-repeat 0 0.4em;
	padding-left:1em;
	line-height:1.4;
	text-decoration:none;
	color:#000000;
	font-size:85%;
}
.pagetop_middle{
	padding:2px 0;
	text-align: right;
	}
.pagetop_middle a{
	background:url(../images/common/icon_pagetop.png) no-repeat 0 0.4em;
	padding-left:1em;
	line-height:1.4;
	text-decoration:none;
	color:#000000;
	font-size:85%;
}

/*item_box*/
#item_box{
	font-size:108%;
	line-height:1.6;
	padding:15px 30px;
	margin-bottom:70px;
}
#item_box > p,#item_box dl dd{
	margin-bottom:1.5em;
}
#item_box p.img_c{
	text-align:center;
}

/*box_ticket*/
#box_ticket{
	padding:30px;
	padding-bottom:0px;
}
.page_info_ttl{
	background:#131313 url(../images/common/listbox_bg.jpg) repeat-x;
	padding:6px 10px;
	color:#fff100;
	font-weight:bold;
	line-height:1;
}
#box_page_info{
	border:1px solid #949494;
	border-top:0;
}
#box_page_info ul li{
	padding:10px;
}
#box_page_info ul li a{
	background:url(../images/common/icon_arrow_b.png) no-repeat 0 0.4em;
	padding-left:0.6em;
	display:block;
	line-height:1.4;
	text-decoration:none;
	font-size:93%;
}
#box_page_info ul li.even{
	background-color:#f2f2f2;
}


/*page_banner_list*/
#page_banner_list li{
	float:left;
	margin-right:30px;
	margin-bottom:30px;
	display:inline;
}
#page_banner_list li.even{
	margin:0;
}
#page_banner_list li.mg_none{
	margin-bottom:0px;
}
#page_banner_list li a:hover img{
	opacity:0.8;
	filter: alpha(opacity=80);        /* ie 6 7 */
	-ms-filter: "alpha(opacity=80)";  /* ie 8 */
	box-shadow:0px 0px 3px #333333;
}

/*btn rollover*/
a img.over:hover,
input.over:hover{
-ms-filter: "alpha( opacity=80 )";
filter: alpha( opacity=80 );
zoom:1;
opacity: 0.8;
}
/*---------------------------------------------------

item_archive

---------------------------------------------------*/
#item_archive{
	background:#dcdcdc;
	padding:15px 30px;
}
#item_archive ul li{
	display:inline;
	margin-right:13px;
}
#item_archive ul li.right_list{
	margin-right:0;
	}
#item_archive ul li a{
	background:url(../images/common/icon_arrow_b.png) no-repeat 0 0.5em;
	padding-left:1em;
	line-height:1.4;
	text-decoration:none;
	color:#000000;
}
#item_archive p a{
	background:url(../images/common/icon_arrow_b.png) no-repeat 0 0.5em;
	padding-left:1em;
	line-height:1.4;
	text-decoration:none;
}

#item_archive ul li a:hover,
#item_archive p a:hover {
	color:#0085cd;
}

#item_archive ul li.current a {
	font-weight:bold;
	color:#0085cd;
}

/** dummy */

#global_nav li { float: left; border: 1px solid #CCA7A8; width: 100px; }
#global_nav li ul.sub_list { width: 900px; }
#global_nav li .sub_list li { float: left; border: 1px dotted #CCA7A8; width: 80px; padding: 0; }
#global_nav li .sub_list li > a:hover, #global_nav li .sub_list li > a.active { padding: 0; }