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

body {
	font-family: "メイリオ",Meiriyo,"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color: #666666;
	font-size:12px;
	text-align:center;
	letter-spacing: 0.1em;
}
#wrapper {
	margin:auto;
	text-align:center;
	width:1012px;
	height:auto;
}
a:link, a:visited, a:hover {
	color: #EEE;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
/* 基本 */
#header {
	background-image:url(../images/pc/common_slice_header.jpg);
	width:1012px;
	height:60px;
}
#main_cafe_img{
	background-image:url(../images/pc/cafe_main_img.jpg);
	width:694px;
	height:200px;
	text-align:right;
	margin:8px;
margin-bottom:0px;
	float:left;
}
#map_cafe_img{
	background-image:url(../images/pc/map_main_img.png);
	width:694px;
	height:332px;
	text-align:right;
	margin:8px;
margin-bottom:0px;
	float:left;
}
#crydderi_cafe_snipet{
	text-align:left;
	float:right;
	margin:20px;
	margin-right:46px;
	font-size:10px;
	letter-spacing:0.1em;
	line-height:14px;
	width:300px;
	
	height:180px;
	overflow:auto;
	color:#FFCC33;
}
#mm_main_img{
	background-image:url(../images/pc/mm_main_img.png);
	width:694px;
	height:309px;
	text-align:right;
	margin:8px;
margin-bottom:0px;
	float:left;
}
#mm_snipet{
	text-align:left;
	float:right;
	margin:20px;
	margin-right:46px;
	font-size:10px;
	letter-spacing:0.1em;
	line-height:17px;
	width:500px;
	
	height:270px;
	overflow:auto;
	color:#FFCC33;
}
#about_main_img{
	background-image:url(../images/pc/about_main_img.png);
	width:694px;
	height:50px;
	text-align:right;
	margin:8px;
margin-bottom:0px;
	float:left;
}

#menu {
	float:left;
	background-image:url(../images/pc/common_slice_menu_body.jpg);
	width:258px;
	height:594px;
	margin-bottom:10px;
}
#content {
	float:right;
	width:754px;
	margin-bottom:10px;

}
#contact {
font-family: "メイリオ",Meiriyo,Helvetica,"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	display:block;
	font-size: 10px;
	color: #993300;
	clear: both;
	float: right;
	height: 10px;
	margin-top:22px;
	font-weight:bold;
	width:90%;
	margin-right: 20px;
	letter-spacing:0.1em;
	text-align:right;
}
#pagename {
display:block;
	width:90%;
	text-align:left;
	font-size: 10px;
	color: #fff;
	clear: both;
	float: right;
		margin-top:8px;
	margin-right: 30px;
	text-align:right;}
.photoblock {

	border-radius: 4px 4px 4px 4px;
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-box-shadow:2px 2px 2px #111;
	box-shadow:2px 2px 2px #111;

}
#notes {
clear:both;
	background-image:url(../images/pc/common_slice_content_body.jpg);
	width:754px;
	height:auto;/*570px*/
	overflow:auto;
}
#main{
	background-image:url(../images/pc/common_slice_content_body.jpg);
	width:734px;
	margin-right:20px;
	height:auto;//570px
	overflow:auto;
}
#footer {
	clear:both;
	width:1012px;
	text-align:right;
	border-top:#993300 dashed 1px;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	color:#663300;
	padding-top:5px;
}
#information {
	clear: both;
	float: right;
	height: 250px;
	width: 210px;
	margin-right: 15px;
}
#notes ul li {
	list-style: none;
	display: block;
	width: 224px;
	height: auto;/*基本268px */
	float: left;
	margin: 6px;
	border-radius: 8px 8px 8px 8px;
	/*
	-moz-border-radius: 8px 8px 8px 8px;
	-webkit-border-radius: 8px 8px 8px 8px;
	-moz-border-radius: 8px 8px 8px 8px;
	-webkit-box-shadow:2px 2px 2px #111;
	box-shadow:2px 2px 2px #111;
	*/
}
#notes #cafeorder ul li,#notes #insta ul li {
	height: 178px;/*基本268px */
}
#cafeorder,#insta{
position:relative;
display:box;
	width:734px;
	height:570px;//570px
	margin-right:20px;
overflow-y: auto;
	}
.content_title {
	list-style: none;
	display: block;
	width: 184px;
	height: 138px;/*基本268px */
	float: left;
	margin: 6px;
	background-color:#663300;
	padding:20px;
	font-size:12px;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}
/******************************/
/***********unit*************/
/******************************/


