* {
 margin : 0;
 padding : 0;
}

body {
 text-align : center;
 color : #cccccc;
 font-family : "MS UI Gothic",Osaka,sans-serif;
 font-size : 100%;
 cursor : default;
 background-color : #111166;
}

#p_body{
 text-align : center;
 width:95%;
 margin-left:auto;
 margin-right:auto;
 color : #cccccc;
 background-color : #111111;
}

/* ヘッダーエリア */
#header	{
 width : 100%;
 text-align : center;
 margin-bottom : 30px;
}

#header-text {
 padding : 10px;
 font-family: "MS UI Gothic",Osaka,sans-serif;
 font-size : 130%;
 color : #808099;
 background-color : #111111;
}

/* ナビゲーションバー */
#navi {
 margin-top : 0px;
 margin-bottom : 0px;
 background-color : #111111;
 font-family : veradana,georgia,serif,"MS UI Gothic",Osaka,sans-serif;
 font-size : 90%;
 font-style : italic;
 color : #ffffff;
 float : left;
 width : 100%;
}
#navi ul {
 list-style-type : none;
 margin : 0;
 padding : 0 0 0 50px;
}
#navi li {
 display : inline;
 padding : 0;
}
#navi a {
 text-decoration : none;
 color : #ffffff;
 background-color : #444444;
 display : block;
 float : left;
 padding : 5px 15px 5px 15px;
 font-weight : bold;
 border-right : 1px solid #111111;
 border-left : 1px solid #111111;
}
#navi a:link {
 color : #cccccc;
 background-color : #444444;
}
#navi a:visited {
 color : #cccccc;
 background-color : #444444;
}
#navi a:hover {
 color : #ff0033;
 background-color : #111111;
}
#navi #active a {
 text-decoration : none;
 color : #ffffff;
 background-color : #111166;
 display : block;
 float : left;
 padding : 5px 15px 5px 15px;
 font-weight : bold;
}
#navi #active a:link {
 color : #ffffff;
 background-color : #111166;
}
#navi #active a:visited {
 color : #ffffff;
 background-color : #111166;
}
#navi #active a:hover {
 color : #ff0033;
 background-color : #111166;
}

/* サイトマップ */
#navi #sitemap a{
 text-align : right;
 text-decoration : none;
 color : #ccccdd;
 font-size : 75%;
 background-color : #111111;
 padding : 0px 10px 0px 10px;
 margin : 10px auto 0 50px;
 font-weight : bold;
}
#navi #sitemap a:hover {
 color : #ffffff;
 background-color : #111111;
}

/* サブナビゲーションバー */
#sub-navi {
 margin-top : 0px;
 margin-bottom : 5px;
 background-color : #111166;
 font-family : veradana,georgia,serif,"MS UI Gothic",Osaka,sans-serif;
 font-size : 75%;
 color : #999999;
 float : left;
 width : 100%;
}
#sub-navi ul {
 list-style-type : none;
 margin : 0;
 padding : 0 0 0 50px;
}
#sub-navi li {
 display : inline;
 padding : 0;
}
#sub-navi a {
 text-decoration : none;
 color : #cccccc;
 background-color : #111166;
 display : block;
 float : left;
 padding : 5px 15px 5px 15px;
 font-weight : bold;
}
#sub-navi a:link {
 color : #cccccc;
 background-color : #111166;
}
#sub-navi a:visited {
 color : #cccccc;
 background-color : #111166;
}
#sub-navi a:hover {
 color : #ff0033;
 background-color : #111166;
}
#sub-navi #act a {
 text-decoration : none;
 color : #ffff99;
 background-color : #666699;
 display : block;
 float : left;
 padding : 5px 15px 5px 15px;
 font-weight : bold;
}
#sub-navi #act a:link {
 color : #ffff99;
 background-color : #666699;
}
#sub-navi #act a:visited {
 color : #ffff99;
 background-color : #666699;
}
#sub-navi #act a:hover {
 color : #ff0033;
 background-color : #666699;
}

/* パンくずナビ */
#lead {
 clear : left;
 text-align : left;
 vertical-align : middle;
 margin : 20px auto 10px;
 padding : 5px 0 5px 50px;
 background-color : #333333;
 font-family : "MS UI Gothic",Osaka,sans-serif;
 font-size : 80%;
 color : #cccccc;
 width : 90%;
}
#lead a {
 color : #dddd99;
 background-color : #333333;
 text-decoration : none;
}
#lead a:link {
 color : #dddd99;
 background-color : #333333;
 text-decoration : none;
}
#lead a:visited {
 color : #dddd99;
 background-color : #333333;
 text-decoration : none;
}
#lead a:active {
 color : #ffffff;
 background-color : #333333;
 text-decoration : underline;
}
#lead a:hover {
 color : #ffffff;
 background-color : #333333;
 text-decoration : underline;
}

