/* commom-top.css ver1.1
Version 1.1 ºîÀ®Æü2009.3.4
-------------------------------*/

/* ´éÇÜÄæ±Á
-------------------------------*/

body {
	margin:0;	
	font-family:  "£Í£Ó £Ð¥´¥·¥Ã¥¯", Osaka, "¥Ò¥é¥®¥Î³Ñ¥´ Pro W3";
	font-size: 12px;
	font-style: normal;
	line-height: 160%;
	color: #666666;
	text-align:center;
	background:#C1C5C8 url(../img/common/mainbg.jpg) repeat-x;
}

#header-top h1 {
	margin:0;
	padding:0;
	position:absolute;
	top:2px;
	left:400px;
	font-size:14px;
	font-weight:normal;
	color:#FFF;/*000*/
	}

.img {
	display:block;
	margin:0;
	clear:both;
}


a.ao:link    { color: #0066FF; text-decoration:underline}/*Ž¥¡¦ó¥¯ÀŽ¡2¡¦iŽ¿¡¦j*/
a.ao:visited { color: #0066FF; text-decoration:underline}
a.ao:hover   { color: #FF6633; text-decoration:underline}
a.ao:active  { color: #0066FF; text-decoration:underline}

a.hai:link    { color: #999999; text-decoration:none;}/*Ž¥¡¦ó¥¯ÀŽ¡2¡¦i³¥¡Ë*/
a.hai:visited { color: #999999; text-decoration:none;}
a.hai:hover   { color: #FF6633; text-decoration:none;}
a.hai:active  { color: #999999; text-decoration:none;}

a.siro:link    { color: #ffffff; text-decoration:none;}/*Ž¥¡¦ó¥¯ÀŽ¡2¡¦iÇò¡Ë*/
a.siro:visited { color: #ffffff; text-decoration:none;}
a.siro:hover   { color: #FF6633; text-decoration:none;}
a.siro:active  { color: #ffffff; text-decoration:none;}

a.fl:link    { color: #919191; text-decoration:none;}/*¥Õ¥¡¥ó¥¯¥ºŽ¥¡¦¹¥È¥¡¦ó¥¯ÀŽ¡2¡¦iÇö£á¡¦¿§¡Ë*/
a.fl:visited { color: #919191; text-decoration:none;}
a.fl:hover   { color: #FF6633; text-decoration:none;}
a.fl:active  { color: #919191; text-decoration:none;}

.span01 { color:#FF0000;} /*¥Õ¥©¥ó¥È¥«¥é¡¼¡ÊŽ¿¡¦j*/


/*¥Ú¡¼¥¸À¡2¡¦-------------------*/

#background {
	margin:0 auto;
	width:900px;/*790px;*/
	height:auto;
	/*background: url(../img/common/background03.jpg) repeat-y;*/
}

#background2 {
	margin:0 auto;
	width:900px;/*790px;*/
	height:auto;
	/*background: url(../img/common/background02.jpg) no-repeat;*/
}

#wrapper {
	/*border:solid #b2efa3 1px;¥Æ¥¹¥ÈÍÑ*/
	margin:0 auto;
	width:900px;/*750px;*/
	height:auto;
	text-align:left;
	background: #FFF;
	background:url(../img/common/background-body.jpg) repeat-y;
	
}

#header-top {
	width:900px;/*750px;*/
	height:32px;
	position:relative;
	background: url(../img/toppage/header.png) no-repeat;
}

#footer {
	width:900px;/*750px;*/
	height:154px;
	position:relative;
	bottom:0px;
	padding: 100px 0px 0px 0px;
	background: url(../img/common/footer.png) no-repeat;
	font-size:13px;
	text-align:left;
	color:#FFF;
	
}
#footerbox1 {
width:370px;
height:64px;
margin-left:70px;
position:absolute;

}
#footerbox2 {
width:365px;
height:54px;
margin-left:535px;
position:absolute;

}

#footerbox1 a { color: #FFF;text-decoration:none }
#footerbox2 a { color: #FFF;}
.gototop {
margin-left:680px;
position:absolute;
}





/*------------------------------------------------
¥Ë¥å¡¼¥¹¤È¥¹¥Ý¡¼¥ÄÊÌ¥Ú¡¼¥¸¥ê¥ó¥¯É½¼¨ÎÎ°è
¡Êº¸¡§»Ü¹©¼ÂÀÓ¡ÃÃæ±û¡§¥Ë¥å¡¼¥¹¡Ã±¦¡§¥¹¥Ý¡¼¥ÄÊÌ¥Ú¡¼¥¸¥ê¥ó¥¯¥Ð¥Ê¡¼¡Ë
-------------------------------------------------*/

/*¡Ê£³¡Ë¥á¥¤¥óÉôÊ¬--------------------*/
#main-container {
margin: 0px 0px 0px 0px;
width:900px;
position:relative;


}
/*---¥á¥¤¥óº¸¥³¥ó¥Æ¥Ê*/
#main-left-container {
margin: 0;
position:relative;
float:left;
width:210px;
height:510px;
background: url(../img/toppage/green-vertical.png) repeat-y; 
}
.left-box-commonL {
background:#000 url(../img/toppage/whitebox-insta.png) 0px 0px;
width:210px;
height:145px;
margin-left:0px;
}

.left-box-commonL p {
margin:0;
padding:10px 0px 0px 35px;
/*color:#FFF;*/
}

.left-box-commonL img{
width:130px;
margin-top:2px;
margin-left:35px;
/*border-color:white;*/
border-width:0px;
}

.left-box-commonL a {
text-decoration:none;
color:#000;
}
.left-box-commonL a:link    { color: #000; }
.left-box-commonL a:visited { color: #000; }
.left-box-commonL a:hover   { color: #FF6633;}
.left-box-commonL a:active  { color: #000;}

#lefttitle {
margin:0px;
height:35px;
background: url(../img/toppage/green-vertical-title.png) no-repeat; 
}
#lefttitle p{
margin:0;
padding:8px 0px 0px 45px;
color:#FFF;

}

/*---¥á¥¤¥óÃæ±û¥³¥ó¥Æ¥Ê*/
#main-center-container{
margin: 0;
position:relative;
float:left;
width:480px;
height:510px;
background: url(../img/toppage/lightgray.png); 
}

#insta-container {

width:480px;
}
.articlebox-common {
margin: 0px;
position:relative;
float:left;
width:240px;
height:250px;}

.boxheader p{
margin: 0px;
padding:4px 15px 0 20px;
font-size:11px;
}


.articlebox-white {
background: url(../img/toppage/articlebox-white.png) no-repeat;}
.articlebox-green {
background: url(../img/toppage/articlebox.png) no-repeat;}
.articlebox-gray {
background: url(../img/toppage/articlebox-whitegray.png) no-repeat;}

.articlebox {
background: url(../img/toppage/articlebox.png) no-repeat;}
.articlebox2 {
background: url(../img/toppage/articlebox2.png) no-repeat;}
.newsbox {
background: url(../img/toppage/newsbox.png) no-repeat;}

.articletitle {
margin:0 0 0 10px;
height:74px;
}
.articletitle p {
margin:0;
padding:13px 8px 13px 80px;
color:#FFF;
line-height:130%;
}
.articletitle img{
margin-top:12px;
margin-left:5px;
border-color:white;
border-width:1px;
}
.article {
margin:0px 0 0 10px;
}
.article p {
margin:0;	
padding:20px 25px 0px 15px;
}

div.readmore {
margin:0;
padding: 0 25px 0px 145px;
background: url(../img/common/arrow/vred.gif)  134px 4px no-repeat;
}

.article a, .articletitle a  {text-decoration:none;}
.article a:link    { color: #000; }
.article a:visited { color: #000; }
.article a:hover   { color: #FF6633;}
.article a:active  { color: #000;}


#instabox {
margin:0px 0 0 10px;
}
#imgbox{
margin:0;
display:block;
height:120px;
}
#txtbox {
margin:0;
display:block;
height:55px;
}
#instabox p {
margin:0px 0 0 0;	
padding:19px 15px 0px 34px;
/*color:#FFF;*/
}

#instabox img{
width:180px;
height:120px;
margin-top:10px;
margin-left:20px;
border-color:white;
border-width:2px;
}

#instabox a {
text-decoration:none;
color:#000;
}
#instabox a:link    { color: #000; }
#instabox a:visited { color: #000; }
#instabox a:hover   { color: #FF6633;}
#instabox a:active  { color: #000;}

#instapast {
	margin:2px 0 0 95px;
	padding:0 0 0 15px;
	display:block;
	width:129px;
	height:21px;
	clear:both;
	background:url(../img/common/arrow/maru-redg.png)  0px 2px no-repeat;
}

#instapast a,
#morenews a{
text-decoration:none;
color:#FFF;
}

#instapast a:hover,
#morenews a:hover { color: #FF6633; }

#morenews{
	position:relative;
	display:block;
	margin:0px;
	width:210px;
	height:41px;
	clear:both;
	background:url(../img/toppage/sidebarbg-bot.png) 0% 100% no-repeat;
}
#morenews p {
margin:0px;
padding:10px 0 0 105px;
background:url(../img/common/arrow/maru-redg.png) 90px 13px no-repeat;
}


/*---¥á¥¤¥ó±¦¥³¥ó¥Æ¥Ê*/
#main-right-container {
margin: 0px;
padding:0px;
position:relative;
float:left;
width:210px;
height:510px;
background: url(../img/toppage/lightgray.png);  
}

#wrapper-right {
margin-top: 0px;
height:390px;
background: url(../img/toppage/sports-basegray.png) no-repeat 0px 0px;
}

