@charset "utf-8";
/*
///////////////////////////////////////////
CSS FOR Common
Made by THUYNTN
/////////////////////////////////////
*/


/*////////// Mainvisual /////// */
#Mainvisual {
	position: relative;
	height: 280px;
	background: url(../images/slowsun/img_sv.png) no-repeat 50% 0;
}
.visual-inner {
	height: 280px;
	width: 960px;
	margin: 0 auto 0;
	position: relative;
}
.text-visual {
	text-align: center;
	padding-top: 40px;
	color: #fff;
	font-size: 134%;
}

/*/////////// Content //////////////*/
#Content {
	padding-bottom: 80px;
}
.col01 {
	color: #be0000;
}
.headline h3 {
	color: #be0000;
}
/* CONCEPT */
.section {
	padding: 40px 0;
}
.section-inner {
	padding: 0 20px;
}
.concept-left {
	float: left;
	width: 530px;
}
.text-concept01 {
	color: #000;
	font-weight: 600;
	font-size: 220%;
	border-bottom: 1px solid #000;
	width: 430px;
}
.text-concept02 {
	font-size: 125%;
	line-height: 26px;
}
.list-concept {
	border: 1px solid #1d2088;
	font-size: 150%;
	color: #353535;
	padding: 15px 0 10px 12px;
	margin:15px 0 20px;
}
.list-concept  li {
	padding-bottom: 5px;
	line-height: 28px;
}
.concept-right {
	float: right;
	position: relative;
}
.concept-right .mark {
	position: absolute;
	right: -20px;
	top: -30px;
}
/* SYSTEM */
.system {
	background: url(../images/slowsun/bg_system.png) repeat 0 0;
	padding: 20px;
}
.title01 {
	color: #000;
	width: 415px;
}
.title01 dt {
	border: 2px solid #000;
	font-size: 134%;
	padding: 5px 10px 1px;
	border-radius: 2px;
	-webkit-border-radius: 2px;
   -moz-border-radius:2px;
	 text-align: center;
	 float: left;
}
.title01 dd {
	font-size: 150%;
	font-weight: 600;
	border-bottom: 1px solid #000;
	margin-left: 95px;
	padding: 2px 0 2px 5px;
}
.text01 {
	font-size: 117%;
	line-height: 24px;
	padding: 10px 0 20px;
}

/* DRINK MENU */
.list-menu li {
	float: left;
	width: 305px;
}
.list-menu dl {
	color: #000;
}
.list-menu dl dt {
	font-size: 117%;
	padding-bottom: 10px;
}
.list-menu dl dt span {
	font-size: 159%;
	font-family: 'Hind', sans-serif;
	margin-right: 15px;
}
.list-menu dl dd p {
	font-size: 117%;
	line-height: 27px;
}
/* Gallery */
.list-gallery li {
	position: relative;
	float: left;
	margin-right: 42px;
}
.mask {
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}
.list-gallery li a:hover .mask {
	display: block;
}
.txt-gallery {
	color: #fff;
	font-size: 200%;
	position: absolute;
	left: 20px;
	top: 30px;
}
/* ACCESS */
.block-info {
	float: left;
}
.txt-info01 {
	font-size: 200%;
	color: #000;
	border-bottom: 1px solid #000;
	display: inline-block;
	letter-spacing:1px;
}
.txt-info02 {
	font-size: 117%;
	line-height: 24px;
	padding: 10px 0 25px;
}
.list-info {
	width: 535px;
	float: right;
	padding-top: 15px;
	font-size: 117%;
}
.list-info dt {
	border: 1px solid #be0000;
	border-radius: 5px;
	-webkit-border-radius: 5px;
   -moz-border-radius:5px;
	 text-align: center;
	 float: left;
	 margin: 10px 0;
	 padding: 2px 10px;
	 clear: both;
	 width: 60px;
}
.list-info dd {
	border-bottom: 1px solid #d2d2d2;
	padding: 14px 0 14px 100px;
}
.cols-menu {
	float: left;
	width: 295px;
}
.cols-menu + .cols-menu {
	margin: 0 0 0 20px;
}
.block-item + .block-item {
	padding: 40px 0 0 0;
}
.cols-menu .ttl-block {
	font-size: 184%;
	color: #000;
	font-weight: bold;
	font-family: 'Hind', sans-serif;
}
.cols-menu .ttl-block span {
	font-size: 64%;
	padding: 0 0 0 20px;
	font-weight: bold;
}
.cols-menu .item-list {
	padding: 10px 0 0 0;
}
.cols-menu .item-list li {
	font-size: 117%;
	padding: 5px 0 0 0;
}
.block-item dl {
	font-size: 117%;	
	padding: 15px 0 0 0;
}
.block-item dt {
	float: left;
}
.block-item dd {
	text-align: right;
	font-weight: bold;
	padding-bottom: 5px;
}
.spectial-list .cols-menu {
	width: 265px;
}
.spectial-list .cols-menu + .cols-menu {
	margin: 0 0 0 60px;
}