@CHARSET "UTF-8";

/* ========================================================
    reset.css => margin,padding等リセットCSS
======================================================== */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}

table {
    font-size: 100%;
    font-family: inherit;
}

fieldset, img {
    border: 0;
}

img {
    vertical-align: top;
}

address, caption, cite, code, dfn, em, th, var {
    font-style: normal;
    font-weight: normal;
}

ol, ul {
    list-style: none;
}

caption, th {
    text-align: left;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
}

q:before, q:after {
    content: '';
}

abbr, acronym {
    border: 0;
}

select, input, textarea {
    font-size: 100%;
}

hr {
    display: none;
}

@CHARSET "UTF-8";

/* ========================================================
    module.css => 共通基本CSS
======================================================== */

/* ClearFix
============================================================================================================ */
.cf {
    zoom: 1;
}

.cf:after {
    content: "."; display: block; height: 0; clear: both; visibility: hidden; line-height: 0;
}


/* float
============================================================================================================ */
.fl { float: left; }
.fr { float: right; }
.cl { clear:both; }


/* text-align
============================================================================================================ */
.tl { text-align: left; }
.tc { text-align: center; }
.tr { text-align: right; }


/* margin
============================================================================================================ */
.mb0 { margin-bottom: 0 !important; }
.mb5 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !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; }
.mt0 { margin-top: 0 !important; }
.mt5 { margin-top: 5px !important; }
.mt10 { margin-top: 10px !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; }
.mr25 { margin-right: 25px !important; }
.ml10 { margin-left: 10px !important; }
.ml25 { margin-left: 25px !important; }

/* padding
============================================================================================================ */
.p10 { padding: 10px !important; }
.pb0 { padding-bottom: 0 !important; }
.pb5 { padding-bottom: 5px !important; }
.pb10 { padding-bottom: 10px !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; }
.pt0 { padding-top: 0 !important; }
.pt5 { padding-top: 5px !important; }
.pt10 { padding-top: 10px !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; }

@charset "utf-8";

/* ========================================================
	template.css => テンプレート用CSS
======================================================== */

body {
	margin:0;
	padding:0;
	font-size:12px;
	line-height:1.4;
	color:#444;
	-webkit-text-size-adjust: 100%;
	background:#f2f2f2;
}

/*--------------------------------------------------

ヘッダー

--------------------------------------------------*/
#navigation{
	padding:15px 10px;
	border-bottom:1px solid #ddd;
	background: -moz-linear-gradient(top, #ffffff, #e5e5e5);  
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e5e5e5));
}

/*--------------------------------------------------

コンテンツ

--------------------------------------------------*/
#container{
	background:#fff;
}


/*--------------------------------------------------

フッター

--------------------------------------------------*/
#copy{
	padding:10px;
	text-align:center;
	font-size:10px;	
}
@charset "utf-8";

/* 店舗一覧
----------------------------------------------------------*/
#shop_list li{
    border-bottom:1px solid #ddd;
    background:url(../bundles/spcmsfront/images/portal/arrow_menu.png) no-repeat right center;
    background-size:19px 15px;
}

#shop_list li a{
    display:block;
    padding:10px;
    text-decoration:none;
    color:#444;
}

#shop_list li img{
    float:left;
    margin-right:10px;
}

#shop_list li p{
    font-size:14px;
    font-weight:bold;
    padding-right:29px;
    height:80px;
    display:table-cell;
    vertical-align:middle;
}

#shop_list .thumb {
    display: table-cell;
    vertical-align: middle;
}

/* エラーページ
----------------------------------------------------------*/
#error{
    padding:10px;
}

#error .box{
    padding:15px;
    border:1px solid #ccc;
}

#error .box strong{
    font-size:16px;
}

#error .box ul{
    margin:0 0 15px 15px;
    list-style:disc;
    color:#c00;
}
