@charset "UTF-8";
/*
STYLE for コープネット事業連合／飼料米サイト
author : k.iwamoto (an-zu)
update : 2010.03.05

#####################################
 1.	共通
 2. トップページ
 3. インフォメーション（Movable Type）
 4. キャンペーン
 5. サブコンテンツ
#####################################
*/

/*==============================================================
	1.	共通
==============================================================*/

#ShiryomaiBody {
	margin: 0;
	padding: 29px;
	border: 1px solid #99CC00;
	border-top: none;
	border-bottom: none;
	overflow: hidden;
	zoom: 1;
}

#ShiryomaiHeadImage {
	width: 765px;
	height: 100px;
	background: url(../img/head_image.jpg) no-repeat;
}

#ShiryomaiHeadImage a {
	width: 765px;
	height: 100px;
	text-indent: -999999px;
	display: block;
}

a.ico_Rlink {
	padding-right: 13px;
	background: url(../img/ico_link.gif) no-repeat right 3px;
}

p.navi {
	font-size: small;
	text-align: right;
	padding: 0 0 3px 0;
}

/*タブメニュー*/
#TabMenu,
#TabMenuF {
	overflow: hidden;
	zoom: 1;
}

#TabMenuF {
	padding-bottom: 15px;
}

#TabMenu ul,
#TabMenuF ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#TabMenu ul li,
#TabMenuF ul li {
	margin: 0;
	padding: 0;
	float: left;
}

#TabMenu ul li a,
#TabMenuF ul li a {
	text-indent: -999999px;
	display: block;
	height: 50px;
}

#TabMenu ul li.Tab01 a,
#TabMenu ul li.Tab02 a,
#TabMenuF ul li.Tab01 a,
#TabMenuF ul li.Tab02 a {
	width: 195px;
}

#TabMenu ul li.Tab03 a,
#TabMenu ul li.Tab04 a,
#TabMenu ul li.Tab05 a,
#TabMenuF ul li.Tab03 a,
#TabMenuF ul li.Tab04 a,
#TabMenuF ul li.Tab05 a {
	width: 125px;
}

/*上タブ*/
#TabMenu ul li.Tab01 a:link,
#TabMenu ul li.Tab01 a:visited {	background:url(../img/tab_01.gif) no-repeat 0 0;}
#TabMenu.detail01 ul li.Tab01 a:link,
#TabMenu.detail01 ul li.Tab01 a:visited,
#TabMenu ul li.Tab01 a:hover {	background:url(../img/tab_01.gif) no-repeat 0 -50px;}

#TabMenu ul li.Tab02 a:link,
#TabMenu ul li.Tab02 a:visited {	background:url(../img/tab_02.gif) no-repeat 0 0;}
#TabMenu.detail02 ul li.Tab02 a:link,
#TabMenu.detail02 ul li.Tab02 a:visited,
#TabMenu ul li.Tab02 a:hover {	background:url(../img/tab_02.gif) no-repeat 0 -50px;}

#TabMenu ul li.Tab03 a:link,
#TabMenu ul li.Tab03 a:visited {	background:url(../img/tab_03.gif) no-repeat 0 0;}
#TabMenu.detail03 ul li.Tab03 a:link,
#TabMenu.detail03 ul li.Tab03 a:visited,
#TabMenu ul li.Tab03 a:hover {	background:url(../img/tab_03.gif) no-repeat 0 -50px;}

#TabMenu ul li.Tab04 a:link,
#TabMenu ul li.Tab04 a:visited {	background:url(../img/tab_04.gif) no-repeat 0 0;}
#TabMenu.detail04 ul li.Tab04 a:link,
#TabMenu.detail04 ul li.Tab04 a:visited,
#TabMenu ul li.Tab04 a:hover {	background:url(../img/tab_04.gif) no-repeat 0 -50px;}

#TabMenu ul li.Tab05 a:link,
#TabMenu ul li.Tab05 a:visited {	background:url(../img/tab_05.gif) no-repeat 0 0;}
#TabMenu.detail05 ul li.Tab05 a:link,
#TabMenu.detail05 ul li.Tab05 a:visited,
#TabMenu ul li.Tab05 a:hover {	background:url(../img/tab_05.gif) no-repeat 0 -50px;}

