@charset "UTF-8";

* {
	margin: 0px;
	padding: 0px;
}
h1 {
			margin:0px;
			padding:0;
}
h2 {
			margin:0px;
			padding:0px;
}
p {margin:0;padding:0;
	font-size:14px;
}
ul {margin: 0px; padding:0;}

img {vetical-align: top;}


body {
	margin:0;
	padding:0;
	width:100%;
	background-color: #fff;
	background-position: top center;
	background-repeat: no-repeat;
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',Meiryo, メイリオ, sans-serif;
	font-family:"メイリオ","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",Osaka,sans-serif;
}



h1 {margin:0;padding:0;}

hr.dot {
	height:1px;
	border:none;
	border-top:1px dotted #B8860B;
	color:#fff;
}

#wrapper-outer {
		background-image: url(../images/bg_outer.jpg);
		background-position: right top;
		background-repeat: no-repeat;
		background-attachment: fixed;
}

#home #wrapper-outer{
		background-image: url(../images/bg_top_bottom.gif);
	    	background-repeat: no-repeat;
	    	background-position: left bottom 600px;
		background-attachment: scroll;
}

#slider {width:100%;margin:0;padding:0;}

#global-nav {display:none;}



#home #topbn {
}

#topics {
	width:90%;
	height:200px;
	margin-top:40px;
	padding:0px 4%;
	background-color:eee;
	overflow-y:scroll;
}
#topics p {font-size:13px;}

#topics h2 {
	background:url(../images/bg_topics_h2.gif) left center no-repeat;
	padding-top:5px;
	padding-left:20px;
	font-size:20px;
	height:25px;line-height:20px;
	font-family:'Century Gothic',"メイリオ","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",Osaka,sans-serif;
}
#topics .day {
	width:60px;
	color:#ca935c;
	font-size:10px;
	border-bottom:1px solid #ca935c;
	margin-left:25px;
}
#topics .title {
	font-weight:bold;
	margin-top:5px;
	background:url(../images/icon_flower.gif) left top no-repeat;
	padding-left:25px;
	color:#333;
}
#topics a {
	font-size:12px;
	color:#9D7151;
}


#present #wrapper-outer {
		background-image: url(../images/bg_present.gif);
		background-position: right top;
		background-repeat: repeat-x;
		background-attachment: scroll;
}


#main-menu {
		left:0px;
		top:0px;
		width:100%;
		height:60px;
		position: fixed;
		background-color:#fff;
		z-index :1;
}

#home #main-menu { z-index :100;
		opacity: 1.0;}

#main-menu h1 {padding-top:5px;
			padding-left:25px;
}

#main-menu .inner {width:1000px;margin:0 auto;}
#main-menu .inner h1 {float:left;}
#main-menu .inner ul {float:right;
					margin:0;
					margin-top:0px;
					padding:0;
					padding-top:5px;
					list-style-type:none;
					}

#main-menu .inner ul li {float:left;}
#main-menu .inner ul li a {display: block; width:120px;}




#Imaging {width:100%;height:600px;}

#content-wrapper {
			width:100%;
			padding-top:100px;
			padding-bottom: 100px;    /* footerの高さ */
			border-bottom: 1px solid #ba9183;
}

#home #content-wrapper {
			padding-bottom: 30px;
			padding-top:40px;
}

#content {
		width:1000px;
		margin: 0px auto;
		padding-top: 20px;
		padding-bottom: 50px;
}
.zei{color:#b8b8b8;font-size:11px;}



#left-sidebar {
	float:left;
	width:150px;
	position: fixed; 
}

.fixed {position:fixed;top: 0;width: 100%;z-index:3;}


#main {
		width:800px;
		float:right;
		margin-right:0px;
}
table#menu tr td{border-bottom-style:1px dotted #000;}


