@charset "shift_jis";

/** 目次 ****************************************************************************
全体に関わる指定のCSSを記述しています。

1：Bodyの指定
2：各要素初期化
3：ヘッダー
4：メインビジュアルの指定
5：グローバルメニューの指定
6：メインコンテンツのレイアウトの指定
7：文字の指定
8：リンク指定
9：フロート指定
10：パンクズ指定
11：ページトップ指定
12：フッター

************************************************************************************/


/***********************************************************************************
* 1：Bodyの指定
************************************************************************************/

body{
	margin:0;
	padding: 0px;
	background-color:#fff;
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
	color: #444444;
}



/***********************************************************************************
* 2：各要素初期化
************************************************************************************/

div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin:0px;
	padding:0px;
} 

table {
	border-collapse:collapse;
	border-spacing:0px;
} 

 
fieldset,img {
	border:0px;
} 


address,caption,cite,code,dfn,em,th,var {
	font-style:normal;
	font-weight:normal;
} 


ol,ul {
	list-style:none;
} 


caption,th {
	text-align:left;
} 


h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
} 


q:before,q:after {
	content:'';
} 


abbr,acronym {
	border:0px;
} 



/***********************************************************************************
* 3：ヘッダー
************************************************************************************/

#header {
	height: 53px;
	min-width:1000px;
	background-image: url(../img_2014/top_line.jpg);
	background-repeat: repeat-x;
	background-position: left top;/*	width: expression(document.body.clientWidth < 1002? "1000px" : "auto");*/
}

#header_inner {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	height: 50px;
	padding-top: 3px;
}

#serie_logo {
	margin-top: 8px;
}

#serie_football_logo {
	margin-left: 30px;
}

#serie_net_logo {
	margin-left: 20px;
}

.contact_us {
	float: right;
}



/***********************************************************************************
* 4：メインビジュアルの指定
************************************************************************************/

#mainVisual_area {
	min-width:1000px;
	background-image: url(../img_2014/main_visual_back.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;/*	width: expression(document.body.clientWidth < 1002? "1000px" : "auto");*/
	background-color: #990d0e;
}




/***********************************************************************************
* 5：グローバルメニューの指定
************************************************************************************/

#gmenu_area {
	height: 30px;
	min-width:1000px;
	background-image: url(../img_2014/gmenu_back.jpg);
	background-repeat: repeat-x;
	background-position: left top;/*	width: expression(document.body.clientWidth < 1002? "1000px" : "auto");*/
}

#gmenu_inner {
	height: 30px;
	margin-right: auto;
	margin-left: auto;
	width: 960px;
}

/* 詳細設定は、「menu.css」及び「navi.js」。「event.js」も必要。 */



/***********************************************************************************
* 6：メインコンテンツのレイアウトの指定
************************************************************************************/

#wrapper{
	width:960px;
	background-image: url(../img_2014/content_bg.jpg);
	background-repeat: repeat-y;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#content {
	width:670px;
	padding-left:0px;
	padding-top:20px;
	float:left;
	background:#ffffff;
}

#sidemenu {
	width:280px;
	float:right;
	color:#FFFFFF;
	background-color:#152a55;
}	

#sidemenu_inner {
	width:250px;
	padding-bottom:20px;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#sidemenu_inner a {
	color:#FFFFFF;
}



/***********************************************************************************
* 7：文字の指定
************************************************************************************/

.x-large {
	font-size: 120%;
	line-height: 145%;
}

.large {
	font-size: 85%;
	line-height: 145%;
}

.medium {
	font-size: 76%;
	line-height: 140%;
}

.medium-l {
	font-size: 76%;
	line-height: 160%;
}

.medium-footer_menu {
	font-size: 12px;
	line-height: 180%;
}

.medium-sidemenu {
	font-size: 100%;
	line-height: 200%;
}

.medium-table {
	font-size: 76%;
}

.small {
	font-size: 65%;
	line-height: 130%;
}

.x-small {
	font-size: 60%;
	line-height: 120%;
}

.color_red {
	color:#c31716;
}
.color_red2 {
	color:#c42929;
}
.color_blue {
	color:#1d396d;
}
.color_blue2 {
	color:#277fc9;
}
.color_blue3 {
	color:#3263a2;
}
.color_blue4 {
	color:#0000FF;
}
.color_yellow {
	color:#ffea04;
}
.color_green {
	color:#4d891d;
}
.color_purple {
	color:#7f4891;
}
.color_gray {
	color:#787878;
}

.font_b {
	font-weight:bold;
}

.font_n {
	font-weight:normal;
}



/***********************************************************************************
* 8：リンク指定
************************************************************************************/

a {
	outline:none;
}
a:link {
	color: #277fc9;
	text-decoration: none;
}

a:visited {
	color: #277fc9;
	text-decoration: none;
}

a:active {
	color: #277fc9;
	text-decoration: none;
}

a:hover {
	color: #277fc9;
	text-decoration: underline;
}



/***********************************************************************************
* 9：フロート指定
************************************************************************************/

.left {
	float: left;
}

.right {
	float: right;
}

.right02 {
	font-size: 10px;
	float: right;
	padding-right: 60px;
}

.clear {
	clear: both;
	margin: 0px;
	padding: 0px;
}



/***********************************************************************************
* 10：パンクズ指定
************************************************************************************/

#pankuzu {
	width: 670px;
	padding-top: 5px;
}



/***********************************************************************************
* 11：ページトップ指定
************************************************************************************/

.pagetop {
	width: 680px;
	margin: 0px;
	padding: 0px;
	text-align: right;
}



/***********************************************************************************
* 12：フッター
************************************************************************************/

#footer_pankuzu {
	background-image: url(../img_2014/footer_pankuzu_back.jpg);
	background-repeat: repeat-x;
	height: 31px;
	min-width:1000px;
}
#footer_pankuzu_inner {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	height: 31px;
	padding-top: 5px;
	color: #FFF;
}
#footer_pankuzu a {
	color:#FFF;
	text-decoration: underline;
}


#footer_menu {
	background-image: url(../img_2014/top_line.jpg);
	background-repeat: repeat;
	min-width:1000px;
}
#footer_menu_inner {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 20px;
	padding-bottom: 20px;
}
#footer_menu_inner01 {
	color: #FFF;
}
#footer_menu a {
	color:#FFF;
	text-decoration: underline;
}


#footer{ 
	background-color:#fff;
	min-width:1000px;
}

#footer_inner {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}

#footer a {
	color:#FFFFFF;
}

#footer_inner ul {
	width:500px;
}
#footer_inner li {
	margin-right:10px;
}