@charset "UTF-8";

/* --- 全体の背景・テキスト --- */
body {
margin: 0;
padding: 0;
background-color: #ffffff; /* ページの背景色 */
color: #000000; /* 全体の文字色 */
font-size: 100%; /* 全体の文字サイズ */
}

/* --- 全体のリンクテキスト --- */
a:link { color: #0000ff; }
a:visited { color: #800080; }
a:hover { color: #ff0000; }
a:active { color: #ff0000; }

/* --- コンテナ --- */
#container {
width: 100%; /* 1000px; */ /* ページの幅 */
margin: 0 auto; /* センタリング */
background-color: #ffffff; /* メインカラムの背景色 */
border-left: 1px #c0c0c0 solid; /* 左枠線 */
border-right: 1px #c0c0c0 solid; /* 右枠線 */
}

/* --- ヘッダ --- */
#header {
background-color: #ffe080; /* ヘッダの背景色 */
/* background: url(../images/header.gif) repeat-y left; */ /* 背景画像 */
background: url(../images/bg21.jpg) repeat-x;
height:100px;
margin-top:0px;
}
#header img {
    margin-top:2px;
}

/* --- ナビゲーション --- */
#nav {
float: left;
width: 150px; /* サイドバーの幅 */
}

/* --- メインカラム --- */
#content {
margin-left: 150px; /* メインカラムの左マージン（サイドバーの幅以上） */
/* border-top: 1px #c0c0c0 solid; */ /* 上枠線 */
height: 100%; /* ページの高さ */
}

/* --- メインカラム2 --- */
#content2 {
margin-left: 10px; /* メインカラムの左マージン（サイドバーの幅以上） */
/* border-top: 1px #c0c0c0 solid; */ /* 上枠線 */
height: 100%; /* ページの高さ */
}

/* --- メインカラム3 --- */
#content3 {
margin-left: 200px; /* メインカラムの左マージン（サイドバーの幅以上） */
height: 100%; /* ページの高さ */
}

.ecoimg {
   margin : 1px 1px 1px 1px;
   padding: 1px 1px 1px 1px;
   float:right;
}

#right_nav {
float: right;
width: 200px; /* サイドバーの幅 */

}


/* --- フッタ --- */
#footer {
clear: left; /* フロートのクリア */
width: 100%;
background-color: #6DB9D1; /* フッタの背景色 */
border-top: 1px #c0c0c0 solid; /* 上枠線 */
border-bottom: 1px #c0c0c0 solid; /* 下枠線 */
}
#footer p{
margin  : 5px 0px 5px 15px;
padding : 5px 0px 5px 15px;
font-size:80%;
}
#footer a{
text-decoration:none;
}





/* --- ぱんくずリスト --- */
.topicPath {
margin: 10px 15px ;
padding: 10px 15px;
list-style-type: none;
font-size: 80%;
display:inline;

}

/* --- リスト項目 --- */
.topicPath li {
  display: inline;
  font-weight:bold;
  font-size:16px;
}

/* --- リンク --- */
.topicPath li a {
margin-right: 5px;
padding-right:10px;
font-weight:normal;
background: url(../images/topic_path2.gif) no-repeat right; /* 区切りの記号 */
}


/* --- Top Links --- */
.toplinks {
padding-right:0px;
padding-right:auto;
list-style-type: none;
font-size: 80%;
display:inline;

}
.toplinks li {
display: inline;
}

.toplinks li a {
padding-right: 5px; /* リンクエリアの右パディング */
list-style: url(../images/sq01.gif);}
}


/* --- ナビゲーションバー --- */
.nav {
width: 150px; /* ナビゲーションの幅 */
font-size: 80%;
border-right: 1px #c0c0c0 solid; /* 右枠線 */

}

/* --- メニューエリア --- */
.nav .nl {
margin: 0;
padding: 0;
border-top: 1px #cccccc solid; /* 最上部の枠線 */
list-style-type: none;
text-align: left;
}

/* --- メニュー項目 --- */
.nav .nl li {
background: #ffffff url(../images/ver_menu3_back.gif) repeat-x top; /* 項目の背景 */
border-bottom: 1px #cccccc solid; /* 項目の下枠線 */
}

/* --- リンク --- */
.nav .nl li a {
display: block;
position: relative; /* IE6用 */
padding: 11px 10px 11px 12px; /* リンクエリアのパディング（上右下左） */
background: url(../images/ver_menu3_off.gif) no-repeat 3px; /* 左側の三角マーク */
text-decoration: none; /* テキストの下線（なし） */
}
/* --- ポイント時の設定 --- */
.nav .nl li a:hover {
background: url(../images/ver_menu3_on.gif) no-repeat 3px; /* ポイント時の三角マーク */
}



