/* body−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−− */

body{
  background : #000000 url(stars_sky1.gif) repeat fixed; 
  margin: 0px;
  padding: 0px;
  text-align: center;
}


img{
  border: 0px;
}


blockquote{
  margin-left: 0px;
  padding-left: 0px;
}


a{
  color: #3cc;
}

a:hover{
  color: #9ff;
}


ul{
  list-style: none;
}


strong{
  color: #f39;
}


em{
  text-decoration: underline;
  font-style: normal;
}


span.quotation{
  font-size: 16px;
}


/* 共通の全体レイアウト−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−− */

#layout{
  width: 750px;
  padding: 0px;
  margin-left: auto;
  margin-right: auto;
}


/* ページトップロゴ−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−− */

#pagetop{
  width: 710px;
  font: 15px "Arial","Helvetica","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
  color: #a9a9a9;
  margin: 10px auto 0px auto;
  padding: 0px;
  text-align: center;
}

#pagetop h1{
  padding: 0px;
  margin: 0px;
}

#pagetop h1 span{
  display: none;
}


/* メニューバー・ロールオーバー −−−−−−−−−−−−−−−−−−−−−−−−−−−−−*/

.menu{
  background : url(line1.gif) no-repeat 0px 37px;
  width: 710px; 
  height: 42px;
  list-style: none;
  padding: 0px;
  margin: 0px;
}

.menu a:hover{
  background-position: -134px 0px;
}

.menu span{
  display: none;
}


.menu_home{
  float: left;
  margin: 10px 15px 3px 0px;
}

.menu_home a{
  background : url(homelogo_contents.gif) no-repeat left top;
  width: 59px;
  height: 21px;
  display: block;
}


.menu_blog{
  float: left;
  margin: 10px 10px 3px 15px;
}

.menu_blog a{
  background : url(bloglogo_contents.gif) no-repeat left top;
  width: 45px;
  height: 21px;
  display: block;
}


.menu_about{
  float: left;
  margin: 10px 15px 3px 15px;
}

.menu_about a{
  background : url(aboutlogo_contents.gif) no-repeat left top;
  width: 134px;
  height: 21px;
  display: block;
}


.menu_mydt{
  float: left;
  margin: 10px 15px 3px 15px;
}

.menu_mydt a{
  background : url(mydtlogo_contents.gif) no-repeat left top;
  width: 62px;
  height: 21px;
  display: block;
}


.menu_gallery{
  float: left;
  margin: 10px 15px 3px 15px;
}

.menu_gallery a{
  background : url(gallerylogo_contents.gif) no-repeat left top;
  width: 70px;
  height: 21px;
  display: block;
}


.menu_gf1{
  float: left;
  margin: 10px 15px 3px 15px;
}

.menu_gf1 a{
  background : url(gf1logo_contents.gif) no-repeat left top;
  width: 39px;
  height: 21px;
  display: block;
}


.menu_bbs{
  float: left;
  margin: 10px 15px 3px 15px;
}

.menu_bbs a{
  background : url(bbslogo_contents.gif) no-repeat left top;
  width: 32px;
  height: 21px;
  display: block;
}


.menu_links{
  float: left;
  margin: 10px 15px 3px 15px;
}

.menu_links a{
  background : url(linkslogo_contents.gif) no-repeat left top;
  width: 39px;
  height: 21px;
  display: block;
}


.menu_mail{
  float: left;
  margin: 10px 0px 3px 15px;
}

.menu_mail a{
  background : url(maillogo_contents.gif) no-repeat left top;
  width: 41px;
  height: 21px;
  display: block;
}



/* フッター・ロールオーバー−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−− */

#page_bottom{
  background : url(line1.gif) no-repeat center top;
  width: 710px;
  margin: 0px auto;
  padding: 0px;
}

#page_bottom span{
  display: none;
}


#bottom{
  width: 710px;
  height: 80px;
  list-style: none;
  margin: 0px;
  padding: 0px;
}

#bottom a:hover{
  background-position: -152px 0px;
}


.back{
  float: left;
  width: 72px;
  margin: 18px 0px 0px 7px;
}

.back a{
  background : url(back.gif) no-repeat left top;
  width: 72px;
  height: 21px;
  display: block;
}


