@charset "utf-8";
/*--------------------------------------------
　[ スポーツナビ＋ ]ポータル基本スタイルシート
　/stylesheets/portal/base_v2.css
   0. 基本設定
   1. レイアウト
--------------------------------------------*/



/*************************************************************
   0. 基本設定
*************************************************************/
* {
margin: 0;
padding: 0;
}

body{
background-color: #000000;
font-size: small;
line-height: 1.5;
color: #333333;
padding: 4px 0 0 0;
font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

html {
overflow-y: scroll;
}

p {
margin: 0 0 5px 0;
}

li {
list-style-type: none;
}

img {
border: 0;
vertical-align: top;
}

address {
font-style: normal;
}

.clearfix:after {
content: ".";
display: block;
visibility: hidden;
height: 0.1px;
font-size: 0.1em;
line-height: 0;
clear: both;
}

.clearfix {
zoom: 100%;
}


/* Link Color
----------------------------------------------------------- */
a:link {
color: #0000ff;
text-decoration: underline;
}

a:visited {
color: #800080;
text-decoration: underline;
}

a:hover {
color: #0066ff;
text-decoration: underline;
}

a:active {
color: #0066ff;
text-decoration: underline;
}


/*************************************************************
   1. レイアウト
*************************************************************/
#outline {
min-width: 950px;
}

#header {
width: 100%;
height: 106px;
background: #000000 url(/images/portal_v2/bg_head.gif) repeat-x 0 0;
min-width: 950px;
overflow: hidden;
}

table#contents_table {
width: 100%;
min-width: 950px;
background: #ffffff;
padding: 0;
}

#footer {
width: 100%;
min-width: 950px;
height: 50px;
background: #ffffff url(/images/portal_v2/bg_footer.gif) repeat-x left bottom;
overflow: hidden;
}


/*************************************************************
   2. header
*************************************************************/
#header .inner_left {
float: left;
min-width: 650px;
}
* html #header .inner_left {
width: 650px;
}
#header .inner_left #title_search {
height: 74px;
}
#header .inner_left h1 {
float: left;
}
#header .inner_left #search {
float: left;
padding: 0;
color: #fff;
font-size: 12px;
}
#header .inner_left #search img {
margin: 0 10px 0 0;
vertical-align: bottom;
}
#header .inner_left #search span {
vertical-align: bottom;
}

#header .inner_left #search input.search_text {
font-size: 12px;
width: 345px;
}

#header .inner_left ul {
padding-left: 100px;
}
#header .inner_left ul li {
float: left;
padding-left: 10px;
}

#header .inner_right {
float: right;
width: 300px;
}
#header .inner_right #moblog {
float: right;
}
#header .inner_right #moblog h3 {
font-size: 1px;
}
#header .inner_right #signup_login {
float: right;
}
#header .inner_right ul#link {
margin: 10px 0 0 0;
}
#header .inner_right ul#link li {
float: right;
margin-right: 10px;
padding-left: 12px;
background: url(/images/portal_v2/mark_02.gif) no-repeat left 6px;
}
#header .inner_right ul#link li a {
color: #fff;
}
#header .inner_right ul#link li a:hover {
color: #f60;
}


/*************************************************************
   3. contents
*************************************************************/
table#contents_table td.genre {
width: 100px;
font-size: 12px;
vertical-align: top;
border-top: #ffffff solid 1px;
border-bottom: #ffffff solid 1px;
background-color: #cc3300;
}

table#contents_table td.main {
vertical-align: top;
padding-bottom: 20px;
border-color: #ffffff;
border-style: solid;
border-width: 0 1px 0 1px;
}
table#contents_table td.main div.inner {
padding: 12px;
min-width: 524px;
}
table#contents_table td.main div.select_inner {
padding: 12px;
min-width: 524px;
}
table#contents_table td.main div.centric_inner,
table#contents_table td.main div.search_result_inner,
table#contents_table td.main div.tags_inner {
padding: 12px;
min-width: 524px;
}
table#contents_table td.main div.info_inner {
padding: 12px;
min-width: 524px;
}

