/* よく登場する要素のリセット */
h1, h2, h3, h4, h5, h6, p, address,
ul, ol, li, dl, dt, dd,
table, caption, th, td, img, form {
        margin: 0;
        padding: 0;
        border: none;
        font-style: normal;
        font-weight: normal;
        font-size: 100%;
        list-style-type: none;
}

/* テキストエリア内文字サイズのブラウザ間での差異をなくす */
textarea { font-size: 100%; }

/* 画像の下にできる隙間をなくす */
img { vertical-align: bottom; }

/* hr 要素は不可視で使う */
hr { display: none; }

img{margin:0px;padding: 0px;}

img.space{margin:0px 0px 16px 0px;}

html{
margin-bottom:1px;
height:100%;
margin-top:0px;
}

body{
margin-top:100px;
background-color:ffffff;
text-align:center;}
A:link{color:#000000;}
A:visited{color:#333333;}
A:active{color:#ff0000;}
A:hover{color:#ff0066;}

#globalnavi{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
width: 100%;
}

#globalnavi ul{
  list-style-type: none;
  margin: 0px;
  padding: 0px 0px;
}

#globalnavi li{
  float: left;
  width: 60px;
  margin: 0px;
  padding: 0px;
}

#globalnavi a{
  text-align:center;
  display:block;
  padding:3px 0px 3px 0px;
margin:0px 0px 0px 0px;
  width: 100%;
 background-color:none;
  color:#191919;
font-size:11px;
text-decoration:none;
font-weight:none;
border:solid #333333;
border-width:0px 0px 0px 1px;
}

#globalnavi a:hover{
  background-color:#ff0000;
  color:#f6f6f6;
text-decoration:none;
font-weight:none;
font-size:11px;
}

#globalnavi a:active{
  background-color:none;
  color:#191919;
text-decoration:none;
font-weight:none;
font-size:11px;
}

.in-frame{
border-style:solid;
border-width:1px;
}

*{
font-family:"メイリオ",Meiryo,'ＭＳ Ｐゴシック',"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",sans-serif;
font-size:13px;
color:#333333;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}

p{
font-family:"メイリオ",Meiryo,'ＭＳ Ｐゴシック',"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",sans-serif;
font-size:13px;
color:#333333;
padding:0px 0px 0px 0px;
margin:0px 0px 1em 0px;
width: 100%;
}

p.top{
font-family:"メイリオ",Meiryo,'ＭＳ Ｐゴシック',"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",sans-serif;
font-size:10px;
color:#333333;
margin-bottom:0px;
padding:5px 0px 0px 0px;
}

h1{
font-family:"メイリオ",Meiryo,'ＭＳ Ｐゴシック',"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",sans-serif;
font-size:20px;
color:#191919;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
font-weight:bolder;
width: 100%;
}

h2{
font-family:"メイリオ",Meiryo,'ＭＳ Ｐゴシック',"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",sans-serif;
font-size:17px;
color:#191919;
margin-bottom:5px;
padding:0px;
font-weight:bolder;
width: 100%;
}

h3{
font-family:"メイリオ",Meiryo,'ＭＳ Ｐゴシック',"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",sans-serif;
font-size:13px;
color:#ffffff;
background-color:#ff0000;
padding:0px 0px 0px 0px; 
margin:0px 0px;
width: 100%;
border:solid #191919;
border-width: 0px 0px 0px 0px;
}

h4{
font-family:"メイリオ",Meiryo,'ＭＳ Ｐゴシック',"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",sans-serif;
font-size:13px;
font-weight:bolder;
padding:0px 0px 0px 0px; 
margin:0px 0px;
width: 100%;
}


h5{
font-family:"メイリオ",Meiryo,'ＭＳ Ｐゴシック',"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",sans-serif;
font-size:13px;
color:#191919;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
font-weight:bolder;
border:solid #191919;
border-width: 0px 0px 0px 0px;
width: 100%;
}

h6{
font-family:"メイリオ",Meiryo,'ＭＳ Ｐゴシック',"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",sans-serif;
font-size:14px;
color:#191919;
background-color:#ffffff;
padding:0px 0px 0px 0px; 
margin:0px 0px;
width: 100%;
border:solid #191919;
border-width: 0px 0px 0px 0px;
}

em{
font-family:"メイリオ",Meiryo,'ＭＳ Ｐゴシック',"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",sans-serif;
font-size:13px;
color:#ffffff;
background-color:#ff0000;
border:solid #333333;
border-width: 0px 0px 0px 0px;
margin:0px;
padding:0px 5px 0px 5px;
text-decoration:none;
font-weight:none;
width: 100%;
}

div.sub-title{
font-family:"メイリオ",Meiryo,'ＭＳ Ｐゴシック',"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",sans-serif;
color:#191919;
border-width:0px 0px 0px 0px;
font-size:13px;
border-style:solid;
width:100%;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
font-weight:none;
}

.past-topic{
clear:both;
font-family:"メイリオ",Meiryo,'ＭＳ Ｐゴシック',"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",sans-serif;
font-size:small;
width:800px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
border-color:#333333;
border-style:solid;
border-top-width:0px;
border-right-width:0px;
border-bottom-width:0px;
border-left-width:0px;
}

.noframe{
font-family:"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",sans-serif;
font-size:small;
width:800px;
margin-bottom:30px;
padding:0px 0px;
border-style:none;
border-top-width:0px;
border-right-width:0px;
border-bottom-width:0px;
border-left-width:0px;
}

dd{
margin-bottom:1em;
}

.all-works{
font-family:"メイリオ",Meiryo,'ＭＳ Ｐゴシック',"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",sans-serif;
font-size:14px;
margin-left:1em;
}

div#m{
background-color:#ffffff;
width:800px;
border-color:#none;
border-width:0px 0px 0px 0px;
border-style:solid;
padding:0px 0px 0px 0px;
margin:0px auto 0px auto;
text-align:left;
}

