@charset "UTF-8";

/*===DEFAULT===*/
*{margin:0; padding:0;}
body {
  color: #956f31;
  background: #FFCC66;
}
/*a {color: #f60 ;}*/


/*===LAYOUT===*/
#container {
  width: 800px;
  margin: 0 auto;
  background-color: #eeeeee;
  border-left: 1px solid #aaaaaa;
  border-right: 1px solid #aaaaaa;
}
#alpha-inner {
  width: 600px;
  margin-left: 8px;
  background-color: #ffffff;
}
#beta-inner {
  width: 180px;
  margin-right: 0 ;
  background-color: #D6D6BB;
}
#header {
  height: 134px;
  width: 100%;
  background-color: #fff;
}
#content {
}


/*===HEADER===*/
#header-content {color: #fff ;}


/*BASE DESIGN
=========================================================*/
body{
  background-image:url(contents/images/background.gif);
  background-color:#BAE8BA;
  color:#333;
  width:100%;
}

/* ===LAYOUT===*/
#beta {
  float: right ;
  width: 180px ;
  font-size: 90% ;
  display: inline ;
  background-color: #eeeeee;
}

#beta-inner {
  width: 180px ;
  position: relative ;
  margin-right: 0 ;
}

#alpha {
  float: left ;
  width: 620px;
  font-size: 90% ;
  background-color: #ffffff;
  font-family: verdana,sans-serif,osaka;
  text-align: justify;
  text-justify: inter-ideograph;
}

#alpha-inner {
  width: 600px;
  overflow: hidden ;
  padding: 0;
  background-color: #ffffff;
}

#container {
  width: 800px;
  position: relative ;
  margin: auto ;
  overflow: hidden ;
  text-align: left ;
}

#content {
  width: 800px;
  padding-bottom: 0 ;
  padding-left: 0 ;
  overflow: hidden ;
}

/* ===HEADER===*/
#header-content {
  padding: 30px ;
  text-align: left;
}
#top_logo{
  float:left;
}
#top_sp{
  float:left;
}
#top_photo{
  float:left;
}
#top_bar{
  clear:both;
}


/* ===FOOTER===*/
#footer {
  width: 100%;
  background-color: #fff;
  border-bottom:1px solid #cccccc;
}
#footer_line{
  border-top:1px solid #cccccc;
}
#footer_txt{
  font-size:70%;
  padding:7px;
  text-align:center;
  line-height:1.2em;
}


/* ===MENU===*/
#mynavi{
  padding:0;
  border:0px solid #fff;
}
/* メインmenu */
.mynavi ul{
  margin:0;
  padding:0;
  list-style-type : none;
}
.mynavi li{
  display:inline;
  padding:0;
  margin:0;
}
.mynavi a{
  display:block;
  background-image:url(contents/images/menu_base.gif);
  font-size:90%;
  padding:7px 5px 7px 5px;
  text-decoration:none;
  color:#222222;
  width:170px;
  height:37px;
}
.mynavi a:hover{
  display:block;
  background-image:url(contents/images/menu_hover.gif);
  font-size:90%;
  padding:7px 5px 7px 5px;
  text-decoration:underline;
  color:#FF0000;
  width:170px;
  height:37px;
}
/* 現在表示ページ */
.now a{
  display:block;
  background-image:url(contents/images/menu_now.gif);
  font-size:90%;
  padding:7px 5px 7px 5px;
  text-decoration:underline;
  color:#FF0000;
  width:170px;
  height:37px;
}
.now2 a{
  border-bottom:1px solid #5970B2;
  border-right:1px solid #5970B2;
  background-image:url(contents/images/spacer.gif);
  background:#FFFF99;
  color:#003399;
  padding:4px;
  width:173px;
  height:20px;
}

/* サブmenu */
.submenu {
  background:#BFCAE2;
  border:1px solid #5970B2;
  visibility:hidden;
  margin-left:-160px;
  margin-top:-50px;
  position:absolute;
  width:158px;
}
.submenu a{
  display:block;
  border-bottom:1px solid #5970B2;
  background-image:url(contents/images/spacer.gif);
  text-align:left;
  text-decoration:none;
  padding:4px;
  width:150px;
  height:20px;
  color: #333333;
}
.submenu a:hover {
  border-bottom:1px solid #5970B2;
  background-image:url(contents/images/spacer.gif);
  background:#FFCC33;
  color:#003399;
  padding:4px;
  width:150px;
  height:20px;
}

