@charset "euc-jp";
/* ===================================================================
CSS information

 file name  :pico.css
 style info :picoページのレイアウト
 このスタイルシートの構成
 
  
 2012.09.08 ueno

=================================================================== */


/*--------------------------------------------------------------------

共通設定

--------------------------------------------------------------------*/
.category_aboutUs .contB,
.category_learn .contB,
.category_marine .contB{
	padding: 13px 13px 30px;
}

/*
カテゴリタイトル設定
--------------------------*/
.category_aboutUs h2,
.category_learn h2,
.category_marine h2{
	text-indent:-9999px;
	height:110px;
}

.category_aboutUs h2 { background:url(../img_cont/tl_category_aboutus.jpg) no-repeat; }
.category_learn h2 { background:url(../img_cont/tl_category_learn.jpg) no-repeat; }
.category_marine h2  { background:url(../img_cont/tl_category_marine.jpg) no-repeat; }


/*
ローカルナビゲーション
--------------------------*/
.lnavi {
	background:url(../img_cont/bg_local_navi.png) no-repeat;
	padding:7px 0 7px 13px;
	margin-bottom:2em;
}

.lnavi li {
	height:35px;
	float:left;
	text-indent:-9999px;
}

.category_aboutUs .lnavi li { padding-right:15px; }
.category_learn .lnavi li { padding-right:20px; }
.category_marine .lnavi li { padding-right:15px; }

.lnavi li a {
	display:block;
	text-indent:-9999px;
	width:100%;
	height:100%;
}

.lnavi li a:hover {
	background-position:0 100%;
}


/*フロートの右端のpaddingを0にする*/
.category_aboutUs .lnavi li.lnavi05,
.category_learn .lnavi li.lnavi04,
.category_marine .lnavi li.lnavi03 {
	padding:0;
}

/*組織概要*/
.category_aboutUs .lnavi01 { width:220px; background:url(../img_cont/lnavi_aboutUs01_selected.png) no-repeat; }
.category_aboutUs .lnavi02 { width:95px; background:url(../img_cont/lnavi_aboutUs02_selected.png) no-repeat; }
.category_aboutUs .lnavi03 { width:85px; background:url(../img_cont/lnavi_aboutUs03_selected.png) no-repeat; }
.category_aboutUs .lnavi04 { width:75px; background:url(../img_cont/lnavi_aboutUs04_selected.png) no-repeat; }
.category_aboutUs .lnavi05 { width:125px; background:url(../img_cont/lnavi_aboutUs05_selected.png) no-repeat; }

.category_aboutUs .lnavi01 a { background:url(../img_cont/lnavi_aboutUs01.png) no-repeat; }
.category_aboutUs .lnavi02 a { background:url(../img_cont/lnavi_aboutUs02.png) no-repeat; }
.category_aboutUs .lnavi03 a { background:url(../img_cont/lnavi_aboutUs03.png) no-repeat; }
.category_aboutUs .lnavi04 a { background:url(../img_cont/lnavi_aboutUs04.png) no-repeat; }
.category_aboutUs .lnavi05 a { background:url(../img_cont/lnavi_aboutUs05.png) no-repeat; }

/*のりを知る･学ぶ*/
.category_learn .lnavi01 { width:150px; background:url(../img_cont/lnavi_learn01_selected.png) no-repeat; }
.category_learn .lnavi02 { width:150px; background:url(../img_cont/lnavi_learn02_selected.png) no-repeat; }
.category_learn .lnavi03 { width:150px; background:url(../img_cont/lnavi_learn03_selected.png) no-repeat; }
.category_learn .lnavi04 { width:150px; background:url(../img_cont/lnavi_learn04_selected.png) no-repeat; }

.category_learn .lnavi01 a { background:url(../img_cont/lnavi_learn01.png) no-repeat; }
.category_learn .lnavi02 a { background:url(../img_cont/lnavi_learn02.png) no-repeat; }
.category_learn .lnavi03 a { background:url(../img_cont/lnavi_learn03.png) no-repeat; }
.category_learn .lnavi04 a { background:url(../img_cont/lnavi_learn04.png) no-repeat; }

/*有明海の海産物･レシピ*/
.category_marine .lnavi01 { width:210px; background:url(../img_cont/lnavi_marine01_selected.png) no-repeat; }
.category_marine .lnavi02 { width:210px; background:url(../img_cont/lnavi_marine02_selected.png) no-repeat; }
.category_marine .lnavi03 { width:210px; background:url(../img_cont/lnavi_marine03_selected.png) no-repeat; }

.category_marine .lnavi01 a { background:url(../img_cont/lnavi_marine01.png) no-repeat; }
.category_marine .lnavi02 a { background:url(../img_cont/lnavi_marine02.png) no-repeat; }
.category_marine .lnavi03 a { background:url(../img_cont/lnavi_marine03.png) no-repeat; }




/*
カテゴリのあるページ
コンテンツ外の余白
---------------------------*/
.page_company ,
.page_greeting ,
.page_business ,
.page_organigram ,
.page_officeList ,
.page_seaweedLife ,
.page_process ,
.page_nutorition ,
.page_makiRecipe ,
.page_maeumimon,
.page_calender,
.page_recipeBook{
	padding:0 12px;
}


/*
ページタイトル
--------------------------*/
.pageTl {
}


/*組織概要*/
.page_company .pageTl em { background:url(../img_cont/pagetl_company.gif) no-repeat; height:27px; }
.page_greeting .pageTl em { background:url(../img_cont/pagetl_greeting.gif) no-repeat; height:26px; }
.page_business .pageTl em { background:url(../img_cont/pagetl_business.gif) no-repeat; height:26px; }
.page_organigram .pageTl em { background:url(../img_cont/pagetl_organigram.gif) no-repeat; height:25px; }
.page_officeList .pageTl em { background:url(../img_cont/pagetl_officelist.gif) no-repeat; height:26px; }

