/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 2.8.1
*/
body {
	font:14px/1.231 "ヒラギノ角ゴ Pro W3";
}
#top{

-moz-box-shadow: 2px 2px 2px rgba(0,0,0,0.4);
-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.4);
-o-box-shadow: 2px 2px 2px rgba(0,0,0,0.4);
-ms-box-shadow: 2px 2px 2px rgba(0,0,0,0.4);
}
h1{
margin:0;
height:30px
}
h2 {
	font-size: 121%;
	text-shadow: 1px 1px 2px #630;
	color: #630;
	margin-bottom: 10px;
}
#wrap {
	padding: 5px 3px;
	background:#ebebeb;
}
#content {
	margin:0px auto;
	width: 310px;
}
#inside{
margin:0px auto;
width:300px;
}
#pickup_head{
background:url('../images/bg_pickup.png');
width:300px;
height:100px;
margin:0;
padding:0;
position:relative;
}
.head_date{
position:absolute;
top:0;
right:0;
font-size:xx-small;
color:#666;
font-family:arial;
	}
#phc{
	position:absolute;
	top:0;left:0;
	padding:40px 10px 0 20px;
	font-size:small;
	color:#666;
	}
#phc strong{
	font-size:medium;
	color:#333;
	}
#pickup_main{
width:300px;
margin:0 auto;
 background-color:#FFE73F;
 filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FFE73F, endColorstr=#FDF7A9);
 background-image:-moz-linear-gradient(top, #FFE73F 0%, #FDF7A9 100%);
 background-image:linear-gradient(top, #FFE73F 0%, #FDF7A9 100%);
 background-image:-webkit-gradient(linear, right top, right bottom, color-stop(0%,#FFE73F), color-stop(100%,#FDF7A9));
 }
.txt{
padding:15px;
font-size:small;
color:#663300;
	}
#inside-left{
float:left;
color:#61747B;
font-size:small;
margin-right:5px;
padding:3px;
font-weight:bold;
text-shadow: 1px 1px 0 #ddd;
background: #ffffff; /* old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%); /* firefox */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f1f1f1), color-stop(51%,#e1e1e1), color-stop(100%,#f6f6f6)); /* webkit */
}
#pager{
height:22px;width:310px;
}
#kai_str{
font-weight:bold;
color:#555;
float:right;
margin:5px 10px 0 0;
font-size:small;
}
#kai{
height:22px;background:white;width:110px;
float:right;
-webkit-border-top-left-radius: 7px;
-webkit-border-top-right-radius: 7px;
-moz-border-radius-topleft: 7px;
-moz-border-radius-topright: 7px;
border-top-left-radius: 7px;
border-top-right-radius: 7px;
}

#kai li,#pager li{
display:block;
float:left;
width:18px;
height:18px;
color:#4A869C;
font-size:x-small;
font-weight:bold;
text-align:center;
margin:4px 0 0 8px;
cursor:hand;
background: #f2f6f8; /* old browsers */
background: -moz-linear-gradient(top, #f2f6f8 0%, #d8e1e7 50%, #b5c6d0 51%, #e0eff9 100%); /* firefox */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f6f8), color-stop(50%,#d8e1e7), color-stop(51%,#b5c6d0), color-stop(100%,#e0eff9)); /* webkit */
}
#pager li a{
text-decoration:none;
color:#4A869C;
}

