<$MTPublishCharse$>
/* ============目次============
●最終更新日：2008/09/22
●ページ全体の基本レイアウト
●メインナビゲーションの指定
●サブナビゲーションの指定
●フッターのナビゲーション
●SEC対策用の下層リンク集の指定
●ページ内の指定
●imgの指定
●カレンダーの指定
●エントリーが無いカレンダーの指定
●各エントリー内部の指定
●各エントリータイトルの指定
●#noticeの指定（「お待ち下さい」の指示ですページが出来次第消去）
●pの指定
●campaginの指定
=============================== */


/* ページ全体の基本レイアウト
---------------------------------------------------- */
body {
color: #333;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka",  "ＭＳ ゴシック", "MS Gothic", sans-serif;
font-size: 12px;
line-height: 1.6;
background: #fff;
margin: 0;
padding: 0;
}

/*IE8とモダンブラウザ用*/
html>/**/body {
 font-size: 12px;
}

/*IE6以下用ハック*/
* html body {
 font-size: 80%;
}

/*IE7以上用ハック*/
*:first-child+html body {
 font-size: 80%;
}

#container {
width: 760px;
margin: 0 auto;
padding: 0;
}

#header {
position: relative;
}

#content {
padding: 0 0 30px 0;
widht: 760px;
color: #333;
background: url(images/bg_line.gif) repeat-y;
}

#maincol {
float: left;
width: 579px;
margin: 0;
padding: 0;
}

#subcol {
margin: 0 0 0 579px;
padding: 0;
}

* html #subcol {
margin: 0 0 0 574px;
}

#footer {
margin: 0;
padding: 0;
width: 760px;
background: #fff;
}

#content hr {
clear: left;
visibility: hidden;
height: 0;
margin: 0;
border: none;
}

a { outline: none; }
a:link { color: #9E0000; text-decoration: underline; }
a:visited { color: #9E0000; text-decoration: none; }
a:active { color: #666; text-decoration: none; }
a:hover { color: #666; text-decoration: underline; }

/* サブナビゲーションの指定
---------------------------------------------------- */
#subcol #banner {
list-style: none;
margin: 50px 0 0 0;
padding: 8px 0 0 9px;
}

#subcol #banner li {
list-style: none;
margin: 0;
padding: 0 0 7px 0;
}

/* メインナビゲーションの指定
---------------------------------------------------- */

#maincol #soccer,
#maincol #soccer li a {
background: transparent url(http://www.kappa-footwear.com/css/images/button_soccer.jpg) 0 -90px no-repeat;
}

#maincol #futsal,
#maincol #futsal li a {
background: transparent url(http://www.kappa-footwear.com/css/images/button_futsal.jpg) 0 -90px no-repeat;
}

#maincol #field,
#maincol #field li a {
background: transparent url(http://www.kappa-footwear.com/css/images/button_field.jpg) 0 -90px no-repeat;
}

#maincol #casual,
#maincol #casual li a {
background: transparent url(http://www.kappa-footwear.com/css/images/button_casual.jpg) 0 -90px no-repeat;
}

#maincol #exercise,
#maincol #exercise li a {
background: transparent url(http://www.kappa-footwear.com/css/images/button_exercise.jpg) 0 -90px no-repeat;
}

#maincol #junior,
#maincol #junior li a {
background: transparent url(http://www.kappa-footwear.com/css/images/button_junior.jpg) 0 -90px no-repeat;
}

#maincol .nav {
margin: 0;
padding: 0;
width: 579px;
height: 42px;
list-style: none;
}

#maincol .nav li,
#maincol .nav li a {
margin: 0;
padding: 0;
width: 91px;
height: 42px;
text-indent: -9999px;
display: block;
float: left;
}

#maincol .nav li a {
text-decoration: none;
}

#maincol .nav #nav1 { width: 92px; }

#maincol #soccer #nav5,
#maincol #futsal #nav6,
#maincol #field #nav3,
#maincol #casual #nav1,
#maincol #exercise #nav4,
#maincol #junior #nav4 { width: 100px; }

