@charset "utf-8";

/* RESET
-----------------------------------------*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    background:transparent;
}
body {
    line-height:1;
    width:100%;
	background:url(../images/box_bg01.png) repeat;
	background-size:2px 2px;
	-webkit-background-size: 2px 2px;
/*   overflow:hidden; */
}
html {
/*	-webkit-text-size-adjust: none; */ /* フォントサイズ自動調整 */
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}
ol, ul {
    list-style:none;
}
blockquote, q {
    quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}
a { -webkit-tap-highlight-color: rgba(255,51,153,0.3) }
/* change colours to suit your needs */
ins {
    background-color: #ff9;
    color: #000;
    text-decoration: none;
}
/* change colours to suit your needs */
mark {
    background-color: #ff9;
    color: #000;
    font-style: italic;
    font-weight: bold;
}
del { text-decoration: line-through }
abbr[title],
dfn[title] {
    border-bottom: 1px dotted;
    cursor: help;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
/* change border colour to suit your needs */
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #cccccc;
    margin: 1em 0;
    padding: 0;
}
input,
select { vertical-align: middle }



/*-----------------------------------------
  1-1.Yahoo Library Font.css
　http://developer.yahoo.com/yui/fonts/

　*Copyright (c) 2006, Yahoo! Inc. All rights reserved.
　*http://developer.yahoo.com/yui/license.txt



	Font-size Adjustment
	
	#10px = 77%
	#11px = 85%
	#12px = 93%
	#13px = 100%
	#14px = 108%
	#15px = 116%
	#16px = 123.1%
	#17px = 131%
	#18px = 138.5%
	#19px = 146.5%
	#20px = 153.9%
	#21px = 161.6%
	#22px = 167%
	#23px = 174%
	#24px = 182%
	#25px = 189%
	#26px = 197%

-----------------------------------------*/


body{ font: 12px/1.231 arial,helvetica,clean,Meiryo,sans-serif; *font-size: small; *font: x-small; }/*通常のブラウザは13px, IE 全般はsmall ,IE 6/7後方互換モードはx-small*/
table{ font-size: inherit; font: 100%; }/*IE 6以前でtableへフォントサイズの継承がうまくいかない問題を回避*/
pre,code,kbd,samp,tt{ font-family: monospace; *font-size: 110%; line-height: 100%; }/*IE　全般でpreやcodeの等幅フォントのサイズが小さくなるのを回避*/


@media print{

body {
_zoom: 67%; /*WinIE only */
}

#altContents {}

}

/* ==================================================================================
/
/  COMMON CSS
/
================================================================================== */

/*module*/