/* 中央左右メニュー */
#wrapper {
 width:100%;
 float:left;
 margin-right:-180px;
}

/* 右エリア 180px */
#right_menu {
 text-align : center;
 width : 180px;
 float : left;
}

/* フッター */
#footer {
 width : 100%;
 clear : left;
 text-align : center;
}

#footer strong {
 font-size : 150%;
 color : #cc9999;
 background-color : #111111;
}

/* センターエリア */
#main {
 width:100%;
 float:right;
 margin-left:-270px;
 color : #cccccc;
 background-color:#111111;
 text-align : center;
}

/* センターエリア */
#main_box {
 margin-left : 270px;
 margin-right : 180px;
}

/* 左エリア 270px */
#left_menu {
 width : 270px;
 float : right;
}

/* 文字 */
a {
  color : #cccccc;
  background-color : #111111;
}

a:link {
  color : #cccc99;
  background-color : #111111;
}

a:visited {
  color : #cccc80;
  background-color : #111111;
}

a:active {
  color : #ffff80;
  background-color : #111111;
}

a:hover	{
 color : #ffff80;
 background-color : #111111;
}

h1 {
 color : #ddddcc;
 background-color : #111111;
 margin-top : 20px;
 margin-bottom : 10px;
 font-family : "MS UI Gothic",Osaka,sans-serif;
}

h2 {
 color : #8080ff;
 background-color : #111111;
 margin-top : 20px;
 margin-bottom : 5px;
 font-family : "MS UI Gothic",Osaka,sans-serif;
}

h2 span {
 color : #ffff80;
 background-color : #111111;
 font-style : italic; 
 font-weight : bold;
 font-size : 120%;
}

.center {
 text-align : center;
}

/* 更新履歴BOX */
div#new	{
 margin : 10px auto 20px auto;
 padding : 5px 40px 10px 40px;
 text-align : left;
 background-color : #111111;
 border : 1px solid #666666;
 color : #bbbbbb;
 font-family: "MS UI Gothic",Osaka,sans-serif;
 font-size : 80%;
}

/* お知らせBOX */
div#news	{
 margin : 0 20px 20px 20px;
 padding : 5px 10px 10px 10px;
 text-align : left;
 background-color : #111111;
 border : 2px solid #555588;
 color : #bbbbbb;
 font-family: "MS UI Gothic",Osaka,sans-serif;
 font-size : 80%;
}

/* カウンターBOX */
div#counter {
 margin: 0 30px;
 text-align : center;
 vertical-align: middle;
 font-size: 80%;
 font-weight: bold;
 border: 1px solid #666666;
}

/* 天気BOX */
div#weather {
 margin : 10px;
 padding : 5px;
 border : 3px solid #cc5588;
 vertical-align : middle;
 text-align : center;
}

/* ページ内容BOX */
div#info {
 margin : 10px auto;
 padding : 10px;
 text-align : left;
 background-color : #111111;
 border : 7px ridge #555588;
 color : #bbbbbb;
 font-family: "MS UI Gothic",Osaka,sans-serif;
 font-size : 90%;
 line-height : 150%;
 text-indent : 1em;
}

/* その他BOX */
div.box {
 margin : 20px;
 font-size : 80%;
 text-align : center;
}
div.rss {
 margin-left : 20px;
 font-size : 80%;
 text-align : left;
}
/* その他BOX内文字 */
div.box p {
 font-family: "MS UI Gothic",Osaka,sans-serif;
 color : #cccccc;
 background-color : #111111;
 line-height: 120%;
 letter-spacing: 0.1em;
 padding : 0;
}
/* その他BOX内画像 */
div.box img {
 text-align : center;
}

/* その他BOX（文字大） */
div.l-box {
 margin : 20px;
 font-size : 85%;
 text-align : center;
}

/* メールBOX */
div.mail_box {
 margin : 10px 20px;
 text-align : left;
 font-size : 80%;
}