.right-box-common {
margin:0 0 0 17px;
width:190px;
height:67px;
background:#000 url(../img/toppage/whitebox-green.png)  0% 100%;
position:relative;
color:#000;
}
.right-box-common p {
margin:0px;
padding:16px 0px 0px 110px;
line-height:14px;
}
.right-box-common img {
width:90px;
height:44px;
/*border-color:white;*/
border-width:0px;
margin-top:10px;
margin-left:12px;
}
.boxtitle {
margin:0px;
height:45px;
}

.boxtitle p{
margin:0px;
padding:16px 0px 0px 40px;
color:#FFF;
}

.right-box-common a{
text-decoration:none;
height:67px;
width:190px;
display:block;
border-width:0;
color:#000;
}
.right-box-common a:link { color: #000;}
.right-box-common a:visited { color: #000;}
.right-box-common a:hover { color: #FF6633;}
.right-box-common a:active { color: #000;}

#right-box-note {
width:200px;
}
#right-box-note p {
margin:0px;
padding:16px 0px 0px 15px;
line-height:15px;
}

/*------------------------------------------*/
.index-special-container{
	position:absolute;
	top:315px;
	left:10px;
	margin:0;
	padding:5px 0 0 0;
	width:500px;
	height:65px;
}


bannerlinkC {
display:block;
height:65px;
width:480px;
}

#news-container {
margin:0px;
background:url(../img/toppage/sidebarbg.png) repeat-y;
}

#news-ul {
	position:relative;
	display:block;
	margin:0px 0 0 23px;
	padding:0px;
	list-style:none;	
	width:173px;
	/*height:420px;*/
	/*overflow:auto;*/
	background: url(../img/toppage/newsbg.jpg) repeat-y;/*#99CC00*/
}
#news-ul li {
	margin:0px;
	padding:2px 2px 2px 14px;
	background:url(../img/common/arrow/triA-red-s.gif)  3px 3px no-repeat;
	border-bottom:#FFFFFF dotted 1px;
	width:150px;
	font-size:11px;
	line-height:140%;
}

