@charset "UTF-8";
/* CSS Document */
*{
	margin:0;
	padding:0;
	outline: none;
	font:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
}
#wrap{
	width:900px;
	margin:0 auto;
	text-align:justify;
	text-justify: inter-ideograph;
	box-shadow:rgba(113, 135, 164, 0.65) 0px 0px 6px 0px;
	-webkit-box-shadow:rgba(113, 135, 164, 0.65) 0px 0px 6px 0px;
	-moz-box-shadow:rgba(113, 135, 164, 0.65) 0px 0px 6px 0px;
}
#wrap li{
	list-style-type:none;
}
#leftbar{
	float:left;
	width:250px;
}
.logo{
	display:block;
	margin:0 auto 50px;
}
#leftbar ul{
	margin:0 auto 30px;
	width:170px;
}
#leftbar ul li{
	border-bottom:solid 1px #666;
}
#leftbar ul li:lastchild{
	border-bottom::none;
}
#leftbar ul li a {
	display:block;
	padding:10px 0;
}
#leftbar ul li img{
	display:block;
	margin:0 auto;
}
.fb img{
	display:block;
	margin:0 auto;
}
#rightbar{
	float:right;
	width:650px;
}
#content{
	margin:0 auto;
	width:600px;
	font-size:90%;
}

/*top*/
#top_link{
	display:block;
	width:525px;
	height:100px;
	margin:20px auto 0px;
}
#top_link li{
	float:left;
	padding:0px;
	margin-right:50px;
}
#top_link li:last-child{
	clear:right;
	margin:0px;
	padding:0px;
}
#top_link li a{
	width:237px;
	height:87px;
	padding:0px;
	margin:0px;
}
#sf{
	border-top:dashed 1px #630;
	margin: 10px 20px;
	padding:20px 0;
	background-image:url(images/back.png);
	background-repeat:no-repeat;
	background-position: right bottom;
	clear:both;
}
#sf h2{
	font-size:140%;
	color:#800000;
}
#sf_jam{
	border-top:dashed 1px #630;
	margin: 10px 20px;
	padding:20px;
}
#sf_jam p img{
	float: right;
	margin-left:20px;
}
#news{
	border:dotted 1px #999;
	margin:10px 20px 30px;
	padding:20px;
}
#news p{
	border-bottom:solid 3px #630;
	color:#ff8c00;
	font-size:120%;
	font-weight:bold;
}
#news_c{
	margin:10px 0px;
}
#news_c ul{
	list-style:none;
	font-size:95%;
}
#news_c ul li{
	padding:5px;
	border-bottom:dotted 1px #CCC;
}
#news_c ul li a{
	margin:0;
	padding:0;
}
#news_c ul li a:link { color: #7fbfff; text-decoration:none;}
#news_c ul li a:hover { color: #add6ff; text-decoration:underline;}
#news_c ul li a:visited { color: #626262; text-decoration:none;}

.news_l{
	font-size:95%;
	float:right;
	clear:both;
}
a.news_l:link { color: #6495ed;}
a.news_l:hover { color: #add6ff;}
a.news_l:visited { color: #626262;}


/*他ページ共通設定*/
#cont_top{
	width:650px;
}
/*outline*/
#ol{
	margin: 10px 20px;
	padding:20px;
}
#ol h2{
	font-size:120%;
}
#ol p img{
	float:left;
	padding-top:10px;
}
#ol ul{
	display:block;
	float:right;
	clear:right;
	font-size:100%;
	margin-bottom:20px;
}
#ol ul li{
	border-bottom:dotted 1px #999;
	padding:7px 30px 7px 7px;
}
#ol ul li;last-child{
	border-bottom:none;
}
.ol_read{
	display:block;
	clear:both;
}
#ol_cp{
	border-top:dashed 1px #630;
	margin: 10px 20px;
	padding:20px;
	clear:both;
}
#ol_01{
	clear:both;
	margin: 10px 20px;
	padding:20px;
}
#ol_01 h3{
	font-size:100%;
	border-bottom:dashed 1px #630;
	padding:5px 0px;

}
#ol_01 p{
	padding:10px 0px;
}

/*item*/

#item_head{
	padding:20px 0;
	margin-bottom:10px;
}
#item_menu{
	margin-bottom:40px;
}
#item_menu h2{
	border-bottom:solid 1px #630;
}
#item_menu p{
	display:block;
	margin:30px 25px 50px;
}
#item_menu a ,#item_menu img{
	display:block;
}
#item_menu a{
	margin:20px 0; 
}
#item_menu .banner_l{
	float:left;
	margin:0 45px 0 0; 
}
#item_menu .banner_r{
	clear:right;
}
#item_cont h2{
	border-bottom:solid 1px #630;
	margin-top:50px;
}
#item_cont p{
	padding: 0 20px 20px;
}
#item_cont ul li{
	display:inline-block;
	width:150px;
	height:180px;
	padding:20px;
	font-size:80%;
	text-align:center;
	vertical-align:top;
}
#item_cont ul li img {
    width: auto;
    height: auto;
    max-width: 150px;
	max-height: 150px; 
}
#item_01,#item_02,#item_03,#item_04,#item_05{
	margin:100px auto;
	padding:10px 0;
}
#item_01 h2,#item_02 h2,#item_03 h2,#item_04 h2,#item_05 h2{
	margin:20px 0;
}
#item_sw{
	margin:30px 0;
}
#item_sw #single_title{
	font-size:110%;
	border-bottom:solid 1px #630;
	margin-bottom:20px;
}
#item_sw p{
	font-size:95%;
}
#item_sw a{
	text-decoration: none;
	font-weight: bold;
	text-align: center;
	font-size: 13px;
	display: inline-block;
	background: #EEE;
	border: 1px solid #DDD;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	color: #111;
	width: 100px;
	padding: 10px 12px;
}
#item_sw a:hover{
	background: #F96;
	color: #FFF;
}

