@charset "utf-8";

/* ---------------------------------------------
　layout modules
------------------------------------------------ */

/* base modules
------------------------------------------------ */
.content p,
.content ul,
.content dl,
.content ol,
.content table{
	margin: 15px 0 0;
	line-height:1.8em;
}

.content ul p, .content ul ul, .content ul dl, .content ul ol, 
.content dl p, .content dl ul, .content dl dl, .content dl ol, 
.content ol p, .content ol ul, .content ol dl, .content ol ol, 
.content table p, .content table ul, .content table dl, .content table ol{
	margin: 0;
}

.content p img, .content dl img, .content ul img {
	vertical-align: middle;
}

/* common modules
------------------------------------------------ */

/* ------ text --------------------------------- */

.small    { font-size:87%;  }
.x-small  { font-size:78%;  }

.large    { font-size:107%; }
.x-large  { font-size:120%; }

.attention{ color: #FF3366;   }
.bold     { font-weight:bold; }


/* ------ position ----------------------------- */

.center{ text-align: center; }
.right { text-align:right;   }
.left  { text-align:left;    }

.top   { vertical-align:top;    }
.bottom{ vertical-align:bottom; }
.middle{ vertical-align:middle; }

.float-l{ float: left;  }
.float-r{ float: right; }
.clear  { clear: both;  }

.img-l{ float:left;  margin:0 25px 10px 0; }
.img-r{ float:right; margin:0 0 10px 25px; }

.column-image-left { margin-top: 10px !important; }
.column-image-center { margin-top: 10px !important; }
.column-image-right { margin-top: 10px !important; }

.nowrap { white-space:nowrap;}

.acms-entry h2,
.acms-entry h3,
.acms-entry h4,
.acms-entry h5,
.acms-entry h6,
.acms-entry dl {
	margin-left: 0 !important;
	margin-right: 0 !important;
}



/* ------ other -------------------------------- */

.spview{ display:none; }

a.telephone,
a.telephone:active{
	color:#333;
	text-decoration:none;
	cursor:default;
}


/* --- line --- */

.hr{
	clear:both;
	font-size:1px;
	height:1px;
	background:url(../images/bg_line_001.png) repeat-x 0 100%;
	margin-top:40px;
}

.hr hr{	display:none; }

/* --- anchor --- */

.anchor{
	background:url(../images/icon_arrow_001.png) no-repeat 0 0.2em;
	padding-left:20px;
}

/* --- ext icon --- */

a[href$='.xls'], a[href$='.xlsx']{
	background: url(../images/fileicon/xls.png) no-repeat 100% 50%;
	padding-right: 25px;
}

a[href$='.doc'], a[href$='.docx']{
	background: url(../images/fileicon/doc.png) no-repeat 100% 50%;
	padding-right: 25px;
}

a[href$='pdf']{
	background: url(../images/fileicon/pdf.png) no-repeat 100% 50%;
	padding-right: 25px;
}

a[href$='ppt']{
	background: url(../images/fileicon/ppt.png) no-repeat 100% 50%;
	padding-right: 25px;
}

/* --- openwin --- */

.openwin{ margin-left:5px; }

/**/

.content .detail-link{
	text-align:right;
	margin-top:-20px;
	font-size:87%;
}


/* ------ title -------------------------------- */

/* h2 */

.content h2{
	clear:both;
	margin:30px 0 0;
	font-weight:bold;
	font-size:129%;
	color:#fff;
	background:url(../images/bg_title2.png) repeat-x 0 100%;
	padding:8px 10px 8px 20px;
	border-radius:5px; 
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
}
.content h2 a:link          { text-decoration:none;color:#fff; }
.content h2 a:visited       { text-decoration:none;color:#fff; }
.content h2 a:hover,a:active{ text-decoration:none;color:#fff; }

/* h3 */

.content h3 {
	clear:both;
	margin:30px 0 0;
	font-weight:bold;
	font-size:120%;
	border-top:2px dotted #94AB6D;
	border-bottom:2px dotted #94AB6D;
	padding:10px 0;
}

/* h4 */

.content h4{
	clear:both;
	font-weight:bold;
	margin:30px 0 0;
	padding:10px 20px;
	background:#F0EFE1;
	border-radius:5px; 
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
}

/* h5 */

.content h5 {
	clear:both;
	margin:15px 0 0;
	font-weight:bold;
	color:#3F6A00;
}


/* css reset */

.content h2.none, 
.content h3.none, 
.content h4.none{
	padding:0;
	background:none;
	border:0;
}


/* ------ ul ----------------------------------- */

.content ol li {
	list-style-type:decimal;
	margin-left: 25px;
	margin-bottom:5px;
}

.content ol li ul.rice li {
    list-style-type: none;
    margin-left: 0px;
}

.content ol.list-l-alpha li{
	list-style-type: lower-alpha !important;
}

/* --- normal list --- */

.list li{
	background:url(../images/icon_list.png) no-repeat 0 0.5em;
	padding-left:15px;
	margin-bottom:5px;
}

/* --- link list --- */

.link li{
	background:url(../images/icon_arrow_001.png) no-repeat 0 0.4em;
	padding-left:20px;
	margin-bottom:5px;
}

/* --- number list --- */

ol li {
	list-style-type:decimal;
	margin-left:25px;
	margin-bottom:5px;
}

ol ul li{
	list-style-type:none;
	margin-left:10px;
}

/* --- attention list --- */

.rice li{
	margin:0 0 5px 1em;
	text-indent:-1em;
}

/* --- compact list --- */

.compact li{
	display:inline;
	margin-right:10px;
}

/* --- within list --- */

.within{
	display:table;
	width:100%;
}

.within li{
	display:table-cell;
	width:25%;
	background:url(../images/icon_down.png) no-repeat 0 0.4em;
}

/* ------ dl ----------------------------------- */

/* --- normal list --- */

.list dt{
	background:url(../images/icon_list.png) no-repeat 0 0.5em;
	padding-left:20px;
	font-weight:bold;
}

.list dd{
	padding-left:15px;
	margin-bottom:1em;
}

/* --- link list --- */

.link dt{
	background:url(../images/icon_arrow_001.png) no-repeat 0 0.5em;
	padding-left:15px;
	font-weight:bold;
}

.link dd{
	padding-left:15px;
}

/* --- news --- */

.news dt {
	font-size:87%;
}

.news dd {
	margin-bottom:15px;
}

/* --- FAQ --- */

.faq dt {
	background: url(../images/icon_faq_q.png) no-repeat 5px 0.3em;
	padding: 10px 5px 15px 50px;
	margin: 15px 0 0 0;
	font-weight: bold;
	font-size: 105%;
}

.faq dd {
	background: url(../images/icon_faq_a.png) no-repeat 5px 0.3em;
	padding: 5px 5px 15px 50px;
	border-bottom: 1px solid #ddd;
}


/* --- sitemap --- */

.content dl.sitemap dt{
	float:left;
	clear:left;
	width:10em;
}

.content dl.sitemap dd{
	padding:0 0 10px 12em;
	border-bottom:1px solid #ccc;
	margin-bottom:10px;
}


/* ------ layout frame ------------------------- */

.content .layout-frame {
	clear: both;
	margin-left: -20px;
}

.content .layout-3col {
	margin-left: -15px;
}

.content .layout-unit {
	float: left;
	display: inline;
	margin-left: 20px;
}

.content .layout-3col .layout-unit {
	margin-left: 15px;
}

/* 720px */
.grid-1 { width: 60px; }
.grid-2 { width:110px; }
.grid-3 { width:170px; }
.grid-4 { width:230px; }
.grid-5 { width:290px; }
.grid-6 { width:350px; }
.grid-7 { width:410px; }
.grid-8 { width:470px; }
.grid-9 { width:530px; }
.grid-10{ width:590px; }
.grid-11{ width:650px; }

.grid-12{ width:200px; }

.grid-13{ width:626px; }

.grid-14{ width:500px; }

.area-store .grid-14{ width:505px; }

.area-store .grid-14 img:first-child.line{
	margin-right:64px;
}

.area-store .grid-14 .line{
	display:block;
	float:left;
	margin-right:49px;
}


/* ------ インデックス ------------------------- */

.index {
	clear: both;
	margin: 0 0 0 -20px;
}

.index ul li{
	float:left;
	margin:0 0 20px 20px;
	font-size:107%;
}

.index ul li a{
	display:block;
	width:350px;
	padding:10px 10px 10px 50px;
	border:3px solid #F0F0E1;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	background:#fff url(../images/icon_arrow_001.png) no-repeat 30px 50%;
}

.index ul li.coinlaundry a{
	background:#FCFAF2 url(../images/icon_arrow_001.png) no-repeat 30px 50%;
	border:3px solid #badf7f;
}

.index ul li a:link,
.index ul li a:visited,
.index ul li a:hover,
.index ul li a:active{
	text-decoration:none;
	color:#333;
}

.index ul li a:hover{
	background:#F0F0E0 url(../images/icon_arrow_001.png) no-repeat 30px 50%;
}

.index dl {
	position: relative;
	float: left;
	display: inline;
	margin-left: 20px;
	width: 318px;
	cursor: pointer;
	border:3px solid #F0F0E1;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	background:#fff;
}

.index dt {
	margin-bottom: 5px;
	font-weight:bold;
	padding:20px 10px 0 15px;
}
.index dt a {
	background:url(../images/icon_arrow_001.png) no-repeat 0 50%;
	text-decoration:none;
	padding-left:15px;
}

.index dd {
	margin-bottom: 5px;
}

.index .thumb {
	width: 80px;
	float: left;
	display: inline;
	padding:9px 14px;
}

.index .description {
	line-height: 1.5;
	margin-left: 100px;
	margin-top:14px;
	padding: 0 17px 0 0 ;
	font-size: 84%;
}

.index .link {
	margin-left: 105px;
	text-align: right;
	font-size: 84%;
	padding: 0 17px 0 0;
}
.index .link a {
	padding: 0 0 0 15px;
	background:url(../images/icon_arrow_001.png) no-repeat 0 50%;
}

/* ------ social media ------------------------- */

.social{
	margin-top:20px;
}

.social ul li{
	float:left;
	margin-right:10px;
}

.social .facebook{
	clear:both;
	margin-top:15px;
}

.social ul:after {
	visibility:hidden;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
	height:0;
}
* html .social ul             { zoom:1; } /* IE6 */
*:first-child+html .social ul { zoom:1; } /* IE7 */



/* ------ table -------------------------------- */

table{
	border-collapse:collapse;
	width:100%;
	border:1px solid #A4A291;
}

table th,
table td{
	padding:3px 10px;
	vertical-align:top;
	border:1px solid #A4A291;
	background:#fff;
	color:#605839;
}

table th{
	background:#F0F0E1;
	font-weight:bold;
}

table thead th,
th.head {
	background:#BCB9A5;
	text-align:center;
	color:#fff;
	white-space:nowrap;
}


/* total */

table td.total{
	text-align:right;
}


/* --- noborder --- */

table.noborder td,
table.noborder th{
	border:0;
}


/* t-price */

.t-price{
	width:220px;
}



/* --- entry-navigation / pager-navigation --- */

.entry-navigation, 
.pager-navigation{
	font-size:87%;
	margin:50px 0 0;
}

.entry-navigation a:link, .entry-navigation a:visited, .entry-navigation a:hover, .entry-navigation a:active, 
.pager-navigation a:link, .pager-navigation a:visited, .pager-navigation a:hover, .pager-navigation a:active{
	text-decoration:none;
}

.entry-navigation ul, 
.pager-navigation ul{
	margin:0;
}

/* entry-navigation */

.entry-navigation{
	background:#eee;
	padding:10px;
}

.entry-navigation li{
	width:300px;
}

.entry-navigation .entry-old{
	float:left;
}

.entry-navigation .entry-new{
	float:right;
	text-align:right;
}

.entry-navigation .home{
	text-align:center;
	margin-top:-20px;
}

.entry-navigation ul:after {
	visibility:hidden;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
	height:0;
}
* html .entry-navigation ul             { zoom:1; } /* IE6 */
*:first-child+html .entry-navigation ul { zoom:1; } /* IE7 */

/* pager-navigation */

.pager-navigation ul li{
	float:left;
	text-align:center;
	margin-right:10px;
	line-height:1;
}

.pager-navigation ul li span.cur{
	background:#f6f6f6;
	border:1px solid #CECECE;
	color:#666;
	display:block;
	line-height:1;
	padding:0.5em 0.7em;
	position:relative;
}

.pager-navigation ul li a:link, 
.pager-navigation ul li a:visited{
	background:#fff;
	border:1px solid #CECECE;
	color:#666;
	display:block;
	line-height:1;
	padding:0.5em 0.7em;
	position:relative;
}

.pager-navigation ul li a:hover, 
.pager-navigation ul li a:active{
	background:#CECECE;
}

/* 続きを読むリンク */
.search.entry p.continue {
	margin: 0;
	padding: 0;
}

.search.entry p.continue a {
	display: block;
	margin: 0;
	padding: 10px 0 10px 40px;
	border-top: 1px solid #E8E8E8;
	background: url(../images/icn_arrow01.png) no-repeat 20px 15px;
}

.search.entry p.continue a:hover {
	background-color: #F0F0F0;
}

/* ------ decoration-box ----------------------- */

.decoration-box{
	clear:both;
	margin-top:20px;
	padding:15px;
}

.decoration-box ul,
.decoration-box dl,
.decoration-box p{
	margin:0;
}

.decoration001{
	border:3px solid #AAA894;
	background:#F0F0E0;
}

.decoration002{
	background:#F0F0E1;
	border-radius:5px; 
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
}

/* list-box */

.list-box ul{
	float:left;
	margin:20px;
}


/* shopページ --------------------- */

#map{
	margin:15px 0 0;
	width:720px;
	height:350px;
}

.icon-c{
	float:right;
	margin-top:-11px;
}
	
/* line */

.line{
	margin-top:15px;
	padding:1px;
	border:1px solid #ccc;
	background:#fff;
}

/* menu-box */

.menu-box{
	width:680px;
	margin:0 auto;
	background:url(../service/images/bg_box02.png) repeat-y;
}

.menu-box .inner{
	background:url(../service/images/bg_box.png) no-repeat 0 100%;
}

.menu-box .inner dl{
	float:left;
	width:287px;
	margin:0 25px 20px;
}

.menu-box .inner dd{
	padding:0 25px;
}

/* service-index */

.service-index{
	margin-bottom:30px;
}

.service-index dl{
	float:left;
	width:350px;
	text-align:left;
	margin:0 5px 20px;
}

.service-index dl dt {
	clear: left;
	float: left;
	margin:20px 0 0;
	width:70px;
	padding:0;
}

.service-index dl dd {
	margin-left:70px;
}

.service-index dl dd.menu{
	margin-top:20px;
	padding-left:18px;
	font-weight:bold;
	background: url(../images/icon_arrow_001.png)no-repeat 0 0.3em;
}

/* shopmap */

.shopmap {
    clear: both;
    margin: 0;
    padding: 0;
    position: relative;
}

.shopmap .btn01 {
    left: 250px;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 156px;
}

.shopmap .btn02 {
    left: 419px;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 192px;
}

.shopmap .btn03 {
    left: 170px;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 300px;
}

.shopmap .btn04 {
    left: 384px;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 280px;
}

.shopmap .btn05 {
    left: 260px;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 230px;
}

/* townwork */
.townwork {
	width:477px;
	margin:10px auto;
	text-align:right;
}
.townwork .credit {
	margin:0;
	font-size:12px;
	color:#605839;
}


/* ネット予約 */
.delivery-area li{
	line-height:1.4;
	background-position:0 0.3em;
}

.delivery-flow{
	margin:0 0 30px;
	padding:15px 0 0;
	font-size:14px;
	border-top:1px solid #76bf00;
}

.flow-unit{ margin:30px 0 0; }

.delivery-frame{ margin:0 0 60px; }

.delivery-frame h2{
	background:#f80;
	margin:40px 0 0;
	text-align:center;
	border-radius:5px 5px 0 0;
}

.delivery-frame-inner{
	background:#fff;
	border:5px solid #f80;
	border-top:none;
	padding:15px;
	border-radius:0 0 5px 5px;
}

.delivery-frame .layout-frame{ margin-left:-60px; }
.delivery-frame .layout-unit{ margin:20px 0 0 60px; }
.delivery-frame .grid-6{ width:310px; }

.delivery-frame dl{
	background:#eee;
	padding:10px;
	margin:0;
	min-height:100px;
}

.delivery-frame dt{
	float:left;
	clear:left;
	background:#76bf00;
	color:#fff;
	width:25px;
	height:25px;
	line-height: 25px;
	font-weight:bold;
	text-align:center;
}
.delivery-frame dd{ margin-left:35px; }

.btn-delivery{
	width:480px;
	margin:15px auto !important;
}

.btn-delivery a{
	background:url(../images/icon_arrow_004.png) center right 15px no-repeat #c00;
	background-size:16px;
	color:#fff;
	font-size:24px;
	font-weight:bold;
	line-height:1.4;
	padding:20px 0;
	display:block;
	text-align:center;
	text-decoration:none;
	border-radius:10px;
}

.btn-news{
	width:480px;
	margin:15px auto !important;
}

.btn-news a{
	background:center right 15px no-repeat #c00;
	background-size:16px;
	color:#fff;
	font-size:24px;
	font-weight:bold;
	line-height:1.4;
	padding:20px 0;
	display:block;
	text-align:center;
	text-decoration:none;
	border-radius:10px;
}