@charset "utf-8";

/* 木の丸洋菓子店 ver.3.0　トップページ
NEW DESIGN , Scripted by Conceptbox Inc. May. 2012
------------------------------------------------------- 2012.05.23 WED */

/* 色設定
明るいオレンジ #ffcf4 #ffd666 #fdcc49
こげ茶 #382e25 #714d1f
鶯茶 #715c1f
/*

/* 基本設定
------------------------------------------------------------------ */
* {
	margin:0px;
	padding:0px;
	font-family:'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック','Osaka',sans-serif;
	/*font-family:'メイリオ','Meiryo','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック','Osaka',sans-serif; */
}
body {
	margin:0px;
	padding:0px;
	background: #715c1f ;
	font-size: 75%;
	color: #714d1f;
	line-height:1.4;
	letter-spacing:0.05em;
}
h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
}
a {
	color: #F03;
	text-decoration: underline;
}
a:hover {
	color: #fdcc49;
	text-decoration:none;
}
img {
	border: none;
}
strong {
	font-weight:bold;
}
blockquote {
	margin:0 30px 0 30px;
	}

/* clearfix
------------------------------------------------------------------ */
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {
	display:inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

/* floatをクリア */
.clear {
	clear:both;
}

/* 基本レイアウト
------------------------------------------------------------------ */
#container {
	background:#fff;
	}
#header {
	width: 100%;
	height: 86px;
	margin: 0;
	background:#fdcc49;
}
#header-container {
	position:relative;
	width: 960px;
	margin:0 auto 0 auto;
}
#contents {
	width: 960px;
	margin: 0px auto;
	padding:15px 0 0 0;
	background:#FFFFFF url() center bottom no-repeat;
/*	border-right: #999999 1px solid;
	border-left: #999999 1px solid;
*/
}
#main {
	float:left;
	width:710px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	background:#fff;
	}
#sidemenu {
	float: right;
	width:230px;
	margin:0 0 0 0px;
	padding:0 0 0 0;
	}
	#sidemenu a{
		text-decoration:none;
	}
#footer {
	width: 100%;
	height: 100px;
	margin: 0;
	padding:8px 0 0 0;
	background: #714d1f ;
	}
#footer-container {
	width: 870px;
	margin: 0px auto;
	color:#fff;
}

/* ヘッダー #header-container
------------------------------------------------------------------ */
#header-container #siteID {
	position:absolute;
	height: auto;
	padding: 0;
	left:2px;
	top:2px;
	z-index:150;
}
#siteID h1{
	font-size:12px;
	font-weight:normal;
	line-height:1.0;
}
#siteID h1 a{
	color: #424242;
	text-decoration:none;
}

#header-container #sns {
	position:absolute;
	height: auto;
	padding: 0;
	right:10px;
	top:42px;
	text-align:right;
	}
	#sns img{
		margin:0 0 0 7px;
		}

#header-container #s-nav  {
	position:absolute;
	top:47px;
	right:35px;
	margin: 0px;
	padding: 0px;
	color: #424242;
	font-size:90%;
	letter-spacing:0.0;
	width: auto;
	height: 20px;
	z-index:120;
}
		#header-container #s-nav ul {
			list-style:none;
			margin: 0px;
			padding: 0px;
			font-weight:bold;
			font-size:12px;
		}
		#header-container #s-nav ul li {
			float:left;
			padding:0 7px 0 7px ;
			margin:0;
			border-left: #424242 solid 1px ;
		}
		#header-container #s-nav ul .n-right {
			border-right: #424242 solid 1px ;
		}
		#s-nav a {
			color: #424242;
			text-decoration:none;
		}
		#s-nav a:hover {
			color: #cc3300;
			text-decoration:underline;
		}

/* ヘッダーのメインナビゲーション
---------------------------------------------*/

