@charset "utf-8";
/* ************************
title:main.css
************************** */

/*********************
* style reset
*********************/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6,
pre, form, fieldset, input, textarea, p, blockquote, th, td,img{
padding: 0;
margin: 0;
}
fieldset, img {
border: 0;
vertical-align:bottom;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
ul {
list-style: none;
}
address, caption, cite, code, dfn, em, strong, th, var {
font-weight: normal;
font-style: normal;
}
caption, th {
text-align: left;
}
h1, h2, h3, h4, h5, h6 {
font-weight: normal;
font-size: 100%;
}
q:before, q:after {
content: '';
}
abbr, acronym {
border: 0;
}
dl,dt,dd,form,fieldset,input,textarea,button {
margin:0;
padding:0;
font-size:100%; /*body要素のフォントサイズをinput要素などで継承しないため*/
}
/*********************
* clear 
*********************/
.listShopWrap:after,
.shopList:after,
.shopListWrap:after,
#content:after {
content:".";
display:block;
height:0px;
clear:both;
visibility:hidden;
}
.listShopWrap,
.shopList,
.shopListWrap,
#content {
display:inline-block;
}
/* hides from IE-mac \*/
.listShopWrap,
* html .shopList,
* html .shopListWrap,
* html #content {
height:1%;
}
.listShopWrap,
.shopList,
.shopListWrap,
#content {
display:block;
}
/* End hide from IE-mac */

/*********************
* common
*********************/
body {
font-size:13px;
color:#555;
font-family:"メイリオ",meiryo, Osaka, "ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",sans_serif;
background:url(../images/body.jpg) repeat-x left top;
}
a {
color:#555;
text-decoration:none;
}
a:hover {
text-decoration:underline;
position:relative;
top:1px;
left:1px;
}
h1 {
line-height:30px;
height:30px;
text-align:right;
width:900px;
margin:0 auto;
}
#wrapper {
width:900px;
margin:0 auto;
position:relative;
}
#header {
background:url(../images/taro.jpg) no-repeat right bottom;
}
p#ci {
position:absolute;
left:0px;
top:-30px;
}
p#ci a:hover {
left:0px;
top:0px;
}
p#beta {
position:absolute;
left: 554px;
top: -10px;
}
p#title {
position:absolute;
left: 220px;
top: 30px;
}
#header {
height:120px;
}
#mainContent {
width:650px;
float:right;
}
#subContent {
width:240px;
float:left;
}
#mainContent h2 {
background:url(../images/title-btmContent.gif) no-repeat left top;
width:610px;
height:30px;
padding-top:5px;
padding-left:40px;
color:#fff;
line-height:30px;
clear:both;
}
#mainContent h2.newShop {
background:url(../images/title-main.gif) no-repeat left top;
width:610px;
height:30px;
}
#subContent h3 {
background:url(../images/title-sub.gif) no-repeat left top;
width:200px;
height:30px;
padding-top:5px;
padding-left:40px;
color:#fff;
line-height:30px;
}
.shopListWrap {
width:620px;
padding:10px 10px 10px 20px;
}
.shopList {
width:288px;
margin-right:10px;
margin-bottom:10px;
float:left;
padding:5px;
border:1px solid #eaeaea;
}
.shopList p img {
width:160px;
float:left;
}
.shopList p.shopListMore {
clear:both;
background:url(../images/li.png) no-repeat left center;
padding-left:20px;
}
.shopList p.shopListMore a {
color:#a80100;
}
.shopList p.shopListMore a:hover {
position:relative;
top:2px;
left:2px;
}
.shopList dl {
width:110px;
padding-left:10px;
float:left;
}
.shopList dt {
color:#a80100;
border-bottom:1px solid #aaa;
}
dl.kuchikomiListWrap {
padding:10px 20px;
}
dl.kuchikomiListWrap dl {
padding-left:15px;
}
dl.kuchikomiListWrap dl dt {
float:left;
width:6em;
background:url(../images/kuchikomilist-li.gif) no-repeat left top;
padding-left:16px;
}
dl.kuchikomiListWrap dl dd {
margin-left:8em;
}
#mainContentBtm {
clear:both;
}
#mainContentBtm .btmContent {
width:320px;
float:left;
margin-right:10px;
}
#mainContentBtm .newKuchikomi {
margin-right:0px;
}
#mainContentBtm h2 {
width:280px;
}
.btmContent ol {
padding:10px 20px;
}
.btmContent ol li {
list-style:inside decimal;
}
.btmContent ol li span {
font-size:10px;
}
#subContent {
}
#subContent p {
padding:10px;
}
#subContent dl {
padding:10px;
}
#subContent dl dt {
background:url(../images/li.png) no-repeat left top;
padding-left:18px;
font-weight:bold;
}
#subContent dl dd ul li {
padding-left:16px;
background:url(../images/kuchikomilist-li.gif) no-repeat left top;
}
#subContent  ul {
padding:10px;
}
#subContent dl dd ul {
padding-top:0px;
}
#subContent  ul li {
background:url(../images/li.png) no-repeat left top;
padding-left:18px;
}
#subContent  ul ul {
padding-top:0px;
}
#subContent ul ul li {
padding-left:15px;
background:url(../images/kuchikomilist-li.gif) no-repeat left top;
}
#footer {
padding-top:20px;
padding-bottom:20px;
text-align:center;
background:url(../images/footer.gif) repeat-x left top;
color:#fff;
}
#map {
margin-bottom:5px;
border:1px solid #aaa;
}
.mapPop {
width:150px;
}
.mapPop a {
color:#a80100;
}
#mainContent h2.listShop {
background:url(../images/title-content.gif) no-repeat left top;
padding-top:10px;
}
.listShopWrap {
margin:10px;
border:1px solid #aaa;
padding:10px 20px;
}
.listShopPhotoWrap {
width:210px;
float:left;
}
.listShopPhoto {
width:200px;
padding:4px;
border:1px solid #aaa;
margin-bottom:5px;
}
.listShopWrap ul {
float:left;
width:368px;
padding-left:10px;
}
.listShopWrap ul dt {
background:#CC0000;
color:#fff;
padding-left:5px;
}
.listShopWrap ul dd {
padding-left:5px;
margin-bottom:5px;
}
.listShopWrap h3 {
background:#CC0000;
clear:both;
margin-bottom:5px;
padding-left:5px;
color:#fff;
}
.listShopWrap #shopMap {
border:1px solid #aaa;
width:598px;
height:298px;
margin-bottom:10px;
}
.kuchikomiWho {
border-bottom:1px dotted #aaa;
padding-bottom:3px;
margin-bottom:3px;
font-weight:bold;
}
.kuchikomiNaiyou {
border-bottom:1px solid #aaa;
padding-bottom:5px;
margin-bottom:5px;
}

