/* ************************************************ 
 *	共通の設定
 * ************************************************ */
* {
	margin: 0px;
	padding: 0px;
}



body {
font-size : 14px;
color : #333333;
font-family: "Osaka", "ＭＳ Ｐゴシック", Arial, sans-serif;
background-color: #FFFFFF;
text-align: center;
line-height: 160%;
}



img {
border: 0px;
}


/* ------------------------------------- 
 *	ページレイアウト
 * ------------------------------------- 
 */

/*ページ全体の幅、レイアウトをセンタリング*/
#container {
margin: 0 auto;
width : 920px;
background-color: #FFFFFF;
text-align:left;
border-left-width : 1px;
border-right-width : 1px;
border-left-style : solid;
border-right-style : solid;
border-left-color : #C0C0C0;
border-right-color : #C0C0C0;
}



/*ヘッダー（ロゴ、グローバルメニュー）*/
.header {
width: 100%;
}



#contents{
width: 100%;
}




/*　左側エリアの幅　*/
.main {
float: left;
width : 565px;
}

.main-container {
margin-left: 15px;
margin-right: 0px;
margin-bottom: 10px;
padding-bottom: 5px;
}

.main-contents {
width : 550px;
}



/*　右側エリアの幅　*/
.side {
float: right;
width : 315px;
}

.side-container {
margin-left: 0px;
margin-right: 15px;
margin-bottom: 10px;
}


.side-title{
width: 300px;
height: 27px;
color : #FFFFFF;
font-size : 14px;
font-weight : bolder;
margin-bottom: 0px;
padding-top: 3px;
padding-left: 10px;
background-image : url(images/sidetitle.gif);
background-repeat : no-repeat;
}


.side-contents{
font-size : 14px;
background-color : #FFFFFF;
padding-top: 5px;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 5px;
border-left-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-color: #C0C0C0;
border-right-color: #C0C0C0;
border-bottom-color: #C0C0C0;
margin-top: 0px;
margin-bottom: 15px
}






/*　フッター（コピーライト）　*/
.footer {
 clear : both;
text-align : center;
margin-top : 5px;
margin-left : 0px;
margin-right : 0px;
margin-bottom : 0px;
}



/* ------------------------------------- 
 *	フォント
 * ------------------------------------- 
 */


h1{
font-size : 24px;
}


h2{
font-size : 24px;
padding-top : 0px;
padding-left : 5px;
width: 550px;
}



h3{
font-size : 14px;
color : #CC0000;
padding-top : 5px;
padding-left: 5px;
margin-top: 10px;
width: 550px;
height : 30px;
text-decoration : underline;
}


/* ------------------------------------- 
 *	リンク
 * ------------------------------------- 
 */



a{
color : #0000FF;
}

a:link{
color : #0000FF;
}

a:visited{
color : #0000FF;
}

a:hover{
color : #FF8000;
}

a:active{
color : #0000FF;
}




/* ------------------------------------- 
 *	ヘッダーエリア
 * ------------------------------------- 
 */


.description{
font-size: 12px;
color: #FFFFFF;
text-align: left;
padding-top: 2px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 2px;
background-color: #CC0000;
}



.logoarea{
margin-top : 5px;
margin-bottom : 5px;
height : 55px;
}




.logo-left{
float : left;
width : 440px;
padding-left : 15px;
}


.logo-right{
width: 440px;
font-size: 12px;
color: #0000FF;
float: right;
text-align: right;
padding-top : 3px;
padding-right : 10px;
}


.bookmark{
padding-top : 5px;
padding-right : 10px;
color: #333333;
}


.header-navi-area{
clear: both;
width: 100%;
text-align : center;
border-top:3px solid #CC0000;
border-bottom:3px solid #CC0000;
}


.header-navi{
width : 152px;
height : 40px;
text-align : center;
background-color : #F7F7F7;
}

.header-navi a {
	color: #0000FF;
}