#header-container #m-nav {
	position:absolute;
	top:83px;
	left:0px;
	z-index:500;
}
	#m-nav ul {
		padding:0;
		margin:0;
		list-style:none;
	}
	#m-nav ul li {
		display:block;
		text-align:center;
		font-size:12px;
		font-weight:bold;
		float:left;
		width:158px;
		height:33px;
		margin:0;
		background:url(../../img/share/bg-menu.gif) top repeat-x;
		border-left:#ccc solid 1px;
	}
	#m-nav ul li a {
		display:block;
		width:100%;
		color:#FFFFFF;
		text-decoration:none;
		padding:0px 0 0 0 ;
		margin:0;
	}
	#m-nav ul li a:hover {
		color:#fff56c;
	}
			#m-nav ul .current{
				list-style:none;
				text-align:center;
				font-weight:bold;
				color:#424242;
				float: left;
				background:url(../../img/share/bg-menu.gif) top repeat-x;
				padding:13px 0 0 0 ;
			}

		#m-nav ul ul {
			margin-top:-4px;
		}
		#m-nav ul ul li {
			float: none;
			background: #360;
			opacity: 0.8;
			filter: alpha(opacity=80);
			border-bottom: #fff 1px solid;
		}
		#m-nav ul ul li a {
			display:block;
			padding:10px 0 0 0 ;
			cursor:pointer;
		}
		#m-nav ul ul li a:hover {
		}
		#m-nav ul li.parent ul {
			display: none;
		}
		#m-nav ul li.parentOn ul {
			display: block;
		}



/* コンテンツエリア　#contents
------------------------------------------------------------------ */
ul.m-list {
	list-style:none;
	}
ul.m-list li{
	float:left;
	margin:8px 8px 8px 8px;
}

/* トップページ 店について　#about
------------------------------------------------------------------ */
#about {
	width:345px;
	margin:0px 0 10px 0;
	padding:10px;
	border:#ddd 1px solid;
	border-radius: 3px;        /* CSS3草案 */  
    -webkit-border-radius: 3px;    /* Safari,Chrome用 */
    -moz-border-radius: 3px;   /* Firefox用 */
	}
ul.about {
	margin:10px 0 10px 20px;
	}
ul.about li{
	margin:0 0 8px 0;
}
ul.about li a{
	color:#F03;
	}
ul.about li span.em{
	color:#F03;
	font-weight:bold;
	}

/* トップページ お知らせ　#news
------------------------------------------------------------------ */
#news {
	width:345px;
	margin:10px 0 10px 0;
	padding:10px;
	border:#ddd 1px solid;
	border-radius: 3px;        /* CSS3草案 */  
    -webkit-border-radius: 3px;    /* Safari,Chrome用 */
    -moz-border-radius: 3px;   /* Firefox用 */
	}
ul.news {
	margin:10px 0 10px 20px;
	}
ul.news li{
	margin:0 0 8px 0;
}
ul.news li a{
	color:#F03;
	}
/* メインエリア　#main
------------------------------------------------------------------ */
.subbnr {
	margin:0 0 10px 0;
	padding:0 0 0 0;
	}
.subbnr img {
	border:#ddd 1px solid;
	border-radius: 3px;        /* CSS3草案 */  
    -webkit-border-radius: 3px;    /* Safari,Chrome用 */
    -moz-border-radius: 3px;   /* Firefox用 */
	}

#mbanner img.subbnr-l {
	margin:0px 20px 8px 0;
	}

#mcontents {
	width:650px;
	}
	#mcontents h2{
		background:#f6ffb2 url(../../images/common/bg-h2.gif) left center no-repeat;
		font-size:14px;
		font-weight:bold;
		padding:9px 0 7px 35px;
		margin:10px 0 20px 0;
		letter-spacing:0.2em;
	}
	#mcontents h3{
		background:url(../../images/common/bg-h3.gif) left center no-repeat;
		font-size:13px;
		font-weight:bold;
		padding:7px 0 5px 20px;
		margin:0 0 10px 15px;
		}
	#mcontents p{
		margin:0 30px 10px 30px
	}
ul.readme {
	margin:20px 20px 0 30px;
	padding:0 0 0 0;
	}
ul.readme li{
	margin:0 0 25px 0;
	font-size:15px;
	font-weight:bold;
}

/* 商品ページ 写真
------------------------------------------------------------------ */
table.item-photo {
	margin:10px auto 0 auto;
	}
