@charset='utf-8';
/*
Theme Name: Vegalta Sendai
Theme URI: http://www.vegalta.co.jp/
Author: JETINTERNET Corp.
Author URI: http://www.jet.ne.jp/
Description: ベガルタ仙台のテーマ
Version: 1.0
*/

@import url(css/reset.css);    /* リセット */
@import url(css/dropdown.css); /* ドロップダウンメニュー用スタイル */
@import url(css/sidemenu.css); /* サイドメニュー用スタイル */
@import url(css/parts.css);    /* 特定のブロック用スタイル */
@import url(css/contents.css?v=1804141610);    /* 特定のブロック用スタイル */

/* ================================================================ *
  VEGALTA SENDAI OFFICIAL WEB SITE CSS

  12/06/05

  [ style.css ]

  01 ヘッダ

  02 フッタ

  03 コンテンツ

  04 クラス

  Note：ページ全体で利用するスタイル

 * ================================================================ */

/* ---------------------------------------------------------------- *
  01 ヘッダ
 * ---------------------------------------------------------------- */
#page {
	background: url(/backnumber/img/common/header_bg_5000px_2.png) top center no-repeat;
}
.home #page {
	background: url(/backnumber/img/common/header_bg_5000px.png) top center no-repeat;
}

#branding {
	width: 100%;
	margin-bottom: 8px;
	text-align: center;
}

	#branding div.clearfix {
		width: 900px;
		margin: 0 auto;
		padding: 0;
	}
	body.home #branding div.clearfix {
		width: 980px;
	}

		#branding #site-title {
			width: 440px;
			height: 145px;
			float: left;
			margin: 0;
			padding: 0;
		}

		#branding #fontsize {
			width: 87px;
			float: right;
			margin: 115px 0 0 0;
			padding: 0;
			list-style-type: none;
		}

			#branding #fontsize li {
				width: 29px;
				height: 23px;
				float: left;
				overflow: hidden;
				cursor: pointer;
			}
			.font-s #branding #fontsize #font-s img,
			.font-m #branding #fontsize #font-m img,
			.font-l #branding #fontsize #font-l img {
				padding-top: 30px;
				cursor: auto;
			}

				#branding #fontsize #font-s {
					background: url(/backnumber/img/top/header_btn_txtsize_s_on.jpg) no-repeat;
				}
				#branding #fontsize #font-m {
					background: url(/backnumber/img/top/header_btn_txtsize_m_on.jpg) no-repeat;
				}
				#branding #fontsize #font-l {
					background: url(/backnumber/img/top/header_btn_txtsize_l_on.jpg) no-repeat;
				}

/* ---------------------------------------------------------------- *
  02 フッタ
 * ---------------------------------------------------------------- */
#colophon {
	text-align: center;
}

#footer_nav_area_wrapper {
	background: #2b2829;
	color: #fff;
}

#footer_nav_area {
	width: 980px;
	margin: 0 auto;
	padding: 30px 0;
	text-align: left;
}

	#footer_nav_area #footer_nav_container {
		width: 840px;
		float: left;
	}

	#footer_nav_area #footer_sub_nav_container {
		width: 140px;
		float: right;
	}

	#footer_nav_area ul {
		margin-bottom: 20px;
		list-style-type: none;
	}

	#footer_nav_area li {
		width: 140px;
		float: left;
	}

	#footer_nav_area #footer_sub_nav_container li {
		margin-bottom: 30px;
	}
		#footer_nav_area #footer_sub_nav_container li li {
			margin-bottom: 0;
			line-height: auto;
		}

		#footer_nav_area li li {
			margin-bottom: 0;
			width: 130px;
			line-height: auto;
			float: none;
			font-size: 77%;
		}
			#footer_nav_area li ul {
				padding-top: 5px;
			}
				#footer_nav_area li ul li {
					margin-top: 5px;
				}

		#footer_nav_area li.others em {
			display: none;
		}

		#footer_nav_area li.others li a {
			display: inline;
		}

			#footer_nav_area ul li em {
				color: #dae24a;
				font-style: normal;
			}

				#footer_nav_area li li a {
					color: #fff;
					font-size: 90%;
					text-decoration: none;
				}
				#footer_nav_area ul li li a:hover {
					text-decoration: underline;
				}

#site-generator_wrapper {
	border-top: solid 1px #999;
	background: #898989;
}

#site-generator {
	width: 900px;
	margin: 0 auto;
	padding: 30px 0 10px 0;
	font-size: 77%;
	background: url(/backnumber/img/common/footer_logo.gif) top right no-repeat;
	text-align: left;
}
.home #site-generator {
	width: 980px;
}


/* ---------------------------------------------------------------- *
  03 コンテンツ
 * ---------------------------------------------------------------- */
#main {
	text-align: center;
}