/* *********************
form
************************* */
#kuchikomi dt {
margin-top:0.2em;
width:9em;
float:left;
}
#kuchikomi dd {
margin-bottom:1em;
padding-bottom:1em;
border-bottom:1px dotted #aaa;
}
form#kuchikomi  {
padding:1em;
border:3px solid #ccc;
border-left:20px solid #ccc;
background-color:#fafafa;
}
#kuchikomi fieldset {
border:none;
}
#kuchikomi input,#kuchikomi textarea {
padding:0.2em;
border:1px solid #aaa;
}
#kuchikomi textarea {
width:30em;
}
#kuchikomi optgroup {
color:#000;
background-color:#fcfcfc;
}
form#kuchikomi  p {
margin:0 auto;
width:8em;
}
#kuchikomi button {
padding:0.2em 1em 0.2em 1em;
border-top:3px double #bbb;
border-bottom:3px double #666;
border-left:3px double #bbb;
}
#kuchikomi button:active {
border-top:3px double #666;
border-right:3px double #bbb;
border-bottom:3px double #bbb;
border-left:3px double #666;
}
#kuchikomi input.iefocus,
#kuchikomi textarea.iefocus,
#kuchikomi input:focus,
#kuchikomi textarea:focus {
background:#ffc;
}
.fs9 {
font-size:9px;
}

dl#toukou dt {
text-align:center;
cursor:pointer;
margin-bottom:10px;
}
dl#toukou dd {
display:none;
margin-bottom:10px;
}
.tal {
text-align:left;
}
.hidden {
display:none;
}
dl#toukou dd dl.preview dt {
text-align:left;
}
dl.kuchikomiListWrap dt a {
font-weight:bold;
}
.btmContent ol li span.fwb {
font-weight:bold;
font-size:14px;
}
.ad {
width:300px;
margin:5px auto;
}
.linkBtm {
width:500px;
margin:20px auto;
padding:8px;
border:2px solid #f00;
}