/*2015.4.7 ÇÑÀº¼ö*/
/*Ææ¼Çºô´õ ¸ð¹ÙÀÏÀ¥ */


/*±âº» ¸ð¹ÙÀÏ ÆùÆ® */
@import url(font-awesome.min.css);
/*@import url("http://fonts.googleapis.com/css?family=Roboto:100,300,100italic,300italic");*/




/* common */

html, body {
	height:100%;
	background: #ececec;
}

body.is-loading *, body.is-loading *:before, body.is-loading *:after {
	-moz-animation: none !important;
	-webkit-animation: none !important;
	-o-animation: none !important;
	-ms-animation: none !important;
	animation: none !important;
	-moz-transition: none !important;
	-webkit-transition: none !important;
	-o-transition: none !important;
	-ms-transition: none !important;
	transition: none !important;
}

body, input, select, textarea {
	color: rgba(255, 255, 255, 0.75);
	font-family: "Roboto", Helvetica, sans-serif;
	font-size: 15pt;
	font-weight: 100;
	line-height: 1.75em;
}
	
body{
	margin:0;
}

a {
	-moz-transition: border-color 0.2s ease-in-out, color 0.2s ease-in-out;
	-webkit-transition: border-color 0.2s ease-in-out, color 0.2s ease-in-out;
	-o-transition: border-color 0.2s ease-in-out, color 0.2s ease-in-out;
	-ms-transition: border-color 0.2s ease-in-out, color 0.2s ease-in-out;
	transition: border-color 0.2s ease-in-out, color 0.2s ease-in-out;
	_border-bottom: dotted 1px;
	color: #000;
	text-decoration: none;
}

a:hover, a:focus {
	text-decoration: none;
}

a:hover {
	color: #e44c65 !important;
	_border-bottom-color: transparent;
	text-decoration: none;
}

strong, b {
	/* color: #ffffff; */
	font-weight: 300;
}
p b {
	color: inherit;
}
em, i {
	font-style: italic;
}

p {
	margin: 0 0 2em 0;
}

h1, h2, h3, h4, h5, h6 {
	color: #ffffff;
	font-weight: 300;
	line-height: 1em;
	margin: 0 0 1em 0;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	color: inherit;
	border: 0;
}

h2 {
	font-size: 2em;
	line-height: 1.5em;
	letter-spacing: -0.025em;
}

h3 {
	font-size: 1.35em;
	line-height: 1.5em;
}

h4 {
	font-size: 1.1em;
	line-height: 1.5em;
}

h5 {
	font-size: 0.9em;
	line-height: 1.5em;
}

h6 {
	font-size: 0.7em;
	line-height: 1.5em;
}

sub {
	font-size: 0.8em;
	position: relative;
	top: 0.5em;
}

sup {
	font-size: 0.8em;
	position: relative;
	top: -0.5em;
}

hr {
	border: 0;
	border-bottom: solid 1px rgba(255, 255, 255, 0.3);
	margin: 3em 0;
}

	hr.major {
		margin: 4em 0;
	}

blockquote {
	
	padding: 0.1em 0 0.1em 0.1em;
}

code {
	background: rgba(255, 255, 255, 0.075);
	border-radius: 4px;
	font-family: "Courier New", monospace;
	font-size: 0.9em;
	margin: 0 0.25em;
	padding: 0.25em 0.65em;
}

pre {
	-webkit-overflow-scrolling: touch;
	font-family: "Courier New", monospace;
	font-size: 0.9em;
	margin: 0 0 2em 0;
}

pre code {
	display: block;
	line-height: 1.75em;
	padding: 1em 1.5em;
	overflow-x: auto;
}

	

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

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

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


/* List */

ol {
	list-style: decimal;
	margin: 0 0 2em 0;
	padding-left: 1.25em;
}

ol li {
	padding-left: 0.25em;
}

ul {
	list-style: disc;
	margin: 0 0 2em 0;
	padding-left: 1em;
}

ul li {
	padding-left: 0;
}

ul.alt {
	list-style: none;
	padding-left: 0;
}

ul.alt li {
	border-top: solid 1px rgba(255, 255, 255, 0.3);
	padding: 0.5em 0;
}

ul.alt li:first-child {
	border-top: 0;
	padding-top: 0;
}

ul.icons {
	cursor: default;
	list-style: none;
	padding-left: 0;
}

ul.icons li {
	display: inline-block;
	height: 2.5em;
	line-height: 2.5em;
	padding: 0 0.5em;
}

ul.icons li .icon {
	font-size: 0.8em;
}