#contents {
	width: 900px;
	margin: 0 auto 20px auto;
	padding-top: 57px;
	background-repeat: no-repeat;
	text-align: left;
}
#contents.home {
	width: 980px;
	margin: 0 auto;
	padding: 0;
	background-image: none;
}
/*
	div.cat_news,
	div.cat_online_news,
	div.cat_press_release { background-image: url(/backnumber/img/category/news.gif); }
	div.cat_top_result,
	div.cat_schedule      { background-image: url(/backnumber/img/category/schedule.gif); }
	div.cat_homegame      { background-image: url(/backnumber/img/category/homegame.gif); }
	div.cat_ticket,
	div.cat_ticket_info   { background-image: url(/backnumber/img/category/ticket.gif); }
	div.cat_topteam_profile_top ,
	div.cat_topteam       { background-image: url(/backnumber/img/category/topteam.gif); }
	div.cat_profile       { background-image: url(/backnumber/img/category/profile.gif); }
	div.cat_goods_shop_news,
	div.cat_goods_shop    { background-image: url(/backnumber/img/category/goods_shop.gif); }
	div.cat_hometown      { background-image: url(/backnumber/img/category/hometown.gif); }
	div.cat_ladies        { background-image: url(/backnumber/img/category/ladies.gif); }
	div.cat_ladies_news   { background-image: url(/backnumber/img/category/ladies.gif); }
	div.cat_youth-jryouth,
	div.cat_youth_jryouth_jr_news { background-image: url(/backnumber/img/category/academy.gif); }
	div.cat_schl          { background-image: url(/backnumber/img/category/school.gif); }
	div.cat_support       { background-image: url(/backnumber/img/category/support.gif); }
	div.cat_others        { background-image: url(/backnumber/img/category/others.gif); }
*/
	#contents_wrapper {
		padding: 0 0 60px 0;
		border-bottom: solid 1px #000;
	}

	#main_contents {
		margin-left: 24px;
		width: 726px;
		float: right;
	}
	.home #main_contents {
		margin-left: 15px;
		width: 506px;
		float: left;
	}

		#main_contents h1 {
			margin: 0 0 10px 0;
			padding: 10px 0;
			color: #000;
		}

	#left_contents {
		width: 215px;
		float: left;
	}

	#right_contents {
		width: 230px;
		float: right;
	}



/* ---------------------------------------------------------------- *
  04 クラス
 * ---------------------------------------------------------------- */
/* new clearfix */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: ".";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

p.error {
	color: #ff0000;
}

.catebody-title,
.page-title {
	margin-bottom: 10px;
	padding: 10px 0;
}

ul.stripe {
	margin-bottom: 20px;
	list-style-type: none;
}
	ul.stripe li {
		padding: 5px 21px;
	}
		ul.stripe li:after {
			visibility: hidden;
			display: block;
			font-size: 0;
			content: " ";
			clear: both;
			height: 0;
			}
		* html ul.stripe li             { zoom: 1; } /* IE6 */
		*:first-child+html ul.stripe li { zoom: 1; } /* IE7 */

		ul.stripe li:nth-child(odd) {
			background: #ebe3be;
		}

		ul.stripe li.odd {
			background: #ebe3be;
		}

	ul.stripe span.date {
		display: block;
		float: left;
		padding: 0 21px 0 0;
		color: #052667;
		font-weight: bold;
	}
	ul.stripe a {
		display: block;
		color: #000;
		text-decoration: none;
	}
	ul.stripe a:hover {
		text-decoration: underline;
	}

div.rounded_square_type_01 {
	background: #fbfaf5;
	border: solid 1px #eae5e3;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius-: 3px;
	margin: 0 10px 30px 0;
	padding: 10px;
	text-align: left;
}

div.link_dl ul,
div.link_dl_no_mgn ul {
	list-style-type: none;
}

div.link_dl li,
div.link_dl_no_mgn li {
	background: url(/backnumber/img/common/icon_arrow.gif) no-repeat 0px 4px;
	padding-left: 14px;
}

/* ---------------------------------------------------------------- *
* スマホ切替えボタン
* ---------------------------------------------------------------- */
.renderSwitcher {
	margin: 0;
	padding: 10px 0;
	background: #898989;
}
.renderSwitcher a {
	background: -moz-linear-gradient(top,#CCC, #505050 50%,#3c3c3c 50%,#010101);
	background: -webkit-gradient(linear, left top, left bottom, from(#CCC), color-stop(0.5,#505050), color-stop(0.5,#3c3c3c), to(#010101));
	color: #FFF;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border: 1px solid #010101;
	-moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
	-webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
	text-shadow: 0px 0px 3px rgba(0,0,0,0.5);
	text-decoration: none;
	text-align: center;
	font-size: 13px;
	display: block;
	width: 150px;
	margin: 0 auto;
	padding: 10px;
}

i{
	font-family:FontAwesome;
	font-style:normal;
}