@charset "utf-8";
/* CSSドキュメント */

* {
	padding: 0px;
	margin: 0px;
	color: #666;
	font-family: Helvetiva, Arial, "ヒラギノ角ゴ Std", "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
}

body {
	text-align: center;
}

a {
	text-decoration: none;
}

a:link {
}

a:visited {
}

a:active {
}

a:hover {
	color: #aaa;
}

img, a img {
	border: none;
}

li {
	list-style: none outside;
}

.wrapper {
	width: 980px;
	margin: 0 auto;
	text-align: left;
	border-right: 1px solid #7f8c7b;
	border-left: 1px solid #7f8c7b;
}

.adjust {
	height: 780px;
}

/* ヘッダー */

.header {
	padding: 20px 0px;
}

.header div {
	height: 7px;
	background: #7f8c7b;
}

/* トップメニュー */

.top_menu {
	width: 980px;
	height: 380px;
	border-bottom: 1px solid #eee;
	box-shadow: 0px 6px 10px 0px rgba(0,0,0,0.1);
}

.top_menu #top_head_left {
	width: 225px;
	margin: 0px 0px 0px 30px;
	float: left;
}

.top_menu #top_head_left div {
	margin: 0px 0px 55px 0px;
}

.top_menu #top_head_left ul {
	margin: 0px 0px 0px 30px;
	font-size: 1.4em;
}

.top_menu #top_head_left li {
	letter-spacing: 0.1em;
	color: #c9c9c9;
	margin-bottom:1em;
}

.top_menu #top_head_left li.small {
	font-size: 0.8em;
}

.top_menu #top_head_left li a {
	color: #7f8c7b;
}

.top_menu #top_head_left li a:hover {
	color: #a0c195;
}

.top_menu #top_head_left li img{
	max-width:25px;
	max-height:25px;
}
.top_menu #top_head_left li a:hover img{
	opacity:0.7;
}



.top_menu #top_head_left span {
	font-size: 0.4em;
	color: #c9c9c9;
}

.top_menu #top_head_left span p {
	color: #c9c9c9;

}

.top_menu #top_head_left .menu_sweets {
	font-size: 0.8em;
}

.top_menu #top_head_right {
	width: 620px;
	height: 380px;
	margin: 1px 65px 0px 40px;
	float: right;
}

/* トップメイン */

.top_main {
	width: 850px;
	margin: 20px 65px 0px 65px;
}

.top_main h1 {
	width: 850px;
	height: 30px;
	padding: 20px 0px 0px 0px;
	margin: 20px 0px 0px 0px;
	font-size: 0.9em;
	font-weight: normal;
	border-top: 1px solid #666;
}

.top_main li {
	width: 114px;
	padding: 0px 70px 40px 0px;
	float: left;
}

.top_main .top_main05 {
	width: 114px;
	padding: 0px 0px 40px 0px;
	float: left;
}

.top_main li div {
	width: 114px;
	padding: 0px 0px 5px 0px;
	margin: 0px 0px 5px 0px;
	border-bottom: 5px solid #a3907f;
}

.top_main li h3 {
	font-size: 0.8em;
	font-weight: normal;
}

.top_main .top_link_left {
	width: 442px;
	height: 100px;
	padding: 0px 70px 30px 0px;
	float: left;
	clear: both;
}

.top_main .top_link_left h2 {
	height: 20px;
	padding: 10px 0px 10px 20px;
	font-size: 1.1em;
	font-weight: normal;
	letter-spacing: 0.1em;
	border-top: 1px solid #666;
	background: url("/img/arrow.gif") no-repeat left 14px;
}

.top_main .top_link_left div {
	padding: 0px 0px 0px 20px;
	font-size: 0.8em;
	letter-spacing: 0.1em;
}

.top_main .top_link_right {
	width: 338px;
	height: 100px;
	padding: 0px 0px 30px 0px;
	float: left;
}

.top_main .top_link_right h2 {
	height: 20px;
	padding: 10px 0px 30px 20px;
	font-size: 0.9em;
	font-weight: normal;
	letter-spacing: 0.1em;
	border-top: 1px solid #666;
	background: url("/img/arrow.gif") no-repeat left 14px;
}

/* メニュー */

.menu {
	width: 215px;
	margin: 0px 0px 0px 15px;
	float: left;
}

.menu div {
	margin: 0px 0px 55px 0px;
}

.menu ul {
	margin: 0px 0px 0px 20px;
	font-size: 1.4em;
}