/* ---------------------------------------------
	font Style
--------------------------------------------- */
.fBold { font-weight: bold;}
.fItalic { font-style: italic;}
.fnormal { font-weight: normal;}
.f10{font-size:1rem;}
.f11 { font-size: 11px; font-size:1.1rem;}
.f12 { font-size: 12px; font-size:1.2rem;}
.f13 { font-size: 13px; font-size:1.3rem;}
.f14 { font-size: 14px; font-size:1.4rem;}
.f16 { font-size: 16px; font-size:1.6rem;}
.caution { font-size: 10px; line-height:150%;}
.red{ color:#D51524;}
.green{ color:#5DB700;}


/* ---------------------------------------------
	float
--------------------------------------------- */
.f_l { float: left; *display:inline;}
.f_r { float: right; *display:inline;}


/* ---------------------------------------------
	preset margin 
--------------------------------------------- */
.mt05 { margin-top: 5px !important;}
.mt10 { margin-top: 10px !important;}
.mt12 { margin-top: 12px !important;}
.mt15 { margin-top: 15px !important;}
.mt20 { margin-top: 20px !important;}
.mt25 { margin-top: 25px !important;}
.mt30 { margin-top: 30px !important;}
.mt35 { margin-top: 35px !important;}
.mt40 { margin-top: 40px !important;}
.mt45 { margin-top: 45px !important;}
.mt50 { margin-top: 50px !important;}

.mb01 { margin-bottom: 1px !important;}
.mb03 { margin-bottom: 3px !important;}
.mb05 { margin-bottom: 5px !important;}
.mb10 { margin-bottom: 10px !important;}
.mb12 { margin-bottom: 12px !important;}
.mb15 { margin-bottom: 15px !important;}
.mb20 { margin-bottom: 20px !important;}
.mb25 { margin-bottom: 25px !important;}
.mb30 { margin-bottom: 30px !important;}
.mb35 { margin-bottom: 35px !important;}
.mb40 { margin-bottom: 40px !important;}
.mb45 { margin-bottom: 45px !important;}
.mb50 { margin-bottom: 50px !important;}
.mb60 { margin-bottom: 60px !important;}
.mb75 { margin-bottom: 75px !important;}

.mr05 { margin-right: 5px !important;}
.mr10 { margin-right: 10px !important;}
.mr12 { margin-right: 12px !important;}
.mr15 { margin-right: 15px !important;}
.mr20 { margin-right: 20px !important;}
.mr25 { margin-right: 25px !important;}
.mr30 { margin-right: 30px !important;}
.mr35 { margin-right: 35px !important;}
.mr40 { margin-right: 40px !important;}
.mr45 { margin-right: 45px !important;}
.mr50 { margin-right: 50px !important;}

.ml05 { margin-left: 5px !important;}
.ml10 { margin-left: 10px !important;}
.ml12 { margin-left: 12px !important;}
.ml15 { margin-left: 15px !important;}
.ml20 { margin-left: 20px !important;}
.ml25 { margin-left: 25px !important;}
.ml30 { margin-left: 30px !important;}
.ml35 { margin-left: 35px !important;}
.ml40 { margin-left: 40px !important;}
.ml45 { margin-left: 45px !important;}
.ml50 { margin-left: 50px !important;}

.mlmr05 { margin-left: 5px !important; margin-right: 5px !important;}
.mlmr10 { margin-left: 10px !important; margin-right: 10px !important;}

.mcenter { margin-left:auto !important;margin-right:auto !important;}

/* ---------------------------------------------
	preset padding
--------------------------------------------- */
.pt05 { padding-top: 5px !important;}
.pt10 { padding-top: 10px !important;}
.pt12 { padding-top: 12px !important;}
.pt15 { padding-top: 15px !important;}
.pt20 { padding-top: 20px !important;}
.pt25 { padding-top: 25px !important;}
.pt30 { padding-top: 30px !important;}
.pt35 { padding-top: 35px !important;}
.pt40 { padding-top: 40px !important;}
.pt45 { padding-top: 45px !important;}
.pt50 { padding-top: 50px !important;}

.pb05 { padding-bottom: 5px !important;}
.pb10 { padding-bottom: 10px !important;}
.pb12 { padding-bottom: 12px !important;}
.pb15 { padding-bottom: 15px !important;}
.pb20 { padding-bottom: 20px !important;}
.pb25 { padding-bottom: 25px !important;}
.pb30 { padding-bottom: 30px !important;}
.pb35 { padding-bottom: 35px !important;}
.pb40 { padding-bottom: 40px !important;}
.pb45 { padding-bottom: 45px !important;}
.pb50 { padding-bottom: 50px !important;}

.pr05 { padding-right: 5px !important;}
.pr10 { padding-right: 10px !important;}
.pr12 { padding-right: 12px !important;}
.pr15 { padding-right: 15px !important;}
.pr20 { padding-right: 20px !important;}
.pr25 { padding-right: 25px !important;}
.pr30 { padding-right: 30px !important;}
.pr35 { padding-right: 35px !important;}
.pr40 { padding-right: 40px !important;}
.pr45 { padding-right: 45px !important;}
.pr50 { padding-right: 50px !important;}

.pl05 { padding-left: 5px !important;}
.pl10 { padding-left: 10px !important;}
.pl12 { padding-left: 12px !important;}
.pl15 { padding-left: 15px !important;}
.pl20 { padding-left: 20px !important;}
.pl25 { padding-left: 25px !important;}
.pl30 { padding-left: 30px !important;}
.pl35 { padding-left: 35px !important;}
.pl40 { padding-left: 40px !important;}
.pl45 { padding-left: 45px !important;}
.pl50 { padding-left: 50px !important;}

/* ---------------------------------------------
	border 
--------------------------------------------- */
.b_T { border-top:1px solid #cccccc;}
.b_B { border-bottom:1px solid #cccccc;}
.b_TB { border-top:1px solid #cccccc; border-bottom:1px solid #cccccc;}


/* ---------------------------------------------
	inline align
--------------------------------------------- */
.t_align_l { text-align: left;}
.t_align_c { text-align: center;}
.t_align_r { text-align: right;}
.v_align_b{ vertical-align:bottom !important;}

.pre{white-space: pre;}

* {
	margin:0;
	padding:0;
}
img {
	border:0;
	vertical-align:top;
}
html,body {
	height:100%;
	margin:0;
}

/* GENERAL
-----------------------------------------*/
/*-- 共通 --*/

html {
	background:#FFF;
	font-size:62.5%;
}

body{
	font-size:1.2rem;
	font-size:12px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐ ゴシック", "Osaka", "sans-serif", "Arial";
	color: #333333;
	line-height: 180%;
	-webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -o-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

/* リンクカラー */
a:link { color: #333333; text-decoration: none; }
a:visited { color: #333333; text-decoration: none; }
a:hover { color: #333333; text-decoration: none; }
a:active { color: #333333; text-decoration: none; }
.ov:hover,
.ov img:hover{ filter:alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8;}
/* JqvaScriptで動的に付与 */
.current { cursor: default; text-decoration:none !important; }

/* Floaf Clear */
.clear { clear: both; }

/* start: clearfix ------------------------------ */
.cf {zoom:1;}
.cf:after {
  content: ""; 
  display: block; 
  clear: both;
}
/* */
/* end: clearfix ------------------------------ */
/* フォントカラー */
.red{ color:#D51524;}
/* フォンサイズ */
.f10{font-size:1rem;}

/* ---------------------------------------------
	header
--------------------------------------------- */
header{
	width:100%;
	}
header .txtArea{
	background-color:#E6E6E6;
	height:17px;
	line-height:17px;
	padding-left:12px;
	font-size:1rem;
	font-weight:bold;
	}
header .inner{
	padding:7px 10px 8px;
	}
header h1 img{
	float:left;
	width:38.125%;
	vertical-align:top;
	}
header .info img{
	float:right;
	width:47.8125%;
	vertical-align:top;
	}
/* ---------------------------------------------
	Top
--------------------------------------------- */
#mainVisual{
	background:url(../images/top/main_bg_2015oricon.png) no-repeat;
	background-size:100% auto;
	padding-top:40%;
	margin-bottom:20px;
	}
#mainVisual .inner{
	margin: 0 20px;
	-webkit-box-shadow: 0px 0px 5px #999999;
	-moz-box-shadow: 0px 0px 5px #999999;
	box-shadow: 0px 0px 5px #999999;
	background-color: rgba(255,255,255,0.8);
	padding-bottom: 15px;
	padding-left: 9px;
	padding-right: 9px;
	padding-top: 9px;
}
#mainVisual .inner .ttl img{
	margin-bottom:15px;
	}
#mainVisual .inner .txt01{
	font-weight:bold;
	padding-left:5px;
	background-color:#E6E6E6;
	margin-bottom:10px;
	}
#mainVisual .inner .txt02{
	font-size:1rem;
	}
.post01{
	width:22.678571428%;
	height:28px;
	}
.post02{
	width:27.5%;
	height:28px;
	}
@media all and (orientation:landscape){
.post01{
	width:22.678571428%;
	height:47px;
	}
.post02{
	width:27.5%;
	height:47px;
	}
}
.postImg01{
	width:9.821428571%;
	}
.postImg02{
	width:7.5%;
	}
.btnNext{
	width:25.892857142%;
	float:right;
	}
input{
	border:2px solid #CCCCCC;
	font-size:2rem;
	-webkit-border-radius:0;
	-webkit-appearance:none;
	}
.w100 { width:100%; }
img.w100 { height:auto; }
h3{
	height:45px;
	line-height:45px;
	background-color:#F2F2F2;
	border-bottom:3px solid #D51524;
	font-size:15px;
	font-size:1.5rem;
	}
h3 img{
	width:6.5625%;
	vertical-align:middle;
	padding:0 8px 0 15px;
	}
#shopList{
	padding:10px;
	}
/*アコーディオン
-------------------------------------*/
.acordion{
	font-size:14px;
	font-size:1.4rem;
	}

.trigger{
	display:block;
	cursor:pointer;
	position:relative;
	line-height:40px;
	background-color:#F2F2F2;
	margin-bottom:2px;
	padding-left:13px;
}

.trigger.active{}

.acordion_tree{
	line-height:40px;
}
.acordion_tree li{
	padding-left:13px;
	border-bottom:1px solid #F2F2F2;
	}
.acordion_tree a{
	display:block;
	background:url(../images/common/icon_arrow_r02.png) no-repeat 98% center;
	background-size:10px 15px;
	}
.open-close {
	float:right;
	text-indent:-9999px;
	display:block;
	height:15px;
	width:15px;
	background: url(../images/common/icon_plus.gif) no-repeat;
	-webkit-background-size:15px 15px;
	background-size:15px 15px;
	margin:12px 6px 0 0;
}

.trigger.active .open-close{
	background:url(../images/common/icon_minus.gif) no-repeat;
	-webkit-background-size:15px 15px;
	background-size:15px 15px;
}
#bnArea{
	padding:10px 10px 7px;
	}
nav ul#btmNav{
	border-top:3px solid #D51524;
	}
nav ul#btmNav li img{
	width:11.875%;
	vertical-align:middle;
	padding:0 10px 0 10px;
	}
nav ul#btmNav li a{
	background:url(../images/common/icon_arrow_r02.png) no-repeat 98% center;
	background-size:10px 15px;
	margin-bottom:2px;
	line-height:48px;
	background-color:#F2F2F2;
	display:block;
	font-size:14px;
	font-size:1.4rem;
	}
nav ul#btmNav li a:first-child {
	margin-top:2px;
	}
