/* CSS Document */


h1{
	font-size:12px;
	font-weight:bold;
	padding:4px 0 4px 12px;
	border-top:1px solid #E82000;
	border-bottom:1px solid #E82000;
	margin-bottom:25px;
	color:#c00;
    background:url("img/ico_t.gif") no-repeat left top;}
h2{
	font-size:12px;
	font-weight:normal;
	padding:2px 0;
	border-bottom:1px dotted #777;
	margin:14px 0 8px;
	color:#333;
}
h3{
	font-size:12px;
	font-weight:normal;
	padding:4px 0 4px 8px;
	border-top:1px dotted #c00;
	border-bottom:1px dotted #c00;
	margin-bottom:8px;
	color:#333;
	line-height:17px;
}



A:Link {text-decoration: none;}
A:visited {text-decoration: none;}
A:hover {text-decoration: underline;}
A:active {text-decoration: underline;}
.size10  { font-size: 10px }
.topphoto { color: white; font-size: 12px }
.size12  { font-size: 12px; line-height: 13px }
.size11b  { font-weight: bold; font-size: 11px; line-height: 14px }
.hotblock { color: white; font-size: 10px }
.copyright { color: white; font-size: 10px }
.sunday { color: #c00; font-size: 12px }
.saturday { color: #33c; font-size: 12px }
.everyday { color: #000; font-size: 12px; line-height: 14px }
.outofday  { color: #949494; font-weight: bold; font-size: 12px }
.day_black { color: black; font-weight: bold; font-size: 12px }
.day_saturday { color: #33c; font-weight: bold; font-size: 12px }
.day_saturday2 { color: white; font-weight: bold; font-size: 12px }
.day_sunday { color: #c00; font-weight: bold; font-size: 12px }
.day_sunday2 { color: white; font-weight: bold; font-size: 12px }
.month { color: white; font-size: 12px }
.thismonth { color: #f00; font-size: 12px }
.month_head { color: #c00; font-size: 40px }
.english_head { color: #444; font-style: italic; font-size: 11px }
.linked_event  { color: #c00; font-size: 11px }
.event { color: black; font-size: 11px }
.TL { color: #09f; font-size: 12px }
.MC { color: #f00; font-size: 12px }
.PG { color: #0c0; font-size: 12px }
.matchlink { color: white; font-size: 10px }
.schedule_md { color: white; font-size: 12px }

body{
	margin:0;
	font-size:10px;
	color:#333;
	background:url("http://www.kobelcosteelers.com/img/bg.gif") ;
    margin-left:auto;
	margin-right:auto;
	text-align:center;
}

#base{
	background: url("http://www.kobelcosteelers.com/img/bg2.gif") repeat-y;
	    margin-left:auto;
	margin-right:auto;
		width:787px;}


#header,#footer,#contents{
	width:770px;
	position:relative;
	margin:auto;
	text-align:left
}

#header{
	height:60px;
	background:url("http://www.kobelcosteelers.com/img/headbg.jpg") no-repeat top right;
}
#menu{
	width:131px;
	margin:0 8px 0 2px;
	float:left;}
#menu img,#topics img{vertical-align:bottom;}	
	
#main{
	width:626px;
	float:left;
font-size:12px;
}

#flash{
	width:626px;
	height:235px;
	margin-bottom:0px;
}

#hotblock{
	width:626px;
	height:42px;
	margin-bottom:8px;
}

#news{
	width:425px;
	float:left;
	border:1px #DDDDDD solid;
	margin-top:3px;
}


#topics{
	width:185px;
	margin-left:13px;
	float:left;
	text-align:center;}

#topics img{margin-top:3px;}
	
#attention{
margin:10px;}

#hotline
{margin:10px;}

#attention table{
  border: 0px;
  width:405px;
}

#attention #intro{
font-size:11px;
line-height:160%;
}

#attention .ph{
width:130px;
margin:5px 15px 0px 0px;}

/*
#attention #ph{
float:left;
width:130px;
margin:5px 15px 0px 0px;}


#attention #intro{
float:left;
width:245px;
margin:3px 0px 0px 0px;
font-size:11px;
line-height:160%;
}

#attention #intro p{
margin:0;
}
*/

.report_topi, .infor_topi, .club_topi,.game_topi, .update_topi, .mob_topi
{
font-size:14px;
font-weight:bold;
padding:18px 0 5px 0px;}


.report_topi{
	background:url("http://www.kobelcosteelers.com/pc_home/img/report.gif") no-repeat;
}

.infor_topi{
	background:url("http://www.kobelcosteelers.com/pc_home/img/oshirase.gif") no-repeat;
}
.club_topi{
	background:url("http://www.kobelcosteelers.com/pc_home/img/fanclub.gif") no-repeat;
}

 .game_topi{
	background:url("http://www.kobelcosteelers.com/pc_home/img/game.gif") no-repeat;
}