table.item-photo img{
	border:#ddd 1px solid;
	border-radius: 3px;        /* CSS3草案 */  
    -webkit-border-radius: 3px;    /* Safari,Chrome用 */
    -moz-border-radius: 3px;   /* Firefox用 */
	}
	
.items p {
	margin:0 10px 0 10px;
	}

/* サイドメニューエリア　#sidemenu
------------------------------------------------------------------ */
img.message {
	margin:0 0 6px 0;
	border:#382e25 1px solid;
	border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Chrome用 */
    -moz-border-radius: 5px;   /* Firefox用 */
	}
#nouki {
	margin:15px 0 15px 0;
	padding:10px;
	border: #390 2px dotted;
	border-radius: 6px;        /* CSS3草案 */  
    -webkit-border-radius: 6px;    /* Safari,Chrome用 */
    -moz-border-radius: 6px;   /* Firefox用 */
	}
ul.sidemenu {
	list-style:none;
	margin:5px 0 15px 20px;
	padding:0 0 0 0;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	}
	ul.sidemenu li{
		margin:0 0 4px 0;
	}
	ul.sidemenu li a{
		color: #714d1f;
		text-decoration:none;
	}
	ul.sidemenu li a:hover{
		color:#F03;
	}
/* フッター
------------------------------------------------------------------ */
#footer {
	clear:both;
}
	#credit {
		text-align:center;
		font-size:12px;
		margin:0px 0 0 0;
		padding:5px 0 0 0;
		line-height:1.8;
	}
	#credit a{
		color:#FFF;
	}

/* テーブル各種
------------------------------------------------------------------ */
/* 基本のテーブル
---------------------------------------------*/
.tbl-basic {
	border-collapse:collapse;
	text-align:left;
	font-size:1em;
	margin:5px auto 0 auto;
	border:#666666 1px solid;
	line-height:1.5;
}
.tbl-basic td, .tbl-basic th{
	border:#666666 1px solid;
	padding:5px;
}
.tbl-basic th{
	background:#ededed;
}

/* 透明テーブル
---------------------------------------------*/
.tbl-trans {
	border-collapse:collapse;
	text-align:left;
	font-size:100%;
	margin:5px auto 0 auto;
	border:#666666 0px solid;
}
.tbl-trans td, .tbl-trans th{
	border:#666666 0px solid;
	padding:10px;
	text-align:center;
	width:225px;
}
.tbl-trans th{
	background:#ededed;
}

/* 手渡しギャラリー
---------------------------------------------*/
table.tewatashi {
	border-collapse:collapse;
	text-align:left;
	font-size:100%;
	margin:5px auto 0 auto;
	border:0px;
}
table.tewatashi td, .tbl-trans th{
	border:#666666 0px solid;
	padding:5px;
	text-align:center;
}

/* 企業テーブル
---------------------------------------------*/
.tbl-com {
	border-collapse:collapse;
	text-align:left;
	font-size:100%;
	margin:5px auto 0 auto;
	border:#666666 0px solid;
}
.tbl-com td, .tbl-com th{
	border:#666666 0px solid;
	padding:10px;
	width:225px;
}
.tbl-com th{
	background:#ededed;
}
.tbl-com tr{
	border-bottom:dashed #999 1px;
	}
	.tbl-com tr.top{
	border-top:dashed #999 1px;
	}

/* 送料のテーブル
---------------------------------------------*/
.tbl-deli {
	border-collapse: collapse;
	text-align:center;
	font-size:100%;
	margin:5px auto 0 auto;
	border:#ffffff 2px solid;
}
		.tbl-deli td, .tbl-deli th{
			border:#ffffff 3px solid;
			padding:5px;
		}
		.tbl-deli td{
			background:#ededed;
		}
		.tbl-deli th{
			background:#e0ebaf;
			font-weight:normal;
		}
		
/* 商品説明テーブル
---------------------------------------------*/
.tbl-item {
	border-collapse:collapse;
	text-align:left;
	font-size:100%;
	margin:5px auto 0 auto;
	border:0px solid;
}
	.tbl-item td, .tbl-item th{
		border-top:#666666 1px dotted;
		border-bottom:#666666 1px dotted;
		padding:5px;
	}
	.tbl-item th{
		background:#ededed;
	}