.header-navi a:link {
	color: #0000FF;
}

.header-navi a:visited {
	color: #0000FF;
}

.header-navi a:hover {
	color: #FF8000;
}

.header-navi a:active {
	color: #0000FF;
}




.pannavi{
font-size : 12px;
padding-left : 15px;
margin-top : 5px;
margin-bottom : 7px;
clear : both;
}



.article-pannavi{
font-size : 10px;
padding-top : 3px;
padding-left : 5px;
padding-right : 10px;
padding-bottom : 8px;
line-height: 140%;
}




.top-title{
margin-top : 20px;
}



.main-title{
padding-top : 5px;
padding-left: 5px;
margin-top: 10px;
width: 550px;
height : 30px;
text-decoration : underline;
}




.footer-navi{
font-size : 12px;
color: #000099;
padding-top: 5px;
padding-bottom: 5px;
border-top:1px solid #C0C0C0;  
}


.copyright{
font-size : 12px;
color: #FFFFFF;
background-color: #CC0000;
padding-top: 2px;
padding-bottom: 2px;
height: 20px;
}


.copyright a {
color: #FFFFFF; text-decoration: none;
}

.copyright a:link {
color: #FFFFFF; text-decoration: none;
}

.copyright a:visited {
color: #FFFFFF; text-decoration: none;
}

.copyright a:hover {
color: #FFFFFF; text-decoration: underline;
}

.copyright a:active {
color: #FFFFFF; text-decoration: none;
}




table{
line-height: 160%;
}



p{
padding-top: 10px;
padding-left: 5px;
padding-right: 5px;
}



strong{
color : #CC0000;
}



ul{
margin: 0px 0px 0px 15px;
padding: 0px;
}



li{
list-style-position: outside;
list-style-type: disc;
}


.sponsor{
text-align : center;
margin-top: 0px;
margin-bottom: 15px
padding: 0px;
border-left-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-color: #C0C0C0;
border-right-color: #C0C0C0;
border-bottom-color: #C0C0C0;
}

.sponsor-article{
font-size : 12px;
padding-left: 25px;
padding-top: 15px;
}


.header-table{
margin-top : 0px;
margin-bottom : 0px;
}




.category-table{
margin-top : 15px;
margin-bottom : 5px;
line-height: 150%;
}


.article-table{
margin-top : 5px;
margin-bottom : 5px;
line-height: 150%;
}



.intro-table{
margin-top : 10px;
margin-bottom : 5px;
line-height: 150%;
}



.intro-left{
width : 160px;
text-align: center;
padding: 5px;
border-width: 1px;
border-style: solid;
border-color: #E3E3E3;
background-color : #F7F7F7;
}



.intro-right{
width : 380px;
padding: 5px;
border-width: 1px;
border-style: solid;
border-color: #E3E3E3; 
margin-left: 1px;
}


.category-left{
width : 140px;
text-align: center;
padding: 5px;
border-width: 1px;
border-style: solid;
border-color: #E3E3E3;
background-color : #F7F7F7;
}



.category-right{
width : 380px;
padding: 5px;
border-width: 1px;
border-style: solid;
border-color: #E3E3E3; 
margin-left: 1px;     
}







.sponsor-top{
text-align : center;
padding-top: 15px;
padding-bottom: 5px;
}

.sponsor-bottom{
padding-top: 15px;
padding-left: 5px;
padding-bottom: 10px;
}

.sponsor-category{
text-align : center;
padding-top: 15px;
padding-bottom: 10px;
}


.date-header{
font-size: 12px;
text-align: right;
padding-top: 3px;
padding-bottom: 1px;
border-bottom-width : 1px;
border-bottom-style : dotted;
border-bottom-color : #CC0000;
}

.entry-more{
text-align: right;
padding-top: 5px;
padding-right: 15px;
}

.search{
margin-bottom: 10px;
padding-left: 0px;
}