#news-ul li a { color:#000/*#336600*/; text-decoration:none; }
#news-ul li a:hover { color: #FF6633/*#FF3300*/; text-decoration:none; }

#insta-ul {
	position:relative;
	margin:35px 0 0 6px;
	padding:2px 0 0 0;
	list-style:none;
	background:darkgreen url(../img/toppage/darkgreen.png)  /*#99CC00*/;
	width:226px;
	height:190px;
	overflow:auto;
}

#insta-ul  li {
	margin:2px 2px;
	padding:0px 5px 2px 4px;
	border-bottom:#FFFFFF dotted 1px;
	width:196px;
	font-size:12px;
	line-height:140%;
}
#insta-ul  li img {
width:70px;
height:53px;
border-color:white;
border-width:1px;
}


#insta-ul li p {
margin:0px;
padding:0px 0px 0px 80px;
}


#insta-ul li a { color:white/*#336600*/; text-decoration:none; }
#insta-ul li a:hover { color: #FF6633/*#FF3300*/; text-decoration:none; }


/*Žµ¡¦µ¥¤¥È£¡¦¡¦§æ¡¦zŽ£¡¦Žª------------------------------*/

.sporttitle { font-size: 18px; margin:0px; line-height:1.4;}

.p18 { font-size: 18px; font-weight: bold; }
.p15 { font-size: 15px; }
.p13 { font-size: 12px; }
.p12 {color: #666666; }
.p10 { font-size: 10px; line-height:140%;}
.cond { font-size: 12px; color: #993300; font-weight: bold; }
.gyo01 { line-height : /*18px*/1.8; }

.p10bk { font-size: 10pt; line-height:1.5em; }
.p12white { color: #FFFFFF; }
.p13boldwhite { font-size: 13px; line-height:1.5em; color: #FFFFFF; ; font-weight: bold }

.line { line-height:150%;}
.line02 { line-height:120%; }
.line03 { font-size: 12pt; line-height:150%;}
.line04 { font-size: 10px; line-height:130%;}
.line05 { line-height:180%;}

h2 { font-family:sans-serif ; margin:5px 0px; font-size: 15px ; line-height:160%;}
h3 { font-family:sans-serif ; margin:5px 0px; font-size: 14px ;}
h4 { font-family:sans-serif ; margin:5px 0px; font-size: 13px ;}
h5 { font-family:sans-serif ; margin:5px 0px; font-size: 10px ;}

.inpact { font-family: 'Impact' ;}

.ab { font-family: 'arial black' ;}

.p12bold {color: #003399;  font-weight: bold;}


.ol {
	margin:15px 0 0 50px;
	padding:0;
	color:#333333;
}

.ol li { padding:3px 2px; }

.ul {
	margin:15px 0 0 50px;
	padding:0;
	color:#333333;
}

.ul li { padding:3px 2px; }


.style001 { color:#999999; font-size:10px; }


/*¥È¥Ã¥×²èÁü¤È¥Ê¥Ó¥²¡¼¥·¥ç¥óÍÑ¥³¥ó¥Æ¥Ê*/

/*ºÇ¾åÉô¥³¥ó¥Æ¥Ê*/
#topimg-container {
margin: 0px 0px 0px 0px;
width: 900px;
height:272px;
background: #FFF url(../img/toppage/header.png) no-repeat 0px -31px;
}
	

/*¥È¥Ã¥×²èÁüÍÑ¥³¥ó¥Æ¥Ê*/
#crossfade-container {
margin: 0px 0px 0px 0px;
width:682px;
height:265px;
/*background: #000 url(../img/toppage/topimgbg.jpg) no-repeat;*/
float:left;
}

/*¥È¥Ã¥×²èÁüÍÑ¥µ¥Ö¥³¥ó¥Æ¥Ê*/
/* fading area */
.fade-box {
margin-left: 0px;
position: absolute;
top: 42px;
width: 690px;
height: 265px;
color:#FFF;
font-size:15px;
}

.fade-box p {
width: 170px;
height: 180px;
display:block;
padding: 5px 5px 5px 5px;
margin: 50px 0px 0px 400px;
background: #FFF;
color: #000;
text-align:right;
font-size:13px;
filter: Alpha(opacity=60);
opacity:.60;
}
.exceptionp {
margin: 50px 0px 0px 500px!important;}

/*.fade-box img {
margin-left: 100px;
}*/

.fade-box h2 {
width: 290px; 
margin-top: 29px; 
padding-left: 10px; 
background: #E0EADF;
}

/* id styles */
#content-body {
margin: 0 auto 0 auto;
width: 870px;
background: #FFF;
}


/*¥È¥Ã¥×²èÁü¡ÊÀÚ¤êÂØ¤¨¤ë³Æ²èÁü¤òÆþ¤ì¤ë¥Ü¥Ã¥¯¥¹¡Ë*/

#box-1 {
background: url(../img/toppage/fadebox/players.png) no-repeat;
margin-left:26px;
}

#box-2 {
margin-left:150px;
margin-top:30px;
}

#box-3 {
background: url(../img/toppage/fadebox/luziniki.png) no-repeat;
margin-left:122px;
}

