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


body,div,h1,h2,h3,p,ul,ol,li,blockquote,address{
margin:0;
padding: 0;
}
img{
border:0;
}
ul{
list-style-type: none;
}

body{
font-family: Arial, Helvetica;
font-size: 12px;
color: #333;
text-align:center;
}

#container{
width:775px;
text-align:center;
margin:0 auto;
background:url('http://www.photonav.net/line.gif') top left repeat-y;
}
a{color:#3E6089;}
#contents p a{color:#06c;}
#contents p a img{border:2px solid #06c;}
a:visited,#contents p a:visited{color:#800080;}
a:hover,#contents p a:hover{color:#f60;}
#contents p a img:hover{border:2px solid #f60;}

#banner{
text-align:left;
width: 200px;
float: left;
}
#banner a{
text-decoration: none;
}
#banner p{
margin:12px 5px 0;
}

#banner,#logo,#search{
margin-bottom: 12px;
}

#contents{
float:right;
width:525px;
text-align:left;
}

#new{
font-size: 100%;
margin: 1em 0 0;
}
#newtitle,#pan{
margin:1em 0 50px;
padding: 3px 0;
border-top:1px solid #9f9f9f;
border-bottom:1px solid #9f9f9f;
}
#newtitle{
margin-top: 0;
width: 375px;
}
#newtitle li{
line-height:1.5;
}

#pan a{
text-transform: uppercase;
}
#pan h1{
display: inline;
font-size: 16px;
vertical-align: middle;
color:#666;
}

.title{
font-size:14px;
font-weight:bold;
margin-top: 50px;
margin-bottom:1em;
}
.title a{
color:#036;
text-decoration: none;
}

#contents p{
margin-bottom:1em;
line-height:1.5;
}

.price{color:#cb0000;}

.parent{
font-size: 12px;
text-align:right;
margin-right: 25px;
margin-bottom: 50px;
}

#archnextpage{
margin:2em 0;
padding: 3px 0;
text-align:center;
border-top:1px solid #9f9f9f;
border-bottom:1px solid #9f9f9f;
}
#back{
text-align: center;
margin:4em auto;
font-size: 120%;
}

#menu{
width:200px;
float:left;
text-align:left;
}

#search{
padding:12px 0;
text-align: center;
background-color: #c9c3b5;
}
#search .waku{width: 140px;}
#search input{vertical-align: middle;}

.sidetitle{
clear: both;
height: 25px;
background-color:#896361;
color:#fff;
font-size: 100%;
font-weight:bold;
margin-bottom:3px;
padding: 3px 0 3px 3px;
}
.pickup{
background-color:#f36599 !important;
}

.gyou{
clear: both;
font-size: 100%;
font-weight:bold;
margin:0px 5px 3px;
border-bottom: 1px solid #9f9f9f;
}

#menu ul{
clear: both;
float:left;
width: 185px;
margin: 0 5px 1em 5px;
}
#menu ul li{
width: 90px;
float: left;
padding-bottom:0.2em;
line-height:1.5;
}
.nflist{
margin-bottom:2em !important;
}
.nflist li{
float: none !important;
width: 100% !important;
line-height:1.5;
}

address{
clear:both;
width:100%;
font-style: normal;
text-align:right;
}

#catlist,.catlist{
font-size: 16px;
font-weight: bold;
line-height:1.7;
}

.children{
list-style-type: disc;
margin-left: 40px;
margin-bottom:40px;
line-height:1.7;
font-weight: normal;
font-size: 13px;
}


@media screen and (max-width: 775px){
body {
width: 100%;
font-size: 1em;
}
#container {
width: auto;
margin: 10px;
background: none;
position: relative;
padding-top: 120px;
}
#banner,#contents,#menu,#newtitle,#menu ul,#menu ul li {
width: auto;
float: none;
}
#banner,#logo {
position: absolute;
top: 0;
left:0;
right: 0;
height: 120px;
background-color: #89100a;
color:#e9e0d1;
-webkit-border-radius:8px;
}
#banner img,#logo img {
margin: 5px;
border: 2px dotted #ccc;
}
#banner p{
font-size: 12px;
}
#pan h1,.title,.parent,.children {
font-size: 1em;
}
#contents p img {
max-width: 100%;
height: auto;
}
.parent {
margin-right: 10px;
font-size: 1em;
}

#menu ul li,.children {
line-height: 2;
}
address {
text-align: left;
}
}