/*下タブ*/
#TabMenuF ul li.Tab01 a:link,
#TabMenuF ul li.Tab01 a:visited {	background:url(../img/tab_f01.gif) no-repeat 0 0;}
#TabMenuF.detail01 ul li.Tab01 a:link,
#TabMenuF.detail01 ul li.Tab01 a:visited,
#TabMenuF ul li.Tab01 a:hover {	background:url(../img/tab_f01.gif) no-repeat 0 -50px;}

#TabMenuF ul li.Tab02 a:link,
#TabMenuF ul li.Tab02 a:visited {	background:url(../img/tab_f02.gif) no-repeat 0 0;}
#TabMenuF.detail02 ul li.Tab02 a:link,
#TabMenuF.detail02 ul li.Tab02 a:visited,
#TabMenuF ul li.Tab02 a:hover {	background:url(../img/tab_f02.gif) no-repeat 0 -50px;}

#TabMenuF ul li.Tab03 a:link,
#TabMenuF ul li.Tab03 a:visited {	background:url(../img/tab_f03.gif) no-repeat 0 0;}
#TabMenuF.detail03 ul li.Tab03 a:link,
#TabMenuF.detail03 ul li.Tab03 a:visited,
#TabMenuF ul li.Tab03 a:hover {	background:url(../img/tab_f03.gif) no-repeat 0 -50px;}

#TabMenuF ul li.Tab04 a:link,
#TabMenuF ul li.Tab04 a:visited {	background:url(../img/tab_f04.gif) no-repeat 0 0;}
#TabMenuF.detail04 ul li.Tab04 a:link,
#TabMenuF.detail04 ul li.Tab04 a:visited,
#TabMenuF ul li.Tab04 a:hover {	background:url(../img/tab_f04.gif) no-repeat 0 -50px;}

#TabMenuF ul li.Tab05 a:link,
#TabMenuF ul li.Tab05 a:visited {	background:url(../img/tab_f05.gif) no-repeat 0 0;}
#TabMenuF.detail05 ul li.Tab05 a:link,
#TabMenuF.detail05 ul li.Tab05 a:visited,
#TabMenuF ul li.Tab05 a:hover {	background:url(../img/tab_f05.gif) no-repeat 0 -50px;}

.ContentsBlock {
	overflow: hidden;
	zoom: 1;
}

.ContentsBlock .Lblock {
	width: 300px;
	float: left;
}

.ContentsBlock .Rblock {
	width: 375px;
	float: right;
}

.ContentsBlock .BlockInner {
	padding-bottom: 30px;
}

.ContentsBlock .LineDotted {
	padding-top: 27px;
	background: url(../img/dot_line.gif) no-repeat top;
}

.ContentsBlock h3 {
	font-size: medium;
	line-height: 1.3em;
	font-weight: bold;
	color: #FF6600;
	margin: 0;
	padding: 0 0 10px;
}

.ContentsBlock h4 {
	font-size: small;
	line-height: 1.5em;
	font-weight: bold;
	margin: 0;
	padding: 0 0 5px;
}

.ContentsBlock p {
	font-size: small;
	line-height: 1.5em;
	margin: 0;
	padding: 5px 0;
}

/*ふきだし*/
.fukidashi {
	width: 375px;
	margin: 0 0 10px;
	padding: 10px 0 0;
	background: url(../img/fukidashi_head.gif) no-repeat right top;
}

.fukidashi p {
	padding: 0 10px 10px 40px;
	font-size: small;
	line-height: 1.5em;
	background: url(../img/fukidashi_body.gif) no-repeat bottom;
}

/*声*/
.Voice_half,
.Voice_wide {
	overflow: hidden;
	zoom: 1;
	margin-bottom: 10px;
}

.Voice_half img,
.Voice_wide img {
	float: left;
}

.Voice_half dl {
	width: 265px;
	margin-left: 10px; 
	padding: 0;
	font-size: small;
	line-height: 1.3em;
	float: left;
}