/* コンセプト */
.tt_pink {font-size:32px;color:#FF7272;letter-spacing:0.1em;}


/* アクセス */
#map_canvas {width:780px; height:400px;border: 4px solid #b57d4a;}
.access_tel {font-size:54px;}
.access_tel a {color:#B07C5A;}
.access_tel a:hover {color:#B48551;}



/* 美点 */
#teacher #main {width:750px;}


/* プレゼント */
#present div#presentLink p a:hover img {
		opacity:0.4;
		filter:alpha(opacity=40);
		-ms-filter: “alpha( opacity=40 )”;
-webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

/* information */
.popDiv { overflow:hidden;}
.popDiv p { width:50%;height:580px;}
.popDiv p img {width:100%;}


/* product */
.popDiv p { width:48%;float:left;}
.popDiv p:nth-child(even) {float:right;}
.popDiv p:nth-child(2n+1) {clear:both;}
.popDiv p img {width:100%;}


/* reservation_button */
#reservation_button {
	position:fixed;
	bottom:0;
	width:100%;
	box-shadow: 2px -3px 6px #97452a66;
}
#reservation_button a {
	display:block;
	color:#fff;
	background:#dd2f2f;
	text-align:center;
	letter-spacing:0.15em;
	padding:15px;
	font-size:18px;
	font-weight:bold;
	text-decoration:none;
	transition:all 1.5s ease;
}
#reservation_button a:hover {background:#cc6767;}





/* footer */
#footer {
	width :100%;
	position:relative;
	background-color :#9d7151;
	overflow:hidden;
	box-shadow: 0px 0px 20px #d2d2d2;
	background-image: linear-gradient(#957149,#B48764);
	border-top: 1px solid #f6eeeb;
}

#footer-inner {
		margin :0px auto;
		width:1000px;
		padding-top :15px;
		padding-bottom :15px;
}
#footer ul {
		margin:0 auto;
		padding: 30px 0px;
		width:860px;
		overflow:hidden;
}

#footer ul li{
	font-size :14px;
	padding: 0px;
	width :140px;
	float:left;
	text-align:center;
	border-left:1px solid #b69675;
	border-right:1px solid #784c1e;
}
#footer ul li:first-child {border-left:none;}
#footer ul li:last-child {border-right:none;}
#footer ul li a {color: #fff;display:block;}

#footer-inner p {
		color :#fff;
		padding-top :10px;
}

#footerLogo {margin: 10px auto;}
#footerLogo:hover {
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: “alpha( opacity=80 )”;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}

#footer .tel {
	font-size:16px;
}
#footer .tel a {
	font-family:"ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝",
	"MS PMincho","MS 明朝",	serif;
	font-weight:bold;color:#fff;font-size:35px;letter-spacing:0.5px;
}



.min {
		font-family:"ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝",
		"MS PMincho","MS 明朝",	serif;
		font-weight:bold;
}

#footer .cp {
	color:#bda496;
	font-size:11px;text-align:center;padding:3px 0;
	border-top: 1px solid #8c6755;
	background-image: linear-gradient(#754929,#875f47);
}





/* Hack
------------------------------------------------------- */
#header:after,
#content:after,
#contactwrap:after,
#footer:after,
.wrap:after,
.address:after,
ul:after,
ol:after,
dl:after,
p.clear:after,

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}
#header,
#content,
#contactwrap,
#footer,
.wrap,

.address,
ul,
ol,
dl,
p.clear {
  min-height: 1px;
}
* html #header,
* html #content,
* html #contactwrap,
* html #footer,
* html .wrap,
* html .address,
* html ul,
* html ol,
* html dl,
* html p.clear,
* html ul.companyul li a,
* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/* common
------------------------------------------------------- */
a {
	color: #424242;
	text-decoration: none;
}
a:hover {
	color: #fff;
	background: #BC503D;
	background-color: transparent;
}
a img {
	border: none;
}
ul li a {

	padding: 0 0 0 0px;
	background: url("/common/img/arrow0.gif") no-repeat 2px 50%;
}
a.arrow {
	padding: 0 0 0 20px;
	background: url("/common/img/arrow0.gif") no-repeat 2px 50%;
}
ul li a:hover,
a.arrow:hover {
	color: #fff;
	padding: 0 0 0 0px;
	background: url("/common/img/arrow0.gif") no-repeat 2px 50%;
}
ul,ol {
	list-style: none;
}


/* モバイル
---------------------------------------------------- */
#topnavi-nonpc {display:none;}
.pc_left {float:left;}
.pc_right {float:right;}
.pc_only {display:block;}
.mobile_only {display:none;}


.encent_mL {text-align:center;}

.box3divs {float:left;}
.box2divs {float:left;}



