@charset "UTF-8";

/*===========================================================

 都道府県トップ用css

============================================================*/

/*===========================================================
 広告エリア（ページ上部）
============================================================*/
#maincontents #ad_top li {
    padding-bottom:10px;
}


/*===========================================================
 タイトル
============================================================*/
#maincontents h2 {
    padding-bottom:10px;
}

#maincontents .box_title {
    margin-bottom:10px;
}


/*===========================================================
 最新ニュース
============================================================*/
#maincontents #news {
    position:relative;
    padding-bottom:20px;
}


#maincontents #news2 {
    position:relative;
    padding-bottom:20px;
    padding-top:20px;
    background:url(http://img.hb-nippon.com/images/base/index_news2_bg.gif) repeat-x left top
}

#maincontents #news3 {
    position:relative;
    padding-bottom:10px;
    padding-top:10px;
    background:url(http://img.hb-nippon.com/images/base/index_news2_bg.gif) repeat-x left top
}

/*===========================================================
 └RSS
============================================================*/
#maincontents #news .rss {
    position:absolute;
    right:7px;
    top:4px;
}

/*===========================================================
 └ニュースリスト
============================================================*/
#maincontents #news ul,
#maincontents #news2 ul {
    background:url(http://img.hb-nippon.com/images/base/index_news_bg.gif) repeat-y left top;
}

#maincontents #news li,
#maincontents #news2 li{
    width:203px;
    /*_width:222px; /* for winIE6以前 */
    float:left;
    padding-right:19px;
}

#maincontents #news li.last,
#maincontents #news2 li.last {
    width:203px;
    padding-right:0;
}

/*===========================================================
 └└ニュースspan
============================================================*/
#maincontents #news li span,
#maincontents #news2 li span {
    display:block;
}

/* 日付 */
#maincontents #news li span.date,
#maincontents #news2 li span.date{
    background:url(http://img.hb-nippon.com/images/base/icon_date.gif) no-repeat 1px 0;
    padding:1px 0 2px 10px;
    line-height:1;
}
#maincontents #news li a span.date,
#maincontents #news2 li a span.date{ color:#333; }
#maincontents #news li a:hover span.date,
#maincontents #news2 li a:hover span.date{ text-decoration:none; }

/* タイトル */
#maincontents #news li a span.title,
#maincontents #news2 li a span.title{ color:#535353; font-weight:bold; padding-top:5px; }
#maincontents #news li a:hover span.title,
#maincontents #news2 li a:hover span.title{ text-decoration:none; }

#maincontents #news li span.title,
#maincontents #news2 li span.title{ color:#535353; font-weight:bold; padding-top:5px; }


/* 画像 */
#maincontents #news li img,
#maincontents #news2 li img {
    float:right;
    width:88px;
    height:68px;
    margin-left:8px;
    border:1px solid #cfcfcf;
}
#maincontents #news li a:hover img,
#maincontents #news2 li a:hover img{ border:1px solid #1074bd; }


/* 画像 */
#maincontents #news li span.text,
#maincontents #news2 li span.text{
    padding:3px 0 0 0;
    font-size:75%;
    line-height:1.4;
    letter-spacing:1px;
}
#maincontents #news li a:hover span.text,
#maincontents #news2 li a:hover span.text{ text-decoration:underline; }




#maincontents #news3 dl.newslist_black { padding:3px 0 0 1px; }

#maincontents #news3 dl.newslist_black dt {
    position:absolute;
    padding-left:10px;
}

#maincontents #news3 dl.newslist_black dt {background:url(http://img.hb-nippon.com/images/base/icon_date_black.gif) no-repeat 0 0; }

#maincontents #news3 dl.newslist_black dd { padding:0 0 3px 90px; font-size:80%; line-height:1.3; }


/*===========================================================
 └一覧へボタン
============================================================*/
#maincontents #news p.list,
#maincontents #news2 p.list,
#maincontents #news3 p.list {
    clear:both;
    padding-top:8px;
    text-align:right;
}