table#contents_table td.sub {
width: 300px;
vertical-align: top;
background: #e5e5e5;
border-top: #ffffff solid 1px;
}
table#contents_table td.sub .inner {
padding: 5px;
}
table#contents_table td.sub .inner_right {
margin-top: 5px;
}
table#contents_table td.sub #signup_login {
float: left;
}
table#contents_table td.sub #signup_login ul {
margin: 0;
}
table#contents_table td.sub #signup_login ul li {
padding-left: 0;
background-image: none;
}
table#contents_table td.sub #moblog {
float: left;
}

/* genre
----------------------------------------------------------- */
table#contents_table td.genre a {
color: #ffffff;
text-decoration: none;
}
table#contents_table td.genre a:hover {
text-decoration: underline;
}

table#contents_table td.genre h2 {
width: 100px;
font-size: 1px;
}
table#contents_table td.genre h3 {
background: #ff7d00 url(/images/portal_v2/bg_genre_frame.gif) repeat-x;
line-height: 1.3;
font-size: 12px;
font-weight: bold;
color: #ffffff;
padding: 3px 3px 2px 3px;
width: 94px;
}
table#contents_table td.genre ul {
background: #cc3300;
padding: 8px 3px 10px 3px;
width: 94px;
}
table#contents_table td.genre ul li {
border-bottom: #ce5026 solid 1px;
}
table#contents_table td.genre ul.sub_genre {
padding: 0 0 0 0;
width: 94px;
}
table#contents_table td.genre ul.sub_genre li {
background: url(/images/portal_v2/lm_genre_sub.gif) no-repeat left 4px;
padding: 0 0 0 10px;
border-top: #ce5026 solid 1px;
border-bottom: none;
}
table#contents_table td.genre ul.in-link {
background: #a92a00;
padding: 3px 3px 8px 3px;
}
table#contents_table td.genre ul.in-link li {
padding-left: 1em;
text-indent: -1em;
}

/* main
----------------------------------------------------------- */
table#contents_table td.main h2 {
font-size: 110%;
background: url(/images/portal_v2/lm_main_h2.gif) no-repeat left 5px;
padding: 0 0 0 15px;
}
table#contents_table td.main h2 span {
font-size: 10px;
color: #666666;
font-weight: normal;
}

/* パンくずリスト */
table#contents_table td.main #topic_path {
background: url(/images/portal_v2/line_topic_path.gif) repeat-x left bottom;
padding: 5px 10px 5px 10px;
}
table#contents_table td.main #collabo_path {
background: #4dc0fb url(/images/portal_v2/line_collabo_path.gif) repeat-x left bottom;
padding: 5px 10px 5px 10px;
}
table#contents_table td.main #select_path {
background: #97cb00 url(/images/portal_v2/line_select_path.gif) repeat-x left bottom;
padding: 5px 10px 5px 10px;
}
table#contents_table td.main #topic_path a:link,
table#contents_table td.main #collabo_path a:link,
table#contents_table td.main #select_path a:link {
color: #000000;
}
table#contents_table td.main #topic_path a:visited,
table#contents_table td.main #collabo_path a:visited,
table#contents_table td.main #select_path a:visited {
color: #000000;
}
table#contents_table td.main #topic_path a:hover,
table#contents_table td.main #collabo_path a:hover,
table#contents_table td.main #select_path a:hover {
color: #ff6600;
}
table#contents_table td.main #topic_path a:active,
table#contents_table td.main #collabo_path a:active,
table#contents_table td.main #select_path a:active {
color: #ff6600;
}

/* スポーツナビ最新コラム ＆ 共通テーマ　/　トラックバックセンター */
.common_box {
margin: 0 0 10px 0;
width: 100%;
background: url(/images/portal_v2/bg_mainbox_btm.gif) repeat-x bottom left;
}
.common_box ul {
padding: 10px;
background: url(/images/portal_v2/bg_mainbox.gif) repeat-x top left;
border: #ccc solid;
border-width: 0 1px 0 1px;
}
.common_box li {
background: url(/images/portal_v2/lm_main.gif) no-repeat left 5px;
padding: 0 0 0 10px;
}
.common_box img {
float:right;
margin-top:-20px;
}


