@charset "Shift_JIS";

/* 全体構造
----------------------------------------------------------*/

body  {
   margin : 0;
   padding : 0;
   color : #000000;　/*黒*/
   background : #330099; 　/*濃青*/
}


/*リンク
----------------------------------------------------------*/

a:link {
  color: #330099;
}


a:visited {
  color: #666666;
}


a:hover, a:active {
  color: #ff6600;
}


/*ラッパー
----------------------------------------------------------*/

#wrapper {
  margin : 0;
  padding : 0;
  width : 900px;
  background : #ffffff;
}


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

#header {
   margin : 0;
   padding-bottom : 5em;
   color : #000000;  /*黒*/
   background : url(../images/header_bg.jpg) no-repeat;
}


/*ロゴの位置*/
#header #logo {
}


/*ヘッダの文字*/
#header ul {
   width : 875px;
   list-style : none;   /*リストの頭の点はなし*/
   text-align : right;   /*文字を右揃え*/
   font-weight : bold;
   font-size : small;
}


#header li {
   display : inline;
   margin-bottom : 2em;
   padding : 0 1em 1em 0;
   text-transform : uppercase;
   font-size : x-small;
}


/*ページ本体（ヘッダとフッタの間）
----------------------------------------------------------*/

#pagebody {
   position : absolute
   top : 60px;
   margin : 0;
   padding : 0;
   width : 1000px;
   background : #330099;  /*白*/
}


/*ナビゲーション上
----------------------------------------------------------*/

#navigation2 {
   position : absolute;
     top : 110px;
     left : 0px;
   color : #330099;
   list-style : none;
}


#navigation2 ul {
   margin : 0 0 0.5em 1px;
   padding : 0;
}


#navigation2 li {
   margin : 0;
   padding : 0;
   width : 230px;
   hight : 50px;
   float : left;
   display : block;
   font-weight: bold;
   font-size: small;
   background : url(../images/navi2_bg.jpg) no-repeat;
}


#navigation2 li a:visited {
   border-bottom : 2px solid #99ccff;
}


#navigation2 li a:hover, a:active {
   border-bottom : 2px solid #ff6600;
}


#navigation2 li a {
   padding : 20px 0 20px 1em;
   text-decoration : none;
   display : block;
   width : 230px;
   height : 50px;
   border-bottom : 2px solid #99ccff;
   text-align : left;
}


/*--------------------------------------------------------*/



/*コンテンツ
----------------------------------------------------------*/
#content {
   float : right;
   position : absolute;
   top : 180px;
   left : 240px;
   padding: 0;
   margin : 0 0 20px 0; 
   width: 650px;
   height : 400px;
   background: #ffffff;  /*白*/
}


#content h1 {
   color: #330099; /*濃青*/
   border-left: solid 0.5em #330099;/*濃青*/
   border-bottom: solid 2px #330099;/*薄青99ccff*/
   margin-top: 1px;
   padding: 0.5em;
   background: transparent;   
   font-size : nomal;
   font-weight : bold;
}


#content .top img {
   vertical-align : bottom;
   width : 600px;
}


#content h2 {
   margin : 2em 2em 1em 0.5em;
   font-size : nomal;
   font-weight : bold;
   color : #ff6600; /*橙*/
   background : transparent;
}


#content p {
   margin-left : 1em;
   font-size : small;
   line-height : 1.6;
}


#new {
   font-weight : bold;
}


#update {
   font-size : small;
   line-height : 1.3;
   text-align : right;
}


#content #gallary {
   width : 600px;
   padding-left : 20px;
}


#content #gallary2 {
   width : 800px;
   padding-left : 20px;
}


#content #gallary img {
   align : center;
   margin : 5px;
   padding : 10px;
   border : 1px double #666666;
   vertical-align : bottom;   
}


#content #gallary2 img {
   align : right;
   margin : 5px;
   padding : 10px;
   border : 1px double #666666;
   vertical-align : bottom;   
}


#history {
   text-align : left;
   vertical-align : top;
}


#sinceh17 {
   font-size : small;
   line-height : 1.3;
   text-align : left;
   padding-left : 50px;
}


#table {
   position : absolute;
     top : -80px;
}


#table2 {
   position : absolute;
     top : -270px;
}


#table3 {
   position : absolute;
     top : -50px;
   　left : 20px;
}

/*ナビゲーション左
----------------------------------------------------------*/
#navigation {
   float : left;
   position : absolute;
   top : 180px;
   left : 0px;
   width : 240px;
   color : #330099;
}


#navigation ul {
   margin : 0 0 0.5em 1px;
   padding : 0;
}


#navigation li {
   margin : 0;
   padding : 0;
   width : 230px;
   hight : 50px;
   list-style : square;   /*リストの頭の点は■*/
   font-weight: bold;
   font-size: normal;
   background : url(../images/navi_bg.jpg) no-repeat;
}


#navigation li a:visited {
   border-bottom : 2px solid #666666;
}


#navigation li a:hover, a:active {
   border-bottom : 2px solid #ff6600;
}


#navigation li a {
   padding : 20px 0 20px 1em;
   text-decoration : none;
   display : block;
   width : 230px;
   height : 50px;
   border-bottom : 2px solid #330099;
   text-align : left
}


#address {
   margin : 0 0 0.5em 1px;
   padding : 0.5em 0 0.5em 1em;
   width: 230px;
   font-style: normal;
   font-size: x-small;
   line-height: 1.5;
   border-bottom : 2px solid #330099;
   background: url(../images/navi_bg.jpg) no-repeat;
}


#copy {
   margin : 0 0 0.5em 1px;
   padding : 0.5em 0 0.5em 1em;
   width : 230px;
   font-style: normal;
   font-size: x-small;
   line-height: 1.5;
   border-bottom : 2px solid #330099;
   background: url(../images/navi_bg.jpg) no-repeat;
}


#counter {
   margin : 0 0 0.5em 1px;
   padding : 0.5em 0 0.5em 1em;
   width: 230px;
   line-height: 1.5;
   border-bottom : 2px solid #330099;
   background: url(../images/navi_bg.jpg) no-repeat;
}


#adobe {
   margin : 2.0em 0 1.0em 1px;
   padding : 0.5em 3.5em 0.5em 1em;
   width : 230px;
   font-style: normal;
   font-size: x-small;

   line-height: 1.5;
   border-bottom : 2px solid #330099;
   background: url(../images/navi_bg.jpg) no-repeat;
}


/*おしまい
----------------------------------------------------------*/