#box-4 {
background: url(../img/toppage/fadebox/tropicana.png) no-repeat;
margin-left:122px;
}
#box-5 {
background: url(../img/toppage/fadebox/ripken.png) no-repeat;
margin-left:26px;
}
#box-6 {
background: url(../img/toppage/fadebox/GeorgiaDome.jpg) no-repeat;
margin-left:26px;
}
#box-7 {
background: url(../img/toppage/fadebox/WisconsinBadgers.jpg) no-repeat;
margin-left:26px;
}
#box-8 {
background: url(../img/toppage/fadebox/GilletteStadium.jpg) no-repeat;
margin-left:77px;
}
#box-9 {
background: url(../img/toppage/fadebox/Lezama_Atletico_Bilbao.jpg) no-repeat;
margin-left:26px;
}
#box-10{
background: url(../img/toppage/fadebox/FormerPrBush.jpg) no-repeat;
margin-left:26px;
}

/*º¸Â¦¡§¥Ê¥Ó¥²¡¼¥·¥ç¥ó¥Ü¥¿¥óÍÑ¥³¥ó¥Æ¥Ê*/
#mainnavi-container {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 210px;
height:265px;
float:left;
position:relative;
color: #fff;
z-index:1;
}
/*º¸Â¦¡§¥Ê¥Ó¥²¡¼¥·¥ç¥ó¥Ü¥¿¥óÍÑ¥µ¥Ö¥³¥ó¥Æ¥Ê*/
#mainnavi-subcontainer {
margin: 85px 0px 0px 24px;
/*filter: Alpha(opacity=90);
opacity:.90;*/
/*background:#000;*/
}