/* sub
----------------------------------------------------------- */
table#contents_table td.sub ul {
margin: 5px 0 15px 0;
}
table#contents_table td.sub ul li {
background: url(/images/portal_v2/lm_sub.gif) no-repeat left 5px;
padding: 0 0 0 10px;
}

table#contents_table td.sub ul.group {
margin: 5px 0 5px 10px;
}
table#contents_table td.sub ul.group li {
margin: 0 10px 8px 0;
padding: 4px;
background: #ffffff;
border: #cccccc solid 1px;
float: left;
}

table#contents_table td.sub div.right {
text-align: right;
font-size: 12px;
margin: 0 0 10px 0;
}
table#contents_table td.sub div.right a {
font-weight: bold;
}

table#contents_table td.sub div.afpbb_sub {
background: url(/images/portal_v2/bg_afpbb_sub.gif) no-repeat left bottom;
margin: 0 0 2px 0;
padding: 3px 4px 5px 5px;
}
table#contents_table td.sub div.afpbb_sub table td {
text-align: center;
vertical-align: middle;
background: #000000;
width: 60px;
height: 60px;
}

table#contents_table td.sub div.afpbb_sub table td img{
max-width: 60px;
max-height: 60px;
}


table#contents_table td.sub div#new_tmpl_list {
margin: 0 0 15px 0;
}
table#contents_table td.sub div#new_tmpl_list div.new_tmpl {
padding: 8px 8px 0 8px;
}
table#contents_table td.sub div#new_tmpl_list div.new_tmpl img {
border: #cdcdcd solid 1px;
margin: 0 5px 10px 0;
float: left;
}
table#contents_table td.sub div#new_tmpl_list div.new_tmpl dl dt {
font-weight: bold;
line-height: 1.2;
}
table#contents_table td.sub div#new_tmpl_list div.new_tmpl dl dd {
font-size: 12px;
color: #666666;
}
table#contents_table td.sub div#new_tmpl_list div.new_tmpl dl dd.new {
font-size: 12px;
color: #ff0000;
}


table#contents_table td.sub div#collabo_right {
margin: 5px 0 15px 0;
}
table#contents_table td.sub div#collabo_right dl {
}
table#contents_table td.sub div#collabo_right dl dt {
clear: both;
font-weight: bold;
}
table#contents_table td.sub div#collabo_right dl dd {
font-size: 12px;
color: #666666;
padding-bottom: 8px;
}
table#contents_table td.sub div#collabo_right dl dd img {
float: left;
padding: 0 5px 8px 0;
}


table#contents_table td.sub ul#tag_right {
background: url(/images/portal_v2/bg_tag_right.gif) no-repeat left bottom;
width: 270px;
margin: 0 0 5px 0;
padding: 10px;
}
table#contents_table td.sub ul#tag_right li {
display: inline;
background: none;
margin: 0 0.5em 0 0;
padding: 0;
}

/* 「初めてガイド」 */
#side_guide_box {
padding-left: 50px;
background: url(/images/portal_v2/beginners_mark.gif) top left no-repeat;
}


/*************************************************************
   4. footer
*************************************************************/
#footer .inner {
height: 45px;
padding: 5px 0 0 8px;
background: url(/images/portal_v2/copyright.gif) no-repeat 5px bottom;
font-size: 10px;
}
#footer address {
display: none;
}

#footer .inner a:link {
color: #ffffff;
}
#footer .inner a:visited {
color: #ffffff;
}
#footer .inner a:hover {
color: #ff6600;
}
#footer .inner a:active {
color: #ff6600;
}

#footer .inner ul {
}
#footer .inner ul li {
display: inline;
margin-right: 0.5em;
}