/*のりを知る･学ぶ*/
.page_seaweedLife .pageTl em { background:url(../img_cont/pagetl_seaweedlife.gif) no-repeat; height:52px; }
.page_process .pageTl em { background:url(../img_cont/pagetl_process.gif) no-repeat; height:51px; }
.page_nutorition .pageTl em { background:url(../img_cont/pagetl_nutorition.gif) no-repeat; height:53px; }
.page_makiRecipe .pageTl em { background:url(../img_cont/pagetl_makirecipe.gif) no-repeat; height:52px; }

/*有明海の海産物*/
.page_maeumimon .pageTl em { background:url(../img_cont/pagetl_maeumimon.gif) no-repeat; height:85px; }
.page_calender .pageTl em { background:url(../img_cont/pagetl_calender.gif) no-repeat; height:53px; }
.page_recipeBook .pageTl em { background:url(../img_cont/pagetl_recipebook.gif) no-repeat; height:53px; }

.page_law .pageTl em { background:url(../img_cont/pagetl_law.gif) no-repeat; height:26px; }
.page_pp .pageTl em { background:url(../img_cont/pagetl_pp.gif) no-repeat; height:23px; }
.page_sp .pageTl em { background:url(../img_cont/pagetl_sp.gif) no-repeat; height:23px; }
.page_sitemap .pageTl em { background:url(../img_cont/pagetl_sitemap.gif) no-repeat; height:22px; }
.page_feature .pageTl em { background:url(../img_cont/pagetl_feature.gif) no-repeat; height:52px; }

/*初めての方へ*/
.page_beginner .pageTl em { background:url(../img_cont/pagetl_beginner.gif) no-repeat; height:53px; } 


/*
コンテンツタイトル
--------------------------*/
.subTl {
	text-indent:-9999px;
	height:42px;
	margin-bottom:1em;
}

/*佐賀のりの特徴*/
.feature_flavor .subTl { background:url(../img_cont/tl_feature01.png) no-repeat; }
.feature_ariake .subTl { background:url(../img_cont/tl_feature02.png) no-repeat; }
.feature_no1 .subTl { background:url(../img_cont/tl_feature03.png) no-repeat; }

/*特定商取引法に関する表記*/
.law_credit .subTl { background:url(../img_cont/tl_law01.png) no-repeat; }

/*プライバシーポリシー*/
.pp_sec01 .subTl { background:url(../img_cont/tl_pp01.png) no-repeat; }
.pp_sec02 .subTl { background:url(../img_cont/tl_pp02.png) no-repeat; }
.pp_sec03 .subTl { background:url(../img_cont/tl_pp03.png) no-repeat; }
.pp_sec04 .subTl { background:url(../img_cont/tl_pp04.png) no-repeat; }
.pp_sec05 .subTl { background:url(../img_cont/tl_pp05.png) no-repeat; }
.pp_sec06 .subTl { background:url(../img_cont/tl_pp06.png) no-repeat; }

/*サイトポリシー*/
.sp_sec01 .subTl { background:url(../img_cont/tl_sp01.png) no-repeat; }
.sp_sec02 .subTl { background:url(../img_cont/tl_sp02.png) no-repeat; }
.sp_sec03 .subTl { background:url(../img_cont/tl_sp03.png) no-repeat; }
.sp_sec04 .subTl { background:url(../img_cont/tl_sp04.png) no-repeat; }

/*のりができるまで*/
.process_flow .subTl { background:url(../img_cont/tl_process01.png) no-repeat; }

/*のりの栄養価*/
.nutorition_pro .subTl { background:url(../img_cont/tl_nutorition01.png) no-repeat; }
.nutorition_comp .subTl { background:url(../img_cont/tl_nutorition02.png) no-repeat; }

/*前海もん*/
.maeumimon_ariake .subTl { background:url(../img_cont/tl_maeumimon01.png) no-repeat; }
.maeumimon_tansui .subTl { background:url(../img_cont/tl_maeumimon02.png) no-repeat; }

/*旬のお魚カレンダー*/
.calender_ariake .subTl { background:url(../img_cont/tl_maeumimon01.png) no-repeat; }
.calender_tansui .subTl { background:url(../img_cont/tl_maeumimon02.png) no-repeat; }

/*有明海沿岸地域のレシピ集*/
.recipeBook_list .subTl { background:url(../img_cont/tl_recipebook01.png) no-repeat; }

/*組織概要･沿革･地域内概況*/
.company_outline .subTl { background:url(../img_cont/tl_company01.png) no-repeat; }
.company_history .subTl { background:url(../img_cont/tl_company02.png) no-repeat; }
.company_overall .subTl { background:url(../img_cont/tl_company03.png) no-repeat; }

/*事業紹介*/
.business_koubai .subTl { background:url(../img_cont/tl_business01.png) no-repeat; }
.business_hanbai .subTl { background:url(../img_cont/tl_business02.png) no-repeat; }
.business_riyou .subTl { background:url(../img_cont/tl_business03.png) no-repeat; }
.business_baiyou .subTl { background:url(../img_cont/tl_business04.png) no-repeat; }
.business_sidou .subTl { background:url(../img_cont/tl_business05.png) no-repeat; }
.business_kyousai .subTl { background:url(../img_cont/tl_business06.png) no-repeat; }

/*本所･支所一覧*/
.officeList_honsyo .subTl { background:url(../img_cont/tl_office_list01.png) no-repeat; }
.officeList_shisyo .subTl { background:url(../img_cont/tl_office_list02.png) no-repeat; }

/*初めての方へ*/
.beginner_flow .subTl { background:url(../img_cont/tl_beginner01.png) no-repeat; }
.beginner_amenity .subTl { background:url(../img_cont/tl_beginner02.png) no-repeat; }