.Voice_wide dl {
	width: 595px;
	margin-left: 10px; 
	padding: 0;
	font-size: small;
	line-height: 1.3em;
	float: left;
}

.Voice_half dl dt,
.Voice_half dl dd,
.Voice_wide dl dt,
.Voice_wide dl dd {
	margin: 0; 
	padding: 0;
}

.Voice_half dl dt,
.Voice_wide dl dt {
	font-weight: bold;
}

/*フォントカラー*/
.colorBrown {
	color: #993300;
}

.colorRed {
	color: #CC0000;
}

/*コラムリスト*/
ul.ColumList {
	margin: 0;
	padding: 7px 10px;
	border: 5px solid #FFE594;
	background: #FFFCE6;
	list-style: none;
}

ul.ColumList li {
	margin: 0;
	padding: 3px 0 3px 13px;
	background: url(../img/ico_list.gif) no-repeat 0 0.7em;
}

.ColumList { /* edit saitou 110629 */
	margin: 0;
	padding: 7px 10px;
	border: 5px solid #FFE594;
	background: #FFFCE6;
}

.ColumList ul { /* add saitou 110629 */
	margin-left: 30px;
}

.ColumList ul li { /* add saitou 110629 */
	list-style: square;
}

/*==============================================================
	2.	トップページ
==============================================================*/

#ShiryomaiTop {
	overflow: hidden;
	zoom: 1;
}

#ShiryomaiTopImage {
	width: 765px;
	height: 300px;
	text-indent: -999999px;
	background: url(../img/index/main_image.jpg) no-repeat;
}

#ShiryomaiTopLead {
	padding: 15px 10px;
}

#ShiryomaiTopLead p {
	margin: 0;
	padding: 5px 0;
	font-size: medium;
	line-height: 1.5em;
}

#MenuArea {
	width: 530px;
	float: left;
}

#InfoArea {
	width: 220px;
	float: right;
	background: url(../img/index/info_body.gif) repeat-y;
}

/*メニューボタン*/
ul.mainMenu {
	margin: 0 0 10px; /* edit saitou 100729 */
	padding: 0 0 5px; /* edit saitou 100729 */
	list-style: none;
	border-bottom: 1px dotted #CCCCCC;
	overflow: hidden;
	zoom: 1;
}

ul.mainMenu li {
	margin: 0 10px 5px 0; /* edit saitou 100729 */
	padding: 0;
	float: left;
}

ul.mainMenu li a {
	text-indent: -999999px;
	display: block;
}


ul.mainMenu li#menuBtn02 {
 margin: 0 0 10px 0;
}


ul.mainMenu li#menuBtn05 {
	margin: 0 0 10px 0;
}

ul.mainMenu li#menuBtn01 a,
ul.mainMenu li#menuBtn02 a,
ul.mainMenu li#menuBtn06 a{ /* add saitou 100729 */
	width: 260px;
	height: 80px;
}

ul.mainMenu li#menuBtn03 a,
ul.mainMenu li#menuBtn04 a,
ul.mainMenu li#menuBtn05 a {
	width: 170px;
	height: 65px;
}

ul.mainMenu li#menuBtn01 a:link,
ul.mainMenu li#menuBtn01 a:visited {	background:url(../img/index/btn_01.gif) no-repeat 0 0;}
ul.mainMenu li#menuBtn01 a:hover {	background:url(../img/index/btn_01.gif) no-repeat 0 -80px;}

ul.mainMenu li#menuBtn02 a:link,
ul.mainMenu li#menuBtn02 a:visited {	background:url(../img/index/btn_02.gif) no-repeat 0 0;}
ul.mainMenu li#menuBtn02 a:hover {	background:url(../img/index/btn_02.gif) no-repeat 0 -80px;}

ul.mainMenu li#menuBtn03 a:link,
ul.mainMenu li#menuBtn03 a:visited {	background:url(../img/index/btn_03.gif) no-repeat 0 0;}
ul.mainMenu li#menuBtn03 a:hover {	background:url(../img/index/btn_03.gif) no-repeat 0 -65px;}

