@charset "utf-8";

/*サイト全体の基本情報の設定*/
body{
font-size: 0.8em;
font-family: "HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO","メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
line-height: 1.4;
color: #696969;
background-color: #ffffff;
}

ul,ol{
list-style: none;
}

/*全体に共通*/
#wrapper{
width: 900px;
margin: auto;
}

header p,footer p{
font-family: "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

header img{
float: left;
}


#subinfo{
margin-top: 15px;
margin-left: 600px;
}

#subinfo .smr{
text-align: right;
padding-top: 3px;
padding-right: 15px;
padding-bottom: 3px;
}

#navi{
clear: left;
font-size: 1.5em;
}


#navi ul li{
width: 150px;
height: 90px;
text-align: center;
background-image:url("images/nav_bc.png");
background-repeat:no-repeat;
line-height:90px;
color:#ffffff;
float: left;
padding-bottom: 15px;
}

#navi a{
text-decoration: none;
}


#navi a:link{
color:#ffffff;
background-color:transparent;
}
#navi a:visited{
color:#ffffff;
background-color:transparent;
}
#navi li:hover{
background-image:url("images/nav_bc_sjm.png");
font-weight: bolder;
}

#info_out{
background-color:#800000;
}

#info{
width: 800px;
margin: auto;
padding-top: 20px;
padding-bottom: 20px;
color: #ffffff;
font-size: 1.1em;
line-height: 2.0em;

}

#copy{
text-align: center;
width: 800px;
padding-top: 30px;
padding-bottom: 50px;
margin: auto;
color: #800000;
font-size: 1.2em;
}

footer a{
text-decoration: none;
font-size: 0.8em;
}


footer a:link{
color:#fffffff;
background-color:transparent;
}
footer a:visited{
color:#ffffff;
background-color:transparent;
}
footer li:hover{
}

#conwrap{
clear: left;
width: 900px;
background-color: #800000;
padding-top: 15px;
padding-bottom: 15px;
}

.in{
width: 800px;
margin: auto;
margin-top: 15px;
margin-bottom: 15px;
background-color: #ffffff;
color: #000000;
padding-top: 15px;
padding-right: 15px;
padding-bottom: 30px;
padding-left: 15px;
text-align: left;
}

.red{
color: #800000;
font-weight: bold;
}

.center{
padding-top: 30px;
text-align: center;
}
/*トップページ*/
#contents{
clear: left;
margin-bottom: 90px;
}

#contents p{
font-family: 'Hiragino Mincho ProN', serif;
font-size: 150%;
font-weight: bolder;
text-align: center;
color: #000000;
padding-top: 15px;
}

/*プライバシーポリシー*/
#pp h3{
margin-top: 10px;
background-color: #ffe4e1;
color: #000000;
	/*角丸にする*/
	border-radius:15px;
	-webkit-border-radius:15px;
	-moz-border-radius:15px;

}

#line{
border-top-color: #696969;
border-top-style: solid;
border-top-width: thin;
border-bottom-color: #696969;
border-bottom-style: solid;
border-bottom-width: thin;
padding-top: 5px;
padding-bottom: 5px;
margin-top: 5px;
margin-bottom: 5px;
}

/*商品一覧*/
#food h2{
border-bottom-color: #696969;
border-bottom-style: solid;
border-bottom-width: thin;
font-size: 150%;
padding: 5px;
margin-bottom: 15px;
}

#food img{
float: left;
}

#food p{
margin-bottom: 2.0em;
}

#food .right{
margin-left: 420px;
}

#food .in{
clear: left;
min-height: 350px;
}

#food ul{
margin: 20px 0px;
}

/*お客様の声・レシピ*/
#review #con1,#review #con2,#review #con3{
width: 700px;
margin: auto;
margin-top: 15px;
margin-bottom: 15px;
background-color: #ffe4e1;
color: #000000;
padding-top: 15px;
padding-right: 30px;
padding-bottom: 30px;
padding-left: 30px;
text-align: left;
clear: left;
	/*角丸にする*/
	border-radius:15px;
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
}

#rr #con1{
min-height: 130px;
}

#rr h2{
font-size: 150%;
margin-bottom: 5px;
}

#rr .l_rr{
float: left;
}

#rr .r_koe{
margin-left: 120px;
}

#rr #recipe{
min-height: 430px;
}

#rr .r_rec{
margin-left: 400px;
width: 330px;
min-height: 200px;
background-color: #ffe4e1;
color: #000000;
padding-top: 15px;
padding-right: 30px;
padding-bottom: 10px;
padding-left: 20px;
text-align: left;
	/*角丸にする*/
	border-radius:15px;
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
}

#rr #recipe p{
line-height: 1.8em;
margin-bottom: 1.0em;
}

#rr h3{
font-size: 1.2em;
margin-bottom: 3px;
}

#rr ul{
margin-bottom: 30px;
}


#rr footer{
clear: left;
}

/*しじみのコト*/
#shijimi h2{
background-image: url("images/shijimichan.png");
background-repeat: no-repeat;
padding-left: 42px;
line-height: 50px;
font-size: 150%;
margin-bottom: 5px;
}

#shijimi p{
line-height: 1.5em;
margin-bottom: 0.8em;
}

#shijimi #con1 p:first-letter,
#shijimi #con2 p:first-letter{
font-size: 2.0em;
}

#shijimi #con1 img{
float: left;
margin-top: 10px;
}

#shijimi .right{
margin-left: 420px;
}

#shijimi #con2{
clear: left;
}

#shijimi #con3 img{
float: right;
margin-left: 20px;
}

#shijimi #con4{
clear: right;
}

#shijimi #con4 h3{
font-size: 120%;
margin-top: 10px;
margin-bottom: 10px;
}

#shijimi #con4 .left{
width: 410px;
float: left;
}

#shijimi #con4 #shoumi{
width: 300px;
margin-left: 450px;
border: solid thin;
padding-left: 15px;
}

/*ご注文*/
#order h2{
font-size: 150%;
margin-bottom: 5px;
}

#order #chui{
margin-top: 20px;
}


/*メール送信完了*/
#ms h2{
font-size: 150%;
margin-bottom: 5px;
}

#ms h2{
line-height: 1.5em;
}

#ms a{
color: #696969;
}

#ms a:hover{
font-weight: bold;
}

/*アクセス*/

#access h2{
font-size: 150%;
margin-bottom: 5px;
}

#access p{
line-height: 1.5em;
}

#access img{
border-color: #696969;
border-width: thin;
border-style: solid;
float: left;
}

#access .right{
margin-left: 420px;
min-height: 430px;
}

#access #googlemap{
width: 650px;
margin: auto;
clear: left;
}


/*サイトマップ*/

#sm h2{
font-size: 150%;
margin-bottom: 5px;
border-bottom-color: #696969;
border-bottom-style: solid;
border-bottom-width: thin;
padding: 5px;
}

#sm p{
margin-left: 50px;
margin-top: 20px;
}

#sm ul{
margin-left: 70px;
}