/* GoogleMap用BOX */
div#area {
 color : #cccccc;
 background-color : #111111;
 text-align : left;
 margin : 20px auto 20px 50px;
}
div#point {
 margin : 20px auto 20px 30px;
 text-align : left;
 color : #cccccc;
 background-color : #111111;
 line-height: 140%;
 letter-spacing: 0.1em;
 margin : 15px 0;
 border : none;
}
.right {
 text-align : right;
}

/* webring,links用BOX */
.ring {
 margin : 10px;
 padding : 10px;
 text-align : center;
 background-color : #111111;
 border : 0px solid #555588;
 color : #bbbbbb;
 font-size : 90%;
}
.ring img {
 margin : 0;
 padding : 0;
}

/* リンク集下の文字 */
.box-left {
 width : 600px;
 margin : 20px auto;
 font-size : 100%;
 text-align : left;
}

/* リンク集下の文字（小） */
.box-s {
 width : 300px;
 margin : 20px auto;
 font-size : 100%;
 text-align : left;
}

/* リング用文字 */
div.r {
 text-align : center;
 margin : 2px auto 5px;
 font-size: 80%;
}

table	{
 border-collapse : collapse;
 vertical-align : middle;
 margin : 0 auto 5px auto;
 color : #cccccc;
 background-color : #111111;
}
.top {
 margin-top : 5px;
 margin-bottom : 30px;
 border : 7px ridge #5555aa;
}

/* リンク集バナー部分 */
td.link-banner	{
  text-align : center;
  vertical-align : middle;
  width : 220px;
  height : 60px;
  padding-left : 5px;
  font-size : 100%;
  font-weight : bold;
  background-color : #111111;
  color : #9999aa;
  border : 1px solid #555588;
}
/* リンク集文章部分 */
td.link-comment	{
 text-align : left;
 vertical-align : middle;
 width : 500px;
 height : 50px;
 padding-left : 5px;
 font-size : 80%;
 font-weight : bold;
 line-height: 140%;
 letter-spacing: 0.1em;
 background-color : #111111;
 color : #9999aa;
 border : 1px solid #555588;
}
td.link-comment	span {
 color : #cccccc;
 background-color : #111111;
}

/* ESTIMAメニュー左 */
td.tit	{
 width : 100px;
 padding : 5px;
 text-align : left;
 vertical-align : middle;
 background-color : #440011;
 font-weight : bold;
 font-size : 100%;
 color : #cccccc;
 border : 1px solid #5555aa;
}
td.def	{
 width : 150px;
 height : 50px;
 padding : 5px;
 text-align : center;
 font-size : 90%;
 color : #cccccc;
 background-color : #000055;
 border : 1px solid #5555aa;
}
td.rin	{
 margin : 0;
 padding : 2px;
 text-align : center;
 font-size : 90%;
 color : #cccccc;
 background-color : #000055;
 border : 0px solid #5555aa;
}

/* サイトマップ枠 */
td.s-map {
 text-align : left;
 vertical-align : top;
 width : 380px;
}

.def a:link {
 color : #cccc99;
 background-color : #000055;
}

.def a:visited {
 color : #cccc80;
 background-color : #000055;
}
.def a:active {
 color : #ffff80;
 background-color : #000055;
}
.def a:hover {
 color : #ffff80;
 background-color : #000055;
}
.nouse	{
 width : 150px;
 height : 50px;
 padding : 5px;
 text-align : center;
 font-size : 90%;
 color : #cccccc;
 background-color : #111111;
 border : 1px solid #5555aa;
}

p {
 font-family: "MS UI Gothic",Osaka,sans-serif;
 color : #cccccc;
 background-color : #111111;
 line-height: 140%;
 letter-spacing: 0.1em;
 margin : 15px 0;
}

p span	{
 color : #ff99ff;
 background-color : #111111;
}
p strong {
 font-size: 110%;
 color : #ccffaa;
 background-color : #111111;
}
p em {
 font-family : "MS UI Gothic",Osaka,sans-serif;
 font-size: 105%;
 color : #eeeecc;
 background-color : #111111;
 font-style : normal;
 font-weight : bold;
}

.count{
 text-align : center;
 color : #9999ff;
 background-color : #111111;
 font-size : 90%;
 font-weight : bold;
}
p.title{
 text-align : center;
 color : #ffcccc;
 background-color : #111111;
 font-size : 120%;
 font-weight : bolder;
}
p.mark{
 color : #ffffcc;
 background-color : #111111;
}
.center {
 text-align : center;
 padding : 1px;
}
p.left {
 text-align : left;
}
p.large {
 text-align: center;
 color: #9999cc;
 background-color : #111111;
 font-size: 130%;
}

