@charset "utf-8";
/* CSS Document */


body {
margin: 0;
padding: 0;
}
h1 {
font-size: 28px;
font-weight: 100;
}
h2 {
font-size: 18px;
font-weight: 100;
text-align: center;
margin-top: 40px;
}

header nav {
text-align: right;
background: #fff;
}
header nav ul {
margin: 0;
padding: 1.5em;
list-style-type: none;
}
header nav ul li {
display: inline;
margin-left: 1em;
}
header nav ul li:first-child {
margin-left: 0;
}
header nav ul li ul {
display: none;
}
a {
color: #000;
text-decoration: none;
}
a:hover {
color: #DCDCDC;
text-decoration: none;
}
a, a:hover {
-o-transition: color 0.25s ease-in;
-webkit-transition: color 0.25s ease-in;
-moz-transition: color 0.25s ease-in;
transition: color 0.25s ease-in;
}
section, article, header {
display: block;
width: 100%;
}
article {
width: 96%;
padding: 3em 2%;
}
.carbonad {
	margin: 0 auto;
}





footer {
 background-color:#111111;
 padding-bottom:20px;
}

#bottom {
 text-align:center;
 color:#fff;
 font-size: xx-small;
 font-family: Century;
 letter-spacing: 0.1em;
}

#slider {
	width:340px;
	background-color:#f6f6f6;
}


/* ボタン共通 */
.Button {
	overflow: hidden;
	width: 100%;
	height: 50px;
	margin: 0;
	padding: 0;
}
.Button a {
	display: block;
	position: relative;
	z-index: 100;
	text-align:left;
	background: #fff;
	color: #111111;
	font-size: 17px;
	line-height: 50px;
	text-decoration:none;
	font-family: "Franklin Gothic Medium";
	padding-left:30px;
}
.Button a:hover {
	background: #DCDCDC;        /* マウスオーバーカラー */  
}

#IconList1 a:before {        /*白いひし型 */  
	display: block;
	content: "";
	position: absolute;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 50%;
	right: 15px;
	width: 8px;
	height: 8px;
	margin-top: -4px;
	background: #111111;
}
#IconList1 a:after {        /*バックグラウンドと同じ色のひし型をずらして「before要素」を隠す */  
	display: block;
	content: "";
	position: absolute;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 50%;
	right: 20px;
	width: 8px;
	height: 8px;
	margin-top: -4px;
	background: #fff;
}
#IconList1 a:hover:after {        /*「after要素」のマウスオーバー（カラーを合わせる） */  
	background: #DCDCDC;
}




p {
	line-height:0;
}

ul#search_area {
	width:160px;
	margin:10px auto;
}

ul#search_area li a {
	display:block;
	width:160px;
	line-height:23px;
	margin-bottom:1px;
	font-size:10px;
	text-indent:15px;
	background:url(../../img/side_btn_base_s.gif) no-repeat;
}

ul#bnr {
	margin:10px 0 0;
}

ul#bnr li {
	line-height:0;
	margin-bottom:10px;
}




	/* ページのTOPに戻る */

#page-top {
    position: fixed;
    bottom: 20px;
    right: 1px;
    font-size: 77%;
}
#page-top a {
    text-decoration: none;
    color: #fff;
    width: 50px;
    padding: 0;
    text-align: center;
    display: block;
    border-radius: 5px;
}
#page-top a:hover {
    text-decoration: none;
}


	/* コンセプトパネル */

panel {
  width: 100%;
}
 
#panel > dt {
  border-bottom: solid 1px white;
  background-color: #fff;
  color: #111;
  cursor: pointer;
  padding: 10px;
  font-weight: bold;
}
 
#panel > dd {
  background-color: #fff;
  color: #111;
 font-family: メイリオ;
  margin: 0px;
  padding: 10px;
 text-align: left;
}



	/* SHOP LIST table*/

table {
    border-collapse: separate;  /* 表の線と線の間を空ける */
    border-spacing:  12px;       /* 表の線と線の間の幅 */
}

a {
color: #000;
text-decoration: none;
}
a:hover {
color: #888888;
text-decoration: none;
}
a, a:hover {
-o-transition: color 0.25s ease-in;
-webkit-transition: color 0.25s ease-in;
-moz-transition: color 0.25s ease-in;
transition: color 0.25s ease-in;
}

 
th,td {
    padding: 12px 12px;          /* 余白指定 */
    
}
 
th {
    background-color:  #DCDCDC; /* 背景色指定 */
    color:  #000000;               /* 文字色指定 */
    font-weight:  normal;       /* 文字の太さ指定 */
    font-size: 1.2em;
}
 
td {
    background-color:  #FFFFFF; /* 背景色指定 */
        font-size: 0.8em;
}