#maincol .nav #nav1 a { background-position: 0 0; }
#maincol .nav #nav2 a { background-position: -92px 0; }
#maincol .nav #nav3 a { background-position: -183px 0; }
#maincol .nav #nav4 a { background-position: -274px 0; }
#maincol .nav #nav5 a { background-position: -365px 0; }
#maincol .nav #nav6 a { background-position: -456px 0; }

#maincol .nav #nav1 a:hover { background-position: 0 -45px; }
#maincol .nav #nav2 a:hover { background-position: -92px -45px; }
#maincol .nav #nav3 a:hover { background-position: -183px -45px; }
#maincol .nav #nav4 a:hover { background-position: -274px  -45px; }
#maincol .nav #nav5 a:hover { background-position: -365px -45px; }
#maincol .nav #nav6 a:hover { background-position: -456px -45px; }

/* フッターのナビゲーション
---------------------------------------------------- */
#subnav {
margin: 0;
padding: 0;
width: 760px;
height: 16px;
color: #333;
overflow: hidden;
}

#subnav li {
margin: 0;
padding: 0;
list-style: none;
display: block;
float: left;
text-indent: -9999px;
height: 16px;
}

#subnav li a {
padding: 0;
display: block;
text-decoration: none;
height: 16px;
background-image: url(/css/images/n_footer_button.gif);
background-repeat: no-repeat;
}

#subnav li#history { width: 65px; }
#subnav li#link { width: 55px; }
#subnav li#contact { width: 85px; }
#subnav li#privacy { width: 99px; }
#subnav li#about { width: 115px; }

#subnav li#history a { background-position: 0 0; }
#subnav li#link a { background-position: -65px 0; }
#subnav li#contact a { background-position: -120px 0; }
#subnav li#privacy a { background-position: -205px 0; }
#subnav li#about a { background-position: -304px 0; }

#subnav li#history a:hover { background-position: 0 -16px; }
#subnav li#link a:hover { background-position: -65px -16px; }
#subnav li#contact a:hover { background-position: -120px -16px; }
#subnav li#privacy a:hover { background-position: -205px -16px; }
#subnav li#about a:hover { background-position: -304px -16px; }

#subnav li#history.current-page { background: url(/css/images/n_footer_button.gif) 0 100%; }
#savnav li#link.current-page { background: url(/css/images/n_footer_button.gif) -65px 100%; }
#subnav li#contact.current-page { background: url(/css/images/n_footer_button.gif) -120px 100%; }
#subnav li#privacy.current-page { background: url(/css/images/n_footer_button.gif) -205px 100%; }
#subnav li#about.current-page { background: url(/css/images/n_footer_button.gif) -304px 100%; }

/* SEC対策用の下層リンク集の指定
---------------------------------------------------- */
#footer {
margin: 0 auto;
padding: 0;
width: 760px;
}

#footer #copyright {
margin: 1em 0 0 0;
padding: 0;
width: 760px;
height: 35px;
position: relative;
}

#footer #copyright h6 {
margin: 0;
padding: 0;
width: 117px;
text-indent: -9999px;
position: absolute;
top: 0px;
right: 0px;
}

#footer #copyright h6 a {
display: block;
width: 117px;
height: 24px;
}

#footer #copyright h6 a {
background: url(/images/logo_moonstar.gif) no-repeat;
text-decoration: none;
}

#footer #copyright address {
margin: 0;
padding: 0;
text-align: center;
font-size: x-small;
font-style: normal;
letter-spacing: 0.1em;
color: #666;
}

#footer #copyright a:link { color: #666; text-decoration: none; }
#footer #copyright a:visited { color: #666; text-decoration: none; }
#footer #copyright a:active { color: #666; text-decoration: none; }
#footer #copyright a:hover { color: #9E0000; text-decoration: underline; }

#footer #inn {
margin: 0.2em 0 0 0;
padding: 0;
text-align: right;
}

#footer a:link { color: #666; text-decoration: none; }
#footer a:visited { color: #666; text-decoration: none; }
#footer a:active { color: #666; text-decoration: none; }
#footer a:hover { color: #9E0000; text-decoration: underline; }

#footer #kappa-collection {
margin: 2em 0 0 0;
padding: 0.2em;
width: 760px;
font-size: x-small;
border: 2px solid silver;
background: #D3D3D3;
}