.left-box-common {
background:url(../img/toppage/button.png) no-repeat;
width:172px;
height:36px;
/*margin-top:1px;*/
}
.left-box-common p{
padding-left:18px;
padding-top:9px;
margin:0px;
}

.left-box-common a {
display:block;
width:170px;
height:35px;
text-decoration:none;
color:#FFF;
}
.left-box-common a:link    { color: #FFF; }
.left-box-common a:visited { color: #FFF; }
.left-box-common a:hover   { color: #FF6633;}
.left-box-common a:active  { color: #FFF;}


/*¥È¥Ã¥×²èÁü²¼¤Î¥ê¥ó¥¯¥Ð¥Ê¡¼ÍÑ¥³¥ó¥Æ¥Ê*/
#middle-container {
margin: 0px 0px 0px 0px;
width: 900px;
height:100px;
background: #FFF url(../img/toppage/header.png) no-repeat 0px -303px;
}
/*¥È¥Ã¥×²èÁü²¼¤Î¥ê¥ó¥¯¥Ð¥Ê¡¼ÍÑ¶¦ÄÌ¥Ü¥Ã¥¯¥¹*/
.middle-box-common {
margin: 0px 0px 0px 0px;
width:auto;
height:100px;
float:left;
position:relative;
}
/*¥È¥Ã¥×²èÁü²¼¤Î¥ê¥ó¥¯¥Ð¥Ê¡¼ÍÑ¸Ä¡¹¤Î¥Ü¥Ã¥¯¥¹*/
#middle-box1 {
margin: 54px 0px 0px 0px;
width:210px;
height:46px;
background: url(../img/toppage/sidebarbg-title.png) no-repeat; 
}
#middle-box1 p {
padding:10px 0px 0px 35px;
}
#middle-box2 {
margin: 28px 0px 0px 10px;
width:490px;
height:65px;
background: url(../img/toppage/specialbanner.png)  no-repeat;
}
#middle-box2 p {
margin:0px;
padding:3px 0px 0px 143px;
}

#middle-box2 a {
display:block;
width:490px;
height:65px;
text-decoration:none;
color:#FFF;
}
#middle-box2 a:link,  #middle-box3 a:link  { color: #FFF; }
#middle-box2 a:visited,  #middle-box3 a:visited  { color: #FFF; }
#middle-box2 a:hover,  #middle-box3 a:hover    { color: #FF6633;}
#middle-box2 a:active,  #middle-box3 a:active   { color: #FFF;}


#middle-box3 {
margin: 28px 0px 0px 5px;
width:170px;
height:65px;
background: url(../img/toppage/blackboxbg.png)  no-repeat;
}
#middle-box3 p {
margin:0px;
padding:25px 0px 0px 20px;
background:url(../img/common/arrow/v_arrow-square-red-s.gif)  150px 29px no-repeat;
}
#middle-box3 a {
display:block;
width:170px;
height:65px;
text-decoration:none;
color:#FFF;
}

