* {
	margin:0px;
	padding:0px;
}
body {
	margin:0px;
	padding:0px;
	background-color:#FFFFFF;
	background-image: url(../common/top_img/bg_pct.gif);
	background-repeat: repeat;
	text-align:center;
}

div#layout {
	width: 720px;
	margin: 0px auto;
}



/*　■■■■■■■■■　*/
/*	【ヘッダーパーツ】　*/
/*　■■■■■■■■■　*/

#header1_box {
	width: 720px;
	height: 80px;
	background-image: url(../common/top_img/header01.gif);
	position: relative;
}

#header2_box {
	width: 720px;
	height: 40px;
	background-image: url(../common/top_img/header02.gif);
	position: relative;
}

div#menu_shop a{
	width: 55px;
	height: 20px;
	top: 10px;
	left: 460px;
	float: left;
	position: absolute;
	/*background-color: ffff66;*/
	background-image: url(../common/top_img/spacer.gif);
	overflow: hidden;
	text-indent: -80em;
	text-decoration: none;
}

div#menu_mail a{
	width: 80px;
	height: 20px;
	top: 10px;
	left: 540px;
	float: left;
	position: absolute;
	/*background-color: ffff66;*/
	background-image: url(../common/top_img/spacer.gif);
	overflow: hidden;
	text-indent: -80em;
	text-decoration: none;
}

div#menu_link a{
	width: 50px;
	height: 20px;
	top: 10px;
	left: 640px;
	float: left;
	position: absolute;
	/*background-color: ff3366;*/
	background-image: url(../common/top_img/spacer.gif);
	overflow: hidden;
	text-indent: -80em;
	text-decoration: none;
}




/*　■■■■■■■■■■■■　*/
/*	【コンテンツ領域枠組み】　*/
/*　■■■■■■■■■■■■　*/

#main_box {
	width: 720px;
	height: 510px;
	background-image: url(../common/top_img/bg_main.gif);
	background-repeat: repeat-y;
	position: relative;
}

#box_menu_set {
	width: 420px;
	height: 480px;
	position: relative;
	top: 30px;
	left: 30px;
	margin-right:10;
	background-repeat: repeat-y;
	position: relative;
	float: left;
	/*background-color: ffff66;*/
}

#box_info_set {
	width: 240px;
	height: 480px;
	position: relative;
	top: 30px;
	left: 30px;
	background-repeat: repeat-y;
	position: relative;
	float: left;
	/*background-color: ffcc66;*/
}





div#box_shop_kanban {
	width: 420px;
	height: 100px;
	position: relative;
	/*top: 30px;
	left: 30px;*/
	/*float: left;*/
	overflow: hidden;
	/*background-color: 66ffff;*/
}

div#box_hidari {
	width: 200px;
	height: 360px;
	position: relative;
	top: 25px;
	/*left: 30px;*/
	float: left;
	overflow: hidden;
	/*background-color: 66ffcc;*/
}

div#box_naka {
	width: 200px;
	height: 360px;
	position: relative;
	top: 25px;
	/*left: 30px;*/
	float: left;
	overflow: hidden;
	/*background-color: 66ffcc;*/
}

div#box_migi {
	width: 220px;
	height: 480px;
	position: relative;
	/*top: 30px;
	left: 30px;*/
	float: left;
	overflow: hidden;
}

div.line_tate1 {
	width: 1px;
	height: 318px;
	top: 25px;
	/*left: 30px;*/
	float: left;
	background-image: url(../common/top_img/dit_tate.gif);
	background-repeat: repeat-y;
	position: relative;
	margin-left: 10px;
	margin-right: 9px;
}

div.line_tate2 {
	width: 1px;
	height: 450px;
	/*top: 170px;*/
	/*left: 30px;*/
	float: left;
	background-image: url(../common/top_img/dit_tate.gif);
	background-repeat: repeat-y;
	position: relative;
	/*margin-left: 10px;*/
	margin-right: 9px;
}

/*　■■■■■■■■■■■■■　*/
/*	【コンテンツ　左側と中側】　*/
/*　■■■■■■■■■■■■■　*/

div.line_yoko {
	width: 200px;
	height: 1px;
	float: left;
	background-image: url(../common/top_img/dit_side.gif);
	background-repeat: no-repeat;
	/*position: relative;*/
	margin-top: 5px;
	margin-bottom: 5px;
}

/*　看板ボタン　*/
.kanban_btn a{
	width: 420px;
	height: 100px;
	background-image: url(../common/top_img/btn_shop_kanban.jpg);
	background-repeat: no-repeat;
	float: left;
	/*position: relative;*/
	overflow: hidden;
	text-indent: -80em;
	text-decoration: none;
}

/*　メインボタン　*/
.main_btn a{
	width: 200px;
	height: 42px;
	float: left;
	/*position: relative;*/
	overflow: hidden;
	text-indent: -80em;
	text-decoration: none;
}

/*.main_btn {
	position: relative;
}*/

/*　基礎知識　*/
div#m_btn1 a{
	background-image: url(../common/top_img/m_btn1_Infomation.gif);
	background-repeat: no-repeat;
	top: 0px;
	left: 0px;
	margin-top: 0px;
	margin-bottom: 7px;
}

/*　レポート　*/
div#m_btn2 a{
	background-image: url(../common/top_img/m_btn2_reports.gif);
	background-repeat: no-repeat;
	top: 0px;
	left: 0px;
	margin-top: 17px;
	margin-bottom: 7px;
}