ul.mainMenu li#menuBtn04 a:link,
ul.mainMenu li#menuBtn04 a:visited {	background:url(../img/index/btn_04.gif) no-repeat 0 0;}
ul.mainMenu li#menuBtn04 a:hover {	background:url(../img/index/btn_04.gif) no-repeat 0 -65px;}

ul.mainMenu li#menuBtn05 a:link,
ul.mainMenu li#menuBtn05 a:visited {	background:url(../img/index/btn_05.gif) no-repeat 0 0;}
ul.mainMenu li#menuBtn05 a:hover {	background:url(../img/index/btn_05.gif) no-repeat 0 -65px;}

/* add saitou 100729 */
ul.mainMenu li#menuBtn06 a:link,
ul.mainMenu li#menuBtn06 a:visited {	background:url(../img/index/btn_06.jpg) no-repeat 0 0;}
ul.mainMenu li#menuBtn06 a:hover {	background:url(../img/index/btn_06.jpg) no-repeat 0 -80px;}

/*バナー*/
ul.bnrArea {
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
	zoom: 1;
}

ul.bnrArea li {
	margin: 0 10px 10px 0;
	padding: 0;
	width: 170px;
	float: left;
	font-size: 0;
	line-height: 0;
}

ul.bnrArea li.right {
	margin: 0;
	float: right;
}

ul.bnrArea li.right dl,
ul.bnrArea li.right dl dt {
	margin: 0;
	padding: 0;
}

ul.bnrArea li.right dl dt {
	margin: 0;
	padding: 0;
}

ul.bnrArea li.right dl dd {
	margin: 0;
	padding: 0 10px 8px;
	background: url(../img/index/bnr_tanbou_bg.gif) no-repeat bottom;
	font-size: small;
	line-height: 1.4em;
}


/*インフォメーション*/

#InfoArea h3 {
	margin: 0;
	padding: 10px;
	font-size: small;
	background: url(../img/index/info_head.gif) no-repeat;
}

#InfoArea dl {
	margin: 0;
	padding: 0 10px 12px;
	font-size: small;
	line-height: 1.3em;
	background: url(../img/index/info_bottom.gif) no-repeat bottom;
}

#InfoArea dl dt {
	margin: 0;
	padding: 10px 0 0;
	font-size: x-small;
}

#InfoArea dl dd {
	margin: 0;
	padding: 0 0 10px;
	border-bottom: 1px dotted #99CC33;
}

#InfoArea dl dd.list {
	padding: 10px 0 0	;
	font-size: x-small;
	border: none;
	text-align: right;
}

/*==============================================================
	3.	インフォメーション（Movable Type）
==============================================================*/

.InfoBlock {
	overflow: hidden;
	zoom: 1;
}

#InfoMain {
	width: 455px;
	float: left;
}

#InfoMain h3 {
	margin: 0;
	padding: 0 0 15px;
	font-size: medium;
	line-height: 1.3em;
	font-weight: bold;
	color: #FF6600;
}

#InfoMain p {
	font-size: small;
	line-height: 1.5em;
	margin: 0;
	padding: 5px 0;
}

p#InfoFooter {
	margin: 15px 0 0;
	padding: 5px 0 0;
	font-size: small;
	border-top: 1px dotted #99CC00;
}

/*==============================================================
 4. キャンペーン
==============================================================*/

.CampaignBlock h3 {
	margin: 0;
	padding: 0;
}

.CampaignBlock h4 {
	font-size: small;
	line-height: 1.5em;
	font-weight: bold;
	margin: 0;
	padding: 0 0 5px;
}

.CampaignBlock p {
	font-size: small;
	line-height: 1.5em;
	margin: 0;
	padding: 5px 0;
}

.CampaignBlock p#QuizAreaBottom {
	font-size: small;
	line-height: 1.5em;
	margin: 0;
	padding: 5px 0 15px;
	background: url(../img/campaign/image04.gif) no-repeat bottom;
}

.CampaignBlock p#BtnSubmit {
	margin: 15px auto;
}

