/* Default CSS */

body {
}

.clear {
clear:both;
}

/* layout */
#container {
width:760px;
margin:0;
text-align:left;
background:url(../img/texture_03.gif) repeat-y top left;

}

#header {
width:760px;
height:99px;
background:url(../img/texture_01.gif) no-repeat top left;
}

#content {
width:570px;
float:left;
}

*html #content {
margin-right:-3px;
}

#side-content {
width:190px;
float:right;
}

*html #side-content {
margin-right:-3px;
}

#footer {
clear:both;
border-bottom:3px solid #399;
padding-top:50px;

}

/* header */

h1 {
float:left;
padding-top:3px;

}

div#header ul {
float:right;
padding-top:3px;

}

div#header li img{
vertical-align:top;
}


/* footer */

div#footer ul{
padding-left:15px;
}

div#footer ul li{
float:left;
font-size:0.75em;
margin-right:10px;
color:#555;
}

div#footer ul li a{
background:url(../img/list_01.gif) no-repeat left center;
display:block;
text-indent:9px;
color:#555;
text-decoration:none;
}

div#footer ul li a:hover{
color:#ea5531;
text-decoration:underline;
}

div#footer address{
clear:both;
font-family:Arial, Helvetica, sans-serif;
width:570px;
font-size:0.65em;
padding:10px 0 20px 15px;
line-height:1.4;
color:#555;
}

/* content */

h2 {
padding:0;
margin:0;
line-height:0.5em;
}

div#index-content {
width:550px;
margin:10px;
}

div#main-visual {
width:570px;
height:289px;
}
div#main-visual img{
vertical-align:top;
}

div#index-content .article-box01 {
width:265px;
height:265px;
float:left;
margin-bottom:10px;
}

div#index-content .article-box02 {
width:265px;
height:265px;
margin-bottom:10px;
margin-left:285px;
}

*html div#index-content .article-box02 {
margin-left:282px;
}


div#index-content .article-box01 p,
div#index-content .article-box02 p {
font-size:0.75em;
line-height:1.4;
color:#555;
}

div#index-content .article-box01 p.photo,
div#index-content .article-box02 p.photo {
width:265px;
height:165px;
background:url(../img/texture_02.gif) no-repeat top center;
}

div#index-content .article-box01 p.photo img,
div#index-content .article-box02 p.photo img {
margin:5px;
}

div#index-content .article-box01 p.data,
div#index-content .article-box02 p.data {
width:265px;
text-align:right;
background:url(../img/dot_01.gif) repeat-x top left;
color:#7dba9b;
font-family:Geneva, Arial, Helvetica, sans-serif;
margin:5px 0;
padding-top:3px;
}

div#index-content .article-box01 p.data span.icon,
div#index-content .article-box02 p.data span.icon {
padding-right:10px;
}

div#index-content .article-box01 p.data .day,
div#index-content .article-box02 p.data .day {
color:#ea5531;
}

/* side-content */

div#side-content div.side-box {
width:170px;
background:url(../img/texture_04.gif) no-repeat top center;
margin:10px 10px 0 10px;
padding-top:7px;
}

div#side-content div.side-box p {
padding:9px 18px 9px 18px;
font-size:0.75em;
line-height:1.4;
background:url(../img/dot_02.gif) repeat-x top center;
}

div#side-content div.side-box .btn-01 {
width:170px;
height:138px;
background:url(../img/texture_05.gif) no-repeat top center;
}

div#side-content div.side-box .btn-01 img {
margin:13px 0 0 97px;
}



div#side-content div.backnumber {
width:170px;
background:url(../img/texture_14.gif) no-repeat top center;
margin:10px 10px 0 10px;
padding-top:7px;
}

div#side-content div.backnumber p {
padding:9px 18px 9px 18px;
font-size:0.75em;
line-height:1.2;
}

div#side-content div.backnumber h2 {
padding-top:8px;
margin:0 2px 5px 5px;
}

div#side-content div.backnumber .btn-01 {
width:170px;
height:16px;
background:url(../img/texture_15.gif) no-repeat top center;
}

div#side-content div.backnumber .btn-01 img {
margin:13px 0 0 97px;
}




div#side-content div.side-recommend {
width:170px;
margin:0 10px 20px 10px;
background:url(../img/texture_06.gif) repeat-y top center;
}

div#side-content div.side-recommend div.recommend {
width:170px;
background:url(../img/texture_07.gif) repeat-y top center;
margin-top:6px;
}

div#side-content div.side-recommend div.recommend h3{
font-size:0.75em;
font-weight:bold;
margin:0 13px 0 13px;
}

div#side-content div.side-recommend div.recommend p.book{
width:95px;
margin:0 37px 0 37px;
padding:10px 0 15px 0;
}

div#side-content div.side-recommend div.recommend p.recommend-txt{
padding:0 18px 9px 18px;
font-size:0.75em;
line-height:1.4;
}

div#side-content div.side-recommend div.sale {
background:url(../img/texture_08.gif) #399 no-repeat top center;
width:170px;
}

div#side-content div.side-recommend div.sale h2 {
padding-top:39px;
margin:0 10px 10px 10px;
}

div#side-content div.side-recommend div.sale p {
padding:0 12px 9px 12px;
font-size:0.75em;
line-height:1.4;
color:#fff;
}

div#side-content div.side-recommend div.sale a {
color:#fff;
}

div#side-content div.side-recommend div.sale div.btn-02 {
background:url(../img/texture_09.gif) no-repeat bottom center;
}

div#side-content div.side-recommend div.sale div.btn-02 img {
margin:5px 0 5px 97px;
}



div#side-content div.banner img {
margin:0 15px 5px 15px;
}