*{margin:0;padding:0;}

body{
	text-align:center;
	color:#333;
	background:#000;
	font-size:62.5%;
	line-height:1.8;
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
	margin:0;
	width: 100%;
}

a:link{color:#666;text-decoration:underline;}
a:visited{color:#666;text-decoration:underline;}
a:hover{color:#9b8638;text-decoration:none;}
a:active{color:#9b8638;text-decoration:none;}

img{border:none;}
li{list-style:none;}
address{font-style:normal;}


/* clearfix huck */
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac ＼*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */

/* /clearfix huck */

/* shared ----------------------------------------------------------------- */

#wrapper{
	width:100%;
	position:relative;
	margin: 0 auto;
}

/* start ヘッダー --------------------------------------------------------------------*/

#header{
	background: url(../img/renga.gif) repeat-x;
	height: 80px;
	border-bottom: solid 3px #fff;
}

#renga{
	position: relative;
	margin: 0 auto;
	width: 820px;
	text-align: left;
}

#navi_back{
	background: #000;
}

#navi{
	margin: 0 auto;
	width: 804px;
	height: 47px;
	/*border: solid 1px #ff0000;*/
}

h1{
	text-align: left;
	position: absolute;
	top: 18px;
	left: 10px;
	width: 126px;
	height: 45px;
}

/* end ヘッダー --------------------------------------------------------------------*/

/* start チョコレートの説明 -----------------------------------------*/

#back{
	background: #ffffeb;
	margin: 0 auto 20px auto;
	width: 100%;
}

#contents{
	background: #fff url(../img/back.gif) repeat-y 50% top;
	width: 840px;
	margin: 0 auto;
	padding-bottom: 50px;
}

#back2{
	background: #ffffeb;
	margin: 0 auto 20px auto;
	width: 100%;
	height: 1475px;
}

#contents2{
	background: #fff url(../img/back.gif) repeat-y 50% top;
	width: 840px;
	margin: 0 auto;
	height: 1475px;
}

#back3{
	background: #ffffeb;
	margin: 0 auto 20px auto;
	width: 100%;
	height: 400px;
}

#contents3{
	background: #fff url(../img/back.gif) repeat-y 50% top;
	width: 840px;
	margin: 0 auto;
	height: 400px;
}


#pan{
	text-align: left;
	margin: 0 0 15px 35px;
	padding-top: 15px;
}

.ttl{
	text-align: left;
	margin:  0 0 20px 50px;
}

.choco{
	display: inline;
	float: left;
	/*border: solid 1px #ff0000;*/
	width: 740px;
	margin: 0 auto 60px 45px;
}

.sample_a{
	margin-top: 85px;
	margin-right: 45px;
	margin-left: 10px;
}

.sample_b{
	margin-top: 12px;
	margin-right: 45px;
}

.sample_d{
	display: inline;
	float: left;
	margin: 20px 0 0 20px;
}

.sample_e{
	display: inline;
	float: left;
	margin: 20px 0 0 40px;
}

.choco2{
	display: inline;
	float: left;
	/*border: solid 1px #ff0000;*/
	width: 750px;
	height: 180px;
	margin: 0 auto 60px 45px;
}

.sample2{
	margin-right: 10px;
}

.katachi{
	clear: both;
	margin: 20px auto 50px auto;
	text-align: left;
	font-size: 12px;
	font: bold;
	
}

/* end チョコレートの説明 -----------------------------------------*/

/* start オーダー方法 -----------------------------------------*/

#no_contents{
	text-align: left;
	margin: 0 auto 30px 65px;
}

.no_txt{
	font-size: 12px;
	padding-top: 5px;
}

.watashi_txt{
	font-size: 12px;
	text-align: left;
	margin-left: 65px;
}

/* end オーダー方法 -----------------------------------------*/

/* start Witch Craft 工房 -----------------------------------------*/

.photo{
	display: inline;
	float: left;
	text-align: left;
	margin: 25px 0 0 50px;
}

.p_c{
	float: left;
	width: 274px;
	height: 184px;
	background: #eee;
	border: solid 1px #ccc;
	margin: 0 0 0 50px !important;
	margin: 0 0 0 25px;
}

.photo_txt{
	font-size: 12px;
	text-align: left;
	margin: 14px 0 0 13px;;
}

.photo2{
	display: inline;
	float: left;
	text-align: left;
	margin: 25px 0 0 35px;
}

.map_txt{
	display: inline;
	float: left;
	text-align: left;
	margin: 60px 0 0 50px;
	font-size: 12px;
	width: 300px;
	height: 350px;
}

/* end Witch Craft 工房 -----------------------------------------*/

/*--お問い合わせ------------------------------------------------*/

#form_contents{
	display: inline;
	float: left;
	width: 730px;
	margin-left: 50px;
	text-align: left;
}

.form{
	font-size: 12px;
	border: 0;
	cellpadding: 0;
	cellspacing: 0;
	border-collapse: collapse;
	border: solid 1px #ddd;
}

th{
	border: solid 1px #ccc;
	text-align: left;
	padding: 10px 0 10px 5px;
	font-weight: normal;
	width: 150px;
	background: #ffefef;
}

td{
	border: solid 1px #ddd;
	padding: 10px 0 10px 5px;
	width: 580px;
}

.alert{
	color: #ff0000;
	padding-left: 5px;
}

.name,.kana,.add,.mail{
	width: 90%;
}

.zip{
	width: 10%;
	margin-bottom: 5px;
}

.pref{
	margin-bottom: 5px;
}

.tel{
	width: 10%;
}

.content{
	height: 100px;
	width: 90%;
}

.submitarea{
	clear: both;
	padding-top: 10px;
}

#big_txt{
	text-align: left;
	margin-left: 50px;
}

.kakunin{
	margin-bottom: 30px;
}

.submitarea{
	text-align: center;
}

/*--//お問い合わせ------------------------------------------------*/

/* start フッター -----------------------------------------*/

li{
	float: left;
}

#bnr_footer{
	background: #000;
}

#bnr_contents{
	margin: 10px auto 30px auto;
	width: 800px;
	height: 60px;
	/*border: solid 1px #ff0000;*/
}

.bnr{
	margin: 0 13px;
	padding-left: 1px;
}

#footer{
	clear: both;
	color: #ccc;
	margin: 0 auto 10px auto;
	padding-bottom: 5px;
}
/* end フッター -----------------------------------------*/