ul.icons li .icon:before {
	font-size: 2em;
}

ul.actions {
	cursor: default;
	list-style: none;
	padding-left: 0;
}

ul.actions li {
	display: inline-block;
	padding: 0 1em 0 0;
	vertical-align: middle;
}

ul.actions li:last-child {
	padding-right: 0;
}

ul.actions.small li {
	padding: 0 0.5em 0 0;
}

ul.actions.vertical li {
	display: block;
	padding: 1em 0 0 0;
}

ul.actions.vertical li:first-child {
	padding-top: 0;
}

ul.actions.vertical li > * {
	margin-bottom: 0;
}

ul.actions.vertical.small li {
	padding: 0.5em 0 0 0;
}

ul.actions.vertical.small li:first-child {
	padding-top: 0;
}

ul.actions.fit {
	display: table;
	margin-left: -1em;
	padding: 0;
	table-layout: fixed;
	width: calc(100% + 1em);
}

ul.actions.fit li {
	display: table-cell;
	padding: 0 0 0 1em;
}

ul.actions.fit li > * {
	margin-bottom: 0;
}

ul.actions.fit.small {
	margin-left: -0.5em;
	width: calc(100% + 0.5em);
}

ul.actions.fit.small li {
	padding: 0 0 0 0.5em;
}

dl {
	margin: 0 0 2em 0;
}


/* Icon */

.icon {
	text-decoration: none;
	border-bottom: none;
	position: relative;
}

.icon:before {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-transform: none !important;
}

.icon > .label {
	display: none;
}

.icon.alt {
	text-decoration: none;
}

.icon.alt:before {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-transform: none !important;
}

.icon.alt:before {
	color: #1c1d26 !important;
	_text-shadow: 1px 0 0 #ffffff, -1px 0 0 #ffffff, 0 1px 0 #ffffff, 0 -1px 0 #ffffff;
}

.icon.major {
	background: #272833;
	border-radius: 100%;
	cursor: default;
	display: inline-block;
	height: 4em;
	line-height: 4em;
	margin: 0 0 1em 0;
	text-align: center;
	width: 4em;
}

.icon.major:before {
	font-size: 2.25em;
}

.icon.major.alt {
	text-decoration: none;
}

.icon.major.alt:before {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-transform: none !important;
}

.icon.major.alt:before {
	color: #272833 !important;
	text-shadow: 1px 0 0 #000, -1px 0 0 #000, 0 1px 0 #000, 0 -1px 0 #000;
}


/* Button */

input[type="submit"],
input[type="reset"],
input[type="button"],
.button {
	-moz-appearance: none;
	-webkit-appearance: none;
	-o-appearance: none;
	-ms-appearance: none;
	appearance: none;
	-moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
	-webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
	-o-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
	-ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
	transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
	background-color: transparent;
	border: 1px;
	box-shadow: inset 0 0 0 1px rgba(204, 204, 204, 0.3);
	color: #9d9d9d !important;
	cursor: pointer;
	display: inline-block;
	font-weight: bold;
	height: 3em;
	line-height: 3em;
	padding: 0 2.25em;
	text-align: center;
	text-decoration: none;
	font-size:21px;
}

input[type="submit"]:hover, input[type="submit"]:active,
input[type="reset"]:hover,
input[type="reset"]:active,
input[type="button"]:hover,
input[type="button"]:active,
.button:hover,
.button:active,
.button.active{
	box-shadow: inset 0 0 0 1px #1a1a1a;
	color: #1a1a1a !important;
}

input[type="submit"]:active,
input[type="reset"]:active,
input[type="button"]:active,
.button:active {
	background-color: rgba(228, 76, 101, 0.15);
}

input[type="submit"].icon:before,
input[type="reset"].icon:before,
input[type="button"].icon:before,
.button.icon:before {
	margin-right: 0.5em;
}

input[type="submit"].fit,
input[type="reset"].fit,
input[type="button"].fit,
.button.fit {
	display: block;
	margin: 0 0 1em 0;
	width: 100%;
}

input[type="submit"].small,
input[type="reset"].small,
input[type="button"].small,
.button.small {
	font-size: 0.8em;
}

input[type="submit"].big,
input[type="reset"].big,
input[type="button"].big,
.button.big {
	font-size: 1.35em;
}

input[type="submit"].special,
input[type="reset"].special,
input[type="button"].special,
.button.special {
	background-color: #e44c65;
	box-shadow: none;
	color: #fff !important;
}

