/*ページ全体の設定*/
body{
background-image:url(img/kabe2.jpg); /*壁紙設定自分が使う壁紙に変更する*/
background-repeat:repeat;/*繰り返さない場合はno-repeatに変更*/
font:"メイリオ", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";/*フォントの指定*/
color: #333333;/*全体で使う文字の色*/
margin:0px;
padding:0px;/*隙間を空けないように指定します*/
}

/*コンテンツ　実際に使うページの設定*/
#contents{
width:900px;/*横幅を900pxで指定*/
margin:0 auto;
background-image:url(img/main.gif);/*コンテンツ内の背景(サイズをぴったりにすること）*/
background-repeat:repeat-y; /*縦に繰り返し*/
position:relative;/*相対的な位置へ配置*/
font-size:80%;/*文字は見やすいように少し小さめに設定*/
}


/*★ヘッダー部分の設定★*/

#header {
 width:900px;/*横幅指定*/
 min-height:110px;
 height:auto !important;/*縦幅指定*/
 height:110px; /*ヘーダーの高さメニュー部分まで合わせたサイズを指定*/
 background:url(img/hback.gif) top right no-repeat;/*位置を右上に設定　背景画像が小さい時繰り返しの指定*/
}

#header h1 {
 margin:0;
}

#header ul {
 margin:0;
 padding:8px 10px 3px 10px;
 font-size:70%;
 text-align:right;
}

#header li {
 margin:0p;
 line-height:1.32em;
}

#header div {
 clear:both;
}

#header div img {
 border-top:1px solid #fff;
}

#header img {
 float:left;
}


#menu img {
 width:180px;
}

#header a {
 color:#33ccff;
 font-size:12;
 text-decoration:none;
 background-color:#FFFFFF;
}

/*★スライダ背景の透過★*/
.cube {
  width: 900;
  height: 310;
  background-color: rgba(255,0,0,0.5);
}

/*上部メニューボタンの設定*/
#navbar{
width: 100%;
height:45px;/*メニューボタンの高さの指定*/
position:absolute;
top:100px;/*上からの位置指定*/
}


/*サイドメニューの設定*/
#side{
width:205px;/*サイドの幅（変更するときはコンテンツ背景も変更すること）*/
position:absolute;
top:440px;/*上からの位置指定メニューページは変更すること*/
left:640px;/*左からの位置指定*/
}


/*メイン部分の設定*/
#main{
width:630px;/*メイン部分の横幅の指定*/
margin-top:15px;/*イメージ画像から間隔をあける指定*/
margin-left:15px;/*左から少し間隔をあける指定*/
}


/*下部のフッター部分の設定*/
address{
background-color:#666666;/*フッターの背景色の設定*/
color:#ffffff;/*文字の色がグレーだと見えないので白に変更*/
width:852px;/*フッターの幅をコンテンツピッタリに指定*/
padding-bottom:10px;/*フッターの下に隙間を空ける設定*/
border:none;
}