@charset "Shift_JIS";

/* 全体構造
---------------------------------------------------- */


#container {/*containerブロック制御*/
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 3px;
	border-collapse: collapse;
	padding: 0px 0px 0px 0px;
	background-position: center;
	font-size : 12px ;
	line-height : 150% ;
	}

#main-container{
width:900px;
margin:0 auto;
padding:0;
background:url(../img/title.jpg) top left no-repeat;
}
	
	
/* リンク
---------------------------------------------------- */	
	a:link {color: #333333;}
	a:visited {color: #666666;}
	a:hover {color: #FF9900;}


/* ヘッダ
---------------------------------------------------- */

#header{
margin:0;
padding:0;
height:110px;
}

/*タイトル*/
#title{
display:block;
float:left;
width:295px;
height:65px;
padding:0px;
}


/*タイトル隠し*/
h1{
text-indent:-9999px;
margin:0;
padding:0;
}

h1 a{
display:block;
width:350px;
height:65px;
}


/*タイトル右*/
#right{
display:block;
margin:5px 5px 5px 0;
padding:0;
float:right;
width:500px;
height:56px;
position:relative;
top:0;
background:url(../img/bana/bana_big.gif) top right no-repeat;
}

/* ヘッダ右フレスカバナー
---------------------------------------------------- */
/*タイトル隠し*/
h2{
text-indent:-9999px;
margin:0;
padding:0;
}

h2 a{
display:block;
width:400px;
height:50px;
}

/*ヘッダーメインメニュー
---------------------------------------------------- */
#menu{
margin:0;
padding:0;
text-align:center;
width:900px;
height:32px;
clear:both;
}

#menu ul{
margin:0px 0px 0px 0px;
padding:0px 8px 0px 10px;
}

#menu li{
float:left;
list-style-type:none;
padding:0px 0px 0px 1px;
}

#menu li a{
display:block;
height:24px;
text-indent:-9999px;
}

#menu li#home a{background:url(../img/menu/menu1.gif) top left no-repeat; width:125px;}
#menu li#home a:hover{background:url(../img/menu/menu1_1.gif) top left no-repeat; width:125px;}

#menu li#kurashi a{background:url(../img/menu/menu2.gif) top left no-repeat; width:125px;}
#menu li#kurashi a:hover{background:url(../img/menu/menu2_1.gif) top left no-repeat; width:125px;}

#menu li#recipi a{background:url(../img/menu/menu3.gif) top left no-repeat; width:125px;}
#menu li#recipi a:hover{background:url(../img/menu/menu3_1.gif) top left no-repeat; width:125px;}

#menu li#myhome a{background:url(../img/menu/menu4.gif) top left no-repeat; width:125px;}
#menu li#myhome a:hover{background:url(../img/menu/menu4_1.gif) top left no-repeat; width:125px;}

#menu li#toukou a{background:url(../img/menu/menu5.gif) top left no-repeat; width:125px;}
#menu li#toukou a:hover{background:url(../img/menu/menu5_1.gif) top left no-repeat; width:125px;}

#menu li#present a{background:url(../img/menu/menu6.gif) top left no-repeat; width:125px;}
#menu li#present a:hover{background:url(../img/menu/menu6_1.gif) top left no-repeat; width:125px;}

#menu li#mail a{background:url(../img/menu/menu7.gif) top left no-repeat; width:125px;}
#menu li#mail a:hover{background:url(../img/menu/menu7_1.gif) top left no-repeat; width:125px;}


/* フッター
---------------------------------------------------- */	
#footer{
margin:10px auto 0 auto;
padding:5px 0;
border-top:1px solid #CCC;
font-size:10px;
width:860px;
text-align:center;
}

#fmenu{
border-bottom:1px dotted #999;
padding:5px;
}

#fmenu ul{
margin:0;
padding:5px 10px;
text-align:center;
}

#fmenu li{
display:inline;
}

#fmenu li a{
margin:0;
padding:0px 3px;
width:110px;
text-align:center;
color:#000000;
border-left:2px solid #666;
background-position:0 5px;
}

#fmenu li a:hover{
color:#FF0000;
}