input[type="submit"].special:hover,
input[type="reset"].special:hover,
input[type="button"].special:hover,
.button.special:hover {
	background-color: #e76278;
}

input[type="submit"].special:active,
input[type="reset"].special:active,
input[type="button"].special:active,
.button.special:active {
	background-color: #e13652;
}

input[type="submit"].disabled, input[type="submit"]:disabled,
input[type="reset"].disabled,
input[type="reset"]:disabled,
input[type="button"].disabled,
input[type="button"]:disabled,
.button.disabled,
.button:disabled {
	background-color: rgba(255, 255, 255, 0.3) !important;
	box-shadow: none !important;
	color: #ffffff !important;
	cursor: default;
	opacity: 0.25;
}



/* Image */

.image {
	border-radius: 0px;
	border: 0;
	display: inline-block;
	overflow: hidden;
}

.image:before {
	content: '';
	display: block;
	left: 0;
	top: 0;
	background-image: url("images/overlay.png");
	width: 100%;
	height: 100%;
	z-index: 1;
}

.image img {
	border-radius:0px;
	display: block;
}

.image.left {
	float: left;
	margin: 0 1.5em 1em 0;
	top: 0.25em;
}

.image.right {
	float: right;
	margin: 0 0 1em 1.5em;
	top: 0.25em;
}

.image.left, .image.right {
	max-width: 40%;
}

.image.left img, .image.right img {
	width: 100%;
}

.image.fit {
	display: block;
	/*margin: 0 0 1.5em 0;*/
	margin:3px auto;
	width: 98.5%;
}

.image.fit img {
	width: 98%;
}


/* Header  */

.st-content{
	padding-top: 5em ; 
}
	


#header {
	background: #fff;
	box-shadow: 0 0 0.25em 0 rgba(0, 0, 0, 0.25);
	cursor: default;
	height: 5em;
	left: 0;
	line-height: 5em;
	/*position:absolute;*/
	top: 0;
	width: 100%;
}



#header #nav .nav_menu{
	position:absolute;
	_box-shadow: 0 0 0.25em 0 rgba(0, 0, 0, 0.25);
	cursor: default;
	color:white;
	background:#000 url('../images/open_ico.png') 48% 50% no-repeat;
	font-size:28px;
	left:0;
	line-height:28px;
	width:45px;
	height:45px;
	top:26px;
	border:0;
}
	
	
#header .logo_wrap{
	position:absolute;
	top:28px;
	left:55px;
	z-index:10;
}

#header .logo_wrap #logo{
	margin:0;
}

#header .logo_wrap #logo .image{
	width:100px;
	margin:0;
}

#header .btn_wrap{
	position:absolute;
	top:28px;
	right:10px;
	display:inline-block;
}

#header .btn_wrap .button{
	float:left;
	margin:0;
	padding:0;
	display:block;
	font-size:14px;
	padding:10px 12px 10px 28px !important;		
	line-height:24px;
}
	
#header .btn_wrap .button.comunity{
	background:url('../images/comunity_ico.png') 5px 50% no-repeat;
}

#header .btn_wrap .button.comunity:hover{
	background:url('../images/comunity_ico_s.png') 5px 50% no-repeat;
}

#header .btn_wrap .button.reservation{
	margin-left:-1px;
	background:url('../images/resev_ico.png') 5px 50% no-repeat;
}

#header .btn_wrap .button.reservation:hover,
#header .btn_wrap .button.reservation.active{
	background:url('../images/resev_ico_s.png') 5px 50% no-repeat;
}


#header .btn_wrap .button.tel{
	margin-left:-1px;
	background:url('../images/tel_ico.png') 5px 50% no-repeat;
}


#header .btn_wrap a:hover{
	display:block;
	text-decoration: none !important;
}
	


/*quickNav*/

#quickNav{
	font-size:15px;
	margin:1.1em;
}

#quickNav  .content ul{
	margin:0;
	padding:0;
	width:100%;
	height:50px;
	line-height:50px;
	background:white;
	text-align:center;
	box-shadow: 0 1px 0.15em 0 rgba(0, 0, 0, 0.25);

	 -webkit-column-count: 3; /* Chrome, Safari, Opera */
	 -moz-column-count: 3; /* Firefox */
	  column-count: 3;

	  column-gap: 0px;
	  -webkit-column-gap: 0; /* Chrome, Safari, Opera */
	  -moz-column-gap: 0; /* Firefox */
}

#quickNav .content ul li{
	clear:both;
	display:inline-block;
	text-align:center;
	padding:0;
	margin:0;
	width:100%;
	height:100%;
	border:0;
}