/* サブmenu2 */
.subm {
  background:#BFCAE2;
  border:1px solid #5970B2;
  margin-left:0;
  margin-top:2px;
  margin-bottom:1px;
  width:178px;
}
.subm a{
  display:block;
  border-bottom:1px solid #5970B2;
  border-right:1px solid #5970B2;
  background-image:url(contents/images/spacer.gif);
  text-align:left;
  text-decoration:none;
  padding:4px;
  width:170px;
  height:20px;
  color:#333333;
}
.subm a:hover {
  border-bottom:1px solid #5970B2;
  border-right:1px solid #5970B2;
  background-image:url(contents/images/spacer.gif);
  background:#FFCC33;
  color:#003399;
  padding:4px;
  width:170px;
  height:20px;
}


/* ===WHAT'S NEW===*/
.news{
  text-align: left;
  width: 570px;
  color: #333;
}
.news ul{
  margin:0;
  padding:0;
  list-style-type:none;
}
.news li{
  display:inline;
  padding:0;
  margin:0;
}
.news a{
  display:inline;
  font-weight:normal;
  padding:5px 0;
  text-decoration:underline;
  color:#0000FF;
}
.news a:hover{
  display:inline;
  font-weight:normal;
  padding:5px 0;
  text-decoration:none;
  color:#FF0000;
}
.bar{
  background-image:url(http://jjzwm.com/blog/contents/images/border.gif);
  height:20px;
  margin: 0;
}
.news2 ul{
  margin:10px 0;
  padding:0;
  list-style-type:none;
}
.news2 li{
  font-size: 90%;
  color: #333333;
  line-height:1.2em;
  letter-spacing:0.05em;
  padding:5px 0;
  margin:0;
}
.news2 div{
  float:left;
}
.day{
  font-size: 100%;
  color: #336699;
  margin-right: 20px;
  float:left;
}


/* ===== テキスト設定 ===== */
#main {
  font-size:90%;
  margin-left:10px;
  width: 590px;
}
#main p {
  line-height:1.4em;
  letter-spacing:0.02em;
  padding:5px 5px 10px 15px;
}
#main ol{
  margin-left: 30px;
}
#main li{
  line-height:1.4em;
  padding: 10px 0 10px 0;
}
.txt1 {
  font-size:90%;
  color:#333333;
  padding:15px 15px 25px 15px;
  line-height:1.2em;
  letter-spacing:0.05em;
}
.txt2 {
  font-size:100%;
  color:#1fc5ff;
  margin: 0;
}
/* ナビゲーション */
.navi{
  padding:5px;
  font-size:90%;
}
/* タイトル（大） */
.b_title{
  padding:10px 0 10px 5px;
  font-size:110%;
  font-weight:bold;
}
/* タイトル（小） */
.s_title{
  padding:10px 0 10px 15px;
  font-size:120%;
}
/* 見出し */
h1{
  font-size:90%;
  border-style:solid;
  border-width:0 0 1px 10px;
  border-color:#006666;
  padding:0.3em 0em 0.3em 0.5em;
  margin:0 0 0 20px;
}
h1.ver2{
  font-size:100%;
  border-style:solid;
  border-width:0 0 1px 9px;
  border-color:#003399;
  padding:0.3em 0em 0.3em 0.5em;
  margin-left:5px;
}
/* 注釈 */
.kome{
  font-size:70%;
  vertical-align:top;
}
/* NEW表示 */
.new{
  font-size:90%;
  letter-spacing:normal;
  color:#FF0000;
}

#to_top {
  font-size:80%;
  padding:10px 5px 5px 0px;
  text-align:right;
}
#to_top img{
  vertical-align:middle;
  padding:0 5px 0 5px;
}
#to_next {
  font-size:90%;
  margin: 20px 0;
  text-align:center;
}
#to_all {
  font-size:80%;
  padding:0;
  text-align:right;
}
#to_all img{
  vertical-align:middle;
  padding:0 5px 0 2px;
}
.no_java{
  font-size:90%;
  padding:5px;
  background-color:#ffff99;
  border-bottom:1px #ff0000 dotted;
}