/*
コンテンツ下の余白
--------------------------*/
.feature_flavor,
.feature_ariake,
.feature_no1,
.law_base,
.pp_sec01,
.pp_sec02,
.pp_sec03,
.pp_sec04,
.pp_sec05,
.sp_sec01,
.sp_sec02,
.sp_sec03,
.process_flow,
.nutorition_list,
.nutorition_pro,
.nutorition_comp,
.maeumimon_ariake,
.maeumimon_tansui,
.maeumimon_detail,
.calender_ariake,
.calender_tansui,
.recipeBook_list,
.recipeBook_detail,
.company_outline,
.company_history,
.company_overall,
.page_greeting,
.business_koubai,
.business_hanbai,
.business_riyou,
.business_baiyou,
.business_sidou,
.business_kyousai,
.page_organigram,
.officeList_honsyo,
.officeList_shisyo,
.beginner_flow,
.beginner_amenity,
.page_seaweedLife,
.calender_ariake,
.calender_tansui {
	margin-bottom:3em;
}



/*
フッターカテゴリ
--------------------------*/

.footer_category h3 {
	text-indent:-9999px;
	height:50px;
	margin-bottom:1em;
}

.category_aboutUs .footer_category h3 { background:url(../img_cont/tl_category_aboutus02.png) no-repeat; }
.category_marine .footer_category h3 { background:url(../img_cont/tl_category_marine02.png) no-repeat; }
.category_learn .footer_category h3 { background:url(../img_cont/tl_category_learn02.png) no-repeat; }

/*組織概要*/
.category_aboutUs .footer_category li {
	float:left;
	width:212px;
	padding-right:15px;
}

/*のりを知る･学ぶ*/
.category_learn .footer_category li {
	float:left;
	padding-right:8px;
	width:164px;
	height:248px;
}

/*有明海の海産物･レシピ*/
.category_marine .footer_category li {
	float:left;
	padding-right:12px;
	width:220px;
	height:178px;
}

.category_learn .footer_category li.fnavi04,
.category_marine .footer_category li.fnavi03 {
	padding-right:0;
}

.category_learn .footer_category a,
.category_marine .footer_category a {
	display:block;
	width:100%;
	height:100%;
	text-indent:-9999px;
}

.category_learn .fnavi01 a { background:url(../img_cont/img_category_learn_footer01.png) no-repeat; }
.category_learn .fnavi02 a { background:url(../img_cont/img_category_learn_footer02.png) no-repeat; }
.category_learn .fnavi03 a { background:url(../img_cont/img_category_learn_footer03.png) no-repeat; }
.category_learn .fnavi04 a { background:url(../img_cont/img_category_learn_footer04.png) no-repeat; }

.category_marine .fnavi01 a { background:url(../img_cont/img_category_marine_footer01.png) no-repeat; }
.category_marine .fnavi02 a { background:url(../img_cont/img_category_marine_footer02.png) no-repeat; }
.category_marine .fnavi03 a { background:url(../img_cont/img_category_marine_footer03.png) no-repeat; }

.category_learn .footer_category a:hover,
.category_marine .footer_category a:hover {
	background-position:0 100%;
}

/*--------------------------------------------------------------------

ページ毎の詳細な設定

組織概要

--------------------------------------------------------------------*/

/*------------------------
組織概要･沿革･地域内概況
------------------------*/
.page_company th {
	width:160px;
}

.page_company table dt {
	float:left;
	width:150px;
	padding: 0 10px 0 0;
}

.page_company table dd {
	float:left;
	width:130px;
}



/*------------------------
組合長挨拶
------------------------*/
.page_greeting .txt img {
	float:left;
	padding:0 20px 0 0;
}

.page_greeting .txt {
	padding:0 0 20px;
	margin-bottom:20px;
	border-bottom:1px solid #e9e9e9;
}


 
/*------------------------
事業紹介
------------------------*/
.page_business p {
	line-height: 180%;
    margin: 0;
    padding-bottom: 1em;
	padding:0 20px;
}

.page_business p.head_txt {
	padding: 0 0 3em;
}

.page_business ol {
	padding:0 20px;
}

.page_business ol li {
	list-style:decimal;
	margin: 0 20px 1em;
}

/*------------------------
組織図
------------------------*/
.page_organigram .img_box {
	text-align:center;
}


/*------------------------
本所･支所一覧
------------------------*/


/*--------------------------------------------------------------------

ページ毎の詳細な設定

サイト情報

--------------------------------------------------------------------*/
/*------------------------
特定商取引法に関する表記
------------------------*/
.page_law th {
	width:180px;
}

.law_base ul li {
	margin-bottom:0.5em;
}

.law_base ol {
	margin: 0 0 0 1em;
}

.law_base ol li {
	margin:0;
}

.law_base .contact {
	padding:5px 10px;
	border:2px solid #ccc;
	margin:0.5em 0;
}

.law_credit .head_txt {
	margin-bottom:1em;
}

.law_credit table {
	margin-bottom:0.5em;
}


/*------------------------
プライバシーポリシー
------------------------*/

.page_pp .mL20 {
	margin-left:20px;
}

.page_pp .head_txt {
	margin-bottom:2em;
}

.pp_sec04 table {
	margin-top:1em;
}

/*------------------------
サイトポリシー
------------------------*/

.page_sp p {
	margin-bottom:1.5em;
}

.page_sp ol {
	list-style:decimal outside;
	padding-left:2em;
}

.page_sp li {
	list-style:decimal outside;
	padding-bottom:1em;
}


/*お問い合わせ先
-----------------------*/
.contact_telFax {
	margin-bottom:45px;
}

.contact_telFax .base_table {
	text-align:center;
}