.btnPc{
	border-top:3px solid #D51524;
	padding:0 10px 15px;
	border-bottom:3px solid #D51524;
	line-height:140%;
	}
.btnPc a{
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
	border:3px solid #CCCCCC;
	height:43px;
	line-height:38px;
	margin:12px 0;
	text-align:center;
	font-weight:bold;
	display:block;
	}
footer{
	padding:10px 0 0 0;
	}
footer div.inner{
	position:relative;
	overflow:hidden;
   }
footer div.inner ul{
	position:relative;
	left:50%;
	float: left;
   }
footer div.inner ul li{
	position:relative;
	left:-50%;
	float:left;
	padding-right:8px;
	margin-right:2px;
	background:url(../images/common/footer_line.gif) no-repeat right center;
	background-size:6px 11px;
	}
footer div.inner ul li:last-child{
	background:none;
	}
#copyright{
	background-color:#D51524;
	height:34px;
	line-height:34px;
	color:#FFF;
	font-size:1rem;
	text-align:center;
	}
/* ---------------------------------------------
	Shop List
--------------------------------------------- */
#shoplist h2{
	background-color:#D51524;
	color:#FFF;
	line-height:45px;
	padding-left:10px;
	}
#shoplist h3 a{
	background-color:#F2F2F2;
	line-height:45px;
	background:url(../images/common/icon_arrow_r02.png) no-repeat 98% center;
	background-size:10px 15px;
	display:block;
	text-decoration:underline;
	color:#179BFF;
	padding-left:10px;
	}