#maincontents .device_box {
    display:inline-block;
}

/*===========================================================
 最新レポート（リスト表示）
============================================================*/
#maincontents #report_list {
}

#maincontents #report_list ul {
    margin-right:5px;
}

#maincontents #report_list li {
    padding:2px 0 2px 5px;
    clear:both;
    line-height:1.4em;
    >display:inline-block;
}

#maincontents #report_list li.first {
    padding-top:0;
}

#maincontents #report_list li:after { content: "."; display: block; height: 0px; line-height: 0; clear: both; visibility: hidden; }

#maincontents #report_list li {
    margin:0 0 5px 5px;
    padding-left:10px;
    background:url(http://img.hb-nippon.com/images/base/icon_date_black.gif) no-repeat 0 5px;
}

#maincontents #report_list li .place {
    font-size:75%;
}

#maincontents #report_list li .text {
    display:block;
    font-size:75%;
}


/*===========================================================
 独占インタビュー
============================================================*/
#maincontents #interview {
    width:308px;
    float:left;
}

#maincontents #interview #cont2{
    background:url(http://img.hb-nippon.com/images/base/dot_gray_1.gif) repeat-x 0 0;
    margin-top:20px;
    padding-top:20px;
}

/*===========================================================
 最新レポート・試合速報
============================================================*/
#maincontents #report {
    width:307px;
    float:right;
}

#maincontents #result {
    width:630px;/*100%;*/
    padding:0 0 20px;
}

/*===========================================================
 └日付
============================================================*/
#maincontents #interview dt,
#maincontents #report dt {
    width:120px;
    float:left;
    background:url(http://img.hb-nippon.com/images/base/icon_date.gif) no-repeat 1px 0;
    padding:1px 0 2px 10px;
    line-height:1;
}

/*===========================================================
 └試合速報日付
============================================================*/
#maincontents #result dt {
    background:url(http://img.hb-nippon.com/images/base/icon_date.gif) no-repeat 1px 0;
    padding:1px 0 2px 10px;
    line-height:1;
}

/*===========================================================
 └テキスト
============================================================*/
#maincontents #interview dd,
#maincontents #report dd {
    width:140px;
    float:left;
    padding-top:9px;
    line-height:1.3;
}

/*===========================================================
 └試合速報テキスト
============================================================*/
#maincontents #result dd {
    padding-top:9px;
    line-height:1.3;
}

/*===========================================================
 └タイトル
============================================================*/
#maincontents #interview dd.title,
#maincontents #report dd.title {
    width:140px;
    padding-bottom:2px;
    font-weight:bold;
    line-height:1;
}

/*===========================================================
 └試合速報タイトル
============================================================*/
#maincontents #result dd.title {
    padding-bottom:2px;
    font-weight:bold;
    line-height:1;
}

/*===========================================================
 └公式ブログ
============================================================*/
#maincontents #blog {
}

#maincontents #blog ul {
    margin-right:5px;
}

#maincontents #blog li {
    /*background:url(../images/profile_line.gif) repeat-x bottom;*/
    padding:2px 0 2px 5px;
    clear:both;
    line-height:1.4em;
    >display:inline-block;
}

#maincontents #blog li.first {
    padding-top:0;
}

#maincontents #blog li:after { content: "."; display: block; height: 0px; line-height: 0; clear: both; visibility: hidden; }

#maincontents #blog li .title {
    float:left;
    padding-left:10px;
    background:url(http://img.hb-nippon.com/images/base/icon_date_sky.gif) no-repeat 0 2px;
}

#maincontents #blog li .site {
    font-size:75%;
}

#maincontents #blog li .date {
    float:right;
    text-align:right;
    font-size:80%;
}

/*===========================================================
 └画像
============================================================*/
#maincontents #interview dd.photo,
#maincontents #report dd.photo {
    width:160px;
    float:right;
    padding-top:0;
    font-size:75%;
    text-align:right;
}
#maincontents #interview dd.photo img,
#maincontents #report dd.photo img {
    width:158px;
    height:214px;
    border:1px solid #cfcfcf;
    margin-bottom:3px;
}
#maincontents #interview dd.photo a:hover img,
#maincontents #report dd.photo a:hover img {
    border:1px solid #1074bd;
}


