@charset "UTF-8";
/* CSS Document */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, input, p, blockquote, th, td { margin: 0; padding: 0; }
img { border: 0; vertical-align: middle; }
body { font-size: 14px !important; font-family: 'メイリオ', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Meiryo, 'ＭＳ Ｐゴシック', sans-serif; color: #333; line-height: 1.4em; background-color: #FFF; }
section { margin-right: 0; margin-bottom: 20px; margin-left: 0; }
section:after { content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both; }
ul, ol { list-style: none; }
a:link, a:visited, a:active { color: #0972ae; text-decoration: none; }
a:hover { color: #00306d; text-decoration: underline; }
.header_wp { width: 900px; margin-right: auto; margin-left: auto; }
.description h1 { font-size: 12px; text-shadow: 2px 4px 3px rgba(255, 255, 255, 0.8); }
.header_bg { background-color: #56c2ec !important; }
.header_wrap { width: 900px; background-color: #FFF; margin-right: auto; margin-left: auto; }
.logo { float: left; }
.header_shop { float: right !important; width: 550px; margin-top: 2px; font-size: 12px; }
.header_shop li { display: inline-table; width: 120px; border: 1px solid #CCC; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; text-align: center; }
.header_shop li:last-child { margin-right: 0px; }
.header_shop li a { display: block; color: #333; text-align: center; padding-top: 10px; padding-bottom: 10px; }
.header_shop li a:hover { text-decoration: none; }
#wrapper { width: 900px; margin-right: auto; margin-left: auto; font-size: 95%; }
.title_btn { width: 100px; position: absolute; right: 10px; top: 8px; }
.print { width: 150px; position: absolute; right: 140px; top: 8px; }
.detail_Info { width: 60%; float: left; }
.detail_Info dt { width: 4em; float: left; }
.detail_Info dd { padding-left: 4em; margin-top: 3px; margin-bottom: 3px; }
.option li { width: 100px; display: block; text-align: center; font-size: 10px; border: 1px solid #CCC; padding-top: 2px; padding-bottom: 2px; float: left; margin: 2px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #B2B2B2; background-color: #F0F0F0; }
.option .on { color: #FFF; background: #f8b551; border: 1px solid #f8b551; }
.shop_Info { width: 33%; float: right; background-color: #faf7f7; padding: 10px; }
.shop_Info dl { font-size: 85%; }
.ad1 { width: 60%; float: left; }
.shop_Info dt { width: 5em; float: left; }
.shop_Info dd { padding-left: 5em; margin-top: 5px; margin-bottom: 5px; }
.shop_pic img { width: 40%; float: right; }
.gaikan { width: 50%; float: left; text-align: center; }
.gaikan img { /*width: 400px;*/ text-align: center; max-height: 310px; }
.madori { width: 50%; float: right; text-align: center; }
.madori img { text-align: center; max-height: 270px; }
.shopinformation { border: 1px solid #CCC; margin-top: 10px; padding: 5px; margin-bottom: 20px; }
.maple { background-image: url(../images/common/maple.png); background-size: 35px 30px; background-repeat: no-repeat; font-weight: bold; height: 30px; line-height: 30px; font-size: 16px; padding-left: 40px; background-position: 1px; }
.shop img { width: 200px; float: left; }
.info { width: 600px; float: right; }
.info dt { width: 4em; float: left; color: #0068b7; }
.info dd { padding-left: 4.5em; margin-top: 3px; margin-bottom: 3px; }
.copyright { font-size: 12px; color: #FFF; background-color: #434343; text-align: center; padding-top: 5px; padding-bottom: 5px; }