/*
 * Style Name: jsdg.css
 * Style URI: http://www.jsdg.org/css/jsdg.css
 * Description: JSDG全体のマスター
 * Version: 0.92
 * Last Up Date: 2008/10/31
 * Author: 森下　裕史
 * Author URI:
 * Author Email:
 * Guideline URI:
 */

/* ----------------------------------------
 * 初期化
 * ---------------------------------------- */

*{
margin:0;
padding:0;
/*border:0;*/
vertical-align:baseline;
}

h1,h2,h3,h4,h5,h6 {
font-weight:normal;
font-style: normal;
font-size: 1.0em;
}

ul {
list-style: none;
}

/* ----------------------------------------
 * レイアウト設定
 * ---------------------------------------- */
body{
width: 800px;
margin: 0 auto;
}

#header{
width: 800px;
height: 48px;
}

#navi{
width: 800px;
height: 30px;
}


#remarks{
width: 438px;
margin: 5px;
height: 5px;
float:left;
text-align: left;
vertical-align:middle;
}

.vmid{
vertical-align:middle;
}

#remarks p{
padding-left:5px;
padding-right:5px;
line-height:1.0em;
font-size: 0.8em;
vertical-align:middle;
}

#member {
width: 800px;
margin: 5px;
height: 5px;
float: right;
text-align: right;
vertical-align:middle;
}


#mainmenu{
width: 190px;
vertical-align: top;
float: left;
}

#container{
float: right;
}

#contents{
width: 590px;
padding:10px;
vertical-align: top;
float: left;
}

#submenu{
width: 0px;
vertical-align: top;
float: left;
}

#footer {
clear: both;
width: 800px;
}

/* ----------------------------------------
 * 全体　装飾設定
 * ---------------------------------------- */

body{
background-color:#fffff0;
}


a{
color: #3333ff;
text-decoration: none;
font-style: normal;
}

a:hover{
color: #ff6600;
text-decoration: underline;
}

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}




/* ----------------------------------------
 * ヘッダー部　装飾設定
 * ---------------------------------------- */

#header h1{
background: url(./images/longbanner2.png) no-repeat;
margin: 2px;
width: 797px;
height: 48px;
float: left;
vertical-align:middle;
}

#header span{
display:none;
}


#member p{
float: right;
text-align: right;
font-size: 0.8em;
line-height:1.5em;
}



/* ----------------------------------------
 * ヘッダー部　装飾設定
*
*#member a.login{
*background: url(./images/member_button.gif) no-repeat;
*width:138px;
*height:36px;
*}
*
 * ---------------------------------------- */

.pass {
font-size: 0.8em;
}

/* ----------------------------------------
 * ナビゲーション部　装飾設定
 * ---------------------------------------- */

#navi ul {
float: right;
}
#navi li {
float: left;
text-align:center;
font-size: 0.8em;
font-weight: bold;
}

#navi a {
display: block;
width:108px;
height:24px;
padding:2px;
border:solid 1px;
background-color:#98fb98;
border-color:#00975a;
color: #000000;
text-decoration:none;
text-align:center;
line-height:1.5em;
font-size:16px;
}

#navi a.current {
background-color:#00975a;
color: #ffffff;
}

#navi a:hover{
background-color:#00975a;
border-color:##00975a;
color:#ffffff;
}

/* ----------------------------------------
 * メインメニュー部　装飾設定
 * ---------------------------------------- */
#mainmenu{
background-color:#ffffcc;
}

#mainmenu h4{
padding-left:20px;
background-color:#ff9900;
background-image:url("./images/menu_icon1.gif");
background-repeat:no-repeat;
background-position: 5px;
line-height:2.0em;
font-size:0.8em;
font-weight: bold;
}

.menu{
width:160px;
height:auto;
margin:15px;
text-align:left;
}

.menu ul {
list-style-image: url("./images/menu_icon2.gif");
list-style-position: inside
}

.menu li {
padding-left: 10px;
/* list-style:none; */
background-color:#ffffff;
line-height:1.5em;
font-size:0.9em;
}

.menu li.current2 {
background-color:#ffff99;
}

.menu li.current2 a {
color: #ff6600;
font-weight: bold;
}

.menu li.sub {
padding-left:35px;
}

.menu a {
vertical-align:middle;
text-decoration:none;
}

.menu a:hover {
text-decoration: underline;
}

/* ----------------------------------------
 * コンテンツ部　装飾設定
 * ---------------------------------------- */

#contents h2 {
padding-left:10px;
padding-right:10px;
background-color:#ffcc99;
line-height:1.5em;
font-size: 1.1em;
font-weight: bold;
}

#contents .past {
text-align:right;
font-size: 0.8em;
}

#contents .golink {
text-align:right;
font-size: 0.8em;
}

#contents .gotop {
text-align:right;
font-size: 0.9em;
}




#contents .renewdate {
line-height:0.5em;
font-weight: bold;
text-align:right;
font-size: 0.8em;
}

#contents .paget:before {
contents:url("./images/pagetop.gif");
line-height:1.3em;
text-align:right;
font-size: 1.0em;
padding-left:28px;
}



#contents .pagetop {
background-repeat:no-repeat;
background-position: 5px;
background-image:url("./images/pagetop.gif");
line-height:1.3em;
text-align:right;
font-size: 1.0em;
padding-left:28px;
}


#contents h3 {
margin: 10px;
padding-left:25px;
padding-right:10px;
background-color:#ffcc99;
background-image:url("./images/orange14.gif");
background-repeat:no-repeat;
background-position: 5px;
line-height:1.3em;
font-size: 1.0em;
font-weight: bold;
}

#contents p{
margin:10px;
line-height: 1.5em;
font-size: 0.9em;
}


#contents .jsdg{
background-image:url("./images/jsdgonly22.gif");
padding-left:28px;
}

#contents .general{
background-image:url("./images/generalok22.gif");
padding-left:28px;
}

#contents .finish{
background-image:url("./images/finish22.gif");
padding-left:28px;
}

#contents .news{
background-image:url("./images/finish22.gif");
padding-left:28px;
}


#contents .summary{
background-image:url("./images/summary22.gif");
padding-left:28px;
}

#contents .link{
background-image:url("./images/link22.gif");
padding-left:28px;
}


.redtext {
color:#FF0000;
}

.redbold {
color:#FF0000;
font-weight:bold;
}



/* ----------------------------------------
 * フッター部　装飾設定
 * ---------------------------------------- */
#footer {
 font-size: 14px;
}

#footer span{
 margin-right: 250px;
}

#footer a{
text-decoration: none;
margin: 10px;
color: #000000;
}

#footer a:hover {
color: #ff6600;
}