@charset "UTF-8";


* { 

margin:0; padding:0;

}



body {

font-size:12px;

color:#666666;

line-height:1.5em;

}



a {

color:#666666;

text-decoration:none;

}



a:hover {

color:#0000CC;

}



a img {

border:none;

}



#wrap {

width:780px;

margin-left:auto;

margin-right:auto;

background:url(../img/bg_image.gif) repeat-y;

}



#container {

position:relative;

left:20px;

}



/*ヘッダナビゲーション*/



#text_dl {

position:absolute;

top:40px;

left:20px;

}



#form {

position:absolute;

top:160px;

left:20px;

}



/*ヘッダエリア*/



#header {

width:740px;

height:80px;

margin-bottom:10px;

}



#text {

position:absolute;

top:74px;

left:2px;

}



#kijisuu {

position:absolute;

top:104px;

left:610px;

width:100px;

color:#0000CC;

}



#search_area {

clear:both;

width:740px;

height:50px;

text-align:right;

}



#google_search {

position:absolute;

top:95px;

left:2px;

width:615px;

height:40px;

background:url(../img/search_image2.gif) no-repeat;

}



#google_search form{
	position:absolute;
	top:7px;
	left:70px;
	list-style:none;
	height: 26px;

}



/*トップナビゲーション*/



#head_navi {

position:absolute;

top:26px;

left:346px;

width:300px;

height:13px;

}



#head_navi ul {

margin:0;

padding:0;

list-style:none;

width:450px;

height:13px;

}



#head_navi li a,#head_navi li a:hover {

margin:0;

padding:0;

position:absolute;

top:-4px;

}



li#mailmagazine a {

position:absolute;

left:0px;

width:64px;

height:13px;

text-indent:-9999px;

background:url(../../top/img/navi_mailmagazine.gif) no-repeat;

}



li#mailmagazine a:hover {

position:absolute;

left:0px;

width:64px;

height:13px;

text-indent:-9999px;

background:url(../../top/img/navi_mailmagazine_over.gif) no-repeat;

}



li#idea a {

position:absolute;

left:64px;

width:83px;

height:13px;

text-indent:-9999px;

background:url(../../top/img/navi_idea.gif) no-repeat;

}



li#idea a:hover {

position:absolute;

left:64px;

width:83px;

height:13px;

text-indent:-9999px;

background:url(../../top/img/navi_idea_over.gif) no-repeat;

}



li#download a {

position:absolute;

left:147px;

width:82px;

height:13px;

text-indent:-9999px;

background:url(../../top/img/navi_download.gif) no-repeat;

}



li#download a:hover {

position:absolute;

left:147px;

width:82px;

height:13px;

text-indent:-9999px;

background:url(../../top/img/navi_download_over.gif) no-repeat;

}



li#komeri a {

position:absolute;

left:229px;

width:162px;

height:13px;

text-indent:-9999px;

background:url(../../top/img/navi_komeri.gif) no-repeat;

}



li#komeri a:hover {

position:absolute;

left:229px;

width:162px;

height:13px;

text-indent:-9999px;

background:url(../../top/img/navi_komeri_over.gif) no-repeat;

}



/*フラッシュ*/



#flash {

clear:both;

width:740px;

height:420px;

margin-bottom:10px;

}



/*コンテンツエリア*/



#main {

width:740px;

}



#topics {

width:489px;

height:147px;

margin-bottom:5px;

background:url(../../top/img/topics.gif) no-repeat;

}



#topics ul {

position:absolute;

top:606px;

left:32px;

list-style:none;

}



#topics li {

margin-bottom:4px;

padding:0;

}



#content_left {

float:left;

width:489px;

height:312px;

margin-right:20px;

text-align:left;

}



#content_left ul {

margin:0;

padding:0;

list-style:none;

}



#chirashi_howto {

float:left;

width:489px;

height:187px;

margin-bottom:10px;

background:url(../../top/img/chirashi_howto.gif) no-repeat;

}



#table_chirashi {

margin-top:34px;

margin-left:30px;

font-size:12px;

}



#contest_gallery {

float:left;

width:489px;

height:97px;

background:url(../img/contest_gallery.gif) no-repeat;

}



#contest_gallery ul {

padding:0;

list-style:none;

margin-left:30px;

margin-top:32px;

}



#contest_gallery li {

margin:0;

padding:0;

float:left;

width:128px;

margin-right:16px;

}



#howto_ranking {

float:right;

width:231px;

height:448px;

background:url(../../top/img/ranking.gif) no-repeat;

}



#table_ranking {

margin-top:30px;

margin-left:10px;

font-size:12px;

}



#archives {

clear:both;

position:relative;

top:10px;

width:740px;

height:120px;

background:url(../img/Howto_archives.gif) no-repeat;

}



#archives ul {

margin-left:2px;

width:740px;

height:70px;

padding:0;

list-style:none;

}



#archives li,#archives li a {

padding:0;

float:left;

width:100px;

height:70px;

margin-top:16px;

margin-left:2px;

text-indent:-9999px;

}



li#diy a {

background:url(../img/bottun.gif) no-repeat;

}



li#diy a:hover {

background:url(../../top/img/DIY_over.gif) no-repeat;

}



li#gardening a {

background:url(../img/bottun-02.gif) no-repeat;

}



li#gardening a:hover {

background:url(../../top/img/gardening_over.gif) no-repeat;

}



li#sumai a {

background:url(../img/bottun-03.gif) no-repeat;

}



li#sumai a:hover {

background:url(../../top/img/sumai_over.gif) no-repeat;

}



li#aisha a {

background:url(../img/aisha.gif) no-repeat;

}



li#aisha a:hover {

background:url(../../top/img/aisha_over.gif) no-repeat;

}



li#pet a {

background:url(../img/bottun-05.gif) no-repeat;

}



li#pet a:hover {

background:url(../../top/img/pet_over.gif) no-repeat;

}



li#ryouri a {

background:url(../img/cooking.gif) no-repeat;

}



li#ryouri a:hover {

background:url(../../top/img/cooking_over.gif) no-repeat;

}



li#kurashi a {

background:url(../img/bottun-07.gif) no-repeat;

}



li#kurashi a:hover {

background:url(../../top/img/knowledge_over.gif) no-repeat;

}





/*フッタエリア*/



#line {

width:740px;

height:10px;

margin-top:10px;

margin-bottom:4px;

}



/*コピーライト*/



#copyright {

text-align:center;

background:url(../img/bg_image02.gif) repeat-y;

}