/*===========================================================
 └一覧へボタン
============================================================*/
/*#maincontents #interview p.list,
#maincontents #report p.list {
	width:100%;
	background:url(../images/dot_gray_1.gif) repeat-x 0 0;
	margin-top:10px;
	padding-top:6px;
	text-align:right;
}
*/
/*===========================================================
 └一覧へボタン
============================================================*/
#maincontents .device_box p.list {
    clear:both;
    /*background:url(../images/index_news2_bg.gif) repeat-x left top;*/
    padding-top:15px;
    text-align:right;
    /*margin-bottom:20px;*/
}


/*===========================================================
 高校別データ
============================================================*/
#maincontents #data {
}

#maincontents #data .tabpanel {
    margin-top:10px;
}

#maincontents #data ul {
    padding-left:10px;
    padding-right:10px;
}

#maincontents #data ul.tab,
#maincontents #data ul.panel {
    padding-left:0;
    padding-right:0;
}

/*===========================================================
 └リスト
============================================================*/
#maincontents #data .tabbertab li,
#maincontents #data .panel li.content li {
    width:150px;
    float:left;
    padding-bottom:8px;
}


/*===========================================================
 広告エリア（ページ下部）
============================================================*/
#maincontents #ad_bottom {
    clear:both;
}

#maincontents #ad_bottom ul {
    text-align:center;
    padding-top:20px;
}

#maincontents #ad_bottom li {
    display:inline;
}

#maincontents #ad_bottom li img {
    margin:10px 3px 0 2px;
    vertical-align:middle;
}

#maincontents #ad_bottom2 {
    margin-top:20px
}


/*===========================================================
 エリア用写真（sidecontents）
============================================================*/
#sidecontents #area_photo {
    padding-bottom:10px;
}


/*===========================================================
 グッズ販売（sidecontents）
============================================================*/
#sidecontents #goods {
    margin-top:15px;
}


/*===========================================================
 高校野球情報.com（sidecontents）
============================================================*/
#sidecontents #hb-nippon {
    margin-top:15px;
}

#sidecontents #hb-nippon ul {
    margin:0 10px;
}


/*===========================================================
 野球用品店検索ナビ - セール情報
============================================================*/
#yakyuunavi-sale {
    margin:20px 0;
}

#yakyuunavi-sale ul {
    background:url(http://img.hb-nippon.com/images/base/index_news_bg.gif) repeat-y left top;
}

#yakyuunavi-sale li {
    width:203px;
    /*_width:222px; /* for winIE6以前 */
    float:left;
    padding-left:5px;
    padding-right:10px;
}

#yakyuunavi-sale li.last {
    width:203px;
    float:left
        padding-left:10px;
    padding-right:0;
}

#yakyuunavi-sale p {
    padding:5px 10px;
    clear:both;
}

#yakyuunavi-sale li span {
    display:block;
}

#yakyuunavi-sale li span.shopname{ margin:0; padding:0; display:inline-block; }


/* タイトル */
#yakyuunavi-sale li a span.title{ color:#535353; font-weight:bold; /*padding-top:5px;*/ }
#yakyuunavi-sale li a:hover span.title{ text-decoration:none; }

#yakyuunavi-sale li span.title{ color:#535353; font-weight:bold; /*padding-top:5px;*/ }


/* 画像 */
#yakyuunavi-sale li img {
    float:left;
    margin-right:8px;
    margin-bottom:5px;
    border:1px solid #cfcfcf;
    padding:2px;
}
#yakyuunavi-sale li a:hover img{ border:1px solid #1074bd; }

/* テキスト */
#yakyuunavi-sale li span.text {
    padding:3px 0 0 0;
    font-size:75%;
    line-height:1.4;
    letter-spacing:1px;
    clear:both;
}
#yakyuunavi-sale li a:hover span.text{ text-decoration:underline; }

