ファイル名：hollywood_cafe/4t/style.css
@charset "utf-8";
/* 基本設定 ここから */
body{
color:#555555;
font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","MS Pゴシック", "MS P Gothic",sans-serif;
margin-top:0px;
margin-right:0px;
margin-bottom:0px;
margin-left:0px;
padding-top:0px;
padding-right:0px;
padding-bottom:0px;
padding-left:0px;
background-color:#999999;
}
a:link{
color:#55555;
text-decoration:none;
}
a:visited{
color:#888888;
text-decoration:none;
}
a:hover{
color:#FF6600;
text-decoration:none;
}
a:active{
color:#000000;
text-decoration:none;
}
h1,h2,h3{
margin-top:0px;
margin-right:0px;
margin-bottom:0px;
margin-left:0px;
padding-top:0px;
padding-right:0px;
padding-bottom:0px;
padding-left:0px;
}
img{
border:0;
}
/* 基本設定 ここまで */
/* レイアウト設定 ここから */
#pageBody{
width:760px;
margin-top:20px;
margin-right:auto;
margin-left:auto;
background-color:#FFFFFF;
background-image:url(images/top/body_bg.jpg);
background-repeat:repeat-y;
}
#pageTop{
background-image:url(images/top/body_bg_t.jpg);
background-repeat:no-repeat;
background-position:top left;
padding-top:70px;
padding-right:30px;
padding-bottom:0px;
padding-left:30px;
}
/* レイアウト設定 ここまで */
インライン要素の中にも、幅（width）や高さ（height）を持つ、インラインブロック要素と呼ばれるものがあります。レイアウトに関する決まり事はブロックレベル要素、文法上はインライン要素として扱います。具体的にはimg要素、input要素、object要素、select要素、textarea要素の5つです。
インライン要素の中でも、属性に入力される値などによって内容が置き換えられ、その内容寸法（サイズ）で認識される要素を、置換要素といいます。具体的にはimg要素、input要素、object要素、select要素、textarea要素の5つです。
img要素を例とします。src属性で画像ファイルAを呼び出すと、img要素の内容が画像ファイルAに置き換わります。このとき、画像ファイルAが持っている幅と高さが、そのimg要素の幅と高さとして認識されます。
次にsrc属性の値を、画像ファイルAから画像ファイルBに変更します。img要素の内容が画像ファイルBに置き換わります。ので、画像ファイルBが持っている幅と高さが、そのimg要素の幅と高さとして認識されます。
なお、置換要素以外のインライン要素は、非置換インライン要素と呼びます。