@charset "UTF-8";
/* CSS Document */

html {
 height:100%;
}

body {
 background: url(img/bg.jpg) repeat #000000;
 margin: 0px;
 padding: 0px;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 0.8em;
 color: #CCCCCC;
 line-height:1.4;
}

p, span, img, ul, li, h1, h2, h3 {
 border: 0px;
 margin: 0px;
 padding: 0px;
}

ul, li {
 list-style-type: none;
}

/* --------------------------------------------------
	all
-------------------------------------------------- */
body > #wrap {
height: auto;
}

#wrap {
 width:876px;
 margin:0 auto;
 padding:0 12px;
 background:url(img/bg-box-1.jpg) repeat-y;
}

/* --------------------------------------------------
	header
-------------------------------------------------- */
#header {
 margin:0 auto;
}

/* ===== menubar ===== */
#menuBar {
 width:828px;
 height:25px;
 margin:0 0 15px;
 padding:10px 24px 0;
 background:url(img/bg-menu-1.png) no-repeat #000000;
}

#gNav li, #gNavG li {
 margin:0 10px;
}

#gNav li, #suvNav li,
#gNavG li, #suvNavG li {
 display:inline-block;
 /display:inline;
 /zoom:1;
}

#gNav, #gNavG {
 float:left;
}

#suvNav, #suvNavG {
 margin:0 10px 0 0;
 /margin:0 5px 0 0;
 float:right;
}

/* === manu_gallery === */
#menuBarG {
 width:828px;
 height:25px;
 margin:0 0 30px;
 padding:10px 24px 0;
 background:url(img/bg-menu-2.png) no-repeat #000000;
}

/* ===== roll_over ===== */
#btmTop a,#btmGallery a,
#btmHelp a, #btmEn a, #btmJa a,
#btmTopG a,#btmGalleryG a,
#btmHelpG a, #btmEnG a, #btmJaG a {
 height:16px;
 display: block;
 overflow:hidden;
 text-indent:-100px;
}

#btmTop a:hover,#btmGallery a:hover,
#btmHelp a:hover, #btmEn a:hover,
#btmTopG a:hover,#btmGalleryG a:hover,
#btmHelpG a:hover, #btmEnG a:hover {
 background-position:0px -18px;
}

#btmJa a:hover, #btmJaG a:hover {
 background-position:20px -18px;
}

/* === top === */
#btmTop a {
 width:33px;
 background:url(img/btm-top.png) no-repeat;
}

#btmGallery a {
 width:63px;
 background:url(img/btm-gallery.png) no-repeat;
}

#btmHelp a {
 width:40px;
 background:url(img/btm-help.png) no-repeat;
}

#btmEn a {
 width:56px;
 padding:0 20px 0 0;
 background:url(img/btm-en.png) no-repeat;
 border-right:#333333 solid 1px;
}

#btmJa a {
 width:43px;
 padding:0 0 0 20px;
 background:url(img/btm-ja.png) no-repeat top right;
 border-left:#666666 solid 1px;
}

/* === gallery === */
#btmTopG a {
 width:33px;
 background:url(img/btm-top-g.png) no-repeat;
}

#btmGalleryG a {
 width:63px;
 background:url(img/btm-gallery-g.png) no-repeat;
}

#btmHelpG a {
 width:40px;
 background:url(img/btm-help-g.png) no-repeat;
}

#btmEnG a {
 width:56px;
 padding:0 20px 0 0;
 background:url(img/btm-en-g.png) no-repeat;
 border-right:#333333 solid 1px;
}

#btmJaG a {
 width:43px;
 padding:0 0 0 20px;
 background:url(img/btm-ja-g.png) no-repeat top right;
 border-left:#666666 solid 1px;
}

/* --------------------------------------------------
	content
-------------------------------------------------- */
#topText {
 position:absolute;
 top:20px;
 left:0px;
}

h2 {
 text-align:center;
}

.cornerBlockA1 {
 width:760px;
 margin:0 auto;
 padding:20px 0;
}

/* --------------------------------------------------
	fotter
-------------------------------------------------- */
#fotter,#copyright {
 width:760px;
 margin:15px auto 0;
}

#copyright {
 width:740px;
 padding:10px;
 background:#333333;
 font-size:0.85em;
}

/* --------------------------------------------------
	style
-------------------------------------------------- */
.line {/* ライン設定 */
 margin:25px 0;
}

.align-R {/*右寄せ*/
 text-align:right;
}

.float-R {/*右に回り込み*/
 margin:0 0 0 15px;
 float:right;
}

.img-M {/* 画像と文章の高さ揃え */
 vertical-align: middle;
}

/* --------------------------------------------------
	link
-------------------------------------------------- */
a {
color:#33aaaa;
text-decoration:underline;
}

a:link {
color:#33aaaa;
text-decoration:underline;
}

a:visit {
color:#33aaaa;
text-decoration:underline;
}

a:active {
color:#666666;
text-decoration:none;
}

a:hover {
color:#666666;
text-decoration:none;
}

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

.clearfix {
  min-height: 1px;
}

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