#kai li.spot,#pager li.spot{
background: #f3c5bd; /* old browsers */
background: -moz-linear-gradient(top, #f3c5bd 0%, #e86c57 50%, #ea2803 51%, #ff6600 75%, #c72200 100%); /* firefox */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3c5bd), color-stop(50%,#e86c57), color-stop(51%,#ea2803), color-stop(75%,#ff6600), color-stop(100%,#c72200)); /* webkit */
color:white;
cursor:hand;
}
.nav_base{

height:35px;
background-color:#91050E;
text-align:center;
padding:10px;
}
nav {
	margin:0px auto;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	background-color: #9A2C33;
	background: -webkit-gradient(linear, left top, left bottom, from(#9D373D), to(#91050E));
	font-size: 107%;
	width: 285px;

-moz-box-shadow: 2px 2px 2px rgba(0,0,0,0.4);
-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.4);
-o-box-shadow: 2px 2px 2px rgba(0,0,0,0.4);
-ms-box-shadow: 2px 2px 2px rgba(0,0,0,0.4);

}
nav li {
	text-align: center;
	float: left;
	font-weight: bold;
	border-left: 1px solid rgba(255,255,255,0.5);
	text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
}
a.bn{
	font-size:107%;
	color:white;
	font-weight: bold;
	text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
	padding:0 5px 5px 90px;
}
nav li.two {
border:none;
}
nav li a {
	display: block;
	font-size: 12px;
	padding: 8px 6px;
}
nav li:first-child {
	border: none;
}
nav li.under {
	border-bottom: none;
}
nav a {
	color: #fff;
	text-decoration: none;
}

h3 {
	background: url(../images/ico_title.png) left top no-repeat;
	padding-left: 20px;
	color: #f4b800;
	margin-bottom: 1em;
	min-height: 23px;
}
p {
	margin-bottom: 1em;
}
aside {
	background-color: #ebebeb;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	padding: 10px;
}
aside p:last-child {
	margin-bottom: 0;
}
footer {
	border-top: 8px solid #ebebeb;
	padding-top: 10px;
}
#btnTop {
	border-radius: 5px;
	background-color: #cbcccf;
	background: -webkit-gradient(linear, left top, left bottom, from(#cbcccf), to(#acaeb0));
	width: 7em;
	font-size: 85%;
	text-align: center;
	float: right;
	margin-right: 10px;
}
#btnTop a{
	text-shadow: 1px 1px 0 #ddd;
	display: block;
	padding: 5px 0;
	color: #444444;
	text-decoration: none;
}

.pagenaviOuter{
  position: relative;
  left: 50%;
  float: left;
  clear:both;
  margin:0;
}
.pagenaviInner{
  position: relative;
  left: -50%;
  text-align:center;  /* IE/macが必要とする */
  margin: 0;
  padding: 0;
}
table#data1{
font-size:small;
color:#606E79;
margin:5px;
}
#data1 th{
background:#E6E6E6;
margin:3px;
padding:3px;
border:1px solid #fff;
}
#data1 td{
padding:5px;
border:1px solid #ccc;
margin:12px 5px 5px 5px;
}
#sort p.ka{
background:url(../../images/ka.gif) no-repeat left 2px white;
padding:5px 7px 0 20px;
margin:0 5px 0 0;
display:float:left;
border-bottom:1px dashed #666;
font-size:x-small;
height:18px;
text-align:left;
float:left;
}
#sort p.step{
background:url(../images/access.gif) no-repeat left 2px white;
padding:5px 7px 0 20px;
margin:0 5px 0 0;
display:float:left;
border-bottom:1px dashed #666;
font-size:x-small;
height:18px;
text-align:left;
float:left;
}
#sort p.ex{
background:url(../../images/ex.gif) no-repeat left 2px white;
padding:5px 7px 0 20px;
margin:0 5px 0 0;
display:float:left;
border-bottom:1px dashed #666;
font-size:x-small;
height:18px;
text-align:left;
float:left;
}
#sort p.key{
background:url(../../images/keyword.gif) no-repeat left 2px white;
padding:5px 7px 0 20px;
padding-top:5px;
margin:0 5px 0 0;
display:float:left;
border-bottom:1px dashed #666;
font-size:x-small;
height:18px;
text-align:left;
float:left;
}

#mad_data p.tags{
background:#FFF6CF;
padding:3px 8px 3px 10px;
margin:5px 2px 0 0;
display:float:left;
border:1px solid #C3AB91;
border-left:5px solid #C3AB91;
font-size:x-small;
text-align:left;
float:left;
}
#mad_data p.address{
background:url(../../images/address.gif) no-repeat left 2px white;
padding:5px 7px 0 20px;
padding-top:5px;
margin:5px 5px 0 0;
display:float:left;
border-bottom:1px dashed #666;
font-size:x-small;
height:18px;
text-align:left;
}
#mad_data p.note{
background:url(../../images/note.gif) no-repeat left 2px white;
padding:5px 7px 5px 20px;
padding-top:5px;
margin:0;
display:float:left;
border-bottom:1px dashed #666;
font-size:x-small;
text-align:left;
}
#sort p.address{
background:url(../../images/address.gif) no-repeat left 2px white;
padding:5px 7px 0 20px;
padding-top:5px;
margin:5px 5px 0 0;
display:float:left;
border-bottom:1px dashed #666;
font-size:x-small;
height:18px;
text-align:left;
float:left;
}
#comu{
width:310px;
padding-top:5px;
clear:both;
}

