「鳥ページ」のスタイル

#container {
width: 858px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}

/* ヘッダーデザイン
-----------------------------------------------*/
#header {
background-image: url(images/main_top.gif);
background-repeat: no-repeat;
height: 80px;
margin-top: 0;
margin-right: 0px;
margin-bottom: 0;
margin-left: 0px;
}

#logo {
float:left;
height:50px;
width:290px;
background-image: url(images/tori1.gif);
background-repeat: no-repeat;
background-position: 30px 30px;
padding-top: 30px;
padding-right: 0;
padding-bottom: 0;
padding-left: 50px;
list-style-type: none;
}
#logo a {color:#000000; font-size:24px; text-decoration:none; text-transform:uppercase;}

#menu {
float:right;
height:30px;
width:400px;
padding-top: 50px;
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
}
#menu ul,
#logo ul {
margin:0;
padding:0;
list-style-type: none;
}
#menu ul li {
display:inline;
list-style-image: none;
list-style-type: none;
}
#menu ul a {
display:block;
float:left;
font-size:12px;
text-decoration:none;
padding:0 10px 2px 10px;
color:#000000;
list-style-type: none;
}
#menu ul a:hover {background-color:#F7F2EE;}

/* 記事の段落
-----------------------------------------------*/
#content{
background-color: #FFFFFF;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
width: 100%;
text-align: left;
float: left;
}
#content p {
margin-right: 20px;
margin-left: 20px;
}

/*左サイドバー*/
#sidebar{
float: left;
width: 200px;
display: inline;/*カラム落ちを防ぐため*/
background-color: #FFFFFF;
margin-top: 0;
margin-right: 20px;
margin-bottom: 0;
margin-left: 20px;
padding-top: 20px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
#sidebar h2 {
background-image: url(images/tori_b.jpg);
background-repeat: no-repeat;
font-size: 10pt;
text-indent: 50px;
line-height: 3em;
margin-top: 10px;
margin-bottom: 10px;
}

#main {
float: right;
width: 600px;
background-color: #FFFFFF;
display: inline;
padding-top: 20px;
padding-right: 0px;
padding-bottom: 15px;
padding-left: 0px;
}
#main img {
float: left;
margin-top: 0px;
margin-right: 10px;
margin-bottom: 10px;
margin-left: 10px;
}

 

/* 画像デザイン
-----------------------------------------------*/

.gallery{
background-color:#fff;
padding: 0px;
float:left;
text-align:center;
width: 100%;
margin: 0px;
}
.gallery .picture {
float:left;
width:406px;
border:solid 1px #D1D1D1;
background-color:#f2f2f2;
margin-top: 5px;
margin-right: 5px;
margin-bottom: 5px;
margin-left: 12px;
}

.gallery .picture_2{
float: left;
margin: 5px;
width:156px;
text-align:center;
border:solid 1px #F73602;
background-color:#f2f2f2;
}

.gallery .picture .image {
width:400px;
height:265px;
margin:3px;
}

.gallery .picture_2 .image {
width:150px;
height:150px;
margin:3px;
}
.gallery .footer {
text-align:center;
width: 406px;
border-top:solid 1px #D1D1D1;
color:#598400;
font-weight:normal;
padding-top: 7px;
padding-bottom:7px;
margin-top: 10px;
}

/*フッターのデザイン
-----------------------------------------------*/
#footer {
height:149px;
clear:both;
text-transform: uppercase;
font-size:10px;
color:#5c5c5c;
background-image: url(images/last.gif);
background-repeat: no-repeat;
}

#footer p {
text-align: right;
padding-top: 10px;
padding-right: 10px;
}
.right {
text-align: right;
padding-right: 10px;
}