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


@media screen and (max-device-width: 480px) {
body {
-webkit-text-size-adjust: none; /* iPhone */
}
}
html, body {
	height:100%;
}
 @font-face {
 font-family:'LetterGothic';
 src: url('../font/LetterGothicStd-Bold.otf') format('opentype');
}
body {
	border-top-width: 6px;
	border-top-style: solid;
	border-top-color: #cccccc;
}
header {
	width: 750px;
	margin-right: auto;
	margin-left: auto;
	height: 185px;
	font-family: LetterGothic, sans-serif;
	font-size: 90%;
	overflow: hidden;
}
.logo {
	text-align: center;
	margin-top: 30px;
}
header ul {
	text-align: center;
	padding-top: 30px;
	font-family: LetterGothic, sans-serif;
}
header ul li {
	display: inline;
	margin-right: 15px;
	margin-left: 15px;
	letter-spacing: 1px;
}
header ul li a {
	color:#000;
	text-decoration:none;
	-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;
	behavior: url(js/PIE.htc);
}
header ul li a:hover {
	color:#FC5B7C;
	text-decoration:none;
}
#slide {
	width:100%;
	height:495px;
	text-align:center;
	z-index:100;
	margin-bottom: 10px;
}
.wideslider {
	width: 100%;
	height: 495px;
	text-align: left;
	position: relative;
	overflow: hidden;
}
.wideslider ul, .wideslider ul li {
	float: left;
	display: inline;
	overflow: hidden;
}
.wideslider_base {
	top: 0;
	position: absolute;
}
.wideslider_wrap {
	top: 0;
	position: absolute;
	overflow: hidden;
}
.slider_prev, .slider_next {
	top: 0;
	overflow: hidden;
	position: absolute;
	z-index: 100;
	cursor: pointer;
}
.slider_prev {
	background: #000 url(../image/left.png) no-repeat right center;
}
.slider_next {
	background: #000 url(../image/right.png) no-repeat left center;
}
.wideslider ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}
.wideslider ul {
	display: inline-block;
	overflow: hidden;
}
.wideslider ul li a:hover {
}
#news {
	text-align: center;
	font-family: Helvetica, sans-serif;
	padding-top: 30px;
	margin-bottom: 10px;
}
#news .title {
	font-family: LetterGothic, sans-serif;
	text-align: center;
	width: 750px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
	letter-spacing: 2px;
	font-weight: normal;
}
#news #news_area {
	background-color: #F7F5F3;
	padding-top: 20px;
	padding-bottom: 20px;
}
#news #news_area #feed {
	height: 170px;
	text-align: center;
	width: 750px;
	margin-right: auto;
	margin-left: auto;
	overflow-y: scroll;
	padding-top: 5px;
	padding-bottom: 5px;
}
#news #news_area #feed  ul {
	list-style-type: none;
	font-size: 80%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#news #news_area #feed ul li {
	margin-bottom: 7px;
	letter-spacing: 1px;	
}
#news #news_area #feed ul li a {
	-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;
	text-decoration:none;
	color: #000;
}

#news #news_area #feed ul li a:hover {
	color:#FC5B7C;
	text-decoration:none;
	opacity: 0.7;
	filter: alpha(opacity=60);
}


