* { margin: 0; padding: 0 }
body   { background-image: url("j7img/j7_back.jpg"); background-repeat: repeat-y; background-position: center 0 }
p   { color: #000; font-size: 12px }
a:link   { color: #000; text-decoration: none }
a:visited  { color: #999; text-decoration: none }
a:hover, a:active   { color: #969; text-decoration: none }
.font1  { font-size: 14px; font-family: "Hoefler Text" }
.font2    { color: #f39; font-size: 14px; font-weight: bold; padding-top: 2px; padding-right: 10px; padding-bottom: 2px }
.font3 { font-size: 12px; line-height: 14px; margin-top: 30px }
.font4 { font-size: 9px; line-height: 12px }
.font5 { color: #666; font-size: 12px; font-weight: bold }
.font6 { color: #f33; font-size: 10px; font-weight: bold; line-height: 12px }
.font7 { font-size: 10px; font-weight: bold }
h1 { color: #fc0; font-size: 12px; font-family: "Hoefler Text" }
h2 { color: #fff; font-size: 12px; font-family: "ヒラギノ明朝 Pro W6"; line-height: 18px }
h3 { color: #fff; font-size: 14px; font-family: "Hoefler Text"; line-height: 20px }
h4 { text-indent: -9999px; display: none }
h5 { color: #666; font-size: 12px; font-weight: bold; padding: 2px 10px }
/*------------------
メインレイアウト
------------------*/
#main  { background-image: url("j7img/j7_mainback.jpg"); background-repeat: repeat-y; background-position: center 0; margin-top: 0; margin-right: auto; margin-left: auto; width: 800px }
#mainbase { background-color: #fff; margin-left: 50px; width: 700px }
#head  { background-image: url("j7img/j7_head.jpg"); background-repeat: no-repeat; background-position: center 0; margin-top: 0; width: 700px; height: 100px }
#head2 { text-align: right; padding-top: 10px; padding-right: 10px; width: 200px; height: 20px; float: right }
#title { width: 700px; height: 70px; float: left }
#title-l { background-image: url("j7img/juicy.png"); background-repeat: no-repeat; background-position: 20px 0; text-indent: -9999px; width: 250px; height: 70px; float: left }
#title-r { text-align: right; padding-top: 25px; padding-right: 10px; width: 400px; float: right }
#topill  { background-image: url("j7img/topill-outline.png"); background-repeat: no-repeat; width: 700px; height: 395px; float: left }
#topill-img    { background-image: url("j7img/nenga2010.jpg"); background-repeat: no-repeat; background-position: 15px 15px; width: 700px; height: 395px }
#navi   { width: 700px; height: 40px; float: left; clear: both }
/*------------------
 ナビゲーション
------------------*/
#navi ul   { margin: 0; padding-top: 10px; padding-left: 0; position: relative }
#navi li  { display: block; float: left }
#navi li a    { text-align: center; display: block }
#navi li#top a      { color: #000; font-size: 18px; font-family: "Hoefler Text"; width: 80px; height: 30px }
#navi li#top a:hover      { color: #999; font-size: 18px; font-family: "Hoefler Text"; width: 80px; height: 30px }
#navi li#news a      { color: #000; font-size: 18px; font-family: "Hoefler Text"; width: 80px; height: 30px }
#navi li#news a:hover     { color: #999; font-size: 18px; width: 80px; height: 30px }
#navi li#portfolio a     { color: #000; font-size: 18px; font-family: "Hoefler Text"; width: 120px; height: 30px }
#navi li#portfolio a:hover    { color: #999; width: 120px; height: 30px }
#navi li#profile a    { color: #000; font-size: 18px; font-family: "Hoefler Text"; width: 110px; height: 30px }
#navi li#profile a:hover   { color: #999; width: 110px; height: 30px }
#navi li#contact a     { color: #000; font-size: 18px; font-family: "Hoefler Text"; width: 120px; height: 30px }
#navi li#contact a:hover     { color: #999; font-size: 18px; background-position: 0 0; width: 120px; height: 30px }
#navi li#links a     { color: #000; font-size: 18px; font-family: "Hoefler Text"; width: 80px; height: 30px }
#navi li#links a:hover     { color: #999; font-size: 18px; width: 80px; height: 30px }
#navi li#kimono a     { color: #000; font-size: 18px; font-family: "Hoefler Text"; width: 110px; height: 30px }
#navi li#kimono a:hover     { color: #999; font-size: 18px; width: 110px; height: 30px }