@charset "utf-8";

/*
html5doctor.com Reset Stylesheet
v1.4
2009-07-27
Author: Richard Clark - http://richclarkdesign.com
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
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, dialog, figure, footer, header,
hgroup, menu, nav, section,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}

.clearfix {width:100%;}
.clearfix:after {
  content: ""; 
  display: block; 
  clear: both;
 }	


body {
	line-height:1; background-image:
}

article, aside, dialog, figure, footer, header,
hgroup, nav, section {
	display:block;
}

nav ul {
	list-style:none;
}

blockquote, q {
	quotes:none;
}

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

a {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}

ins {
	background-color:#ff9;
	color:#000;
	text-decoration:none;
}

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 #000;
	cursor:help;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
	vertical-align:middle;
}

body{font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size:12px; line-height:2; color:#666;}
img {vertical-align:bottom;}

#post{ float:left;width:658px; height:100%; margin:0; padding:0; margin-right:-357px; font-size:12px;
}
#post h2{background-image:url(http://www.slug.co.jp/img/common/konpeito.png); background-position: left center; background-repeat:no-repeat; text-indent:20px; font-size:14px; border-bottom:solid 1px #999999; margin-top:30px; padding-left:30px;}

.column{ position:relative;width:608px; padding-top:30px; padding-left:50px; padding-bottom:50px;}
.column dl{
	width:580px;
	line-height:2;
}
.column dl dt {
   float:left;
   width:56px;
   padding:0;
}
.column dl dd {
   margin-left:75px;;
}

.column ul{margin:0; padding:0;}
.column li{list-style-type:none; text-indent:12px;}

.space10{width:10px; height:10px;}
.space20{width:20px; height:20px;}
.space30{width:30px; height:30px;}
.space40{width:40px; height:40px;}
.space50{width:50px; height:50px;}
.space60{width:60px; height:60px;}
.space70{width:70px; height:70px;}
.space80{width:80px; height:80px;}
.space90{width:90px; height:90px;}
.space100{width:100px; height:100px;}

#side_area{float:right; width:320px; height:100%; margin:0; padding:0;}
.side{width:320px;}
#style{width:280px; min-height:553px; background:url(http://www.slug.co.jp/img/common/new_style_bg.jpg) top repeat-y;
    border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;
    margin-bottom:10px; padding:20px;}
	
.new{ overflow:hidden; clear:both; min-height:80px; margin-bottom:20px; font-size:12px; line-height:1.5}
.new img{float:left; margin-right:15px;}
.new dl{
	line-height:1;
	border-bottom:solid 1px #999999;
	padding-bottom:5px;
	margin-bottom:5px;
	margin-left:95px;
	color:#90F;}
.new dt {
   float:left;
   width:100px;
   padding:0;}

.new dd {
   margin-left:55px;}

.banner_space{ width:320px; height:126px;}

#container{width:1015px; min-height:780px; margin:5px auto; padding:25px 35px; border:solid 1px #999999; overflow:hidden;
border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;}
	
header{width:100%; height:138px; position:relative;}
header h1{
	background-image:url(http://www.slug.co.jp/img/common/arrow_symbol.png);
	background-position:left center;
	background-repeat:no-repeat;
	position:absolute;
	text-indent:12px;
	color:#666;
	margin:0;
pa0;				top: -4px;
}
header span{font-size:10px; font-weight:normal;}

#shop_logo{
	position:absolute;
	left: 0px;
	top: 50px;
}
#shop_tel{
	position:absolute;
	left: 803px;
	top: 0px;
}
#con_site{
	width:198px;
	text-align:right;
	position:absolute;
	left: 816px;
	top: 32px;
}

nav{
	position:absolute;
	margin: 0;
	padding: 0;
	height: 34px;
	width: 850px;
	left: 180px;
	top: 90px;
}
nav ul{  
  list-style-type: none;  
  margin: 0;  
  padding: 0;  
}  
nav li{ 
text-indent: -9999px;
  float: left;  
  margin: 0;  
  padding: 0;
  margin-right:20px;
}
nav a{  
  display: block;  
  width: 100%;  
  height: 34px;  
  background-repeat: no-repeat;  
}

#biko{ width:485px; height:61px; border:solid 1px #999999; font-size:12px; padding:10px 15px;}
#biko p{line-height:1.5;}

#menu1 a{ background-image:url(http://www.slug.co.jp/img/common/nav1.png); background-repeat:no-repeat; background-position:top;}
#menu2 a{ background-image:url(http://www.slug.co.jp/img/common/nav2.png); background-repeat:no-repeat; background-position:top;}
#menu3 a{ background-image:url(http://www.slug.co.jp/img/common/nav3.png); background-repeat:no-repeat; background-position:top;}  
#menu4 a{ background-image:url(http://www.slug.co.jp/img/common/nav4.png); background-repeat:no-repeat; background-position:top;}  
#menu5 a{ background-image:url(http://www.slug.co.jp/img/common/nav5.png); background-repeat:no-repeat; background-position:top;}  
#menu6 a{ background-image:url(http://www.slug.co.jp/img/common/nav6.png); background-repeat:no-repeat; background-position:top;}  
#menu7 a{ background-image:url(http://www.slug.co.jp/img/common/nav7.png); background-repeat:no-repeat; background-position:top;}  
#menu8 a{ background-image:url(../img/common/nav8.png); background-repeat:no-repeat; background-position:top;}  


#navi a:hover{  
  background-repeat: no-repeat;  
}  
  
#menu1 a:hover{background-position: 0 -34px;}  
#menu2 a:hover{background-position: 0 -34px;}  
#menu3 a:hover{background-position: 0 -34px;}  
#menu4 a:hover{background-position: 0 -34px;}  
#menu5 a:hover{background-position: 0 -34px;}  
#menu6 a:hover{background-position: 0 -34px;}  
#menu7 a:hover{background-position: 0 -34px;} 
#menu8 a:hover{background-position: 0 -34px;} 


footer{ clear:both;width:100%; height:76px; margin-top:55px; padding-top:22px; text-align:center; border-top:solid 1px #999999;}
footer p{ font-size:11px; margin-bottom:10px;}

a{text-decoration:none; color:#666;}
a:hover{text-decoration:underline;}

#contents{width:100%; min-height:520px;}

.block_column_3{width:335px; height:575px; float:left; margin:0 5px 0 0;}

#latest_news{position:relative; background-image:url(http://www.slug.co.jp/img/index/bg_latest_news.png); width:335px; height:126px; margin:0; padding:0; overflow:hidden;}
#latest_news h3{
	position:absolute;
	left: 14px;
	top: 2px;
}

#facebook{
	position:relative;
}
#facebook p{
	position:absolute;
	left: 11px;
	top: 12px;
}


* html body dl.list dd div{
   display:inline-block;
}
dl.list{
	position:absolute;
	left: 20px;
	top: 36px;
	font-size:10px;
	height:85px;
	overflow:hidden;
}
dl.list dt {
   float:left;
   width:55px;
   background-image:url(http://www.slug.co.jp/img/index/news_square.png);
   background-position:left center;
   background-repeat:no-repeat;
   padding:0;
   padding-left:14px;
   line-height:1.5;
}

dl.list dd {
   margin-left:70px;
   line-height:1.5;
   margin-bottom:5px;
}

dl.list_news{
	position:absolute;
	left: 20px;
	top: 33px;
	font-size:10px;
	height:85px;
	overflow:hidden;
}
dl.list_news dt {
   float:left;
   width:55px;
   background-image:url(http://www.slug.co.jp/img/index/news_square.png);
   background-position:left center;
   background-repeat:no-repeat;
   padding:0;
   padding-left:14px;
   line-height:1.3;
}

dl.list_news dd {
   margin-left:70px;
   line-height:1.3;
   margin-bottom:5px;
}

.top{width:1000px; height:575px;}
.block_big{width:335px; height:257px;}
.block_medium_t{width:165px; height:257px;}
.block_medium_y{width:335px; height:126px; margin:0; padding:0;}
.block_small{width:165px; height:126px;}
.space5{width:5px; height:5px;}

#new_style{position:relative; width:335px; height:126px; background:url(http://www.slug.co.jp/img/index/block_new_style.png) center no-repeat;}

#new_style h3{
	position:absolute;
	left: 13px;
	top: 9px;
}
#new_style ul{
	position:absolute;
	width:321px;
	height:72px;
	margin:0;
	padding:0;
	left: 14px;
	top: 42px;
}
#new_style li{ 
display: inline;
margin:0;
padding:0;
margin-right: 13px;
}
#new_style li a:hover{ 
opacity:0.7;
}

.menu{ font-size:12px; line-height:1.5; margin-bottom:50px; clear:both; overflow:hidden;}
.menu h3{ width:608px; font-size:18px; border-bottom:solid 1px #999999; margin-top:15px; margin-bottom:20px; padding-left:50px; padding-bottom:5px;}
.menu_inner{width:608px; margin:0; padding:0; padding-left:50px;}
.menu_inner h4{font-size:18px; margin-bottom:10px;}
.menu_inner h5{font-size:14px; margin-bottom:10px;}
.menu_inner p{ margin-bottom:25px;}
.menu_inner span{color:#C06; text-decoration:underline;}

#contact { width: 658px; }  
  
#contact th,  
#contact td {  
  vertical-align: top; /* セルの上に配置 */  
  border: 1px solid #999999;  
}  
  