#footer #kappa-collection th {
width: 150px;
color: #808080;
}

#footer #moonstar-link {
margin: 1.5em 0 3em 0;
padding: 0.2em;
width: 760px;
font-size: x-small;
border: 2px solid silver;
background: #ffffff;
}

#footer #moonstar-link th {
width: 150px;
color: #808080;
}

#footer table a:link { color: #000; text-decoration: none; }
#footer table a:visited { color: #000; text-decoration: none; }
#footer table a:active { color: #CB130C; text-decoration: none; }
#footer table a:hover { color: #CB130C; text-decoration: underline; }

/*　右カラムナビゲーション
---------------------------------------------------- */
#navCategory {
margin: 0;
padding: 0;
list-style: none;
}

#navCategory li,
#navCategory li a {
margin:0;
padding:0;
text-indent: -9999px;
width: 178px;
height: 30px;
display: block;
}

#Categoryschedule {
background: transparent url(images/btn_category.gif) 0 100% no-repeat;
}

#Categoryschedule a {
background: transparent url(images/btn_category.gif) 0 0 no-repeat;
}

#Categoryschedule a:hover {
background-position: 0 100%;
}

#Categoryevent {
background: transparent url(images/btn_category.gif) -180px 100% no-repeat;
}

#Categoryevent a {
background: transparent url(images/btn_category.gif) -180px 0 no-repeat;
}

#Categoryevent a:hover {
background-position: -180px 100%;
}

#Categoryreport {
background: transparent url(images/btn_category.gif) -360px 100% no-repeat;
}

#Categoryreport a {
background: transparent url(images/btn_category.gif) -360px 0 no-repeat;
}

#Categoryreport a:hover {
background-position: -360px 100%;
}

#Categorycampaign {
background: transparent url(images/btn_category.gif) -540px 100% no-repeat;
}

#Categorycampaign a {
background: transparent url(images/btn_category.gif) -540px 0 no-repeat;
}

#Categorycampaign a:hover {
background-position: -540px 100%;
}

/* ページ内の指定
---------------------------------------------------- */

#content-in {
margin: 30px 0 0 25px;
padding: 0 10px 0 0;
width: 530px;
min-height: 500px;
border: 1px solid white;
background-image: url(images/content_bg.gif);
background-repeat: no-repeat;
}

/* 常備にタイトルがないページのコンテンツ指定です */
#content-in02 {
margin: 30px 0 0 25px;
padding: 55px 10px 0 0;
width: 530px;
min-height: 500px;
border: 1px solid white;
background-image: url(images/content_bg.gif);
background-repeat: no-repeat;
}

/* IE6だけの設定 */
* html body #content-in {
height: 500px;
}

/* IE6だけの設定 */
* html body #content-in02 {
height: 500px;
}

h1 {
margin: 23px 24px 18px;
padding: 0 10px 0 0;
}

.EntryData {
margin: 0px 24px 9px;
padding: 0;
display: block;
width: 481px;
height: 64px;
}

.EntryData a {
margin: 6px 0px;
padding: 0;
display: block;
width: 481px;
height: 64px;
color: #000000;
text-decoration: none;
line-height: 1.3;
background-repeat: no-repeat;
}

.EntryData .date {
margin: 0;
padding: 8px 71px 0;
font-size: small;
font-weight: bold;
}

.EntryData .title {
margin: 0;
padding: 0 0 0 71px;
color: #CB130C;
font-size: small;
font-weight: normal;
}

.EntryData .name {
margin: 0;
padding: 0 0 0 71px;
font-size: small;
font-weight: normal;
}

.entry_soccer a {
background-image: url(images/btn_soccer.jpg);
}

.entry_futsal a {
background-image: url(images/btn_futsal.jpg);
}

.entry_field a {
background-image: url(images/btn_field.jpg);
}

.entry_exercise a {
background-image: url(images/btn_exercise.jpg);
}

.entry_junior a {
background-image: url(images/btn_junior.jpg);
}

.EntryData a:hover {
text-decoration: none;
background-position: 0 -64px;
}

.EntryData a:visited {
color: #000000;
}

/* imgの指定
---------------------------------------------------- */
img {
margin: 0;
padding: 0;
border: none;
}