#quickNav .content ul li a{
	width:100%;
	padding:0;
	outline:0;
	color:#666;
	font-weight:bold;
	display:inline-block;
	text-decoration:none;
	border-bottom:0;
	border-left:1px solid #ccc;
}

#quickNav .content ul li a:hover{
	background:#1a1a1a;
	color:white !important;
}

#quickNav .content .wrap_top{
	border-radius:8px 8px 0 0;
}
	
#quickNav .content .wrap_foot{
	border-radius:0 0 8px 8px;
	margin-top:1px;
}


#quickNav .content .wrap_top li:first-Child a{
	
	border-top-left-radius:8px;
}
#quickNav .content .wrap_top li:last-Child a{
	border-top-right-radius:8px;
}

#quickNav .content .wrap_foot li:first-Child a{
	border-bottom-left-radius:8px;
}

#quickNav .content .wrap_foot li:last-Child a{
	border-bottom-right-radius:8px;
}


/* Footer */

#footer {
	clear:both;
	background: #000;
	padding: 1em ;
	text-align: center;
	margin:0;
	color:#898989;
}
	

#footer ul li{
	list-style:none;
}

#footer .icons .icon.alt {
	text-decoration: none;
}

#footer .icons .icon.alt:before {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-transform: none !important;
}

#footer .icons .icon.alt:before {
	color: #aaa !important;
	width:30px;
	height:30px;
	font-size:24px;
	_text-shadow: 1px 0 0 rgba(255, 255, 255, 0.5), -1px 0 0 rgba(255, 255, 255, 0.5), 0 1px 0 rgba(255, 255, 255, 0.5), 0 -1px 0 rgba(255, 255, 255, 0.5);
}

#footer .icons .icon.major{
	width:48px;
	font-size:12px;
}

#footer .icons.sns{
	margin:10px 0 0 0 ;
}

#footer .icons.sns li{
	height:3.5em;
	margin:0;
	padding:0;
}

#footer .contact_inform{
	padding:0;
}

#footer .contact_inform li{
	margin:1em 0;
}



#footer .contact_inform .contact{
	color:white;
	text-decoration:none;
	font-size:21px;
	font-weight:bold;
}

#footer .contact_inform .inform{
	color:#888888;
	text-decoration:none;
	/*font-size:16px;*/
	font-size:0.7em;
	font-weight:600;
}

#footer .contact_inform .inform2{
	margin: 0 auto;
    width:100%;
    height:150px;
}

#footer .contact_inform .inform2 .left{
	float: left;
    text-align: left;
    margin-left:35%
}

#footer .contact_inform .inform2 .right{
	color:#888888;
	text-decoration:none;
	/*font-size:16px;*/
	font-size:0.7em;
	font-weight:600;
    text-align: left;
    float:left;
    margin-left:20px;
    line-height:24px;
}


#footer .system_btn{
	display:inline-block;
	padding:0;
}

#footer .system_btn li{
	display:inline-block;
	margin:0;
	padding:0;
}

#footer .system_btn li button{
	font-size:15px;
	padding:3px 15px;
	background:white;
	border:1px solid #f1f1f1;
	color:#555;
}
		
#footer .system_btn button:hover,
		#footer .system_btn button:active,
{
	background:#black;
}


#footer .copyright {
	color: rgba(255, 255, 255, 0.5);
	font-size: 0.8em;
	line-height: 0.6em;
	padding: 0;
	text-align: center;
	font-weight:800;
}

#footer .copyright li {
	border-left: solid 1px rgba(255, 255, 255, 0.3);
	display: inline-block;
	list-style: none;
	margin-left: 1.5em;
	padding-left: 1.5em;
}

#footer .copyright li:first-child {
	border-left: 0;
	margin-left: 0;
	padding-left: 0;
}

#footer .copyright li a {
	color: inherit;
}

#footer .copyright .com{
	color:#f34326;
	
}



::-webkit-input-placeholder {
	padding-left:10px;
	color:#ccc;
	font-size:0.9em;
}
::-moz-placeholder {
	padding-left:10px;
	color:#ccc;
	font-size:0.9em;
}

:-ms-input-placeholder {
	padding-left:10px;
	color:#ccc;
	font-size:0.9em;
}

input:-moz-placeholder {
	padding-left:10px;
	color:#ccc;
	font-size:0.9em;
}


.comm_input {
	width:100%;
	height:36px;
	border:1px solid #aaa;
	border-radius:5px;
	margin:5px auto;
	color:#555;
	font-size:0.9em;

}