/*===========================================================
 └OB訪問
============================================================*/
#maincontents #ob {
}

#maincontents #ob ul {
    margin:0 10px;
}

#maincontents #ob li {
    background:url(http://img.hb-nippon.com/images/base/profile_line.gif) repeat-x top;
    padding:4px 0 6px 5px;
    line-height:1.4em;
    clear:both;
    >display:inline-block;
    position:relative;
}

#maincontents #ob li.first {
    padding-top:0;
    background:none;
}

#maincontents #ob li:after { content: "."; display: block; height: 0px; line-height: 0; clear: both; visibility: hidden; }

#maincontents #ob li img {
    float:left;
    margin:3px 10px 0 0;
    vertical-align:middle;
}

#maincontents #ob li .text {
    font-size:80%;
}

#maincontents #ob li .date {
    font-size:80%;
}


/*===========================================================
 └特集
============================================================*/
#maincontents #pickup{
    padding-bottom:20px;
}


#maincontents #pickup ul {
    width:650px;
}

#maincontents #pickup li {
    width:210px;
    /*_width:220px;  for winIE6以前 */
    float:left;
    padding-right:9px;
    padding-bottom:5px;
}

#maincontents #pickup li.last {
    width:210px;
    padding-right:0;
}

#maincontents #pickup2 {
    margin-bottom:20px;
}

#maincontents #pickup2 ul {
/*    float:left;
    width:460px;*/
    margin-left:5px;
}

#maincontents #pickup2 li {
    padding:4px 0 4px 10px;
    background:url(http://img.hb-nippon.com/images/base/icon_date_sky.gif) no-repeat 0 4px;
}

#maincontents #pickup2 li span.category {
    font-size:75%;
}

#maincontents #pickup2 li span.category a {
    color:#333;
}

#maincontents #pickup2 .pickup_article {
    float:right;
    width:150px;
    margin:5px 10px 0 0 ;
    padding:10px 0;
    border:solid 1px #ccc;
    background:#f2f2f2;
    text-align:center;
}

#maincontents #pickup2 .pickup_article img {
    margin-bottom:5px;
    border:solid 1px #ccc;
}

#maincontents #pickup2 .pickup_article a:hover img {
    border:1px solid #1074bd;
}

#maincontents #pickup2 .pickup_article .title {
    margin:0 15px;
    text-align:left;
    line-height:1.4;
}

#maincontents #pickup2 .pickup_article .category {
    margin:0 15px;
    text-align:left;
    font-size:75%;
    line-height:1.4;
}

/*===========================================================
 タブパネル
============================================================*/
#maincontents .tabpanel {
    margin-top:20px;
}

#maincontents .tabpanel ul.tab {
    position:relative;
    padding:3px 0;
    font:bold 100% Verdana, sans-serif;
    border-bottom:solid 1px #aaa;
    z-index:2;
}

#maincontents .tabpanel ul.tab li {
    display:inline;
    margin:0;
    line-height:1;
}

#maincontents .tabpanel ul.tab li a {
    position:relative;
    padding:3px 12px;
    *padding-bottom:2px;
    border:solid 1px #778;
    border-bottom:solid 1px #aaa;
    background:#ecf7ff;
    text-decoration:none;
    z-index:3;
}

#maincontents .tabpanel ul.tab li a.selected {
    margin-bottom:-1px;
    color:#333;
    background:#fff;
    border-bottom:solid 1px #fff;
}

#maincontents .tabpanel ul.panel {
    position:relative;
    z-index:1;
}

#maincontents .tabpanel ul.panel li.content {
    padding:20px 10px;
    border:solid 1px #aaa;
    border-top:none;
}
#maincontents .tabpanel ul.panel li.content:after { content: "."; display: block; height: 0px; line-height: 0; clear: both; visibility: hidden; }
#maincontents .tabpanel ul.panel li.content { zoom: 1; }