.contact_telFax .base_table th {
	width:50%;
	border-right:1px solid #ccc;
	text-align:center;
	font-size:115.4%/*15px*/;
	font-weight:normal;
}

.contact_telFax .tel {
	text-indent:-9999px;
	background:url(../img_top/txt_cont_contact_tel.gif) 50% 0 no-repeat;
	height:38px;
	margin:10px 0 5px;
}

.contact_telFax .fax {
	text-indent:-9999px;
	background:url(../img_cont/txt_cont_contact_fax.gif) 50% 0 no-repeat;
	height:38px;
	margin:10px 0 5px;
}

/*------------------------
サイトマップ
------------------------*/
.sitemapL {
	width:320px;
	float:left;
}

.sitemapR {
	width:320px;
	float:right;
}

.page_sitemap .top {
	font-size:115.4%/*15px*/;
}

.page_sitemap ul {
	margin-bottom:2em;
}

.page_sitemap h3 {
	background-color:#EBEBF1;
	height:2em;
	line-height:2em;
	text-indent:1em;
	margin-bottom:0.5em;
}

.page_sitemap h3 a {
	display:block;
	background:url(../img_cont/arrow_right_blue_bold.gif) 300px 50% no-repeat;
}

.page_sitemap h3 a:hover {
	background-image:url(../img_cont/arrow_right_blue_bold_h.gif);
	background-color:#EBEBF1;
	
}

.page_sitemap li {
	margin-bottom:0.5em;
	padding-left:0.5em;
}

.page_sitemap .none_category {
	font-size:115.4%/*15px*/;
}



	

/*--------------------------------------------------------------------

のりを知る･学ぶ

--------------------------------------------------------------------*/
/*------------------------
のりの生活史
------------------------*/
.page_seaweedLife img {
	float:right;
	padding-left:1em;
}

.page_seaweedLife p {
	font-size:107.7%/*14px*/;
	line-height:1.8;
}

/*------------------------
のりができるまで
------------------------*/
.page_process .head_txt {
	margin-bottom:1em;
}

.process_flow li {
	width:210px;
}

.process_flow ol.odd {
	width:675px;
	overflow:hidden;
}

.process_flow .odd li {
	padding-right:15px;
	float:left;
}

.process_flow .even li {
	padding-left:15px;
	float:right;
}

.process_flow .even li.flow06 {
	padding-left:0;
}

.process_flow li p {
	background:url(../img_cont/bg_process01.jpg);
}

.process_flow li span {
	display:block;
	padding:0 5px 10px;
	background:url(../img_cont/bg_processB.jpg) 0 100% repeat-x;
}

.process_flow .line01 span { min-height: 6.4em; }
.process_flow .line02 span { min-height: 6.4em; }
.process_flow .line03 span { min-height: 8em; }

.process_flow .flow01,
.process_flow .flow04,
.process_flow .flow07, {
}

.process_flow .flow02,
.process_flow .flow05,
.process_flow .flow08 {
	margin-top:20px;
}

.process_flow .flow03,
.process_flow .flow06,
.process_flow .flow09 {
	margin-top:40px;
	padding-bottom:20px;
}

.process_flow .flow01,
.process_flow .flow02,
.process_flow .flow07,
.process_flow .flow08 {
	background:url(../img_cont/arw_right_brown.gif) 212px 70px no-repeat ;
}

.process_flow .flow04,
.process_flow .flow05 {
	background:url(../img_cont/arw_left_brown.gif) 1px 70px no-repeat;
}

.process_flow .flow03,
.process_flow .flow06 {
	background:url(../img_cont/arw_down_brown.gif) 50% 100% no-repeat;
}



/*------------------------
のりの栄養価
------------------------*/

/*
のりの栄養価リスト
------------------------*/

.nutorition_list ul {
	margin-bottom:3em;
	width:680px;
	overflow:hidden;
}

.nutorition_list li {
	width:320px;
	float:left;
	padding-right:20px;
}

.nutorition_list h3 {
	height:114px;
	text-indent:-9999px;
	margin-bottom:1em;
}

.nutorition_list .list01 h3 { background:url(../img_cont/tl_nutorition_list01.png) no-repeat; }
.nutorition_list .list02 h3 { background:url(../img_cont/tl_nutorition_list02.png) no-repeat; }
.nutorition_list .list03 h3 { background:url(../img_cont/tl_nutorition_list03.png) no-repeat; }
.nutorition_list .list04 h3 { background:url(../img_cont/tl_nutorition_list04.png) no-repeat; }
.nutorition_list .list05 h3 { background:url(../img_cont/tl_nutorition_list05.png) no-repeat; }
.nutorition_list .list06 h3 { background:url(../img_cont/tl_nutorition_list06.png) no-repeat; }
.nutorition_list .list07 h3 { background:url(../img_cont/tl_nutorition_list07.png) no-repeat; }
.nutorition_list .list08 h3 { background:url(../img_cont/tl_nutorition_list08.png) no-repeat; }


/*
専門家のお話
------------------------*/
.nutorition_pro .pro_box {
	background-color:#F9F5F0;
	border:1px solid #ccc;
	padding:20px;
}

.nutorition_pro h4 {
	background:url(../img_cont/txt_nutorition_pro01.gif) no-repeat;
	height:22px;
	text-indent:-9999px;
	margin-bottom:1.5em;
}

.nutorition_pro .txt {
	padding-bottom:1em;
	border-bottom:1px solid #ccc;
	margin-bottom:1em;
}

.nutorition_pro .pro_intro img {
	float:left;
	padding-right:15px;
}

.nutorition_pro .txt_box {
}

.nutorition_pro .txt_box p {
	vertical-align:middle;
	height:106px;
	display:table-cell;
}

/*
食品成分比較表
------------------------*/
.nutorition_comp .head_txt {
	text-align:right;
	margin-bottom:0.5em;
}
.nourishment_table {
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	width:100%;
	font-size:92.3%/*12px*/;
	margin-bottom:1em;
}