.menu li {
	height: 80px;
	letter-spacing: 0.1em;
	color: #c9c9c9;
}

.menu li a {
	color: #7f8c7b;
}

.menu li a:hover {
	color: #a0c195;
}

.menu li img{
	max-width:20px;
	max-height:20px;
}
.menu li a:hover img{
	opacity:0.7;
}


.menu span {
	font-size: 0.5em;
	color: #c9c9c9;
}

.menu span p {
	font-size: 9px;
	color: #c9c9c9;

}

.menu .menu_sweets {
	font-size: 0.8em;
}

/* メイン */

.main {
	width: 670px;
	margin: 0px 65px 30px 0px;
	float: right;
}

.main h1 {
	height: 40px;
	padding: 10px 0px 10px 0px;
	margin: 0px 0px 10px 0px;
	font-size: 1.7em;
	font-weight: normal;
	letter-spacing: 0.2em;
	border-bottom: 1px solid #666;
}

.main h2 {
	padding: 0px 0px 20px 0px;
	font-size: 1.5em;
	font-weight: normal;
	letter-spacing: 0.2em;
	border-bottom: 1px dotted #666;
}

.main h2.recruit {
	padding: 0px 0px 10px 0px;
	font-size: 1.4em;
	letter-spacing: normal;
	border-bottom: none;
	color: #aa0000;
}

.main h3 {
	padding: 0px 0px 5px 0px;
	font-size: 1.2em;
	font-weight: normal;
	letter-spacing: 0.2em;
}

.main h3.recruit {
	padding: 0px 0px 5px 0px;
	font-size: 1.1em;
	letter-spacing: normal;
	border-bottom: none;
	color: #aa0000;
}

.main p {
	padding: 0px 0px 5px 0px;
	font-size: 0.8em;
}

.main p.block{
	margin:5px;
	border:1px dotted #666;
	padding: 10px 10px;
	text-align:left;
}

/* ダニエルのお菓子 */

.main #unagi, .main #canele, .main #yakigashi, .main #gift, .main #namagashi, .main #pan, .main #crepe {
	clear: both;
}

.main #unagi {
	padding: 10px 0px 20px 0px;
}

.main #canele, .main #yakigashi, .main #gift, .main #namagashi, .main #pan, .main #crepe {
	padding: 20px 0px 20px 0px;
}

.main #unagi, .main #canele, .main #yakigashi, .main #gift, .main #namagashi, .main #pan {
	border-bottom: 1px solid #666;
	clear: both;
}

.main #unagi li div, .main #canele li div, .main #gift li div, .main #namagashi li div {
	width: 280px;
	padding: 0px 40px 0px 0px;
	float: left;
}

.main #unagi li h4, .main #canele li h4, .main #gift li h4, .main #namagashi li h4 {
	padding: 10px 0px 0px 0px;
	font-size: 0.9em;
}

.main #unagi li p, .main #canele li p, .main #gift li p, .main #namagashi li p {
	padding: 5px 0px 0px 0px;
	font-size: 0.9em;
}

.main #kogashi, .main #cookie {
	padding: 10px 0px 10px 0px;
	border-bottom: 1px dotted #666;
	clear: both;
}

.main #unagi li {
	width: 650px;
	height: 70px;
	padding: 10px 10px 0px 10px;
	border-bottom: 1px dotted #666;
	clear: both;
}

.main #canele li {
	width: 650px;
	height: 100px;
	padding: 10px 10px 0px 10px;
	border-bottom: 1px dotted #666;
	clear: both;
}

.main #canele .canele03 {
	height: 130px;
}

.main #canele .canele04 {
	height: 140px;
}

.main #yakigashi li {
	font-size: 0.8em;
}

.main #kogashi ul {
	height: 360px;
}

.main #kogashi li {
	width: 160px;
	height: 180px;
	float: left;
}

.main #cookie ul {
	margin-bottom:10px;
}
.main #cookie ul:after{content: ""; display: block; clear: both;height: 0;}


.main #cookie li {
	width: 130px;
	height: 180px;
	float: left;
	margin-right:5px;
}
.main #cookie li:nth-child(5n){
	margin-right:0;

}

.main #gift li {
	width: 650px;
	height: 160px;
	padding: 10px 10px 0px 10px;
	border-bottom: 1px dotted #666;
	clear: both;
}

.main #gift .gift02 {
	height: 120px;
}