.date {
 color : #ffff33;
 background-color : #111111;
}
.name {
 color : #66ff66;
 background-color : #111111;
}

span {
 font-family: "MS UI Gothic",Osaka,sans-serif;
 color : #ff9999;
 background-color : #111111;
 line-height: 140%;
 letter-spacing: 0.1em;
 margin : 15px 0;
 font-weight : bolder;
}

img {
 border : 0;
}

/* 画像周りスペース */
img.s-space {
 margin : 10px auto;
 text-align : center;
}

img.space {
 margin : 20px 30px;
 text-align : center;
}

ul {
 margin : 0 0 5px 70px;
 text-align : left;
 line-height: 140%;
 letter-spacing: 0.1em;
}
ul.site {
 margin : 0 0 5px 30px;
 font-family: "MS UI Gothic",Osaka,sans-serif;
 font-size : 90%;
 color : #cccccc;
 background-color : #111111;
 padding : 5px 0;
}
ul.comment {
 margin : 0 0 5px 30px;
 font-family: "MS UI Gothic",Osaka,sans-serif;
 font-size : 90%;
 color : #cccccc;
 background-color : #111111;
 padding : 5px 0;
}

hr {
 border : 5px solid #669966;
 width : 70%;
 margin : 5px auto;
 text-align : center;
}

pre {
 width : 600px;
 font-size : 10pt;
 text-align : left;
 border : 2px solid #87ceeb;
 padding : 10px;
 margin : 0;
}

address {
 margin : 10px auto;
}

input {
 border-style : double;
 border-width : 2px;
 background-color : #9999ff;
 border-color : #6666ff;
 color : #000033;
}

.box-center {
 margin : 20px auto;
 text-align : center;
 font-size : 90%;
}

.footerbox {
 font-size : 90%;
}

.footerbox hr {
 text-align : center;
}

.link	{
 margin-top : 10px;
 border : 5px ridge #8080cc;
}

/* Profile欄 */
.profile {
 width : 720px;
 margin-top : 5px;
 margin-bottom : 30px;
 border : 7px ridge #5555aa;
}

td.l-small {
 text-align : center;
 padding : 5px;
 font-size : 10pt;
 font-weight : bold;
 background-color : #111111;
 color : #9999aa;
 border : 1px solid #555588;
}

td.l-main {
 padding : 5px;
 font-size : 80%;
 font-weight : bold;
 border : 1px solid #555588;
 line-height : 120%;
 text-align : left;
}
td.l-main img {
 border : 1px solid #999933;
}
td.l-main em {
 color : #cccc90;
 background-color : #111111;
 font-size : 120%;
 font-weight : bold;
 font-style : normal;
}
td.l-main span {
 color : #9090cc;
 background-color : #111111;
 font-size : 100%;
}

td.n-main {
 padding : 5px;
 font-size : 80%;
 font-weight : bold;
 border : 1px solid #555588;
 text-align : center;
 color : #ccccff;
 background-color : #111111;
}
td.n-main img {
 border : 1px solid #333399;
}

td.p-main {
 width : 160px;
 padding-left : 5px;
 font-size : 100%;
 font-weight : bold;
 color : #cccc80;
 background-color : #111111;
 border : 1px solid #555588;
}

#mapmain {
position: relative;
height: 500px;
overflow: hidden;
margin: 10px 0px 10px 0px;
}

#map {
z-index: 2;
background-color: #eeeeee;
width: 500px;
height: 500px;
margin-left: 30px;
}

#categoryNavi {
position: absolute;
top: 0px;
right: 30px;
width: 250px;
border: 1px solid #888888;
padding: 10px;
}

#categoryNavi select {
width: 230px;
}

#itemNavi {
position: absolute;
top: 50px;
right: 30px;
width: 250px;
height: 430px;
border: 1px solid #888888;
padding: 10px;
font-size: 80%;
text-align: left;
line-height: 115%;
}

/* マップ内に表示するメッセージ */
#ksgmap--map-message {
margin: 10px;
font-size: 90%;
}

/* マップナビの自分自身 */
#ksgmsp--mapNavi-listItem--mySelf {
background-color: #eeeeee;
}

/* カテゴリナビのすべて表示 */
#ksgmsp--categoryNavi-listItem--all {
background-color: #eeeeee;
}

/* カテゴリナビの未定義の場合 */
#ksgmsp--categoryNavi-listItem--undefined {
background-color: #eeeeee;
}