div#m-p{
background-color:#ffffff;
width:800px;
border-color:none;
border-width:0px 0px 0px 0px;
border-style:solid;
padding:0px 0px 0px 0px;
text-align:left;
margin:0px auto 0px auto;
}


div#a{
width:787px;
text-align:left;
padding:0px 0px 0px 13px;
margin:0px 0px 0px 0px;
border:solid #333333;
border-width: 0px 0px 0px 0px;

}

div#b{
clear:both;
width:787px;
background-color:none;
border:solid #808080;
border-width: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
padding:0px 0px 0px 13px;
}

div#b-p{
clear:both;
width:787px;
text-align:left;
padding:0px 0px 0px 13px;
margin:0px 0 0px 0;
border:solid #333333;
border-width: 0 0px 0px 0px;
}

div#c{
width:800px;
height:450px;
background-image:url(cheering_typhoon_800.jpg);
border:solid #808080;
border-width: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

div#c-n{
width:800px;
height:450px;
background-image:url(cheering_typhoon1_800.jpg);
border:solid #808080;
border-width: 0px 0px 0px 0px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

div#c-pr{
width:800px;
height:450px;
background-image:url(cheering_typhoon2_800.jpg);
border:solid #808080;
border-width: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

div#c-co{
width:800px;
height:450px;
background-image:url(cheering_typhoon3_800.jpg);
border:solid #808080;
border-width: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

div#c-l{
width:800px;
height:450px;
background-image:url(cheering_typhoon5_800.jpg);
border:solid #808080;
border-width: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

div#c-sm{
width:800px;
height:450px;
background-image:url(cheering_typhoon6_800.jpg);
border:solid #808080;
border-width: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

div#c-sp{
width:800px;
height:450px;
background-image:url(cheering_typhoon7_800.jpg);
border:solid #808080;
border-width: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

div#c-al{
width:800px;
height:450px;
background-image:url(cheering_typhoon8_800.jpg);
border:solid #808080;
border-width: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

div#c-p{
clear:both;
width:800px;
background-color:none;
background-color:#ffffff;
border:solid #808080;
border-width: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

ul li.top{
float: left;
margin: 0px;
padding: 0px;
}

div#d-n{
width:506px;
height:340px;
background-image:url(back_b.gif);
border:solid #333333;
border-width: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
padding:0px 0px 0px 0px;
overflow:auto;
}

div#d{
width:800px;
background-color:none;
border:solid #333333;
border-width: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

div#e{
clear:both;
background-color:none;
width:800px;
padding:13px 0px 0px 0px;
margin:0px 0px 0px 0px;
border:solid #333333;
border-width: 0px 0px 0px 0px;
}

div#e-p{
clear:both;
background-color:none;
width:800px;
padding:5px 0px 0px 13px;
margin:0px 0px 0px 0px;
border:solid #333333;
border-width: 0px 0px 0px 0px;
}

div#e-l{
clear:both;
background-color:none;
width:800px;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
border:solid #333333;
border-width: 0px 0px 0px 0px;
}

adiv#e:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
adiv#e{
	display: inline-table;
	min-height: 1%;
}
/* Hides from IE-mac \*/

* html div#e { height: 1%; }

div#e { display: block; }

/* End hide from IE-mac */



div#f{
clear:both;
width:787px;
padding:0px 0px 0px 13px;
margin:0px;
border:solid #333333;
border-width: 0px 0px 0px 0px;
}

div#g-ac{
float:left;
width:399px;
text-align:left;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
border:solid #808080;
border-width: 0px 0px 0px 0px;
}

div#h-ac{
float:right;
width:399px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:left;
}

div#g-info{
float:left;
width:170px;
text-align:left;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}

div#h-info{
float:right;
width:628px;
text-align:left;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
border:solid #808080;
border-width: 0px 0px 0px 1px;
}

div#g-news{
float:left;
width:512px;
margin-right:0px;
text-align:left;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
border:solid #808080;
border-width: 0px 0px 0px 0px;
}

div#h-news{
float:right;
width:288px;
text-align:left;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 15px;
border:solid #808080;
border-width: 0px 0px 0px 0px;
}

