body {background:url("../design/bg.png") 0 0 repeat-x; font:0.9em/1.5 "century", sans-serif;}
h1{padding: 6px 0px 4px 0px; margin: 0px 0px 12px 0px;  border-bottom: 1px solid; font-size:large ; font-family:Century; text-transform: uppercase; font-weight: normal; text-transform:capitalize; text-align:center;}
  
ul.ul-01 {margin:15px 0; list-style:none;}
ul.ul-01 li {padding:2px 0 2px 25px; background:url("../design/ul-01.gif") 0 50% no-repeat; font-size:85%;}
ul.ul-list {margin:15px 0; list-style:none;}
ul.ul-list li {padding:1px 0;}
ul.ul-list span.date {padding-right:10px;}

#main {width:960px; margin:0 auto; overflow:hidden;}
#header {position:relative; height:90px; padding:30px 20px 15px 20px;}
#logo {margin:0;}
#TotalFile{position:absolute; left:20px; top:0px;}
#Login{position:absolute; right:20px; top:0px;}
#plusone{position:absolute; left:200px; top:105px;}
    
#tray {position:relative; width:960px; height:45px; background:url("../design/tray.png") 0 0 no-repeat; overflow:hidden; font:bold 90%/1 "century",sans-serif;}
#tray ul {margin:0 20px; list-style:none;}
#tray li {display:inline;}
#tray li a {display:block; float:left; padding:17px 22px 17px 18px; background:url("../design/tray-separator.gif") 0 0 no-repeat; text-decoration:none;}
#tray li a:hover {background:url("../design/tray-hover.gif");}
#tray li#tray-active a {background:url("../design/tray-active.png");}

#footer {clear:both; padding:20px 20px 40px 20px; font-size:85%;}
#footer p {margin: 0; padding: 20px 20px 20px 20px; letter-spacing: 1px; font-family: century;}

/*ScalesのページのPrev, Nextボタンの配置*/
.PrevButton{position:relative; left:250px;}
.NextButton{position:relative; left:270px;}

/*TheoryのページのPrev, Nextボタンの配置*/
.Prev{position:relative; left:500px;}
.Next{position:relative; left:520px;}
.Zoom{position:relative;left:500px;}

/* ----------------------------------------------------------------------------------------------------------
4-1) Page: Homepage
---------------------------------------------------------------------------------------------------------- */
#col {width:660px; margin:20px 0 0 0; padding:15px 20px 15px 20px; border-style:solid; border-width:1px; font-size:14px; border-radius: 0.5em; -moz-border-radius: 0.5em;}

#infobox{float:right; width:252px; margin:20px 0 0 0;}
.info{float:left; width: 238px; font-family:TB丸ｺﾞｼｯｸR,メイリオ; font-size:x-small; padding:6px 6px 6px 6px; border-style:solid; border-width:1px; border-radius: 0.5em; -moz-border-radius: 0.5em;}
.Additional-Links{float:left; width: 170px; position:relative; top: 5px; font-size:small; padding:20px 40px 20px 40px; border-style:solid; border-width:1px; border-radius: 0.5em; -moz-border-radius: 0.5em;}
.Sponserd-Link{float:left; width: 210px; position:relative; top: 10px; font-size:small; padding:20px 20px 20px 20px; border-style:solid; border-width:1px; border-radius: 0.5em; -moz-border-radius: 0.5em;}

.arc90_linkpic {display: none; position: absolute; left: 0; top: 1.5em;}
.arc90_linkpicIMG {padding: 0 4px 4px 0; background: #fff url(~/images/linkpic_shadow.gif) no-repeat bottom right;} 
.style1{font-family:TB丸ｺﾞｼｯｸR,メイリオ;}
.style2{font-family:Century;}
.watermarked{font-family:TB丸ｺﾞｼｯｸR,メイリオ; font-size:14px; color:gray;}
.td{border-color:#0066FF; border-style:outset; border-width:1px; text-align:center; font-family:Century;}
.Panel{border-color:#507CD1; width:660px;}
.ta{border-color: #0066FF; border-style:outset; border-width:1px; width:560px;}
.tr{border-style:outset; border-width:1px; width:auto;}
.box{border-radius: 0.5em;}