/* ===== BOX設定 ===== */
/* コンテンツ */
.contents{
  width:600px;
  margin-left:8px;
  margin-top:0;
}
/* マージン */
.marg{
  font-size:90%;
  margin:0 10px 20px 30px;
}

/* ===== テーブル設定 ===== */
/* 大会案内 */
#taikai {
  border-collapse:collapse;
  font-size:90%;
  text-align:left;
}
#taikai td{
  background-color:#FFFFFF;
  border: thin #aaaaaa solid;
  padding:5px;
}

/* 会則 */
#gakkai {
  font-size:90%;
  text-align:left;
}
#gakkai td.col1{
  padding:5px 5px 5px 0;
  text-align:right;
  vertical-align:top;
}
#gakkai td.col2{
  padding:5px;
  vertical-align:top;
}
#gakkai td.col3{
  padding:0 1px;
  text-align:right;
  vertical-align:top;
}
#gakkai td.col4{
  padding:1px 0 1px 5px;
  vertical-align:top;
}
#gakkai td.col5{
  padding:1px 0 1px 10px;
  text-align:left;
  vertical-align:top;
}
#gakkai div{
  padding:5px 0;
}

/* 役員構成 */
#yakuin {
  font-size:90%;
  text-align:left;
}
#yakuin td{
  padding:1px 5px;
  vertical-align:top;
  border-bottom:1px #dddddd dotted;
}
#yakuin td.col1{
  padding:1px 5px;
  vertical-align:top;
  border-bottom:1px #cccccc solid;
}

/* 入会案内 */
#nyukai {
  font-size:100%;
  text-align:left;
  border-color:#CCCCCC;
  border-width:1px;
  border-style:solid none solid none;
  border-collapse:collapse;
}
#nyukai td{
  font-size:100%;
  padding:1px 5px;
  vertical-align:middle;
  border-color:#CCCCCC;
  border-width:1px;
  border-style:dotted none dotted dotted;
}
#nyukai td.top{
  font-size:100%;
  padding:1px 5px;
  text-align:center;
  vertical-align:middle;
  border-color:#CCCCCC;
  border-width:1px;
  border-style:dotted none dotted none;
}
#nyukai td.ttop{
  font-size:100%;
  padding:1px 5px;
  text-align:center;
  vertical-align:middle;
  border-color:#CCCCCC;
  border-width:1px;
  border-style:none none solid none;
}
#nyukai td.ttop2{
  font-size:100%;
  padding:1px 5px;
  text-align:center;
  vertical-align:middle;
  border-color:#CCCCCC;
  border-width:1px;
  border-style:none none solid dotted;
}

/* 会誌目次 */
#mokuji {
  font-size:100%;
  text-align:left;
}
#mokuji td{
  padding:5px;
  vertical-align:middle;
}
#mokuji .title{
  font-size:110%;
  padding:10px 0 30px 0;
  text-align:center;
  line-height:1.8em;
  letter-spacing:0.07em;
}
#mokuji td.midashi{
  font-size:100%;
  color:#0000CC;
  padding-left:30px;
}
#mokuji td.page{
  padding:5px;
  vertical-align:middle;
  text-align:right;
}
#mokuji td.name{
  font-size:90%;
  padding:0 2px 30px 100px;
  text-align:left;
}
#mokuji div{
  padding-top:8px;
}

/* お知らせ */
#info {
  font-size:90%;
}
#info td{
  padding:2px 5px;
  vertical-align:top;
}


/* ===== リスト設定 ===== */
/* 大会案内 */
#tai dl{
  margin:0;
}
#tai dt{
  padding:20px 0;
  font-size:100%;
  font-weight:bold;
}
#tai dd{
  padding:1px 5px;
  font-size:90%;
}

/* 会則 */
#kai dl{
  margin:0;
}
#kai dt{
  padding:5px 0 5px 25px;
  font-size:90%;
}
#kai dd{
  padding:0 5px 1px 50px;
  font-size:90%;
}
#kai span{
  margin:0 0 0 10px;
}

/* 入会案内 */
#nyu dl{
  margin:0;
}
#nyu dt{
  padding:5px 0 5px 30px;
}
#nyu dd{
  padding:0 5px 1px 40px;
}
#nyu div{
  padding:5px 5px;
  line-height:1.2em;
}