#contact th { width:180px;
text-align:left;
  padding: 5px 0 10px 10px;  
  background-color: #CCC;  
}  
  
#contact th span,#contact td span {  
  font-weight: normal; /* (必須) */  
  color: #ff0000;  
}  
  
#contact td{ padding: 5px 0 10px 10px; }
button{ width:206px; height:38px; border:none; background-color:#FFFFFF; margin-left:250px;}

.voice_top{position:relative;}
.voice_top .name{
	position:absolute;
	left: 55px;
	top: 32px;
	font-size:18px;
}
.voice_top .date{
	position:absolute;
	left: 545px;
	top: 5px;
	text-align:right;
	width: 100px;
}

.voice_under{
	position:relative;
	padding-left:40px;
	width:560px;
	min-height:250px;
	height: auto;
}
.voice_under p{ 
/*position:absolute;*/
width:300px;
}
.image1{ margin:30px 0 20px 0;
}

.image2{
	position:absolute;
	left: 428px;
	top: 50px;
}


.arrow_box {
	position: relative;
	width:460px;
	border: 4px solid #c2e1f5;
	border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;
	padding:50px;
}
.arrow_box:after, .arrow_box:before {
	top: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box:after {
	border-color: rgba(136, 183, 213, 0);
	border-top-color: #FFF;
	border-width: 20px;
	left: 80%;
	margin-left: -20px;
}
.arrow_box:before {
	border-color: rgba(194, 225, 245, 0);
	border-top-color: #c2e1f5;
	border-width: 26px;
	left: 80%;
	margin-left: -26px;
}

.campaign{ font-size:16px; line-height:1.2; margin-top:25px;}
.campaign h4{font-size:18px; color:#F09;}
.campaign td{
	vertical-align:top;
	padding:5px;
}
.campaign .last{vertical-align:top;}
.campaign span{font-size:12px;}

/*
Back to top button 
*/
#back-top {
	position: fixed;
	bottom: 150px;
	margin-left:600px;
}
#back-top a {
	width: 65px;
	display: block;
	text-align: center;
	font: 11px/100% Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #999;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}

/* arrow icon (span tag) */
#back-top span {
	width: 65px;
	height: 25px;
	display: block;
	margin-bottom: 7px;
	background-image:url(http://www.slug.co.jp/img/common/up-arrow.png) no-repeat center center;
	/* rounded corners */
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover span {
	background-color: #777;
}

.maplist{ font-size:14px;}
.maplist ul{float:left; margin-right:100px;}
.maplist li{background:url(http://www.slug.co.jp/img/common/arrow_symbol.png) left center no-repeat; text-indent:16px; line-height:4;}

#inquiry{width:571px; height:124px; background:url(http://www.slug.co.jp/img/info/bg_tel.png) left top no-repeat; margin:20px 0 40px 0; padding:5px 20px;}
#inquiry h4{font-size:32px; font-weight:bold; color:#990099; text-indent:100px;}

.imagebox_L{width:198px; height:195px; float:left; margin-right:7px;}
.imagebox_L p{margin:0;}
.image{}
.caption{ font-size:10px;}

.imagebox_R{width:auto; height:auto; float:right;}
.imagebox_R p{margin:0;}

.news_new{
	font-size:8px;
	color:#F00;	
}


/**************************
 Campaign & Coupon　ページ
 2014.3.17追加分
****************************/

p.txt_01 {margin: 15px 0 0 55px;
	color:#E4007E;
	font-size:14px;
	font-weight: bold;
}

p.txt_02 {margin: 15px 0 0 25px;
		  padding-bottom:15px;
	color:#AF7C32;
	font-size:13px;
	font-weight: bold;
}

#coupon {margin:auto;
		 margin-top:25px;}

#coupon h2 {background:none;
			margin:0;
			font-size:16px;
			color:#7B55A0;
			padding:20px 0 0 0;
			width:550px;
			margin-left:30px;
			text-indent: inherit;
			display:block;
			border-bottom: 1px dotted #999;
}

.coupon_box {width:610px;
			 margin:auto;
			 margin-bottom:25px;
			 border:1px solid #fff;
			 background:url(../img/coupon/coupon_bg.png) no-repeat left top ;}

.coupon_box_in {width:600px;
				margin:auto;
				clear:both;
				margin-top:5px;
				border-bottom:none;
				background:url(../img/coupon/coupon_bg.png) no-repeat -5px -5px #F5F1DF;
}

.coupon_box_in p.date {font-size:10px;
					   text-align: right;
					   margin-right:25px;
}


.coupon_detail {width:550px;
				margin:auto;
				margin-top:10px;
				border:1px solid #9F9FA0;
				background:#fff;}


.coupon_detail ul {width:535px;
				   margin:auto;
}

.coupon_detail li {list-style: none;
				   float:left;
				   padding:15px 0 15px 60px ;
				   width:475px;
				   border-bottom: 1px dotted #9F9FA0;
				   font-size: 16px;
				   line-height: 140%;}


/**金額・内容・期間・備考の項目の内、一番最後liに付与するクラス**/
.coupon_detail li.list_last {border-bottom:none;}



/**金額・内容・期間・備考それぞれのliに付与するクラス**/			
li.kingaku {background:url(../img/coupon/kingaku_icon.png) no-repeat left 18px ;
			font-size:20px;
			color:#E51572;}
			
li.naiyou {background:url(../img/coupon/naiyou_icon.png) no-repeat left 14px;}

li.kikan {background:url(../img/coupon/kikan_icon.png) no-repeat left 14px;}

li.bikou {background:url(../img/coupon/bikou_icon.png) no-repeat left 14px ;}

/**ご予約ボタン**/
a.yoyaku_btn img {width: :178px;
				  margin:auto;
				  margin-bottom:50px;
				  display: block;}