.nourishment_table td,
.nourishment_table th {
	padding:5px;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	text-align:center;
	vertical-align:middle;
}

.nourishment_table th {
	background-color:#EBEBF1;
	color:#02004C;
}

.nourishment_table .seaweed th {
	font-weight:bold;
	background-color:#142758;
	color:#fff;
}

.nourishment_table .seaweed td {
	background-color:#F5EFE5;
	color:#990035;
}

.nourishment_table .factor em {
	display:block;
	font-size:84.6%/*11px*/;
}

.nourishment_table .factor span {
	display:block;
	font-size:73.3%;
}

.nutorition_comp .legendL {
	float:left;
}

.nutorition_comp .legendR {
	text-align:right;
}

	
/*------------------------
巻き寿司レシピ
------------------------*/

.tabArea {
	margin: 0 -20px 3em;
}


/*
タブナビゲーション
------------------------*/

.tabNav li {
	float:left;
	width:233px;
	height:83px;
}

.tabNav li.tabNav02,
.tabNav li.tabNav02_f {
	width:234px;
}

.tabNav li a {
	display:block;
	width:100%;
	height:100%;
	background-position:0 3px;
	background-repeat:no-repeat;
	text-indent:-9999px;
}

.tabNav li.tabNav01_f a,
.tabNav li.tabNav02_f a,
.tabNav li.tabNav03_f a {
	background-position:0 -3px;
}

.tabNav li a:hover {
	background-position:0 0;
}

/*上部のタブ画像*/
.tabNav01 a { background-image:url(../img_cont/tab_makirecipe01.png); }
.tabNav02 a { background-image:url(../img_cont/tab_makirecipe02.png); }
.tabNav03 a { background-image:url(../img_cont/tab_makirecipe03.png); }

/*下部のタブ画像*/
.tabNav01_f a { background-image:url(../img_cont/tab_makirecipe01_footer.png); }
.tabNav02_f a { background-image:url(../img_cont/tab_makirecipe02_footer.png); }
.tabNav03_f a { background-image:url(../img_cont/tab_makirecipe03_footer.png); }

	
/*
タブの中身
------------------------*/

/*レシピタイトル*/
.tabs h3 {
	text-indent:-9999px;
	height:70px;
	margin-bottom:0.5em;
}

#tab1 h3 { background:url(../img_cont/tl_makirecipe01.png) no-repeat; }
#tab2 h3 { background:url(../img_cont/tl_makirecipe02.png) no-repeat; }
#tab3 h3 { background:url(../img_cont/tl_makirecipe03.png) no-repeat; }

/*タブインナー*/
.tab_inner {
	padding:0 20px 1em;
	zoom:1;
}

/* タブ下の色 */
#tab1 .tab_inner {background:url(../img_cont/bg_makirecipe_b01.png) 0 100% repeat-x; }
#tab2 .tab_inner {background:url(../img_cont/bg_makirecipe_b02.png) 0 100% repeat-x; }
#tab3 .tab_inner {background:url(../img_cont/bg_makirecipe_b03.png) 0 100% repeat-x; }

.page_makiRecipe .head_txt {
	padding:1em;
	background-color:#F1ECE4;
	margin-bottom:1em;
}

.page_makiRecipe .img_box {
	float:left;
	margin-bottom:2em;
}

.page_makiRecipe .material_box {
	width:300px;
	float:right;
	margin-bottom:2em;
}

.page_makiRecipe .material_box h4,
.page_makiRecipe .howTo_box h4 {
	height:40px;
	text-indent:-9999px;
}

.page_makiRecipe .material_box h4 { background:url(../img_cont/tl_makirecipe_material01.png) no-repeat; }
.page_makiRecipe .howTo_box h4 { background:url(../img_cont/tl_makirecipe_hawto01.png) no-repeat; }

.page_makiRecipe .material_box dl {
	padding:0.5em 0;
	border-bottom:1px solid #e9e9e9;
}

.page_makiRecipe .material_box dt {
	float:left;
	width:180px;
}

.page_makiRecipe .material_box dd {
	padding-left:190px;
	text-align:right;
}

.page_makiRecipe .box3 {
	width:680px;
	overflow:hidden;
}

.page_makiRecipe .box3 li {
	padding-right:15px;
	position:relative;
}

.page_makiRecipe .box3 li span {
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:18px;
	height:18px;
	text-indent:-9999px;
}

.page_makiRecipe .box3 .howTo01 span { background:url(../img_cont/ico_num01.gif) no-repeat; }
.page_makiRecipe .box3 .howTo02 span { background:url(../img_cont/ico_num02.gif) no-repeat; }
.page_makiRecipe .box3 .howTo03 span { background:url(../img_cont/ico_num03.gif) no-repeat; }
.page_makiRecipe .box3 .howTo04 span { background:url(../img_cont/ico_num04.gif) no-repeat; }
.page_makiRecipe .box3 .howTo05 span { background:url(../img_cont/ico_num05.gif) no-repeat; }
.page_makiRecipe .box3 .howTo06 span { background:url(../img_cont/ico_num06.gif) no-repeat; }


.page_makiRecipe .howTo_box h4 {
	margin-bottom:2em;
}

.page_makiRecipe .howTo_box {
	text-align:center;
}

.page_makiRecipe .howTo_box p {
	text-align:left;
	margin:1em 0 2em;
}

.page_makiRecipe .memo_box {
	background:url(../img_cont/bg_makirecipe_memo01.png) repeat-y;
	margin-bottom:3em;
	width:100%;
}

.page_makiRecipe .memo_box h4 {
	background:url(../img_cont/tl_makirecipe_memo01.png) no-repeat;
	text-indent:-9999px;
	height:43px;
	margin-bottom:1em;
}

