@charset "utf-8";

/* body
-----------------------------------------------------------------*/

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:#666666;
	background:#FFF;
	margin: 0;
	padding: 0;
	text-align: left;
	font-size:12px;
	height: 100%;
}

table { 
    border-collapse:collapse; 
    border-spacing:0; 
}
img {  
    border:0; 
	vertical-align: top;
} 

a img {
	border:none;
}

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

.fl{
	float:left;
}

a:link,
a:visited{
	color:#d03a3a;
}

a:hover{
	text-decoration:underline;
}

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


/*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;}
#header ul li div#home{ float:left; position: absolute; left: 25px; top: 70px; font: normal bold 17px/120% "Ludica Sans Unicode";}
#header ul li div#home2{ float:left; position: absolute; left: 32px; top: 90px; font: normal normal 12px/100% "Ludica Sans Unicode";}
#header ul li div#madokore{ float:left; position: absolute; left: 112px; top: 70px; font: normal bold 17px/120% "ＭＳ ゴシック"; letter-spacing: -0.5px;}
#header ul li div#madokore2{ float:left; position: absolute; left: 100px; top: 90px; font: normal normal 11px/100% "ＭＳ ゴシック"; letter-spacing: -0.5px;}
#header ul li div#recipe{ float:left; position: absolute; left: 227px; top: 70px; font: normal bold 17px/120% "Ludica Sans Unicode";}
#header ul li div#recipe2{ float:left; position: absolute; left: 227px; top: 90px; font: normal normal 12px/100% "Ludica Sans Unicode";}
#header ul li div#interior{ float:left; position: absolute; left: 418px; top: 70px; font: normal bold 17px/100% "Ludica Sans Unicode"; letter-spacing: -0.5px;}
#header ul li div#interior2{ float:left; position: absolute; left: 425px; top: 90px; font: normal normal 12px/100% "Ludica Sans Unicode";}
#header ul li div#contest{ float:left; position: absolute; left: 600px; top: 70px; font: normal bold 18px/120% "Ludica Sans Unicode";}
#header ul li div#contest2{ float:left; position: absolute; left: 610px; top: 90px; font: normal normal 12px/100% "Ludica Sans Unicode";}
#header ul li div#work{ float:left; position: absolute; left: 715px; top: 70px; font: normal bold 15px/120% "Ludica Sans Unicode";}
#header ul li div#work2{ float:left; position: absolute; left: 691px; top: 90px; font: normal normal 11px/100% "Ludica Sans Unicode"; letter-spacing: -0.5px;}
#header ul li div#contact{ float:left; position: absolute; left: 865px; top: 70px; font: normal bold 18px/120% "Ludica Sans Unicode";}
#header ul li div#contact2{ float:left; position: absolute; left: 864px; top: 90px; font: normal normal 12px/100% "Ludica Sans Unicode";}


/* content 
-----------------------------------------------------------------
#content{
	background:url(http://www.sumarepi.jp/image/bg.gif) repeat-y;
	border:1px solid #B9B9BA;
	width:796px;
	margin:5px;
	height:1%;
	overflow:hidden;
	float: left;
	position: relative;
}*/

/*p.pagetop{
	clear:both;
	float:right;
	width:63px;
	height:16px;
	padding:25px 24px 25px 0;
	font-size:0;
	line-height:0;
}

p.pad{
	text-indent:-1em;
	padding-left:1em;
}*/


/* main
-----------------------------------------------------------------*/
#main{
	width:857px;
	padding:0 10px 10px 10px;
	border: 1px solid #B9B9BA;
	text-align: left;
}

#main h2{
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-top: 10px;
}

#main div.preamble{
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 120%;
	margin-bottom: 10px;
	margin-left: 10px;
}

#main div.coment{
	font-size: 14px;
	letter-spacing: 1px;
	margin: 10px;
	line-height: 120%;
	border-bottom: dotted 1px #9b9b9b;
}

#main div.page{
	text-align: right;
	font-size: 13px;
	margin: 10px 20px 0 20px;
	color:#d03a3a;
}

/* sub
-----------------------------------------------------------------*/
#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/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;
}