#authbtn {
  position: relative;
  height: 22px;
  border: none;
  -webkit-border-radius: 11px;
  -moz-border-radius: 11px;
  border-radius: 11px;
  background-color: #980300;
  float:left;
}
#authbtn:before{content:"";display:block;position:absolute;z-index:10;top:4px;left:4px;height:14px;width:14px;background:#FF0000;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;}
#authbtn a{
color:white;
font-size:80%;
padding:6px 30px;
display:block;
white-space: nowrap;
}

#full-border3{position:relative; z-index:10; padding:20px; border:5px solid #f00; background:#ff9600;}
#full-border3:before{content:""; display:block; position:absolute; z-index:-1; top:5px; left:5px; right:5px;bottom:5px; border:5px solid #ffea00; background:#fff;}

footer p {
	clear: both;
	padding: 0;
}
footer img {
	vertical-align: top;
}
footer p:last-child {
	margin: 0;
	background:url(../images/bg_foot.jpg);
	color:white;
	font-weight:bold;
	font-size:x-small:
	display:block;
	padding:5px;
}

section.about{
margin:5px;
background:white;
}
section.about p{
padding:10px;
font-size:small;
line-height:200%;
color:#2C2E38;
}
section.about img{
margin:0;
padding:0;
}

#pan{width:100%;margin:0;padding:0;overflow:hidden;}
#pan > div{
height:80px;width:100%;
display: inline-block;
border: none;
box-shadow: none;
border-radius: 0px;
text-decoration: none;
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #d8d8d8), color-stop(0.00, #ffffff));
background: -webkit-linear-gradient(top, #ffffff 0%, #d8d8d8 100%);
background: -moz-linear-gradient(top, #ffffff 0%, #d8d8d8 100%);
background: -o-linear-gradient(top, #ffffff 0%, #d8d8d8 100%);
background: -ms-linear-gradient(top, #ffffff 0%, #d8d8d8 100%);
background: linear-gradient(to bottom, #ffffff 0%, #d8d8d8 100%);
border-bottom:1px solid #979797;
padding:0;margin:0;
position:relative;
);
}

#pan > span+div{border-top:1px solid #979797;}

#pan > div > p.tree{
height:50px;
width:180px;
position:absolute;left: 90px;top:26px;
border:none;
font-size:11px;
color:#272727;
border:none;
}

#pan > div > h4{
float:left;
margin:5px;
}

#pan > div > h4 > a{
font-size: 14px;
font-weight: bold;
color: #004d6a;
letter-spacing: 0;
text-decoration: underline;
}

#pan > div > p.photo{
float:left;
height:78px;width:78px;overflow:hidden;
margin:0;padding:0;
}

#pan > div > p.photo img{
height:65px;width:65px;
margin:5px;
}

#pan > div > p.tap{
height:78px;
width:30px;
position:absolute;left:270px;top:0px;
}

#pan > div > p.tap a{
border:0;
}
/* clearfix */
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

/*  Page Navigation */

span.boxNavi{
	margin: 1px 2px 5px 2px;
	text-align:center;
	list-style-type: none;
	background-color: transparent;
	text-align:center;
	color:#333;
	font-size:90%;
}
span.boxNavi li{
	display: inline-block;
	margin: 1px 2px 1px 2px;
	padding: 5px 0px 5px 0px;
	font-weight: bold;
	text-align:center;
	border-top: 1px solid lightgrey;
	border-bottom: 1px solid lightgrey;
	border-left: 1px solid lightgrey;
	border-right: 1px solid lightgrey;
}

span.boxNavi li.txt span,
span.boxNavi li a {
	margin: 0;
	padding: 5px 7px 5px 10px;
	text-decoration: none;
	color:#004d6a;
}
span.boxNavi li.this span {
	background-color: #CCCCCC;
}

/* start: clearfix ------------------------------ */
#wrap:after {
content:".";
display:block;
height:0px;
clear:both;
visibility:hidden;
}



/* */
/* end: clearfix ------------------------------ */