/*　お料理レシピ　*/
div#m_btn3 a{
	background-image: url(../common/top_img/m_btn3_recipes.gif);
	background-repeat: no-repeat;
	top: 0px;
	left: 0px;
	margin-top: 63px;
	margin-bottom: 7px;
}

/*　通信販売　*/
div#m_btn4 a{
	background-image: url(../common/top_img/m_btn4_shop.gif);
	background-repeat: no-repeat;
	top: 0px;
	left: 0px;
	margin-top: 0px;
	margin-bottom: 7px;
}

/*　会社概要　*/
div#m_btn5 a{
	background-image: url(../common/top_img/m_btn5_company.gif);
	background-repeat: no-repeat;
	top: 0px;
	left: 0px;
	margin-top: 0px;
	margin-bottom: 7px;
}

/*　海だより　*/
div#m_btn6 a{
	background-image: url(../common/top_img/m_btn6_umidayori.gif);
	background-repeat: no-repeat;
	top: 0px;
	left: 0px;
	margin-top: 17px;
	margin-bottom: 7px;
}

/*　ボタンカーソルが上の状態　*/
.main_btn a:hover{ 
	background-position: 0px -42px;
	}
/*　ボタンを押している状態　*/
.main_btn a:active{ 
	background-position: 0px -84px;
	}


/*　サブボタン　*/
.sub_btn a{
	width: 200px;
	height: 12px;
	overflow: hidden;
	/*position: relative;*/
	text-indent: -80em;
	text-decoration: none;
	float: left;
}

div#sub_btn11 a{
	background-image: url(../common/top_img/m_sub11.gif);
	background-repeat: no-repeat;
	top: 0px;
	left: 0px;
}

div#sub_btn12 a{
	background-image: url(../common/top_img/m_sub12.gif);
	background-repeat: no-repeat;
	top: 0px;
	left: 0px;
}

div#sub_btn13 a{
	background-image: url(../common/top_img/m_sub13.gif);
	background-repeat: no-repeat;
	top: 0px;
	left: 0px;
}

div#sub_btn14 a{
	background-image: url(../common/top_img/m_sub14.gif);
	background-repeat: no-repeat;
	top: 0px;
	left: 0px;
}

div#sub_btn15 a{
	background-image: url(../common/top_img/m_sub15.gif);
	background-repeat: no-repeat;
	top: 0px;
	left: 0px;
}

div#sub_btn21 a{
	background-image: url(../common/top_img/m_sub21.gif);
	background-repeat: no-repeat;
	top: 0px;
	left: 0px;
}

div#sub_btn22 a{
	background-image: url(../common/top_img/m_sub22.gif);
	background-repeat: no-repeat;
	top: 0px;
	left: 0px;
}

div#sub_btn23 a{
	background-image: url(../common/top_img/m_sub23.gif);
	background-repeat: no-repeat;
	top: 0px;
	left: 0px;
}

div#sub_btn24 a{
	background-image: url(../common/top_img/m_sub24.gif);
	background-repeat: no-repeat;
	top: 0px;
	left: 0px;
}

div#sub_btn31 a{
	background-image: url(../common/top_img/m_sub31.gif);
	background-repeat: no-repeat;
	top: 0px;
	left: 0px;
}

div#sub_btn32 a{
	background-image: url(../common/top_img/m_sub32.gif);
	background-repeat: no-repeat;
	top: 0px;
	left: 0px;
}

div#sub_btn33 a{
	background-image: url(../common/top_img/m_sub33.gif);
	background-repeat: no-repeat;
	top: 0px;
	left: 0px;
}

div#sub_btn34 a{
	background-image: url(../common/top_img/m_sub34.gif);
	background-repeat: no-repeat;
	top: 0px;
	left: 0px;
}

div#sub_btn35 a{
	background-image: url(../common/top_img/m_sub35.gif);
	background-repeat: no-repeat;
	top: 0px;
	left: 0px;
}

div#sub_btn41 a{
	background-image: url(../common/top_img/m_sub41.gif);
	background-repeat: no-repeat;
	top: 0px;
	left: 0px;
}

div#sub_btn42 a{
	background-image: url(../common/top_img/m_sub42.gif);
	background-repeat: no-repeat;
	top: 0px;
	left: 0px;
}

div#sub_btn43 a{
	background-image: url(../common/top_img/m_sub43.gif);
	background-repeat: no-repeat;
	top: 0px;
	left: 0px;
}

div#sub_btn51 a{
	background-image: url(../common/top_img/m_sub51.gif);
	background-repeat: no-repeat;
	top: 0px;
	left: 0px;
}

div#sub_btn52 a{
	background-image: url(../common/top_img/m_sub52.gif);
	background-repeat: no-repeat;
	top: 0px;
	left: 0px;
}

div#sub_btn53 a{
	background-image: url(../common/top_img/m_sub53.gif);
	background-repeat: no-repeat;
	top: 0px;
	left: 0px;
}

/*　ボタンカーソルが上の状態　*/
.sub_btn a:hover{ 
	background-position: 0px -12px;
	}
/*　ボタンを押している状態　*/
.sub_btn a:active{ 
	background-position: 0px -24px;
	}

/*　■■■■■■■■■■　*/
/*	【コンテンツ　右側】　*/
/*　■■■■■■■■■■　*/
div#koushin {
	width: 220px;
/*	height: 106px;*/
}

div#counter_img {
	width: 220px;
	height: 30px;
	margin-top: 29px;
	margin-bottom: 24px;
}

div#osusume {
	width: 220px;
	height: 180px;
}

div#osirase {
	width: 220px;
/*	height: 106px;*/
}

div#kinshi {
	width: 220px;
	height: 30px;
}
