@charset "Shift_JIS";

/* ============目次============
●最終更新日：2009/07/10
●ページ全体の基本レイアウト
●メインのナビゲーション
●コンテンツ
●コンテンツ h1のタイトル指定
●コンテンツ内の細かい指定
●フッターのナビゲーション
●SEC対策用のリンク集の指定
=============================== */


/* ページ全体の基本レイアウト
---------------------------------------------------- */
body {
font-family: "ヒラギノ角ゴ Pro W3", Osaka,"ＭＳ Ｐゴシック", Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
font-size: small;
color: #333;
background: #ffffff;
text-align: center;
}

#container {
width: 760px;
margin: 0 auto;
padding: 0;
background: url(images/n_container_linebg.gif) repeat-y;
text-align: left;
}

#header {
margin: 0 auto;
padding: 0;
width: 760px;
height: 50px;
background: url(images/n_head.gif) no-repeat;
}

#header h1 {
margin: 0;
padding: 0;
text-indent: -9999px;
}

#header h1 a {
display: block;
width: 180px;
height: 50px;
}

#header a {
background: url(images/n_logo_kappa.gif) no-repeat;
text-decoration: none;
}

/* ↓mac版fire foxで背景が表示されなかったので、
四方にボーダー指定がしてあります↓↓↓↓↓↓↓↓ */
#content {
/*
border-top: 0px solid #ffffff;
border-bottom: 0px solid #ffffff;
border-right: 0px solid #ffffff;
border-left: 0px solid #E6E6E6;
*/
margin: 0 0 5em 0;
padding: 0;
color: #333;
width: 760px;
background: url(images/n_bg-content.gif) no-repeat;
}

#subcol {
padding 0;
float: left;
width: 220px;
}

#maincol {
padding 0;
float: left;
width: 535px;
}

#footer {
margin: 0;
padding: 0;
width: 760px;
}

#content hr {
clear: left;
visibility: hidden;
height: 0;
margin: 0;
border: none;
}

/* メインのナビゲーション
---------------------------------------------------- */

#subcol #nav {
margin: 13px 0 14px 0;
padding: 0;
width: 149px;
height: 250px;
}

#subcol #nav li,
#subcol #nav li a {
margin: 0;
padding: 0;
width: 149px;
text-indent: -9999px;
display: block;
}

#subcol #nav li a {
text-decoration: none;
background: transparent url(images/n_main_button.gif) 0 0 no-repeat;
}

#subcol #nav #nav1 a { height: 37px; background-position: 0 -13px; }
#subcol #nav #nav2 a { height: 36px; background-position: 0 -50px; }
#subcol #nav #nav3 a { height: 37px; background-position: 0 -86px; }
#subcol #nav #nav4 a { height: 38px; background-position: 0 -123px; }
#subcol #nav #nav5 a { height: 37px; background-position: 0 -161px; }
#subcol #nav #nav6 a { height: 38px; background-position: 0 -198px; }

#subcol #nav #nav1 a:hover { background-position: -149px -13px; }
#subcol #nav #nav2 a:hover { background-position: -149px -50px; }
#subcol #nav #nav3 a:hover { background-position: -149px -86px; }
#subcol #nav #nav4 a:hover { background-position: -149px -123px; }
#subcol #nav #nav5 a:hover { background-position: -149px -161px; }
#subcol #nav #nav6 a:hover { background-position: -149px -198px; }

/*
#subcol ul#nav {
margin: 15px 0 0 0;
padding: 0;
width: 180px;
height: 224px;
color: #333;
}

#subcol ul#nav li {
margin: 0;
padding: 0;
list-style: none;
display: block;
float: left;
text-indent: -9999px;
height: 32px;
}

#subcol ul#nav li a {
padding: 0;
display: block;
text-decoration: none;
height: 32px;
background-image: url(images/n_main_button.gif);
background-repeat: no-repeat;
}

#subcol ul#nav li#kappatop { width: 143px; }
#subcol ul#nav li#footsal { width: 143px; }
#subcol ul#nav li#field { width: 143px; }
#subcol ul#nav li#exercise { width: 143px; }
#subcol ul#nav li#junior { width: 143px; }
#subcol ul#nav li#kids { width: 143px; }

#subcol ul#nav li#kappatop a { background-position: 0 0; }
#subcol ul#nav li#footsal a { background-position: -174px 0; }
#subcol ul#nav li#field a { background-position: -337px 0; }
#subcol ul#nav li#exercise a { background-position: -492px 0; }
#subcol ul#nav li#junior a { background-position: -643px 0; }
#subcol ul#nav li#kids a { background-position: -798px 0; }

#subcol ul#nav li#kappatop a:hover { background-position: 0 -32px; }
#subcol ul#nav li#footsal a:hover { background-position: -174px -32px; }
#subcol ul#nav li#field a:hover { background-position: -337px -32px; }
#subcol ul#nav li#exercise a:hover { background-position: -492px -32px; }
#subcol ul#nav li#junior a:hover { background-position: -643px -32px; }
#subcol ul#nav li#kids a:hover { background-position: -798px -32px; }

*/

