基本レイアウト
/* ---------------- 基本レイアウト */
#container {
width: 1002px;
margin-right: auto;
margin-left: auto;
background-color: #CCCCCC;
}
#container .inner {
background-color: #FFFFFF;
margin-right: 1px;
margin-left: 1px;
}
#header {
height: 300px;
background-image: url(img/wtr0061-024.jpg);
overflow:hidden;
background-repeat: no-repeat;
background-position: left top;
width: auto;
}
/*
■ヘッダー・タイトル
左寄せにしたい場合はleftの値を20pxに変更
*/
#header h2 ,#header .title {
width: 440px;
font-size: 22px;
line-height: 30px;
padding-left: 20px;
padding-right: 20px;
position: relative;
top: 40px;
left: 320px;
}
/*
■ヘッダー・説明文
左寄せにしたい場合はleftの値を20pxに変更
*/
#header #headertext {
font-size: 13px;
width: 440px;
padding-right: 20px;
padding-left: 20px;
position: relative;
top: 40px;
left: 320px;
}
/*
■ヘッダー・タイトル、説明文
色を変更したい場合は、colorの値を変更。
非表示にする場合は、text-indentのコメントアウトを削除。
*/
#header h2 a, #header h2 a:visited,#header .title a,#header .title a:visited,#headertext {
color: #FFFFFF;
text-decoration: none;
/*text-indent:-9999px;*/
}
#siteNavi {
font-size: 0.8em;
line-height: 1.5em;
margin-bottom:15px;
}
#contents {
_height:10px;
padding-top: 5px;
padding-right: 15px;
padding-bottom: 15px;
padding-left: 10px;
background-image: url(img/contents_bg.jpg);
background-repeat: repeat-y;
min-height:400px;
}
#top {
background-image: url(img/top.gif);
height: 155px;
}
#main{
float: right;
width: 750px;
}
#menu {
width: 200px;
float: left;
padding-top: 10px;
padding-bottom: 10px;
}
#menu:after,#contents:after{
height: 1px;
overflow: hidden;
content: "";
display: block;
clear: both;
}
#footer {
text-align: center;
height: 40px;
line-height: 40px;
background-color: #7CCBEC;
color: #FFFFFF;
border-top-width: 2px;
border-top-style: solid;
border-top-color: #EBEBEB;
}
#footer a{
color: #FFFFFF;
text-decoration: none;
}
.FloatEnd {
clear: both;
display: block;
height: 1px;
}
/* ---------------- 基本レイアウト */
レイアウト関連エントリー
- レイアウト
- コンテナ領域,全体の共通設定,基本レイアウト