#philosophy {
	padding-top: 30px;
	margin-bottom: 10px;
}
#philosophy .title {
	width: 750px;
	margin-right: auto;
	margin-left: auto;
	font-family: LetterGothic, sans-serif;
	text-align: center;
	margin-bottom: 10px;
	letter-spacing: 2px;
	font-weight: normal;
}
#philosophy #philosophy_area {
	height: 265px;
	background-color: #F7F5F3;
}
#philosophy #philosophy_area #philosophy_ {
	width: 750px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
}
#philosophy #philosophy_area .chach {
	text-align: center;
	margin-top: 35px;
}
#philosophy #philosophy_area #philosophy_ .chach2 {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 80%;
	/*color: #999999;*/
	text-align: center;
	line-height: 23px;
	letter-spacing: 1px;
	margin-top: 30px;
}
#philosophy #image {
	background-image:url(../image/shop_image.png);
	height: 304px;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: 50% center;
	-moz-background-size:cover;
	background-size:cover;
	min-width:750px;
}
#shop {
	padding-top: 30px;
	margin-bottom: 10px;
}
#shop .title {
	text-align: center;
	width: 750px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	font-family: LetterGothic, sans-serif;
	letter-spacing: 2px;
	font-weight: normal;
}
#shop #shop_area {
	background-color: #F5F5F5;
	height: 445px;
}
#shop #shop_area #shop_ {
	width: 750px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
}
#shop #shop_area #shop_ .logo2 {
	margin-top: 37px;
	margin-left: 5px;
}
#shop #shop_area #shop_ .adress {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 80%;
	line-height: 21px;
	/*color: #999999;*/
	letter-spacing: 1px;
	margin-top: 20px;
	margin-bottom: 10px;
	margin-left: 5px;
}
#shop #shop_area #shop_ #image_area {
	padding-bottom: 1px;
	overflow: hidden;
	width: 740px;
	margin-right: auto;
	margin-left: auto;
}
#shop #shop_area #shop_ #image_area ul {
	list-style-type: none;
}
#shop #shop_area #shop_ #image_area ul li {
	float: left;
}
#g_map {
	margin-bottom: 10px;
	padding-top: 30px;
}
#g_map .title {
	font-family: LetterGothic, sans-serif;
	width: 750px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	text-align: center;
	letter-spacing: 2px;
	font-weight: normal;
}
#map {
	height: 290px;
	width: 100%;
}
#recruit {
	margin-bottom: 10px;
	padding-top: 30px;
}
#recruit .title {
	text-align: center;
	width: 750px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	font-family: LetterGothic, sans-serif;
	letter-spacing: 2px;
	font-weight: normal;
}
#recruit hr {
	margin-top:-3px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #666;
}
#recruit .text {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 80%;
	letter-spacing: 1px;
	text-align: center;
	width: 750px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 30px;
	margin-bottom: 200px;
}
#contact {
	padding-top: 30px;
}
#contact .title {
	font-family: LetterGothic, sans-serif;
	text-align: center;
	width: 750px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	letter-spacing: 2px;
	font-weight: normal;
}
#contact #contact_area {
	background-color: #F5F5F5;
	padding-bottom: 50px;
	text-align: center;
	overflow: hidden;
}
#contact #contact_area #contact_ {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	width: 750px;
	margin-right: auto;
	margin-left: auto;
}
/*CONTACT*/
#contact #contact_area form table {
	margin-top: 50px;
	width: 600px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 80%;
}
#contact #contact_area form table tr td {
	color:  #999;
	vertical-align:middle;
	padding-top: 3px;
}
#contact #contact_area form table tr td input {
	margin-bottom: 30px;
	vertical-align: top;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #EFEFEF;
	border-left-color: #EFEFEF;
	height: 30px;
}
#contact #contact_area form table tr td .name {
	width: 600px;
}
#contact #contact_area form table tr td .mail {
	width: 600px;
}
#contact #contact_area form table tr td textarea {
	height: 285px;
	width: 600px;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #EFEFEF;
	border-left-color: #EFEFEF;
}
#contact #contact_area .kakunin {
	margin-top: 50px;
	height:40px;
	font-size:90%;
	background-color: #999;
	color: #fff;
	border-style: none;
	width: 220px;
}
#name_error {
	font-size:90%;
	font-weight:normal;
	margin-top:-25px;
}
#email_error {
	font-size:90%;
	font-weight:normal;
	margin-top:-25px;
}
#detail_error {
	font-size:90%;
	font-weight:normal;
	padding-bottom:10px;
	margin-top:-18px;
}
#contact_error {
	font-size:90%;
	font-weight:normal;
}
/*CONTACT*/


footer {
	background-color: #EDEDE6;
	height: 50px;
}
#foot_area {
	width: 750px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
}
#foot_area ul {
	margin-top: 20px;
	float: left;
}
#foot_area ul li {
	display: inline;
	font-family: LetterGothic, sans-serif;
	font-size: 80%;
	color: #999;
	margin-right: 10px;
}
#foot_area ul li a {
	color:#000;
	text-decoration:none;
	-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;
	behavior: url(js/PIE.htc);
}
#foot_area ul li a:hover {
	color:#FC5B7C;
	text-decoration:none;
}
#foot_area .copy {
	font-size: 80%;
	color: #999;
	float: right;
	margin-right: 20px;
	margin-top: 20px;
	font-family: Georgia, "Times New Roman", Times, serif;
}
#page-top {
	position:fixed;
	right:20px;
}
#page-top a img {
	-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;
}
#page-top a img:hover {
	opacity: 0.7;
	filter: alpha(opacity=60);
}

#thanks{
	height:666px;
}
#thanks p{
	padding-top:100px;
}