/* カレンダーの指定
---------------------------------------------------- */
#calendar {
margin: 20px 0 0 0;
}

#calendarhead {
margin: 0 0 0 3px;
padding: 3px 0;
color: #000000;
font-size: 12px;
text-align: center;
width: 172px;
border-top: solid 1px  #FAFAFA;
border-right: solid 1px #FAFAFA;
border-left: solid 1px #FAFAFA;
}

#calendarhead a {
margin: 0;
padding: 2px;
color: #9E0000;
text-decoration: none; 
}

#calendarhead a:hover {
color: #666;
text-decoration: underline;
}

#calendar-in {
margin: 0 0 0 3px;
padding: 10px 0 10px 0;
font-size: 10px;
text-align: center;
width: 174px;
border: solid 1px #FAFAFA;
background-image: url(images/calendarbg.gif);
background-repeat: repeat-x;
}

#calendar-in a {
margin: 0;
padding: 2px;
color: #000000;
background-color: #FFFF00;
}

#sun, #cell1, #cell8, #cell15, #cell22, #cell29, #cell36 {
color: #C9130C;
}

#sat, #cell7, #cell14, #cell21, #cell28, #cell35, #cell42 {
color: #004EFF;
}


/* エントリーが無いカレンダーの指定
---------------------------------------------------- */
#calendar-in02 {
margin: 0 0 0 6px;
padding: 10px 0 10px 0;
font-size: 10px;
text-align: center;
width: 174px;
border: solid 1px #FAFAFA;
background-image: url(images/calendarbg.gif);
background-repeat: repeat-x;
}

#calendar-in02 a {
margin: 0;
padding: 2px;
color: #000000;
background-color: #FFFF00;
}

#sun, #cell1, #cell8, #cell15, #cell22, #cell29, #cell36 {
color: #C9130C;
}

#sat, #cell7, #cell14, #cell21, #cell28, #cell35, #cell42 {
color: #004EFF;
}

#calendarhead02 {
margin: 10px 0 0 6px;
padding: 3px 0;
color: #000000;
font-size: 12px;
text-align: center;
width: 172px;
border-top: solid 1px #FAFAFA;
border-right: solid 1px #FAFAFA;
border-left: solid 1px #FAFAFA;
}

/* IE6だけの設定 */
* html body #calendarhead02 {
margin: 10px 0 0 3px;
}

/* 各エントリー内部の指定
---------------------------------------------------- */
#entry-in {
margin: 19px 0 0 18px;
padding: 0;
width: 480px;
}

#entryBody {
margin: 43px 0 33px 0;
padding: 0;
width: 480px;
}

#entryBody p {
line-height: 1.6;
}

p#entrylink {
clear: right;
margin:5px auto;
font-size: 12px;
text-align:center;
}

/* 各エントリータイトルの指定
---------------------------------------------------- */
#category_icon {
margin: 0;
padding: 0;
display: block;
width: 400px;
height: 64px;
}

#etitle {
margin: 0 0 0 73px;
padding: 0;
color: red;
font-size: 14px;
line-height: 1.5;
font-weight: bold;
}

.entrybg_soccer {
background: url(images/icon_soccer.jpg) no-repeat left;
}

.entrybg_futsal {
background: url(images/icon_futsal.jpg) no-repeat left;
}

.entrybg_field {
background: url(images/icon_field.jpg) no-repeat left;
}

.entrybg_exercise {
background: url(images/icon_exercise.jpg) no-repeat left;
}

.entrybg_junior {
background: url(images/icon_junior.jpg) no-repeat left;
}

.entrybg_casual {
background: url(images/icon_casual.jpg) no-repeat left;
}

/* #noticeの指定
---------------------------------------------------- */
#notice {
margin: 80px 0 0 105px;
padding: 0;
}

/* pの指定
---------------------------------------------------- */
p {
margin: 0;
padding: 0;
}

/* campaginの指定
---------------------------------------------------- */
#campagin {
margin: 30px 0 0 1px;
text-align: center
}

#campagin img {
margin: 0;
border: none;
}

.yourclass01 {
margin: 20px auto;
padding: 0;
width: 500px;
display: block;
font-size: 12px;
line-height: 1.3;
text-align: left;
}