.example {
padding: 10px 10px;
background-color: #ffffff;
font-size: 80%;
color: #000000;
}

/* --- ボックス_150 --- */
.section_150 {
width: 150px; /* ボックスの幅 */
padding-bottom: 1px; /* ボックスの下パディング */
background: #ffffff url(../images/maru1_150_bottom.gif) no-repeat bottom; /* ボックスの背景 */
line-height:180%;
}

/* --- 見出し_150 --- */
.section_150 h2 {
margin: 0; /* 見出しのマージン */
padding: 1em 10px 0 10px; /* 見出しのパディング（上右下左） */
background: #ffffff url(../images/maru1_150_top.gif) no-repeat top; /* 見出しの背景 */
font-size: 100%; /* 見出しの文字サイズ */
}

/* --- ボックス内の装飾_150 --- */
.section_150 p {
margin: 1em 10px; /* 段落のマージン（上下、左右） */
}
.section_150 ul,li { margin: 0px; padding: 0px }
.section_150 ul  { margin-top: 5px; margin-bottom: 10px; margin-left: 25px }
.section_150 li { line-height: 130%; margin-left:5px;margin-right:5px; margin-bottom: 5px; list-style: url(../images/sq02.gif);}
.section_150 li a { color: #00568f; text-decoration: none }
.section_150 li a:hover { color: #f63 }
.section_150 li a:link    { color : #00f ; text-decoration : none ; }
.section_150 li a:visited { color : #369 ; text-decoration : none ; }
.section_150 li a:hover   { color : #f00 ; text-decoration : underline ; }
.section_150 li a:active  { color : #f60 ; text-decoration : underline ; }



/* --- ボックス_200 --- */
.section_200 {
width: 200px; /* ボックスの幅 */
padding-bottom: 1px; /* ボックスの下パディング */
background: #ffffff url(../images/maru1_200_bottom.gif) no-repeat bottom; /* ボックスの背景 */
line-height:180%;
}

/* --- 見出し_200 --- */
.section_200 h2 {
margin: 0; /* 見出しのマージン */
padding: 7px 10px; /* 見出しのパディング（上下、左右） */
background: #ffffff url(../images/maru4_200_top.gif) no-repeat top; /* 見出しの背景 */
border-bottom: 1px #c0c0c0 solid; /* 見出しの下枠線 */
font-size: 110%; /* 見出しの文字サイズ */
color: #413318;
}

/* --- ボックス内の段落_200 --- */
.section_200 p {
margin: 1em 10px; /* 段落のマージン（上下、左右） */
}


/* --- ボックス_800 --- */
.section_800 {
width: 810px; /* ボックスの幅 */
padding-bottom: 1px; /* ボックスの下パディング */
background: #ffffff url(../images/maru1_800_bottom.gif) no-repeat bottom; /* ボックスの背景 */
}

/* --- 見出し_800 --- */
.section_800 h2 {
margin: 0; /* 見出しのマージン */
padding: 1em 10px 0 10px; /* 見出しのパディング（上右下左） */
background: #ffffff url(../images/maru1_800_top.gif) no-repeat top; /* 見出しの背景 */
font-size: 150%; /* 見出しの文字サイズ */
color: #ffffff;
font-weight:bold;
}


/* --- ボックス内の段落_800 --- */
.section_800 p {
margin: 1em 12px; /* 段落のマージン（上下、左右） */
color:#ffffff;
line-height:180%;
}


/* --- ボックス_400 --- */
.section_400 {
width: 405px; /* ボックスの幅 */
padding-bottom: 1px; /* ボックスの下パディング */
background: #ffffff url(../images/maru1_400_bottom.gif) no-repeat bottom; /* ボックスの背景 */
}

/* --- 見出し_400 --- */
.section_400 h2 {
margin: 0; /* 見出しのマージン */
padding: 5px 10px 5px 10px; /* 見出しのパディング（上右下左） */
background: #ffffff url(../images/maru1_400_top.gif) no-repeat top; /* 見出しの背景 */
font-size: 120%; /* 見出しの文字サイズ */
color: #888888;
font-weight:normal;
}

/* --- ボックス内の段落_400 --- */
.section_400 p {
margin: 1em 12px; /* 段落のマージン（上下、左右） */
color:#000000;
line-height:180%;
}

/* --- 見出し_400 --- */
.section_400 h3 {
margin: 0; /* 見出しのマージン */
padding: 5px 10px 0 10px; /* 見出しのパディング（上右下左） */
font-size: 150%; /* 見出しの文字サイズ */
color: #000000;
font-weight:bold;
}

.item_body {
    margin : 0px 10px 10px 12px;
    padding: 0px 10px 10px 12px;
    background-color: #ffffff;
    line-height:180%;
    color: #000000;
}

.item_body h1 {
    font-size:40px;
    margin : 10px 10px 10px 10px;
    padding: 10px 10px 10px 10px;
}
.item_body h2 {
    font-size:20px;
    margin : 10px 10px 10px 10px;
    padding: 10px 10px 10px 10px;
}
.item_body fieldset{
    width : 300px;
    margin : 10px 10px 10px 10px;
    padding: 10px 10px 10px 10px;
    display : inline;
}
.item_body form{
    text-align:right;
}
.price{
    text-align:right;
}
.kingaku{
    font-size: 36px;
    font-weight:bold;
}
.item_body td {
    font-size:70%;
    line-height:180%;
}

.imgleft {
    margin :10px 10px 10px 10px;
    padding:10px 10px 10px 10px;
    float : left;
}

.imgright {
    margin :10px 10px 10px 10px;
    padding:10px 10px 10px 10px;
    float : right;
}

.text_desc td {
    line-height:180%;
}

body { background: url(images07/bg21.gif) repeat-x }
td { font-size: 12px }
.head_menu { color: #00568f; }
.head_menu a { color: #00568f; }
.head_text { line-height: 150% }
table.main  { margin-top: 5px }
table.center {line-height:130%}
ul,li { margin: 0px; padding: 0px }
ul  { margin-top: 5px; margin-bottom: 10px; margin-left: 25px }
li { line-height: 130%; margin-right:5px; margin-bottom: 5px; list-style: url(../../images/icon_ft.gif);}
li a { color: #00568f; text-decoration: none }
li a:hover { color: #f63 }
li a:link    { color : #00f ; text-decoration : none ; }
li a:visited { color : #369 ; text-decoration : none ; }
li a:hover   { color : #f00 ; text-decoration : underline ; }
li a:active  { color : #f60 ; text-decoration : underline ; }
.left  { border-right: 1px solid #cde; border-bottom: 1px solid #cde; border-left: 1px solid #cde }
.topics { line-height: 140% }
.footer { line-height: 130%; background: url(../images07/footer.gif) repeat-x }
.link01 { color: #00568f; text-decoration: none ; margin-left:10px;}
}
.headline { color: #00568f; text-decoration: none; padding:3 0 3 0px; }
ul.headline { margin:0 0 0 20px;}
li.headline { list-style: url(images/icon_up.gif); padding:0 0 0 0px; margin:0 0 0 0px; }
h1 { font-size:12px ; font-weight:normal; line-height:110%; }
.mark { font-size:12px ; font-weight:normal; line-height:120%; color:#00568f; text-align:left;  margin-top:2px;}
.mark a { color : #00f ; text-decoration : none ; }
.mark img { vertical-align:top ; border-width:0px;}


/* --- Left カラム --- */
#left_column {
float: left;
width: 160px; /* サイドバーの幅 */
margin-left:10px;
font-size:80%;
}

#sports_center_nav {
float: left;
width: 470px; /* バーの幅 */
margin-left:10px;
font-size:80%;
}

.ytbthumb {
   border: 1px solid #C0C0C0; /* 枠線：1ピクセル・実線・緑色 */
   padding: 1px; /* 内側の余白：1ピクセル */
   margin : 3px 6px 3px 0px;
}

#sports_center_nav p {
    margin :3px 3px 3px 3px;
    padding: 3px 3px 3px 3px;
    line-height:180%;
}
#sports_center_nav h1 {
    margin :3px 3px 3px 3px;
    padding: 3px 3px 3px 3px;
    line-height:100%;
    font-size:110%;
    font-weight:bold;
}

#sports_center_nav a {
    color: #00568f; 
    text-decoration: none
}

#sports_right_nav {
    float: left;
    width: 200px; /* サイドバーの幅 */
    margin-left:10px;
    font-size:80%;
}

#main_column p {
   line-height:180%;
   margin : 0px 5px 0px 5px;
   padding: 0px 5px 0px 5px;
}

#main_column h2 {
   font-size:150%;
   line-height:180%;
   margin : 0px 5px 0px 5px;
   padding: 0px 5px 0px 5px;
}

.hrdash {
   border-width: 1px 0px 0px 0px; /* 太さ */
   border-style: dashed; /* 線種 */
   border-color: #888888; /* 線色 */
   height: 1px; /* 高さ */
   margin  : 8px 8px 0px 8px;
   padding : 8px 8px 0px 8px;
}

.twitstatus_badge_container  li {
  margin-top:50px;
}