/*service*/

#sv_head{
	padding:20px 0;
	border-bottom:dashed 1px #630;
}
.sv_01{
	border-bottom:dashed 1px #630;
	padding:20px 0;
}
.sv_01:last-child{
	border-bottom:none;
}
.sv_01 div{
	width:510px;
	margin:0 auto;
}
.sv_01 .sv_hm{
	text-align:center;
}
.item_ln{
	display:block;
	border:solid #999 1px;
	padding:10px 20px;
	margin-top:10px;
	margin-bottom:10px;
	font-weight:bold;
}
.handmade {
	clear:both;
	display: table;
	margin:0 auto;
	border-collapse: separate;
	border-spacing: 0px 0px;
}
.handmade li {
	background-color: #FFF;
	margin-right:10px;
	padding:10px 0;
	display: table-cell;
}
#question{
	padding:20px;
	height:130px;
	background-image:url(images/question_back.png);
	background-repeat:no-repeat;
}
#question h3{
	padding:0 0 10px 50px;
}
#question p{
	display:block;
	padding-top:8px;
	width:460px;
	margin:0 auto;
}
#answer{
	margin:30px auto;
	padding:20px;
	background-image:url(images/answer_back.png);
	background-repeat:no-repeat;
	background-position:97% 70%;
	box-shadow:rgb(239, 196, 181) 0px 0px 10px 4px;
-webkit-box-shadow:rgb(239, 196, 181) 0px 0px 10px 4px;
-moz-box-shadow:rgb(239, 196, 181) 0px 0px 10px 4px;
}
#QA ul{
	margin:10px 0;
	border:solid #e8907e 1px;
	padding:10px 20px;
}
/*recipe*/

#recipe_head{
	padding:20px;
}
#recipe_cont h2{
	padding:5px;
	color:#300203;
	border-bottom:dashed 1px #300203;
	margin:50px 0;
}
#recipe_cont li img{
	border:8px solid #FFF;
	width:190px;
	height:auto;
	margin-bottom:5px;
	box-shadow:0px 0px 10px 0px #000;
-moz-box-shadow:0px 0px 10px 0px #000;
-webkit-box-shadow:0px 0px 10px 0px #000;
}
#recipe_cont li span{
	color:#300203;
	font-size:100%;
	font-weight:bold;
}
.Recommended{
	margin:0 auto;
	width:405px;
	height:270px;
	background-image:url(images/Recommended.png);
}
.Recommended li{
	text-align:center;
	margin:0 auto;
	padding:65px 0 0;	
}
.recipe_all{
	width:580px;
	margin:0 auto;
}
.recipe_all li{
	text-align:center;
	width:200px;
	padding:0px 20px;
	margin:0 20px 20px;
	display:inline-block;
	vertical-align:top;
}
/*single-recipe*/
#resipe_main #single_title{
	background-image:url(images/recipe_tlback.png);
	background-repeat:no-repeat;
	font-size:120%;
	padding-bottom:3px;
	padding-left:30px;
	color:#300203;
	border-bottom:dashed 1px #300203;
	margin:30px 0 20px;
}
#recipe1{
	clear:both;
}
#rp_img{
	float:left;
	width:300px;
	height:auto;
}
#rp_img img{
	display:block;
	margin-bottom:10px;
}
#recipe1 p{
	padding-left:320px;
}
#recipe1 ol{
	display:inline-block;
	width:230px;
	margin-left:20px;
	margin-bottom:20px;
	padding:10px;
	border:solid 2px #F99;
	clear:right;
}
#recipe1 ol li{
	display:inline-block;
}
#recipe1 ul{
	display:inline-block;
	width:250px;
	margin-left:20px;
	clear:right;
}
.re_tl{
	font-size:105%;
	font-weight:bold;
	color:#300203;
}
#recipe1 ul li{
	padding:3px 5px;
	border-bottom:1px dotted #300203;
}
#recipe2{
	clear:both;
	padding:30px 0px;
}
#recipe2 ul li{
	padding:10px;
	border-bottom:dotted 1px #300203;
}
#recipe_point{
	clear:both;
	margin:20px;
	border:solid 1px #300203;
	padding:20px;
}
#recipe_point h3{
	background-image:url(images/point.png);
	background-repeat:no-repeat;
	border-bottom:1px dashed #300203;
	padding-left:25px;
	color: #300203;
	font-size:110%;
}
#recipe_point p{
	padding-top:10px;
}
/*contact*/

#contact_head{
	padding:20px;　
}
#ct_mailform {
	padding:20px;
}
#mailform {
	padding:20px 0;
}
.mailform {
	width: 100%;
}
.mailform tr{
	padding:30px;
}
.mailform tr th,.mailform tr td {
	text-align: left;
	font-weight: normal;
	font-size: 12px;
	border-bottom: solid 1px #999999;
	padding: 7px 5px 7px 5px;
}
.mailform tr th {
	width: 150px;
}
.mailform tr th span {
	color: #CC0000;
	font-size: 10px;
}
.mailform tr th p {
	margin: 0px;
	padding: 0px;
	font-size: 10px;
	color: #999999;
}
.mailform tr td textarea {
	width: 100%;
	height: 120px;
}

/*footer*/
footer{
	clear:both;
	margin:0 auto;
	height:20px;
	background-color:#CCC;
	text-align:center;
	font-size:85%;
}