.page_makiRecipe .memo_box ul {
	padding:0 40px 1em 20px;
}

.page_makiRecipe .memo_box li {
	padding-left:1em;
	background:url(../img_cont/ico_circle_green.gif) 0 0.4em no-repeat;
	padding-bottom:0.5em;
}



/*------------------------
佐賀のりの特徴
------------------------*/
.page_feature .subTl {
	margin-bottom:2em;
}

.page_feature p {
	line-height:1.9;
	letter-spacing:0.05em;
}

.page_feature .subTl02,
.page_feature .subTl02_01,
.page_feature .subTl02_02 {
	text-indent:-9999px;
	margin-bottom:1.5em;
}

.feature_flavor .subTl02 	{ background:url(../img_cont/txt_feature01.gif) no-repeat; height:63px; }
.feature_ariake .subTl02_01 { background:url(../img_cont/txt_feature02.gif) no-repeat; height:25px; }
.feature_ariake .subTl02_02 { background:url(../img_cont/txt_feature03.gif) no-repeat; height:25px; }
.feature_no1 .subTl02 		{ background:url(../img_cont/txt_feature04.gif) 0 14px no-repeat; height:74px; }

.page_feature .flR img { float:right; padding-left:15px; }
.page_feature .flL img { float:left; padding-right:15px; }


.feature_ariake .flR img,
.feature_ariake .flR .txt {
	margin-bottom:3em;
}

.feature_flavor img {
	margin-bottom:20px;
}
.feature_no1 .flL {
	margin:-9px 0 3em -7px;
}

.feature_no1 h4 {
	float:right;
	width:415px;
}

.feature_link .link01 {
	width:330px;
	float:left;
	height:155px;
}

.feature_link .link02 {
	width:324px;
	float:right;
	height:119px;
	/* 商品ページ公開まで準備中画像表示 ここから*/
	background:url(../img_cont/img_feature_link02_wait.jpg) no-repeat;
	text-indent:-9999px;
	margin-top:18px;
	/* 商品ページ公開まで準備中画像表示 ここまで*/
	/* ここを消してaタグを挿入すると、リンクアクティブの画像になります*/
}





.feature_link .link01 a {
	display:block;
	width:100%;
	height:155px;
	background:url(../img_cont/img_feature_link01.jpg) no-repeat;
	text-indent:-9999px;
}

.feature_link .link02 a {
	display:block;
	width:100%;
	height:119px;
	text-indent:-9999px;
	background:url(../img_cont/img_feature_link02.jpg) no-repeat;
	margin-top:18px;
}

.feature_link .link01 a:hover,
.feature_link .link02 a:hover {
	filter:alpha(opacity=70);
	-ms-filter:alpha(opacity=70);
	opacity:0.7;
}


/*--------------------------------------------------------------------

有明海の海産物･レシピ

--------------------------------------------------------------------*/
/*------------------------
前海もん一覧
------------------------*/
.page_maeumimon .box3 {
	width:675px;
	overflow:hidden;
}

.page_maeumimon .box3 li {
	width:210px;
	padding-right:15px;
}

.page_maeumimon .box3 li a {
	padding:3px;
	display:block;
	width:204px;
}

.page_maeumimon .box3 li a:hover {
	background:url(../img_cont/bg_maeumimon01.gif);
	text-decoration:none;
}

.page_maeumimon .box3 li a:hover img,
.page_maeumimon .box3 li a:hover em {
	background-color:#F1F3F7;
	cursor:pointer;
}

.page_maeumimon .box3 li img {
	padding-right:10px;
	float:left;
	background-color:#FFF;
	display:block;
}

.page_maeumimon .box3 li a em {
	display:block;
	width:134px;
	min-height:45px;
	height:auto!important;
	height:45px;
	background-color:#FFF;
	float:right;
}

.page_maeumimon .box3 li .txt_box {
	display:table-cell;
	height:45px;
	vertical-align:middle;
	width:134px;
	cursor:pointer;
	line-height:1.2;
}

/*------------------------
前海もん詳細
------------------------*/
.maeumimon_detail h3,
.recipeBook_detail h3 {
	background: url(../img_top/line_dot_green.gif) 0 100% repeat-x ;
    margin-bottom: 1em;
}

.maeumimon_detail h3 em,
.recipeBook_detail h3 em {
	background: url(../img_top/line_dot_green.gif) repeat-x;
    display: block;
    font-size: 138.4%;
    font-weight: normal;
    padding: 10px 0 6px;
}

.maeumimon_detail .img_box {
	float:left;
	margin-bottom:2em;
}

.maeumimon_detail .txt_box {
	float:right;
	width:405px;
}

.maeumimon_detail dl {
	margin-bottom:0.5em;
	padding:0.3em 0 0.3em 10px;
	border-bottom:1px solid #e9e9e9;
	border-left:4px solid #142758;
}

.maeumimon_detail dt {
	float:left;
	width:110px;
	height:15px;
	text-indent:-9999px;
}

.maeumimon_detail .scientificName dt { background:url(../img_cont/txt_maeumimon_detail01.gif) no-repeat; }
.maeumimon_detail .englishName dt 	 { background:url(../img_cont/txt_maeumimon_detail02.gif) no-repeat; }
.maeumimon_detail .localName dt 	 { background:url(../img_cont/txt_maeumimon_detail03.gif) no-repeat; }
.maeumimon_detail .place dt 		 { background:url(../img_cont/txt_maeumimon_detail04.gif) no-repeat; }
.maeumimon_detail .season dt 		 { background:url(../img_cont/txt_maeumimon_detail05.gif) no-repeat; }
.maeumimon_detail .method dt 		 { background:url(../img_cont/txt_maeumimon_detail06.gif) no-repeat; }

.maeumimon_detail dd {
	padding-left:110px;
}