.backpagetop{
  float: right;
  width: 118px;
  margin: 18px 7px 0px 0px;
}

.backpagetop a{
  background : url(pagetop.gif) no-repeat left top;
  width: 118px;
  height: 21px;
  display: block;
}

.next{
  float: right;
  width: 61px;
  margin: 18px 7px 0px 0px;
}

.next a{
  background : url(next.gif) no-repeat left top;
  width: 61px;
  height: 21px;
  display: block;
}


.backhome{
  float: right;
  width: 77px;
  margin: 18px 7px 0px 15px;
}

.backhome a{
  background : url(backhome.gif) no-repeat left top;
  width: 77px;
  height: 21px;
  display: block;
}


.backhomeleft{
  float: left;
  width: 77px;
  margin: 18px 0px 0px 7px;
}

.backhomeleft a{
  background : url(backhome.gif) no-repeat left top;
  width: 77px;
  height: 21px;
  display: block;
}


.backabouttop{
  float: right;
  width: 152px;
  margin: 18px 15px 0px 0px;
}

.backabouttop a{
  background : url(backaboutdt.gif) no-repeat left top;
  width: 152px;
  height: 21px;
  display: block;
}


.back_mydt{
  float: left;
  width: 147px;
  margin: 18px 15px 0px 0px;
}

.back_mydt a{
  background : url(back_mydt.gif) no-repeat left top;
  width: 147px;
  height: 21px;
  display: block;
}


#counter{
  display: none;
}


/* 順路表示ナヴィゲーションのスタイル設定−−−−−−−−−−−−−−−−−−−−−−−− */

#crumbs{
  font: 16px "Arial","Helvetica","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
  margin-top: 6px;
}

#crumbs ul{
  display: inline;
  padding-left: 0px;
  margin-left: 0px;
}

#crumbs ul li{
  display: inline;
}

#crumbs ul li a{

}

#crumbs ul ul li{
  background : url(doublearrow.gif) no-repeat 0px 6px;
  padding-left: 16px;
}


/* 以下、インライン要素用のスタイル−−−−−−−−−−−−−−−−−−−−−−−−−−− */

/* 行間の設定 */

.lh{
  line-height: 22px;
}


/* 回り込み解除 */

.clear{
  clear: both;
}


/* 共通のコンテンツ・スタイル−−−−−−−−−−−−−−−−−−−−−−−−−−−−−− */

/* about用 */

#contents{
  width: 690px;
  font: 15px "Arial","Helvetica","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
  color: #a9a9a9;
  margin: 0px 30px 0px 30px;
  padding: 0px;
  text-align: left;
  line-height: 23px;
}

#contents h1{
  vertical-align: top;
/* ↑これを入れないとIE6で文字の上部が切れる現象発生。その場合paddingで空間を作る必要有り */
  width: 690px;
  color: #fcfcfc;
  text-align: center;
  font-size: 40px;
  font-style: italic;
  font-weight: normal;
  margin-top: 40px;
  line-height: 45px;
/* ↑これを入れないとIE7で文字の下部が切れる現象発生。height属性の指定は不要になる */
}


/* my dt用 */

#contents_mydt{
  width: 710px;
  font: 15px "Arial","Helvetica","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
  color: #a9a9a9;
  margin: 0px 20px 0px 20px;
  padding: 0px;
  text-align: left;
  line-height: 23px;
}

#contents_mydt h1{
  vertical-align: top;
/* ↑これを入れないとIEで文字の上部が切れる現象発生。その場合paddingで空間を作る必要有り */
  width: 710px;
  color: #fcfcfc;
  text-align: center;
  font-size: 40px;
  font-style: italic;
  font-weight: normal;
  margin-top: 40px;
  line-height: 45px;
/* ↑これを入れないとIE7で文字の下部が切れる現象発生。height属性の指定は不要になる */
}


#guide{
  background : transparent url(line3.gif) no-repeat center bottom;
  width: 690px;
  margin: 40px 0px 0px 0px;
  padding: 0px 0px 50px 0px;
}
/* ULセレクタのmargin-left,padding-leftプロパティを0にすると左揃う */


#guide li{
  background : url(shining_star.gif) no-repeat 0px 1px;
  text-indent: 20px;
  margin-top: 20px;
}
/* background（左位置）−text-indent＝20pxを守れば移動自由！！ */