.CampaignBlock p#BtnSubmit a {
	width: 378px;
	height: 70px;
	display: block;
	text-indent: -999999px;
	overflow:hidden;  /*100120_add saitou*/
}

.CampaignBlock p#BtnSubmit a:link,
.CampaignBlock p#BtnSubmit a:visited {
	background: url(../img/campaign/btn_submit.gif) no-repeat 0 0;
}

.CampaignBlock p#BtnSubmit a:hover {
	background: url(../img/campaign/btn_submit.gif) no-repeat 0 -70px;;
}

/*==============================================================
 5. サブコンテンツ
==============================================================*/

.SubContents {
	overflow: hidden;
	zoom: 1;
}

.SubContents h3 {
	font-size: large;
	line-height: 1.3em;
	font-weight: bold;
	color: #FF6600;
	margin: 0 0 5px;
	padding: 0 0 7px;
	background: url(../img/title_bar.gif) no-repeat bottom;
}

.SubContents h3 span {
	font-size: small;
	line-height: 1.3em;
	color: #666666;
	display: block;
}

.SubContents p {
	font-size: small;
	line-height: 1.5em;
	margin: 0;
	padding: 5px 0;
}

/*_______________ Q&Aアコーディオン _______________*/

.accordion {
	border-bottom: 1px dotted #CCCCCC;
	margin-top: 15px;
}

.accordion dt {
	width: 660px;
	padding:30px 0 10px 45px;
	cursor:pointer;
	color: #0088ff;
	background: url(../img/faq/ico_q.gif) no-repeat 0 10px;
	border-top: 1px dotted #CCCCCC;
	text-decoration: underline;
	font-size: medium;
	font-weight: bold;
}

.accordion dt:hover {
	text-decoration: none;
}

.accordion dd {
	overflow:hidden;
	zoom: 1;
}

.accordion span {
	width: 660px;
	display:block;
	padding:30px 0 15px 45px;
	background: url(../img/faq/ico_a.gif) no-repeat 0 10px;
}

.accordion span img {
	float: right;
	margin: 0 0 15px 15px;
}

.accordion span strong {
	font-size: medium;
	color: #FF4545;
}

.accordion span blockquote {
	margin: 10px 0;
	padding: 10px;
	background: #FFFFEE;
	border: 1px solid #CCCCCC;
}

/*_______________ レシピ _______________*/

.recipeLine {
	margin: 25px 0 0;
	overflow: hidden;
	zoom: 1;
}

.recipeLine .recipeBlock {
	margin-left: 30px;
	width: 215px;
	float: left;
}

.recipeLine .recipeBlock.left {
	margin-left: 0;
}

.recipeLine .recipeBlock img {
	border: none;
}

.recipeLine .recipeBlock dl {
	margin: 0;
	padding: 0;
	line-height: 1.3em;
}

.recipeLine .recipeBlock dl dt {
	margin: 0;
	padding: 5px 0;
	font-size: small;
	font-weight: bold;
}

.recipeLine .recipeBlock dl dt a {
	padding-right: 13px;
	background: url(../img/ico_link.gif) no-repeat right 3px;
}

.recipeLine .recipeBlock dl dd {
	font-size: small;
}

.recipeLine .recipeBlock dl dd p {
	margin: 0;
	padding: 0 0 5px;
	color: #993300;
	line-height: 1.3em;
}

/*_______________ 若手生産者インタビュー _______________*/

.interview {
	padding-top: 10px;
}

.interview dl {
	margin: 30px 0 0;
	padding: 0;
}

.interview dl dt {
	margin: 0 0 15px;
	padding: 0 0 5px;
	font-size: medium;
	font-weight: bold;
	color: #993300;
	border-bottom: 1px solid #993300;
}

.interview dl dd {
	margin: 0 0 30px;
	padding: 0 0 0 15px;
	font-size: small;
	line-height: 1.7em;
	overflow: hidden;
	zoom: 1;
}

.interview dl dd img {
	float: right;
	margin: 0 0 15px 15px;
}

