/* ////////////// 共通設定 ////////////// */

/* 構造 */
body {
  margin: 0;
  background: #eeeeee;
  color: #333;
}

img {
  margin: 0;
  border: none;
}

#container {
  margin: 0 auto; 
  padding: 0;
  width: 1000px;
  background: #ffffff;
  font: 24px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#header {
  width: 1000px;
  height: 42px;
}

#footer {
  width: 1000px;
  height: 35px;
  clear: both;
}

#contents {
  width: 1000px;
}

/* ///////////////トップページ/////////////// */
#contents2 {
  width: 1000px;
  overflow: hidden;
  height: 650px;
}

#top-image {
  width: 500px;
  height: 500px;
  position: relative;
  top: 150px;
  left: 330px;
  text-indent: -9999px;
  background: url(./images/hitsuji1.jpg) no-repeat;
}

#main-menu {
  list-style: none;
}

span.btn {
  display: none;
}

#main-enter a{
  font-size: 36px;
  position: relative;
  top: -260px;
  left: 380px;
}

#main-enter a:hover .btn{
  display: block;
  width: 350px;
  height: 300px;
  background: url(./images/hitsuji5.jpg) no-repeat;
  position: absolute;
  top: -114px;
  left: -90px;
  text-indent: -9999px;
}

#main-aoki a{
  font-size: 42px;
  position: relative;
  top: -540px;
  left: 130px;
}

#main-aoki a:hover .btn{
  display: block;
  width: 350px;
  height: 300px;
  background: url(./images/hitsuji2.jpg) no-repeat;
  position: absolute;
  top: 112px;
  left: 160px;
  text-indent: -9999px;
}

#main-ikeni a{
  font-size: 32px;
  position: relative;
  top: -500px;
  left: 680px;
}

#main-ikeni a:hover .btn{
  display: block;
  width: 350px;
  height: 300px;
  background: url(./images/hitsuji3.jpg) no-repeat;
  position: absolute;
  top: 11px;
  left: -390px;
  text-indent: -9999px;
}

#main-wada a{
  font-size: 48px;
  position: relative;
  top: -200px;
  left: 60px;
}

#main-wada a:hover .btn{
  display: block;
  width: 350px;
  height: 300px;
  background: url(./images/hitsuji4.jpg) no-repeat;
  position: absolute;
  top: -341px;
  left: 229px;
  text-indent: -9999px;
}

#multinews {
  padding: 5px;
  width: 280px;
  position: relative;
  top: -380px;
  left: 695px;
  font-size: 12px;
  border: 1px solid #eee;
}

#allnews {
  background: #eee;
  color: #666;
  font-size: 14px;
  margin: -5px;
  padding: 3px;
}

#tw {
  position: relative;
  top: -520px;
  left: 20px;
  margin-bottom: -250px;
  height: 250px;
  width: 280px;
}

/* /////////////ページ共通////////////// */
#main-contents {
  margin: 0 10px 0 0;
  width: 766px;
  float: left;
}

/* サイドメニュー */
#left-menu {
  margin: 0 10px;
  width: 204px;
  height: 633px;
  background: url(./images/left_bg.jpg) no-repeat;
  float: left;
}

#left-menu ul {
  margin: 0;
  padding: 0;
}

#left-menu li {
  margin: 5px 0;
  text-indent: -9999px;
  list-style: none;
}

#left-menu a {
  width: 204px;
  height: 25px;
  display: block;
}

#left-top a{
  background: url(./images/left_top.png) no-repeat;
}

#left-top a:hover{
  background: url(./images/left_top_on.png) no-repeat;
}

#left-about a{
  background: url(./images/left_about.png) no-repeat;
}

#left-about a:hover{
  background: url(./images/left_about_on.png) no-repeat;
}

#left-news a{
  background: url(./images/left_news.png) no-repeat;
}

#left-news a:hover{
  background: url(./images/left_news_on.png) no-repeat;
}

#left-aoki a{
  background: url(./images/left_aoki.png) no-repeat;
}

#left-aoki a:hover{
  background: url(./images/left_aoki_on.png) no-repeat;
}

#left-ikeni a{
  background: url(./images/left_ikeni.png) no-repeat;
}

#left-ikeni a:hover{
  background: url(./images/left_ikeni_on.png) no-repeat;
}

#left-wada a{
  background: url(./images/left_wada.png) no-repeat;
}

#left-wada a:hover{
  background: url(./images/left_wada_on.png) no-repeat;
}

#left-link a{
  background: url(./images/left_link.png) no-repeat;
}