.sponsor-side{
background-color : #FFFFFF;
padding-top: 0px;
padding-left: 7px;
padding-bottom: 10px;
border-left-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-color: #C0C0C0;
border-right-color: #C0C0C0;
border-bottom-color: #C0C0C0;
margin-top: 0px;
margin-bottom: 15px
}


.sponsor-banner{
background-color : #FFFFFF;
margin-top: 10px;
margin-bottom: 15px
}



.category-title{
font-size: 14px;
color : #FFFFFF;
padding-top : 4px;
padding-left : 18px;
background-image : url(images/maintitle-background.gif);
background-repeat : no-repeat;
width: 550px;
height : 30px;
}




.profile-left{
width : 140px;
text-align: center;
padding: 5px;
border-width: 1px;
border-style: solid;
border-color: #E3E3E3;
background-color : #F7F7F7;
}

.profile-right{
width : 380px;
padding: 5px;
border-width: 1px;
border-style: solid;
border-color: #E3E3E3; 
margin-left: 1px;     
}


.champion-left{
width : 200px;
text-align: center;
padding: 5px;
border-width: 1px;
border-style: solid;
border-color: #E3E3E3;
background-color : #F7F7F7;
}

.champion-right{
width : 320px;
padding: 5px;
border-width: 1px;
border-style: solid;
border-color: #E3E3E3; 
margin-left: 1px;     
}



.titlematch-left{
width : 120px;
text-align: center;
padding: 5px;
border-width: 1px;
border-style: solid;
border-color: #E3E3E3;
background-color : #F7F7F7;
}

.titlematch-right{
width : 420px;
padding: 5px;
border-width: 1px;
border-style: solid;
border-color: #E3E3E3; 
margin-left: 1px;     
}



.news-left{
width : 140px;
text-align: center;
padding: 5px;
border-width: 1px;
border-style: solid;
border-color: #E3E3E3;
background-color : #F7F7F7;
}

.news-right{
width : 400px;
padding: 5px;
border-width: 1px;
border-style: solid;
border-color: #E3E3E3; 
margin-left: 1px;     
}


.ufc-left{
width : 160px;
text-align: center;
padding: 5px;
border-width: 1px;
border-style: solid;
border-color: #E3E3E3;
background-color : #F7F7F7;
}

.ufc-right{
width : 360px;
padding: 5px;
border-width: 1px;
border-style: solid;
border-color: #E3E3E3; 
margin-left: 1px;     
}



.list{
padding-top: 5px;
padding-left: 5px;
}

.ufc-match{
color: #CC0000;
font-weight: bolder;
padding-left: 5px;
}

.side-match-left{
width: 140px;
}

.side-match-right{
width: 150px;
}


.side-dvd{
font-size : 10px;
text-align: center;
width: 140px;
}

.recententries-title{
font-size : 14px;
color : #FFFFFF;
padding-top : 4px;
padding-left : 18px;
background-image : url(images/maintitle-background.gif);
background-repeat : no-repeat;
width: 550px;
height : 30px;
}


.recententries-table{
margin-top : 10px;
margin-bottom : 15px;
}

.recententries-contents {
width : 550px;
}


.recententries-left{
width : 180px;
}


.recententries-right{
width : 370px;
line-height: 140%;
padding-left: 5px;
padding-right: 5px;
border-width: 1px;
border-style: solid;
border-color: #E3E3E3; 
margin-left: 1px;     
}



.matchresult-left{
width : 120px;
text-align: center;
padding: 5px;
border-width: 1px;
border-style: solid;
border-color: #E3E3E3;
background-color : #F7F7F7;
}



.matchresult-right{
width : 420px;
padding: 5px;
border-width: 1px;
border-style: solid;
border-color: #E3E3E3; 
margin-left: 1px;
}


.matchresult-table{
margin-top : 10px;
line-height: 150%;
}

.side-twitter{
margin-bottom: 15px
}

.ufc-movie{
text-align : center;
margin-top : 15px;
margin-bottom: 5px;
}
