.clr {
クリア: 両方;
幅: 0px;
高さ: 0px;
オーバーフロー: 非表示;
}
#container{
マージン: 0 自動;
幅:1002px;
}
#header{
高さ: 128px;
背景: グレー url(./top_bg.jpg);
}
#nav li {
width: 90ピクセル;
margin-right: 1px;
float:left;
}
#nav a {
/*font-size: 16px;
line-height: 37px;
font- family: 'Microsoft YaHei';*/
/*テキストを中央に設定*/
font:16px/37px 'Microsoft YaHei','HeiTi',sans-serif;
color:#363636;
表示: ブロック ; width:width:90px;
高さ:37PX; gif);
}
#banner {
margin: 6px 0;
}
#main{
}
#lside {
高さ: 480px;
width: 694px;
border: 1px Solid #EEE;
float: left;
border-top:none;
}
.sub title {
高さ: 37px;
背景: グレー url(./index_main_top_bg.gif);
}
.subtitle img {
margin:5px 0 0 10px;
}
.subtitle h1 {
color: #151515; /*IE カラー互換*/
float: left;
margin-left: 10px;
font:16px/37px 'Microsoft Yahei' 、 SimHei 、 sans -serif;
}
.subtitle a {
ディスプレイ: ブロック;
カラー: #888;
フォント: 12px/37px SimSun,serif;
float:right;
}
.four {
幅: 326px;
高さ: 200px;
背景: #EEE;
マージン: 10px;
float: left;
}
.four img {
フロート: 左;
マージン左: 10px;
パディング: 6px;
背景: 白;
}
.four ul{
マージン左: 10ピクセル;
}
.four li {
background: url(./service_intro_bg.gif) no-repeat;
padding-left: 10px;
}
.four a {
font-size: 12px; /*IE テキスト サイズ互換*/
color:#888;
}
.four a:visited {
color:#808080; }
.four a:hover{
color: #FF832C;
}
.four h2 {
margin: 6 px 0 6px 10px;
フォント-size:16px;
font-family: 'Microsoft Yahei' 、 SimHei 、 sans-serif;
}
#rside {
width: 294px;
float:right;
}
#art {
b背景:#eee;
マージントップ:1px; padding top:10px;つまり、互換性のあるテキスト サイズ*/
line-height: 29px;
color: #888;
height: 29px;
padding-left: 30px;
background: url( ./article_head .gif) 繰り返しなし;
}
#art a:hover{
color: #FF832C;
背景: url(./article_on_bg.gif);
}
#連絡先 {
マージントップ: 1px;
高さ: 249px;
背景: #EEE;
}
#footer {
マージントップ: 15px; 120ピクセル;
}
高さ: 40px;
背景: #EEE;
}
#footer li {
font-size: 12px; /*ie テキスト サイズ互換 */
float: left;
margin-top: 15px;
margin-right: 10px;
}
#footer address {
margin-top: 10px;
font-size : 12px; /*つまり、互換性のあるテキスト サイズ*/
font-family: 'Microsoft Yahei',sans-serif;
}