/* 基本のリスト
---------------------------------------------*/
#list {}
	#list ul {
		margin:0px 50px 15px 30px ;
		padding:0 0 5px 0 ;
	/*	border-bottom: #666 1px dotted ; */
	}
	#list ul li {
		padding:0px 0px 0px 20px ;
		margin:10px 0 8px 0px ;
		list-style-type:none;
		font-size:100%;
		font-weight:normal;
		letter-spacing:none;
		color: #666666 ;
		background: url(../../img/common/listmark02.gif) left center no-repeat;
	}
	#list ul li a {
		text-decoration:underline;
	}
	#list ul li a:hover{
		text-decoration:none;
		color:#FF6600;
	}
	#list ul .list-sub {
		margin:10px 0 8px 30px ;
	}

#list ol {
	margin:20px 50px 0px 50px ;
	padding:0 0 0 0 ;
	line-height:1.5;
}
#list ol li {
	padding:5px 0 2px 0 ;
	border-bottom:#999999 1px dotted;
}
#list ol li a {}


/* テキスト装飾ほか
------------------------------------------------------------------ */
.em-red {
	color:#cc0033;
}
a.link-html {
	background:url(../../images/common/link-html.gif) right center no-repeat;
	padding:7px 20px 5px 0;
	margin:0 3px 0 2px;
	}

a.link-ex {
	background:url(../../images/common/link-ex.gif) right center no-repeat;
	padding:7px 20px 5px 0;
	margin:0 3px 0 2px;
	}

/* SNSのボタン
---------------------------------------------*/
.social-b {
	text-align:left;
	margin:10px auto 10px 10px;
}
.social-b div#facebook_like {
	float:left;
	margin: 0px 0 5px 0;
	}
.social-b div#facebook_share {
	float:left;
	margin: 0px 0 5px 0;
	}
.social-b div#hatena {
	float:left;
	margin: 0px 10px 10px 0;
	}
.social-b div#twitter {
	float:left;
	margin: 0px 10px 10px 0;
	}

/* お問い合わせフォーム
---------------------------------------------*/
table.tbl-inquiry {
	border-collapse:collapse;
	text-align:left;
	font-size:12px;
	margin:5px auto 0 auto;
	border:#666666 0px solid;
}
	table.tbl-inquiry td, table.tbl-inquiry th{
		border:#666666 0px solid;
		padding:10px 10px 10px 5px ;
		border:#FFFFFF 5px solid;
	}
	table.tbl-inquiry th{
		padding:0 0 0 5px;
		margin:0;
	}
	table.tbl-inquiry th hr{
		color:#009900;
		width:100%;
		height:1px;
		text-align:left;
	}
	
	table.tbl-inquiry table.inner td{
		padding:0;
		margin:0;
		vertical-align:top;
	}

/* ご予約状況確認ページ
---------------------------------------------*/
span.sale {
	background:#99ff66;
	color:#3366ff;
	padding:3px;
	margin:0 3px 0 3px;
	}
	
/* カルーセル　*/

ul#carrousel1 {
	list-style-type:none;
	margin:0px 0 0px 0;
	}
ul#carrousel1 li{
	width:300px;
	height:190px;
	text-align:left;
	color: #366;
	}
ul#carrousel1 li .carr-img {
	}

/* よくあるご質問ページ
---------------------------------------------*/
ul.faq {
	margin:0 0 20px 20px;
	}
dl.faq {
	margin:0 0 20px 20px;
	}
ul.tewatashi{}
ul.tewatashi li{
	padding:20px;
	background:#f6ffb2;
	}
ul.tewatashi li a{}

/* page-linkボタン
---------------------------------------------*/
ul.page-link {
	list-style:none;
	margin:0 0 0 10px;
	}
ul.page-link li a{
	float:left;
	padding:15px 10px 15px 10px ;
	margin:0 10px 10px 0;
	display:block;
	background:#F60;
	color:#FFF;
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
	border:#F60 2px solid;
	border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Chrome用 */
    -moz-border-radius: 5px;   /* Firefox用 */
	}
	ul.page-link li a:hover{
		background:#fdcc49;
		color:#F60;
		}