.update_topi{
	background:url("http://www.kobelcosteelers.com/pc_home/img/update.gif") no-repeat ;

}

.mob_topi{
	background:url("http://www.kobelcosteelers.com/pc_home/img/mob.gif") no-repeat ;

}




	
#header_logo{
	width:200px;
	height:56px;
}
#header_menu{
	position:absolute;
	top:30px;
	left:205px;}

#header_kobelcologo{
	width:60px;
	height:24px;
	position:absolute;
	top:20px;
	left:475px;}


#footer{
	width:770px;
	border-top:1px solid #ccc;
	padding:5px 0px;
	margin-top:10px;}
	



#footer #kobelcologo{
float:left;
	width:102px;
	height:40px;
}

/*
#footer_menu{
	position:absolute;
	top:10px;
	left:114px;
	line-height:14px;
	color:#000;}*/

#footer #f_menu{
float:left;
margin:0px 10px;
	line-height:14px;
	color:#333;}
	
#sponcer{
float:left;
}


.header_img{
	display:block;
	margin-bottom:4px;
}



#news span.report, #news span.infor, #news span.club,#news span.game,#news span.update,#news span.mob{
	display:block;
	font-size:11px;
	line-height:140%;
	padding:5px 0 5px 50px;
	border-bottom:1px solid #DDD;
	color:#333;
}
#news span.report{
	background:url("http://www.kobelcosteelers.com/pc_home/img/report.gif") no-repeat 0px 3px;
}
#news span.infor{
	background:url("http://www.kobelcosteelers.com/pc_home/img/oshirase.gif") no-repeat 0px 3px;
}
#news span.club{
	background:url("http://www.kobelcosteelers.com/pc_home/img/fanclub.gif") no-repeat 0px 3px;
}

#news span.game{
	background:url("http://www.kobelcosteelers.com/pc_home/img/game.gif") no-repeat 0px 3px;
}

#news span.update{
	background:url("http://www.kobelcosteelers.com/pc_home/img/update.gif") no-repeat 0px 3px;
}

#news span.mob{
	background:url("http://www.kobelcosteelers.com/pc_home/img/mob.gif") no-repeat 0px 3px;
}




a:link, a:visited{
	color:#333;
	text-decoration:none;
}
a:hover,a:active{
	color:#c00;
	text-decoration:underline;
}

a.maru{
	padding:0 3px 4px 9px;
	background:url("http://www.kobelcosteelers.com/img/maru.gif") no-repeat;
}
a.shikaku{
	padding:0 3px 4px 7px;
	background:url("http://www.kobelcosteelers.com/img/shikaku.gif") no-repeat;
}

img{
	border:0px;
}
#menu img.link_header{
	margin-top:1px;
}
#menu img.link_btn{
	margin-bottom:1px;
}


#copyright{
	font-size:9px;
}
.banner  {
	margin-bottom:3px;
}
.clear{
	clear:both;
}

/*===投票==*/
#vote
{
width:183px;
border:1px #DDDDDD solid;
margin-top:3px;
}

#vote .q{
background:url("http://www.kobelcosteelers.com/pc_home/img/vote3.gif") no-repeat top left;
padding:0px 10px 5px 25px;
font-size:10px;
line-height:140%;
text-align:left;}


/*===マンスリープレイ==*/

#mp{
width:183px;
border-right:1px #DDDDDD solid;
border-bottom:1px #DDDDDD solid;
border-left:1px #DDDDDD solid;
border-top:0px;
padding-top:5px;
font-size:10px;}

#mp .name{
margin-top:3px;
padding-top:3px;
border-top:1px solid #ddd;
width:170px;
line-height:160%;}


#main a:link, #main a:visited{
	color:#c00;
	text-decoration:none;
}
#news a:link,#news a:visited{
	color:#333;
	text-decoration:none;
}
#news a:hover,#news a:active{
	color:#c00;
	text-decoration:underline;
}


.back_btn{
	border-top:1px dotted #ccc;
	padding:10px 0;
	margin:10px 0;
	font-size:11px;
	text-align:center;}

#more{
margin-left:15px;
float:right;
font-size:10px;
line-height:100%;
margin:2px 0px;}


/*===トップページのみの===*/
#toppage_sponcer{
width:620px;
display:block;
text-align:center;
margin-left:75px;
}
#toppage_sponcer img{
margin:5px 20px;
}

#toppage_footer{
	width:770px;
		position:relative;
	margin:auto;
	border-top:1px solid #ccc;
	padding:5px 0px;
	margin-top:10px;
}