.maeumimon_detail .recipeLink {
	padding:15px 15px 5px;
	background:url(../img_cont/bg_voice_box_tl.png);
}

.maeumimon_detail .recipeLink h4 {
	width:127px;
	height:1.6em;
	text-indent:-9999px;
	background:url(../img_cont/txt_maeumimon_detail07.gif) 0 50% no-repeat;
	float:left;
}

.maeumimon_detail .recipeLink ul {
	width:218px;
	float:right;
}

.maeumimon_detail .recipeLink li {
	margin-bottom:0.5em;
	background:url(../img_top/arw_right_green.gif) 0 0.4em no-repeat;
	padding-left:10px;
}


.maeumimon_detail .recipeLink a:hover {
	background-position:0 -32px;
}

.maeumimon_detail .txt {
	clear:both;
	margin-top:2em;
}


/*------------------------
旬のお魚カレンダー
------------------------*/
.page_calender .head_txt {
	margin-bottom:0.5em;
}

.calender_bg01 {
	height:1006px;
	position:relative;
}

.calender_bg02 {
	height:966px;
	position:relative;
}

.calender_bg01 { background:url(../img_cont/bg_calender01.png) no-repeat; }
.calender_bg02 { background:url(../img_cont/bg_calender02.png) no-repeat; }


.calender_bg01 li,
.calender_bg02 li {
	width:80px;
	height:60px;
	position:absolute;
	background-color:#FFF;
}

.page_calender img:hover {
	filter:alpha(opacity=70);
	-ms-filter:alpha(opacity=70);
	opacity:0.7;	
}

.calender01 	 { left: 570px; top: 506px; }
.calender02 	 { left: 70px; top: 238px; }
.calender02_02 	 { left: 70px; top: 742px; }
.calender03 	 { left: 169px; top: 564px; }
.calender04 	 { left: 400px; top: 376px; }
.calender05 	 { left: 310px; top: 586px; }
.calender06 	 { left: 400px; top: 38px; }
.calender06_02 	 { left: 400px; top: 918px; }
.calender07 	 { left: 292px; top: 416px; }
.calender08 	 { left: 390px; top: 297px; }
.calender09 	 { left: 560px; top: 345px; }
.calender10 	 { left: 130px; top: 358px; }
.calender11 	 { left: 70px; top: 466px; }
.calender12 	 { left: 300px; top: 496px; }
.calender13 	 { left: 510px; top: 38px; }
.calender13_02 	 { left: 510px; top: 946px; }
.calender14 	 { left: 70px; top: 38px; }
.calender14_02 	 { left: 70px; top: 946px; }
.calender15 	 { left: 390px; top: 788px; }
.calender16 	 { left: 560px; top: 736px; }
.calender17 	 { left: 410px; top: 466px; }
.calender18 	 { left: 460px; top: 576px; }
.calender19 	 { left: 281px; top: 327px; }
.calender20 	 { left: 180px; top: 466px; }


.calender21 	 { left: 390px; top: 588px; }
.calender22 	 { left: 230px; top: 428px; }
.calender23 	 { left: 70px; top: 28px; }
.calender23_02 	 { left: 70px; top: 748px; }
.calender24 	 { left: 550px; top: 668px; }



/*------------------------
有明海沿岸地域のレシピ集一覧
------------------------*/
.recipeBook_list li {
	padding:0 0 0.5em 15px;
	background:url(../img_top/arw_right_green.gif) 5px 0.4em no-repeat;
}

.recipeBook_list li .txtLink {
	background:none;
	padding:0;
}

/*------------------------
有明海沿岸地域のレシピ集詳細
------------------------*/
.recipeBook_detail .material_box {
	width:300px;
	float:left;
	margin: 0 0 2em;
}

.recipeBook_detail .material_box h4,
.recipeBook_detail .howTo_box h4 {
	height:40px;
	text-indent:-9999px;
	margin-bottom:0.5em;
}

.recipeBook_detail .material_box h4 { background:url(../img_cont/tl_recipebook_material01.png) no-repeat; }
.recipeBook_detail .howTo_box h4 	{ background:url(../img_cont/tl_recipebook_howto01.png) no-repeat; }

.page_recipeBook dl {
	border-bottom:1px solid #e9e9e9;
	padding:0.5em 0;
}

.recipeBook_detail .material_box dt {
	float:left;
	width:180px;
}

.recipeBook_detail .material_box dd {
	padding-left: 190px;
    text-align: right;
}

.recipeBook_detail .howTo_box {
	width:330px;
	float:right;
	margin: 0 0 2em;
}

.recipeBook_detail .howTo_box li {
	padding:0.5em 0 0.5em 23px;
}

.recipeBook_detail .howTo01 { background:url(../img_cont/ico_num01.gif) 0 0.6em no-repeat; }
.recipeBook_detail .howTo02 { background:url(../img_cont/ico_num02.gif) 0 0.6em no-repeat; }
.recipeBook_detail .howTo03 { background:url(../img_cont/ico_num03.gif) 0 0.6em no-repeat; }
.recipeBook_detail .howTo04 { background:url(../img_cont/ico_num04.gif) 0 0.6em no-repeat; }
.recipeBook_detail .howTo05 { background:url(../img_cont/ico_num05.gif) 0 0.6em no-repeat; }
.recipeBook_detail .howTo06 { background:url(../img_cont/ico_num06.gif) 0 0.6em no-repeat; }
.recipeBook_detail .howTo07 { background:url(../img_cont/ico_num07.gif) 0 0.6em no-repeat; }
.recipeBook_detail .howTo08 { background:url(../img_cont/ico_num08.gif) 0 0.6em no-repeat; }

.recipeBook_detail .memo_box {
	background:url(../img_cont/bg_makirecipe_memo01.png) repeat-y;
	padding: 0 0 1em;
	width:100%;
}