/* 会誌目次 */
#moku dl{
  margin:0;
}
#moku dt{
  padding:5px 0 5px 30px;
}
#moku dd{
  padding:0 5px 2px 60px;
  letter-spacing:0.1em;
}
#moku a{
  text-decoration:none;
}
#moku a:hover{
  text-decoration:underline;
  color:#FF0000;
}
#moku ul{
  margin:0;
}
#moku li{
  list-style:none;
  margin-bottom:1px;
  margin-left:15px;
  letter-spacing:0.05em;
  line-height:1.0em;
}

/* ガイドライン */
#guide dl{
  margin:0;
}
#guide dt.head{
  padding:5px 10px 5px 30px;
}
#guide dt.body{
  padding:0 10px 5px 40px;
  letter-spacing:0.04em;
  line-height:1.3em;
}
#guide dd.head{
  padding:0 5px 4px 60px;
}
#guide dd.body{
  padding:0 5px 10px 70px;
  letter-spacing:0.04em;
  line-height:1.3em;
}

/* サイトマップ */
#map ul{
  margin:0;
}
#map li{
  color:#006666;
  list-style:square;
  margin:5px 0 0 30px;
  line-height: 0.0em;
}
#map span{
  margin-top: 5px;
  margin-left: 10px;
  font-size: 80%;
  color: #006666;
  line-height: 1.0em;
}
#map a:hover{
  text-decoration:none;
  color:#FF0000;
}

/* リンク関連 */
#link ul{
  margin:0;
}
#link li{
  color:#006666;
  list-style:square;
  margin:5px 0 0 80px;
  line-height: 0.0em;
}
#link a:hover{
  color:#ff0000;
  text-decoration:none;
}


/* ページ分割のナビゲーション部分
================================================ */
#page-list {
  color: #1a1a19;
  letter-spacing:0.0em;
  text-align: center;
  font-size: 90%;
  margin: 20px 0;
  font-weight: bold;
}
#page-list a:hover {
  color: #ff0000;
  font-size: 100%;
  text-decoration: none;
}
#page-list a {
  font-size: 100%;
  font-weight: normal;
}



/* 他言語ページへのリンク
================================================ */

#language_links{
  width:365px;
  float:left;
  font-family: verdana,sans-serif,osaka;
  text-align: justify;
  text-justify: inter-ideograph;

  font-size:      80%;  /* 文字サイズ */
  text-align:   right;  /* 文字位置    右寄せ:right  左寄せ:left  中央揃え:center */
  padding-top:   70px;  /* 内側の余白 上 */
  padding-bottom: 5px;  /* 内側の余白 下 */
  padding-right:  5px;  /* 内側の余白 右 */
  padding-left:   0px;  /* 内側の余白 左 */
}
#language_links a{
  color:#0000ff;
  text-decoration:underline;
}
#language_links a:hover{
  color:#ff0000;
  text-decoration:none;
}


#language_links_2{
  width:580px;
  font-family: verdana,sans-serif,osaka;
  text-align: justify;
  text-justify: inter-ideograph;

  font-size:      80%;  /* 文字サイズ */
  text-align:   right;  /* 文字位置 右寄せ:right  左寄せ:left  中央揃え:center */
  padding-top:    5px;  /* 内側の余白 上 */
  padding-bottom: 5px;  /* 内側の余白 下 */
  padding-right: 15px;  /* 内側の余白 右 */
  padding-left:  15px;  /* 内側の余白 左 */
}
#language_links_2 a{
  color:#0000ff;
  text-decoration:underline;
}
#language_links_2 a:hover{
  color:#ff0000;
  text-decoration:none;
}


================================================ */




/* CSSハック
==================== ブラウザ間のスタイルシートのズレを調節するためのもの */
.clearfix: after{
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearfix{
  display: inline-block;
}
* html .clearfix{
  height: 1%;
}
.clearfix{
  display: block;
}
/* End hide from IE-mac */


/* ===== テスト ===== */
#word {
  font:100%;
  font-weight:normal;
  margin-left:10px;
  width: 590px;
}
#word h1,h2,h3,p,txt,txt1,ol,ul,li{
  font:100%;
  font-weight:normal;
  margin-left:0;
}