@charset "Shift_JIS"; 

* {
margin: 0;
padding: 0;
font-weight : normal;
font-style : normal; 
}

/* -------------------------------------------- */ 
/* 基本
/* -------------------------------------------- */ 
html{
/* スクロールバーの設定 */
scrollbar-face-color:#000;
scrollbar-track-color:#000;
scrollbar-arrow-color:#ccc;
scrollbar-3dlight-color:#000;
scrollbar-highlight-color:#000;
scrollbar-shadow-color:#000;
scrollbar-darkshadow-color:#000;
}

body {
font-size : 80%;
line-height: 150%;
letter-spacing : 1px;
text-align: center;
color : #999;
padding: 40px 0 40px;
font-family : "メイリオ", "Meiryo", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
background-color: #000;
}
img {
border: 0;
}
br {
letter-spacing : normal; 
} 
ul li{
list-style: none;
}

/* -------------------------------------------- */ 
/* アンカー
/* -------------------------------------------- */ 

a{
color: #ccc;
text-decoration : none;
}
a:hover{
color: #336699;
}
a:focus {
outline: none;
}

/* -------------------------------------------- */ 
/* 見出し/段落/テキスト
/* -------------------------------------------- */ 

h1{
font-size : 200%; 
font-family : "Century Gothic", "ＭＳ ゴシック", Osaka, sans-serif;
padding : 25px 20px 20px 30px ; 
letter-spacing : 3px;
}
h1 a { display: block;
height:23px;
width:115px;
text-indent: -9999px;
outline: none;
background:url("img/title2.gif");
background-repeat:no-repeat;
background-position: 0px 0px;
border-bottom: none;
padding-bottom: 0px;
}
h2 {
font-size : 150%; 
font-family : "Century Gothic", "ＭＳ ゴシック", Osaka, sans-serif;
background :url(img/yoko.gif) repeat-x 0% 100%;
padding: 20px 0 5px 0; 
margin: 0 0 20px;
}
h3 {
font-size : 80%;
color: #999;
text-align: right;
}
h3 a {
color: #666;
}
h4 {
font-size : 120%;
color: #ccc;
margin: 0 0 10px;
padding: 0 0 0 15px;
background :url(img/point02.gif) no-repeat center left;
}
p {
font-size : 100%;
padding: 0 0 10px;
}
em{
font-weight:bold;
}
strong{
color : #336699; 
border-bottom:1px dotted #336699;
}
del{
text-decoration:line-through;
}
ins {
text-decoration: underline;
} 
.text {
font-size : 100%;
margin: 10px 0 10px;
}

/* -------------------------------------------- */ 
/* ページ全体
/* -------------------------------------------- */ 

#page {
margin: 0 auto;
width: 700px;
height:auto;
background-color: #000;
border: 1px solid #666;
text-align: left;
}

/* -------------------------------------------- */ 
/* ヘッダー
/* -------------------------------------------- */ 

#head {
width: 700px;
height: 80px;
background-color: #000;
}
#head a{
color: #ccc;
}

/* -------------------------------------------- */ 
/* 上側 メニュー
/* -------------------------------------------- */ 

#submenu ul{
text-align: center;
height:20px;
font-family : "Century Gothic", "ＭＳ ゴシック", Osaka, sans-serif; 
border-top : 1px solid #666;
border-bottom : 1px solid #666;
}
#submenu li{
float:left;
width: 175px; /* 全体の横幅÷メニューの数でサイズを変更して下さい。*/ 
line-height:20px;
}

#submenu a{
display:block;
}
#submenu a:hover {
color: #ccc;
background-color : #696969;
}

#submenu li.on a{
background-color : #808080;
}

/* -------------------------------------------- */ 
/* 左側 メニュー 左長
/* -------------------------------------------- */ 

#menu {
float: left;
width: 120px;
height : auto;
padding: 30px 20px 20px;
background :url(img/yoko.gif) repeat-y 100% 0%;
}
#menu ul {
padding: 0 0 20px 0;
}
#menu li {
padding : 5px 0;
background :url(img/yoko.gif) repeat-x 0% 100%;
}
#menu li a{
padding: 0 0 0 15px;
background :url(img/point03.gif) no-repeat center left;
}
#menu li a:hover{
color: #336699;
background :url(img/point04.gif) no-repeat center left;
}
#menu li.on a{
color: #336699;
background :url(img/point04.gif) no-repeat center left;
}

/* -------------------------------------------- */ 
/* 右側全体
/* -------------------------------------------- */ 

#contents {
float: right;
width : 500px;
height : auto;
padding: 20px;
}

#contents img{
padding: 10px;
}

#contents p.pict{
text-align: center;
}

#contents p.space-o {
padding: 30px 0 10px;
}

/* -------------------------------------------- */ 
/* 右側　フッター
/* -------------------------------------------- */ 

#foot {
clear:both;
height: 20px;
text-align: right;
font-size : 80%;
background-color: #000;
}
#foot a{
color: #666;
text-decoration : none;
}
#foot li{
display: inline;
color: #999;
padding: 0 10px;
}