#shoplist h3{
	border-bottom:none;
	font-size:15px;
	font-size:1.5rem;
	}
.pageback{
	background-color:#F2F2F2;
	}
.pageback img{
		width:14.21875%;
		padding:3px 0;
		margin-left:5px;
		}
.box01{
	padding:10px;
	margin-bottom:5px;
	}
.box02{
	padding:10px;
	margin-bottom:25px;
	}
.box03{
	margin:0 10px;
	padding:15px 0;
	background:url(../images/common/icon_arrow_r02.png) no-repeat 98% center;
	background-size:10px 15px;
	border-bottom:1px solid #CCCCCC;
	}
.box03.last{
	border-bottom:none;
	}
a .box03{ display:block;}
.box01 .mainPic,
.box02 .mainPic,
.box03 .mainPic{
	float:left;
	width:40%;
	}
.box01 .mainPic img,
.box02 .mainPic img,
.box03 .mainPic img{
	width:100%;
	height:auto;
	}
.box01 .info,
.box02 .info,
.box03 .info{
	float:left;
	font-size: 1.1rem;
	margin-left:7px;
	width:57.5%;
	word-wrap:break-word;
/*	word-break: break-word;*/
	}
.box01 .info.gallery{
	line-height:150%;
	}
.box02 .info a{
	text-decoration:underline;
	color:#179AFF;
	}