/* コンテンツ
---------------------------------------------------- */
#maincol h1#title-kappahistory {
margin: 0 0 0.5em 0;
padding: 0;
height: 35px;
text-indent: -9999px;
background-image: url(images/n_title_history.gif);
background-repeat: no-repeat;
}

#maincol .lead {
margin: 0 0 2em 0;
padding: 0;
width: 470px;
}

#maincol dt {
margin: 0;
padding: 0;
color: #CA0D07;
font-weight: bold;
}

#maincol dd {
margin: 0;
padding: 0;
line-height: 1.5;
text-align: justify;
text-justify: distribute;
}

#maincol .lead table {
margin: 0.5em 0 0 0;
}

#maincol a:link { color: #CB130C; text-decoration: underline; }
#maincol a:visited { color: #000; text-decoration: underline; }
#maincol a:active { color: #CB130C; text-decoration: none; }
#maincol a:hover { color: #000; text-decoration: none; }


/* コンテンツ h2のタイトル指定
---------------------------------------------------- */
#maincol h2#title-kappahistory {
margin: 0 0 0.5em 0;
padding: 0;
height: 35px;
text-indent: -9999px;
background-image: url(images/n_title_history.gif);
background-repeat: no-repeat;
}

#maincol h2#title-link {
margin: 0 0 0.5em 0;
padding: 0;
height: 35px;
text-indent: -9999px;
background-image: url(images/n_title_link.gif);
background-repeat: no-repeat;
}

#maincol h2#title-contact {
margin: 0 0 0.5em 0;
padding: 0;
height: 35px;
text-indent: -9999px;
background-image: url(images/n_title_contact.gif);
background-repeat: no-repeat;
}

#maincol h2#title-privacy {
margin: 0 0 0.5em 0;
padding: 0;
height: 35px;
text-indent: -9999px;
background-image: url(images/n_title_privacy.gif);
background-repeat: no-repeat;
}

#maincol h2#title-about {
margin: 0 0 0.5em 0;
padding: 0;
height: 35px;
text-indent: -9999px;
background-image: url(images/n_title_about.gif);
background-repeat: no-repeat;
}

/* コンテンツ内の細かい指定
---------------------------------------------------- */
#maincol #moonstar-info {
border: 1px solid #000000;
margin: 0 auto;
padding: 0.5em;
width: 300px;
text-align: center;
}


#maincol .suv-title {
margin: 0 0 0.3em 0;
padding: 0;
width: 470px;
color: #CA0D07;
font-weight: bold;
}

#maincol li {
margin: 0 0 0.5em 0;
padding: 0;
line-height: 1.5;
text-align: justify;
}

#maincol #mark-geo {
margin: 0.2em 0 0 0;
padding: 0;
text-align: center;
}

.table-layout {
margin: 0 0 3.5em 0;
padding: 0;
}

#maincol table {
margin: 0.2em 0 0.2em 0;
padding: 0;
width: 420px;
}

#maincol .title01 {
margin: 0;
padding: 0.5em;
font-weight: bold;
background-color: #DCDCDC;
}

#maincol th {
margin: 0;
padding: 0.4em;
background-color: #DCDCDC;
width: 100px;
}

#maincol td {
margin: 0;
padding: 0.5em;
border-right: 1px solid #DCDCDC;
border-bottom: 1px solid #DCDCDC;
}

#maincol .top-line {
margin: 0;
padding: 0.5em;
border-top: 1px solid #DCDCDC;
}

.supplement {
margin: 0;
padding: 0;
font-size: x-small;
color: #B81221;
}

#maincol .selectbox {
margin: 0;
padding: 0.2em;
border: none;
}

h4 {
margin: 3em 0 0 0;
padding: 0;
width: 470px;
height: 23px;
text-indent: -9999px;
background-image: url(images/n_history_icon.gif);
background-repeat: no-repeat;
}

/* フッターのナビゲーション
---------------------------------------------------- */
#subnav {
margin: 0;
padding: 0;
width: 760px;
height: 16px;
color: #333;
}

#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(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(images/n_footer_button.gif) 0 100%; }
#subnav li#link.current-page { background: url(images/n_footer_button.gif) -65px 100%; }
#subnav li#contact.current-page { background: url(images/n_footer_button.gif) -120px 100%; }
#subnav li#privacy.current-page { background: url(images/n_footer_button.gif) -205px 100%; }
#subnav li#about.current-page { background: url(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:hover { color: #CB130C; text-decoration: underline; }
#footer table a:active { color: #CB130C; text-decoration: none; }