.unit_bg {
	margin:0px;
}
.unit_header {
	background-image:url(../images/pc/unit_blue_header.jpg);
	clear: both;
	height: 7px;
	width: 224px;
}
.unit_body {
	background-image:url(../images/pc/unit_blue_body.jpg);
	clear:both;
	height:164px;
	width:224px;
	text-align:center;
	margin:0px;
	color:#FFFFFF;
	overflow:hidden;
}
.unit_title {
position:relative;
	height:50px;
	width:224px;
	clear:both;
	display:block;
	padding:0px;
}
.unit_img {
	float:left;
	border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	-moz-border-radius: 4px 4px 4px 4px;
	/*-webkit-box-shadow:2px 2px 2px #111;
	box-shadow:2px 2px 2px #111;*/
	margin-left:8px;
}
.unit_subtitle, .unit_date_price, .unit_body h3 {
	display:block;
	width:160px;
	height:10px;
	text-align:center;
	clear:right;
	float:right;
	font-size:10px;
	padding:2px;
	margin-right:6px;
	letter-spacing:1px;
	line-height:12px;
	border-bottom:#FF9900 1px dotted;
	overflow:hidden;
		color:#333;
}
.unit_body h3 {
/*
	overflow-x:-webkit-marquee -o-marquee;
	overflow-style: marquee;
	display:-wap-marquee;
	marquee-play-count: infinite;
	-webkit-marquee-repetition: infinite;
	-o-marquee-repetition: infinite;*/
}
.unit_subtitle {
	/*color: #393303;*/
	color:#333;
}
.unit_date_price {
	color: #66CCCC;
	background-image:url(../images/pc/unit_price.png);

}
.unit_note {
position:relative;
	clear:both;
	display:block;
	font-size:10px;
	line-height:15px;
	letter-spacing:0px;
	width:206px;
	margin-left:5px;
	margin-right:5px;
	height:88px;
	padding:4px;
	text-align:left;
	overflow:hidden;
		color:#666;
}
.unit_next {
	width:214px;
	padding:4px;
	height:10px;
	text-align:right;
	font-size:10px;
		color:#333;
}
.unit_next a {
	
		color: #633
}
.unit_footer {
	background-image:url(../images/pc/unit_blue_footer.jpg);
	clear: both;
	height: 7px;
	width: 224px;
}
.brown .unit_header {
	background-image:url(../images/pc/unit_blue_header.png);
}
.brown .unit_body {
	background-image:url(../images/pc/unit_blue_body.png);
}
.brown .unit_footer {
	background-image:url(../images/pc/unit_blue_footer.png);
}
#insta .unit_header {
	background-image:url(../images/pc/unit_blue_header.png);
}
#insta .unit_body {
	background-image:url(../images/pc/unit_blue_body.png);
}
#insta .unit_footer {
	background-image:url(../images/pc/unit_blue_footer.png);
}
.ban a {
	display:block;
	height: 84px;
	width: 224px;
}
/******************************/
/***********detail*************/
/******************************/
.detail_bg {
	margin:0px;
}
.detail_header {
	background-image:url(../images/pc/detail_header.jpg);
	clear: both;
	height: 23px;
	width: 720px;
}
.detail_body {
	background-image:url(../images/pc/detail_body.jpg);
	clear: both;
	height: auto;
	width: 720px;
	text-align:center;
	margin:0px;
	color:#FFFFFF;
	overflow:auto;
}
.detail_title {
	clear:both;
	display:block;
	padding:6px;
}
.detail_img {
	float:left;
	margin:10px;
	margin-top:0px;
	border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-box-shadow:2px 2px 2px #111;
	-box-shadow:2px 2px 2px #111;
	background-position: center center;
}
.detail_imgs {
	float:left;
	margin:16px;
	margin-top:0px;
	border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-box-shadow:2px 2px 2px #111;
	-box-shadow:2px 2px 2px #111;
	background-position: center center;
}
.detail_subtitle, .detail_date_price, .detail_bread, .detail_body h3 {
	display:block;
	width:546px;
height:12px;
	margin-right:20px;
	text-align:center;
	clear:right;
	float:right;
	font-size:10px;
	padding:5px;
	letter-spacing:1px;
	border-bottom:#FF9900 1px dotted;
}
.detail_subtitle {
	color: #393303;
}
.detail_date_price {
	color: #66CCCC;
	background-image:url(../images/pc/detail_price.png);
}
.detail_bread {
	color: #CCCCCC;
	text-align: left;
}
.detail__body h3 {
}
.detail_note {
	clear:both;
	display:block;
	font-size:10px;
	line-height:15px;
	letter-spacing:0px;
	width:690px;
	height:auto;/*394px*/
	margin:15px 0 0 30px;
	text-align:left;
	overflow:auto;
}
.detail_next {
	width:700px;
	padding:5px;
	height:10px;
	text-align:right;
	font-size:10px;
}
.detail_footer {
	background-image:url(../images/pc/detail_footer.jpg);
	clear: both;
	height: 23px;
	width: 720px;
}
.brown .detail_header {
	background-image:url(../images/pc/detail_header.png);
}
.brown .detail_body {
	background-image:url(../images/pc/detail_body.png);
}
.brown .detail_footer {
	background-image:url(../images/pc/detail_footer.png);
}
/******************************/
/***********form*************/
/******************************/
input{
	height: 15px;

}
.bt{
	background-image: url(../images/pc/bt.jpg);
	height: 22px;
	width: auto;
	font-weight: bold;
	color: #FFFFFF;
	margin: 10px;
	background-position: -100px -10px;
	text-align: center;
	vertical-align: middle;
		border: 1px #aaa solid;

	-moz-border-radius: 4px; /* for Firefox */
	-webkit-border-radius: 4px; /* for Chrome */

}