.box03 .info .name{
	text-decoration:underline;
	color:#179AFF;
	font-size:1.4rem;
	font-size:14px;
	font-weight:bold;
	}
.box03 .info .type{
	font-size:1.1rem;
	font-size:11px;
	font-weight:bold;
	}
.box03 .info .priceTxt{
	font-size:1rem;
	font-size:10px;
	font-weight:bold;
	}
.box03 .info .price{
	font-size:1.9rem;
	font-size:19px;
	color:#D51523;
	font-weight:bold;
	}
.box03 .info .price span.txt01{
	font-size:1rem;
	font-size:10px;
	}
.box03 .info .price span.txt02{
	font-size:1rem;
	font-size:10px;
	color: #333333;
	font-weight:normal;
	}

.box01 .info tr{
	display:table;
	}
.box01 .info th{
	padding-right:5px;
	}
.box01 .info td{
	display:table-cell;
	vertical-align:middle;
	line-height:130%;
	}
.box01 .info td a{
	text-decoration:underline;
	color:#179BFF;
	}
#pagerArea{
	position:relative;
	overflow:hidden;
	background-color:#F2F2F2;
   }	
#pagerArea ul.pager {
	  height:39px;
	  line-height:39px;
	  padding:7px 0;
	  position:relative;
	left:50%;
	float: left;
}
#pagerArea ul.pager li {
      margin-right: 8px;
      padding-right: 8px;
	  font-weight:bold;
	  position:relative;
	left:-50%;
	float:left;
	font-size:16px;
	font-size:1.6rem;
}
#pagerArea ul.pager li.next,
#pagerArea ul.pager li.prev{
}
#pagerArea ul.pager li a:link,
#pagerArea ul.pager li a:visited,
#pagerArea ul.pager li a:hover,
#pagerArea ul.pager li a:active {
      color: #179BFF;
      text-decoration: underline;
}
#pagerArea ul.pager li span {
	color:#333333;
}
#pagerArea ul.pager li:last-child{
	margin-right:0;
      padding-right:0;
	  }
/* ---------------------------------------------
	Shop Detail
--------------------------------------------- */
#detail h2{
	background:url(../images/shop/icon_apple.jpg) no-repeat 5px bottom #D51524;
	background-size:45px 46px;
	height:45px;
	line-height:46px;
	padding-left:55px;
	color:#FFF;
	border-bottom:none;
	font-size:15px;
	font-size:1.5rem;
	}
#detail h3{
	padding-left:10px;
	font-size:15px;
	font-size:1.5rem;
	}
.txtBox{
	padding:12px 10px 15px;
	}
.txtBox a{
	color: #179BFF;
      text-decoration: underline;
	  }
.btn_map img{
	width:29.333333333%;
	}
#btnNavi{
	position:relative;
	overflow:hidden;
	margin-bottom:10px;
	}
#btnNavi ul {
	position:relative;
	left:50%;
	float: left;
}
#btnNavi ul li {
	position:relative;
	left:-50%;
	float:left;
}
.snsArea li{
	float:left;
	margin-right:15px;
	}
	
	
.r_btn06 a{
	width:120px;
	line-height:30px;
	color:#FFF;
	background-position:115px center;
	padding-left:5px;
	font-size:12px;
	text-align:left;
	background-color:#D51523;
	background-image:url(../images/arrows02.gif);
	background-repeat:no-repeat;
	padding:10px;
	}



div.SemTag	{
		display:none;
		}
		
.TopMainBnParent	{
		width:100%;
		height:291px;
		}