#left-link a:hover{
  background: url(./images/left_link_on.png) no-repeat;
}

#left-contact a{
  background: url(./images/left_contact.png) no-repeat;
}

#left-contact a:hover{
  background: url(./images/left_contact_on.png) no-repeat;
}

#bline {
  margin: 0;
  height: 6px;
  width: 1000px;
  text-indent:-9999px;
  background: url(./images/border.jpg) no-repeat;
}

ul.subnavi {
  list-style: none;
  width: 766px;
  height: 20px;  
}

ul.subnavi li {
  color: #666;
  font: 12px "MS ゴシック",Osaka,sans-serif;
  float: left;
  margin-top: 10px;
  margin-right: 10px;
  width: 80px;
  height: 25px;
}

.entry-blo {
  margin-top: 20px;
}

/* 文字関連 */

h1,h2,h3,h4,h5,h6,p,ul,address,blockquote {
  font: 14px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

a {
  text-decoration: none;
}

a:link {
  color: #00A5C8;
}

a:visited {
  color: #00A5C8;
}

a:hover {
  color: #FDAB00;
}

a:active {
  color: #FD7E00;
}

h1 a{
  width: 200px;
  height: 42px;
  display: block;
  position: relative;
  top: 0;
  left: 10px;
  text-indent: -9999px;
  background: url(./images/title.png) no-repeat;
}

address {
  width: 317px;
  height: 18px;
  position: relative;
  top: 5px;
  left: 683px;
  display: block;
  text-indent: -9999px;
  background: url(./images/copyright.jpg) no-repeat;  
}

.widget-tag {
  font-size: 12px;
}

.asset-meta {
  font-size: 10px;
}

.content-nav {
  font-size: 12px;
  text-align: right;
}

/* メンバー紹介 */
h3.mname {
  margin-top: 20px;
  font: bold 14px "MS ゴシック",Osaka,sans-serif;
  color: #999966;
}

/*　こどこどについて　*/
h3.wptitle {
  font: bold 14px "MS ゴシック",Osaka,sans-serif;
  color: #999966;
}

p.c1 {
  font: 12px "MS ゴシック",Osaka,sans-serif;
  margin: 0;
}

p.c2 {
  font: 10px "MS ゴシック",Osaka,sans-serif;
  color: #cc6666;
  margin: 0;
}

ul.m1 {
  font: 12px "MS ゴシック",Osaka,sans-serif;
  list-style: none;
}

ul.m2 {
  font: 10px "MS ゴシック",Osaka,sans-serif;
  list-style: none;
  padding-bottom: 20px;
}


/* LightBox */
#lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 100;
  text-align: center;
  line-height: 0;
}

#lightbox img {
  width: auto;
  height: auto;
}

#lightbox a img {
  border: none;
}

#outerImageContainer {
  position: relative;
  background-color: #fff;
  width: 250px;
  height: 250px;
  margin: 0 auto;
}

#imageContainer {
  padding: 10px;
}

#loading{
  position: absolute;
  top: 40%;
  left: 0%;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

#hoverNav{
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

#imageContainer>#hoverNav{
  left: 0;
}

#hoverNav a{
  outline: none;
}

#prevLink, #nextLink{
  width: 49%;
  height: 100%;
  background-image: url(data:image/gif;base64,AAAA);
/* Trick IE into showing hover */
  display: block;
}

#prevLink {
  left: 0;
  float: left;
}

#nextLink {
  right: 0;
  float: right;
}

#prevLink:hover, #prevLink:visited:hover {
  background: url(/images/prevlabel.gif) left 15% no-repeat;
}

#nextLink:hover, #nextLink:visited:hover {
  background: url(/images/nextlabel.gif) right 15% no-repeat;
}

#imageDataContainer{
  font: 10px Verdana, Helvetica, sans-serif;
  background-color: #fff;
  margin: 0 auto;
  line-height: 1.4em;
  overflow: auto;
  width: 100%	;
}

#imageData{
  padding:0 10px;
  color: #666;
}

#imageData #imageDetails{
  width: 70%;
  float: left;
  text-align: left;
}	

#imageData #caption{
  font: 14px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#imageData #numberDisplay{
  display: none;
}			

#imageData #bottomNavClose{
  width: 66px;
  float: right;
  padding-bottom: 0.7em;
  outline: none;
}	 	

#overlay{
  position: absolute;
  top: 0;
  left: 0;
  z-index: 90;
  width: 100%;
  height: 500px;
  background-color: #000;
}