.interview dd h4 {
	margin: 0;
	padding: 0;
	color: #FF6600;
	font-size: small;
	line-height: 1.7em;
}

.interview dl dd span {
	font-weight: bold;
	padding-right: 5px;
}

.interview dl dd strong {
	font-weight: normal;
	color: #003399;
}

.interview dl dd blockquote {
	margin: 0;
	padding: 0 0 0 2em;
}

.interview ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.interview ul li {
	margin: 0;
	padding: 5px 0;
	font-size: 0;
	line-height: 0;
}

/*_______________ みのりたまご _______________*/

.TamagoBlock {
	overflow: hidden;
	zoom: 1;
}

.TamagoBlock .Lblock {
	width: 300px;
	float: left;
}

.TamagoBlock .Rblock {
	width: 375px;
	float: right;
}

.TamagoBlock .BlockInner {
	padding: 25px 0 5px;
}

.TamagoBlock .LineDotted {
	padding-top: 27px;
	background: url(../img/dot_line.gif) no-repeat top;
}

.TamagoBlock h4 {
	font-size: medium;
	line-height: 1.3em;
	font-weight: bold;
	color: #669900;
	margin: 0;
	padding: 0 0 10px;
}

.TamagoBlock h5 {
	font-size: small;
	line-height: 1.5em;
	font-weight: bold;
	margin: 0;
	padding: 0 0 5px;
}

.TamagoBlock p {
	font-size: small;
	line-height: 1.5em;
	margin: 0;
	padding: 5px 0;
}

dl.list {
	margin: 0;
	padding: 0;
	font-size: small;
	line-height: 1.5em;
}

dl.list dt {
	color: #993300;
	margin: 0;
	padding: 0;
}

dl.list dd {
	margin: 0;
	padding: 0 0 0.5em 1em;
}

/*声*/
.Voice_half_left {
	overflow: hidden;
	zoom: 1;
	margin-bottom: 10px;
}

.Voice_half_left img {
	float: left;
}

.Voice_half_left dl {
	width: 190px;
	margin-left: 10px; 
	padding: 0;
	font-size: small;
	line-height: 1.5em;
	float: left;
}

.Voice_half_left dl dt,
.Voice_half_left dl dd {
	margin: 0; 
	padding: 0;
}

/*コラムリスト*/
.TamagoColum {
	padding: 7px 10px;
	border: 5px solid #FFE594;
	background: #FFFCE6;
	overflow: hidden;
	zoom: 1;
}

.TamagoColum dl {
	margin: 0;
	padding: 0;
}

.TamagoColum dl dt {
	font-size: medium;
	line-height: 1.3em;
	font-weight: bold;
	color: #FF6600;
	margin: 0;
	padding: 0 0 10px;
}

.TamagoColum dl dd {
	font-size: small;
	line-height: 1.5em;
	margin: 0;
	padding: 0;
}

.TamagoColum img {
	float: right;
	margin-left: 10px;
}

/*検査・点検状況テーブル*/
.checkup table {
	margin: 10px 0;
	border-top: 2px solid #CC9966;
	border-collapse: collapse;
	width: 100%;
}

.checkup table tr th,
.checkup table tr td {
	font-size: small;
	line-height: 1.3em;
	border-bottom: 1px solid #CC9966;
	padding: 3px;
	text-align: left;
}

.checkup table tr th {
	font-weight: bold;
}

.checkup table tr td.value {
	text-align: right;
}

.checkup table caption {
	font-size: small;
	line-height: 1.5em;
	color: #993300;
	text-align: left;
}

/*_______________ 飼料米で、元気 _______________*/

table.tbl01 {
    border-top: 1px solid #333333;
    border-left: 1px solid #333333;
    border-collapse: separate;
    border-spacing: 0;
    margin: 0 auto;
    margin-bottom: 15px;
}

table.tbl01 th,
table.tbl01 td {
    border-right: 1px solid #333333;
    border-bottom: 1px solid #333333;
    padding: 5px;
}

table.tbl01 th {
    background-color: #FFFCE6;
	font-weight: bold;
	white-space: nowrap;
}