/*
Theme Name: album
Theme URI: 
Description:
Version:
Author:
Author URI:
*/

body,div,h1,h2,h3,p,ul,ol,li,blockquote,address,form,input{
margin:0;
padding: 0;
}
img{
border: 0;
}
ul{
list-style: none;
}
body{
font-family: Arial, Helvetica;
font-size:small;
color: #666;
background-color:#393939;
text-align:center;
}

#banner{
text-align:left;
width: 800px;
margin:0 auto;
padding-top:25px;
background-color:#fff;
}

#logo{
margin-left:15px;
margin-bottom:8px;
font-size:16px;
letter-spacing:-0.15em;
font-weight:bold;
}
#logo a{
text-decoration: none;
color:#ee8eb1;
}
#logo a:hover{color:#edc4d3;}
#logo span{
color:#999;
padding-left:0.2em;
}

#banner p{
font-size:12px;
padding:0 0 15px 15px;
border-bottom:1px solid #999;
}

#banner ul{
width:100%;
height:auto;
float:left;
font-size:16px;
list-style:none outside;
background-color:#f5f5f5;
border-bottom:1px solid #999;
}
#banner ul li{
float: left;
text-align: center;
text-transform: uppercase;
background-color:#f5f5f5;
}
#banner ul li a{
display: block;
width:125px;
text-decoration: none;
color:#999;
padding-top:0.5em;
padding-bottom:0.5em;
}
#banner ul li a:hover{
color:#fff;
background-color:#edc4d3;
}

li#srform{
float:right!important;
text-align: right!important;
}
li#srform #search{padding-top:0.25em; padding-right:15px;}
li#srform .waku{width: 150px;}

#container{
clear:both;
width:800px;
text-align:center;
margin:0 auto;
background-color:#fff;
}

a{color:#036;}
a:visited{color:#800080;}
a:hover{color:#edc4d3;}

#contents{
float:right;
width:525px;
text-align:left;
}
#contents h1{
margin:25px 15px 50px 0;
border-bottom:1px solid #999;
font-size: 135%;
color:#595959;
}
.title{
font-size:14px;
font-weight:bold;
margin-top: 50px;
margin-bottom:1em;
}
.title a{
color:#036;
text-decoration: none;
}
#contents p{
margin-right:15px;
margin-bottom:1em;
line-height:1.5;
}
.parent{
font-size: 12px;
text-align:right;
margin:0 15px 50px 0;
}

#archnextpage{
margin:2em 15px 2em 0;
padding: 3px 0;
text-align:center;
border-top:1px solid #999;
border-bottom:1px solid #999;
}

#menu{
width:235px;
padding-top:25px;
padding-left:15px;
float:left;
text-align:left;
}
.sidetitle{
height: 25px;
background-color:#ee8eb1;
color:#fff;
font-size: 100%;
font-weight:bold;
margin-bottom:3px;
padding: 3px 0 3px 3px;
}
#menu ul{
width: 185px;
margin: 0 5px 2em;
}
#menu ul li{
padding-bottom:0.2em;
}

#back{
clear:both;
padding:4em 0 4em 275px;
text-align: left;
background:url('http://www.ike-men.info/imgs/line2.gif') bottom left no-repeat;
}

address{
clear:both;
width:800px;
color:#fff;
font-size:12px;
padding:1em 0;
font-style: normal;
text-align:right;
}

#catlist{
list-style-position: inside;
line-height:2;
}

#adbtm{
margin:2em 0;
}

@media screen and (max-width: 800px){
body {
width: 100%;
font-size: 1em;
background:none;
}
#banner,#container,address,#contents,#menu,#menu ul {
width: auto;
}
#contents,#menu {
float: none;
}
#banner {
padding-top: 10px;
}
#logo,#contents h1,.title,#adbtm {
margin-left: 10px;
}

#banner ul li a {
width: 105px;
}
li#srform {
margin-bottom: 10px;
}
li#srform #search {
padding-top: auto;
padding-right: 10px;
}
li#srform .waku {
width: 220px;
}
#contents p,#archnextpage {
margin-left: 10px;
margin-right: 10px;
}
#contents p img {
max-width: 100%;
height: auto;
}
.title {
font-size:1em;
}
#contents h1,.title {
padding-top: 10px;
clear: both;
}
#menu ul {
line-height: 2;
}
#back {
padding: 0;
background: none;
text-align: center;
}
address {
color: #666;
text-align: center;
}
}