@charset "utf-8";

body,div,dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,pre,form,fieldset,
input,textarea,p,blockquote,th,td {  
    margin:0; 
    padding:0; 
}

body{
	background:#ffffff;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',Arial,Helvetica,sans-serif;
	color:#000000;
	background:#FFF;
	margin: 0;
	padding: 0;
	text-align: left;
	font-size:12px;
	height: 100%;
}

table { 
    border-collapse:collapse; 
    border-spacing:0;
    text-align: left; 
}
img {  
    border:0; 
} 

a img {
	border:none;
}

a { color:#333; text-decoration:none;}
a { color:#666; text-decoration:none;}

#recipebody{
	width: 955px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}

.fl{
	float:left;
}

.clearfloat {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

a.onlink {  text-decoration: none; }
a.onlink:link { color: #d03a3a; }
a.onlink:visited { color: #d03a3a; }
a.onlink:hover { color: #d03a3a; text-decoration: underline;}


/*header*/
#header{ width:955px; height:108px; overflow:hidden; margin:0 auto; position:relative;}
#header h1{ float:left; margin:20px 0 3px 10px;}
#header p#madori{ position:absolute; left: 459px; top: 16px;}
#header div#application{ position:absolute; right: 98px; top: 8px;}
#header p#friends{ position:absolute; right: 10px; top: 22px;}
#header ul{ float:left; margin:5px 1px 5px 0; list-style: none;}
#header ul li{ float:left;}
#header ul li a:link{ color: #000000;}
#header ul li a:visited{ color: #000000;}



/* 広告用問合せ
----------------------------------------------- */
tacle#contact1{
	text-align: left;
	font-size: 16px;
	width: 697px;
}

th#thanks{
	text-align: left;
	font-size: 30px;
}

th#thanks div{
	margin-left: 10px;
	margin-bottom: 10px;
}

div.good{
	padding-top: 13px;
	padding-bottom: 10px;
	padding-left: 5px;
	margin-bottom: 10px;
	font-size: 20px;
	font-weight: bold;
	width: 400px;
	background-color: #d9cdff;
}

table#contact2{
	text-align: left;
	font-size: 16px;
	background-color: #fff6ee;
	width: 697px;
}

div.title{
	margin-left: 45px;
	font-size: 20px;
	font-weight: bold;
}

div.main{
	margin-left: 65px;
	font-size: 15px;

}

span.link{
	color: #0400ff;
	border-bottom-color: #0400ff;
}

div.title2{
	margin-left: 50px;
	font-size: 18px;
}

div.main2{
	margin-left: 65px;
	font-size: 15px;
	color: #0400ff;
	border-bottom-color: #0400ff;
}

table#contact3{
	text-align: left;
	font-size: 16px;
	width: 697px;
	margin-top: 10px;
}

table#contact3 th div{
	font-size: 25px;
	text-align: left;
	margin-left: 10px;
	color: #000000;
}

table#contact3 tr span.main3{
	font-size: 22px;
	color: #0400ff;
	text-decoration: underline;
	margin-top: 0px;
	margin-bottom: 0px;
}

table#contact3 tr span.main4{
	vertical-align: top;
}

table#contact3 tr div.main5{
	vertical-align: bottom;
	border: 2px solid #00d7ff;
	height: 40px;
	width: 260px;
	padding-top: 2px;
	padding-left: 10px;
	margin-top: 10px;
}

table#contact3 tr span.main6{
	font-size: 22px;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 0px;
}

table#contact3 tr span.main7{
	font-size: 16px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 80px;
}

table#contact4 {
	text-align: left;
	font-size: 16px;
	width: 697px;
	border: 3px solid #00d7ff;
	margin-top: 10px;
}

table#contact4 div.main8{
	text-align: left;
	font-size: 24px;
	font-weight: bold;
	padding-top: 10px;
	padding-left: 10px;
}

table#contact4 div.main9{
	text-align: left;
	font-size: 18px;
	padding-left: 20px;
	margin-top: 10px;
}


table#contact4 div.main10{
	text-align: left;
	font-size: 18px;
	padding-left: 20px;
	padding-top: 10px;
	margin-bottom: 10px;
}

table#contact4 div.main11{
	text-align: left;
	font-size: 24px;
	font-weight: bold;
	padding-left: 33px;
	padding-top: 0px;
	margin-bottom: 10px;
}

/*フッターカテゴリー
------------------------------------------------*/
div.footer_cat{
	border: 1px solid #B9B9BA;
}

#sub{
	float:left;
	width:210px;
}


/* footer
-----------------------------------------------------------------*/
#footer{
	clear:both;
	width:865px;
	height:44px;
	margin:0 auto;
	padding:10px 0;
	position:relative;
}

#footer ul li{
	float:left;
	margin-top:17px;
	list-style: none;
}

address{
	background:url(http://www.sumarepi.jp/contact2/image/copyright.gif) no-repeat;
	width:207px;
	height:9px;
	position:absolute;
	left: 623px;
	top: 70px;
}

#footer img#designclub{
	clear:both;
	position:absolute;
	left: 835px;
	top: 60px;
}




/*プリント範囲設定
------------------------------------------------*/
@media print{
#header{display:none;} 
#category{display:none;} 
#iframe{display:none;} 
#contener{width:100%; float:none;}
#footer{display:none;} 
}