.recipeBook_detail .memo_box h4 {
    background: url(../img_cont/tl_recipebook_memo01.png) no-repeat scroll 0 0 transparent;
    height: 43px;
    margin-bottom: 1em;
    text-indent: -9999px;
}

.recipeBook_detail .memo_box ul {
	padding: 0 40px 1em 20px;
}

.recipeBook_detail .memo_box li {
	background: url(../img_cont/ico_circle_green.gif) no-repeat scroll 0 0.4em transparent;
	padding:0 0 0.5em 1em;
}

.recipeBook_detail .memo_box .important {
	margin: 0 40px 1em 20px;
	padding:1em;
	background-color:#F5F3EB;
	color:#990035;
}

.recipeBook_detail .memo_box h5 {
	text-indent:-9999px;
	background:url(../img_cont/tl_recipebook_memo02.gif) no-repeat;
	height:20px;
	margin-bottom:1em;
}

.recipeBook_detail .memo_box ol {
	padding-left:2em;
}

.recipeBook_detail .memo_box .important li {
	list-style:decimal outside;
	background:none transparent;
	padding: 0 0 0.5em;
}

.page_maeumimon .authority,
.page_recipeBook .authority {
	font-size:92.3%/*12px*/;
	text-align:right;
	margin-top:2em;
	color:#666;
}

















/*-------------------------------------------------
 * 初めての方へ
 *-------------------------------------------------*/

/* お買い物の流れ
 * ----------------------- */
  
 .beginner_flow .txt {
	 margin-bottom:1em;
 }
 
 .beginner_flow ol {
	 height:219px;
	 background:url(../img_cont/bg_beginner_flow01.png) no-repeat;
	 width:680px;
	 overflow:hidden;
 }
 
 .beginner_flow li {
	 float:left;
	 width:150px;
	 padding-right:20px;
	 height:89px;
	 margin: 0 0 41px;
	 text-indent:-9999px;
 }
 
 .beginner_flow li.flow01 { background:url(../img_cont/img_beginner_flow01.png) no-repeat; }
 .beginner_flow li.flow02 { background:url(../img_cont/img_beginner_flow02.png) no-repeat; }
 .beginner_flow li.flow03 { background:url(../img_cont/img_beginner_flow03.png) no-repeat; }
 .beginner_flow li.flow04 { background:url(../img_cont/img_beginner_flow04.png) no-repeat; }
 .beginner_flow li.flow05 { background:url(../img_cont/img_beginner_flow05.png) no-repeat; }
 .beginner_flow li.flow06 { background:url(../img_cont/img_beginner_flow06.png) no-repeat; }
 .beginner_flow li.flow07 { background:url(../img_cont/img_beginner_flow07.png) no-repeat; }
 .beginner_flow li.flow08 { background:url(../img_cont/img_beginner_flow08.png) no-repeat; }
 
 
/* 会員特典 
 * ----------------------- */
 
 .beginner_amenity .txt {
	 margin-bottom:1em;
 }
 
 .beginner_amenity .amenity_box {
	 border:1px solid #E4DACA;
	 padding:1em 1em 0.5em;
	 background-color:#F4F1EA;
 }
 
 .beginner_amenity li {
	 padding:0 0 0.5em 1em;
	 background:url(../img_cont/ico_circle_green.gif) 0 0.4em no-repeat;
 }
 
 .beginner_amenity .shopLink_btn a {
	 margin:2em auto 0;
	 display:block;
	 text-indent:-9999px;
	 width:228px;
	 height:32px;
	 background:url(../img_cont/btn_shop_link_yellow.gif) no-repeat;
 } 

 .beginner_amenity .shopLink_btn a:hover {
	 background-position:0 -32px;
 }
 
 
 
/* ご利用案内 
 * ----------------------- */
 
.shop_information h3 { background:url(../img_cont/tl_shoptop05.png) no-repeat; }


.shop_information {
	font-size:92.3%/*12px*/;
	color:#666;
}

/*2カラムレイアウト*/
.shop_information_left {
	width:320px;
	float:left;
}

.shop_information_right {
	width:320px;
	float:right;
}

/*コンテンツタイトル*/
.shop_information h4 {
	text-indent:-9999px;
	margin-bottom:10px;
	height:30px;
}

.information_pay h4 	 { background:url(../img_cont/tl_shop_information01.png) no-repeat; }
.information_return h4 	 { background:url(../img_cont/tl_shop_information02.png) no-repeat; }
.information_ship h4 	 { background:url(../img_cont/tl_shop_information03.png) no-repeat; }
.information_point h4 	 { background:url(../img_cont/tl_shop_information04.png) no-repeat; }
.information_deadline h4 { background:url(../img_cont/tl_shop_information05.png) no-repeat; }
.information_cost h4 	 { background:url(../img_cont/tl_shop_information06.png) no-repeat; }
.information_contact h4  { background:url(../img_cont/tl_shop_information07.png) no-repeat; }

/*コンテンツ下の余白*/
.information_pay,
.information_ship,
.information_point,
.information_deadline,
.information_cost {
	margin-bottom:2em;
}

/*小見出し*/
.shop_information h5 {
	font-size:100%;
	font-weight:bold;
	color:#3E1F18;
	margin: 0 0 0 -5px;
}

/*テキスト*/
.shop_information p {
	margin-bottom:10px;
}


/*枠*/
.available {
	border:2px solid #ccc;
	padding:5px
}

/*テーブル*/
.shop_table,
.shop_table th,
.shop_table td {
	border-color:#E0C57A;
}

.shop_table th {
	background-color:#F4F0DF;
	color:#3E1F18;
}

.shop_information .shop_table th {
	font-weight:normal;
	padding:5px;
}

.shop_information .shop_table td {
	padding:5px;
}

/