div#i{
clear:both;
width:800px;
text-align:left;
margin:0px 0px 0px 0px;
border:solid #333333;
padding:0px 0px;
border-width:0px 0px 0px 0px;
background-color:#none;
color:#191919;
}

div#i-p{
clear:both;
width:800px;
text-align:left;
margin:0px 0px 0px 0px;
border:solid #333333;
padding:0px 0px 0px 13px;
border-width:0px 0px 0px 0px;
background-color:#none;
color:#191919;
}

div#j{
color:#191919;
clear:both;
font-size:12px;
background-color:none;
width:800px;
text-align:left;
margin:0px 0px 0px 0px;
padding:5px 0px 0px 0px;
border:solid #333333;
border-width:0px 0px 0px 0px;
}

div#j-p{
color:#191919;
clear:both;
font-size:12px;
background-color:#ffffff;
width:800px;
text-align:left;
margin:0px 0px 0px 0px;
padding:5px 0px 0px 13px;
border:solid #333333;
border-width:0px 0px 0px 0px;
}

table{
margin-bottom:10px;
}


/* Setup Tabs */
   
    #wrapper ul{
        background:#000;
        list-style: none;
list-style-type: none;
        border-right:1px solid black;
    }
   
    #wrapper li{
        float:left;
        width:auto; /* Width of Tab Image */
        height:128px; /* Height of Tab Image */
    }
   
    /* Setup Tab so normal opacity is 40 and rollover is 100 */
    #wrapper ul li a img{
        /* for IE */
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
        filter:alpha(opacity=40);
     
        /* CSS3 standard */
        opacity:0.4;
     
    }
   
    /* Change Opacity to 100% on roll over */
    #wrapper ul li a:hover img{
         
        /* for IE */
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter:alpha(opacity=100);
       
        /* CSS3 standard */
        opacity:1.0;
    }

    /* Places images to the right of the tabs,
    and hides non selected images */
    #images{
        width:480px;
        height:320px;
        overflow:hidden;  /* Hides the non selected images */
        float:left;
    }
   
    /* Places a black border around the entire viewer
    and centers it on the screen */
    #wrapper{
text-align: center;
        width:633px;
        height:300px;
        border:1px solid black;
        margin:0px auto;
    }

.largeImage{ 
border: solid 1px #ccc; 
width: 550px; 
height: 400px; 
padding: 5px; 
} 

.thumbs img{ 
border: solid 1px #ccc; 
width: 100px; 
height: 100px; 
padding: 4px; 
} 

.thumbs img:hover{ 
border-color: #FF9900; 
} 

h1 em{ 
font-size: 18px; 
color: #FF9900; 
} 

/*---- ギャラリー ----*/
#gallery {
  width: 608px; /* サムネール画像と拡大画像を足した幅 */
  height: 480px;
  list-style-type: none;
  position: relative; /* 子要素の位置を absolute させるために指定 */
  background: #dfb;
}
      #gallery a img {
        width: 128px; /* サムネール用に縮小 */
        height: 85px; /* サムネール用に縮小 */
        border: none;
        position: relative; /* z-index を指定するため */
        z-index: 3; /* 常に最前面のレイヤーへ表示 */
      }
  #gallery li {
    width: 128px;
    height: 85px;
    background:#ff0000 url(click.png) top left no-repeat; /* マウスオーバーやクリック時に現れる背景画像 */
    filter:Alpha(opacity=100);
    z-index: 3; /* 常に最前面のレイヤーへ表示 */
    font-size: 0; /* IE 用に指定（http://cssbug.at.infoseek.co.jp/detail/winie/b100.html を参照） */
    line-height: 0; /* 同上 */
    vertical-align: bottom; /* 同上 */
  }
    #gallery a {
      display: block;
      width: 128px;
      height: 85px;
      position:relative; /* z-index を指定するため */
      z-index: 3; /* 最前面のレイヤーへ表示 */
    }
    #gallery a:hover {
      width: 480px; /* マウスオーバーで画像拡大 */
      height: 480px; /* マウスオーバーで画像拡大 */
      padding-left: 128px; /* 左のサムネール分余白をとる */
      position: absolute;
      top: 0;
      left: 0;
      z-index: 2; /* レイヤー階層をひとつ下に落とす */
    }
      #gallery a:hover img {
        width: 480px; /* マウスオーバーで画像拡大 */
        height: 480px; /* マウスオーバーで画像拡大 */
        position: relative; /* z-index を指定するため */
        z-index: 2; /* レイヤー階層をひとつ下に落とす */
      }
    #gallery a:active,
    #gallery a:focus {
      width: 480px;
      height: 480px;
      padding-left: 128px; /* 左のサムネール分余白をとる */
      position: absolute;
      top: 0;
      left: 0;
      z-index: 1; /* レイヤー階層を更にひとつ下に落とす */
    }
      #gallery a:active img,
      #gallery a:focus img {
        width: 480px;
        height: 480px;
        position: relative; /* z-index を指定するため */
        z-index: 1; /* レイヤー階層を更にひとつ下に落とす */
      }

/*---- ギャラリー END ----*/