.main #namagashi li {
	width: 650px;
	height: 160px;
	padding: 10px 10px 0px 10px;
	border-bottom: 1px dotted #666;
	clear: both;
}

.main #namagashi .namagashi08 {
	height: 120px;
}

.main #namagashi .namagashi08 div {
	width: 50px;
	padding: 0px 40px 0px 0px;
	float: left;
}

.main #namagashi .namagashi08 p {
	padding: 20px 0px 0px 0px;
	font-size: 0.7em;
	clear: both;
}

.main #pan li div, .main #crepe li div {
	width: 240px;
	padding: 0px 0px 0px 0px;
	float: left;
}

.main #pan li, .main #crepe li {
	width: 650px;
	height: 180px;
	padding: 10px 10px 0px 10px;
	border-bottom: 1px dotted #666;
	clear: both;
}

.main div.title_left {
	padding:0 0 15px 10px;
	float:left;
	width:330px;
	clear: both;
}

/* Shop Information */

.main #daniel, .main #mikage, .main #ashiya, .main #lucua, .main #crepier {
	height: 190px;
	clear: both;
	border-bottom: 1px solid #666;
}

.main #crepier {
	margin: 0px 0px 20px 0px;
}

.main .shop_left {
	width: 210px;
	padding: 20px 0px 20px 0px;
	font-size: 0.8em;
	float: left;
}

.main .shop_center {
	width: 220px;
	padding: 20px 0px 20px 0px;
	float: left;
}

.main .shop_right {
	width: 230px;
	padding: 70px 0px 20px 0px;
	font-size: 0.7em;
	float: left;
}

.main .shop_left h2 {
	padding: 0px 0px 20px 0px;
	font-size: 1.2em;
	font-weight: bold;
	letter-spacing: 0em;
	border: none;
}

.main .shop_left h2 span {
	font-size: 0.8em;
	font-weight: normal;
	color: #aa0000;
	border: 1px solid #aa0000;
}

.main .shop_left .map {
	padding: 30px 0px 0px 0px;
}

.main .shop_right .shop_goods {
	padding: 0px 0px 16px 0px;
}

/* 採用について */

.main #recruit h2 {
	padding: 20px 0px 5px 0px;
	font-size: 0.8em;
	font-weight: normal;
	color: #7f8c7b;
	letter-spacing: 0em;
	border: none;
}

.main #recruit h3 {
	padding: 0px 0px 5px 0px;
	font-size: 0.8em;
	font-weight: bold;
}

.main #recruit div {
	font-size: 0.8em;
	font-weight: normal;
}

.main #recruit span {
	font-size: 1.5em;
	font-weight: bold;
}

.main #recruit .recruit_image {
	padding: 10px 0px 0px 0px;
}

.main #recruit .recruit_image div {
	padding-bottom: 10px;
}

.main #recruit .recruit_image .recruit_image01 {
	width: 180px;
	height: 260px;
	float: left;
}

.main .right_recruit_image div {
	width: 164px;
	height: 112px;
}

/* お問い合わせ */

.error, .error_type01, .error_type02, .error_type03, .error_type04 {
	color: #f9a0a0;
}

.main table {
}

.main tr {
}

.main th {
	width: 160px;
	padding: 5px 0px;
	font-size: 0.8em;
	font-weight: normal;
	text-align: left;
}

.main td {
	font-size: 0.8em;
}

.main .contact_button {
	padding: 10px 0px;
	text-align: center;
}

.left {
	float: left;
}

.right {
	float: right;
}

.w500 {
	width: 500px
}

.w520 {
	width: 520px
}

.cl{
	clear: both;
}

/* フッター */

.footer_navi {
	height: 40px;
	margin: 0px 65px;
	padding: 30px 260px 64px 0px;
	font-size: 0.9em;
	border-top: 1px solid #666;
	background: url("/img/chara.gif") no-repeat right 15px;
	clear: both;
}

.footer_navi li {
	width: 170px;
	padding: 0px 0px 15px;
	list-style: none url("/img/dot.gif") inside;
	float: left;
}
.footer_navi li:nth-child(3n+1){
	clear:both;

}

.footer_navi li img{
	max-width:20px;
	max-height:20px;
	margin-left:5px;
}
.footer_navi li a:hover img{
	opacity:0.7;
}


.footer {
	font-size: 0.9em;
	text-align: right;
	padding: 15px 65px 60px 65px;
	background: #e5e5de;
	clear: both;
	box-shadow: 0px 13px 10px -6px rgba(0,0,0,0.1) inset;
}