/*

	全国精麦工業協同組合連合会　base.css
	Copyright (C) 2009　全国精麦工業協同組合連合会 All Rights Reserved. 
	lastupdate 090116

*/



/*----------------------------------- 
  Initialization
------------------------------------*/

* {
margin: 0;
padding: 0;}


/*-------------------------------------------------
  Page Whole
-------------------------------------------------*/
body {
	font-style: normal;
	font-weight: normal;
	font-size: 105%;
	line-height: 140%;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
	text-align:center;
	margin: 0;
	padding: 0;
	color: #333333;
	background-color: #FFF;}


/* img */
img {
	border: 0;}



/* Font */
p {
	margin: 0px;
	padding: 0px;
	font-size: 80%;
	line-height: 1.4em;
	color: #333;
	text-align: left;
	margin-left:2px;}

h1 {
	font-size: 65%;
	line-height: 1.5em;
	color: #333333;
	text-decoration: none;
	text-align: left;
	font-weight: normal;}

h2 {
	font-size: 80%;
	line-height: 1.5em;
	color: #673813;
	text-decoration: none;
	text-align: left;
	font-weight: normal;}

h3{
	font-size: 80%;
	line-height: 140%;
	text-align: left;
	font-weight: bold;}

h4{
	font-size: 80%;
	line-height: 1.5em;
	color: #673813;
	font-weight: bold;}

ul,ol {
	font-size: 80%;
	margin:0px;
	padding:0px;
	line-height:1.2em;}

.ftxt01 {
	font-size: 80%;
	line-height: 1.4em;
	color: #333333;
	margin:0;
	text-align: left;
	padding: 0px 10px;
	border-right: 1px solid #B4B4B4;}

.ftxt02 {
	font-size: 80%;
	line-height: 1.4em;
	color: #333333;
	margin: 0;
	text-align: left;
	padding: 0px 15px;}

h3.rtxt01 {
	font-size: 110%;
	line-height: 1.4em;
	color: #673813;
	margin: 0;
	font-weight: bold;
	text-align: left;
	padding: 10px 20px 5px 0;}

.rtxt01 {
	font-size: 95%;
	line-height: 1.4em;
	color: #673813;
	margin: 0;
	font-weight: bold;
	text-align: left;
	padding: 10px 20px 5px 0;}

.rtxt02 {
	font-size: 80%;
	line-height: 1.4em;
	color: #333333;
	margin: 0;
	text-align: left;
	padding: 0 20px 0 0;}

.rtxt03 {
	font-size: 75%;
	line-height: 1.4em;
	color: #333333;
	margin: 0;
	text-align: left;
	padding: 0 10px 0 0;}

.rtxt04 {
	margin: 0px;
	padding: 0px;
	font-size: 80%;
	line-height: 1.4em;
	color: #333;
	font-weight: bold;
	text-align: center;}

.tred{
	color:#FF0000;
	padding:0 3px;}

.torange{
	color:#FF911B;
	padding:0 3px;}

/*---------　レシピ　----------*/
#recipe01{
	width:265px;
	clear:both;
	padding:0px;}

#recipe01 .material01{
	float:left;
	width:260px;
	margin:10px 0 0 0;}

#recipe01 .material02{
	float:left;
	width:180px;
	margin:0;}

#recipe01 .amount{
	float:left;
	width:80px;
	margin:0;}

#recipe02{
	width:540px;
	padding:0;
	height:auto;}

#recipe02 .no {
	float:left;
	width:10px;
	margin:0 10px 0 30px;
	_margin:0 10px 0 15px;}

#recipe02 .make {
	float:left;
	width:470px;
	margin:0 10px 0 0;}

.point {
	color: #FF7E1F;}

/*---------　レイアウト用　----------*/

.fleft{
	float:left;}

.fright{
	float:right;}

#wrapperMain{
	margin:5px auto;
	width:736px;
	padding:0;}

.newsicon {
	padding-top:5px;
	margin-right:10px;
	display:inline;
	float:right;}


	
/*---------　ライン　----------*/
.line{
	float:center;
	margin:5px 0 20px 0;
	padding:0;
	display: inline;}

.line02{
	float:center;
	margin:0;
	padding:5px 0;
	display: inline;}

.line03{
	clear:both;
	margin:0px;
	padding:5px 0;
	height:1px;
	background:url(../../image/line_02.gif) repeat-x scroll left center;}

.line04{
	text-align:center;
	margin:10px 0;
	padding:0;
	display: inline;}

.line05{
	text-align:center;
	background-color:#FF911B;
	width:540px;
	margin:0;
	padding:0;
	display: inline;}

/*-------------------------------------------------
  Links 
-------------------------------------------------*/
/* Links */
a:link {
	color: #673813;
	text-decoration: underline;}

a:link img {
	color: #673813;
	text-decoration: none;}

a:visited {
	color: #673813;
	text-decoration: underline;}

a:hover, a:active {
	color: #FF911B;
	text-decoration: none;}

/* pgLinks */
#pgLink {
	padding:8px 8px 20px 0px;
	text-align:left;}

#pgLink li{
	display: inline;
	line-height: 1.3em;
	list-style-type: none;	
	margin:5px 20px 0px 0px;}

#pgLink li img{
	margin: 0 7px 1px 5px;
	padding: 0;	}
	

.txlinkR {
	font-size: 120%;
	line-height: 1.5em;
	color: #333;
	text-align: right;}

.txlinkR li {
	list-style-type: none;
	margin: 0 0 10px 0;}

.txlinkR li img{
	margin: 0 5px 0 0;
	padding: 0;	}

.icon_pdf{
	margin: 15px 3px 2px 0;
	padding: 0;
	vertical-align: bottom;}


/*-------------------------------------------------
  Header
-------------------------------------------------*/
.hnavi{
	width:736px;
	margin:0px auto;}

.hnaviLeft{
	width:327px;
	text-align:left;
	_padding-left:0px;}

.hnaviRight{
	text-align:right;
	padding:0 10px 0 0;}

.logo{
	float:left;
	margin:10px 0 0 0;
	padding:0;
	display: inline;}

.btnHnavi{
	float:right;
	margin:0;
	padding:0;
	display: inline;}

.btnHnavi02{
	float:right;
	margin:50px 0 0 0;

	padding:0;
	display: inline;}



/*-------------------------------------------------
  contents
-------------------------------------------------*/
#contents{
	width:736px;
	margin:0px;}

#contents .leftArea{
	float:left;
	text-align:left;
	width:185px;
	padding: 0px;}

#contents .rightArea{
	float:right;
	text-align:left;
	width:551px;
	padding:0px;}

#contents .rightArea02{
	float:right;
	text-align:left;
	width:540px;
	margin:0 0 0 10px;	
	padding:0px;}

/*---------　menuL　----------*/
.menuLbox{
	width:185px;
	padding:0;
	height:auto;}

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

.menuLbox li {
	display : inline;
	margin:0;
	padding:0;}
	
.menuLbox li img {
	display : inline;
	float:left;
	padding:0 10px 0 0;
	margin:0;}

.more {
	margin:0 0 10px 0;
	padding:0 10px 0 0;
	text-align:center;
	clear:both;}

/*---------　MAP　----------*/
#map{
	width:680px;
	margin:10px;
	padding:0;
	height:auto;}

/*---------　iframe　----------*/
#update{
	width:175px;
	padding:0;
	height:auto;}

#news{
	width:510px;
	padding:0 5px 0 5px;
	height:auto;}

#news .date {
	float:left;
	width:70px;
	margin-right:10px;}

#news .detail {
	float:left;
	width:390px;
	margin-right:5px;}

#news .detail02 {
	float:left;
	width:500px;
	margin-right:5px;}

#news .detail03 {
	width:450px;
	font-size: 90%;
	line-height: 1.4em;
	color: #FF911B;
	font-weight: bold;
	float:left;
	margin-right:5px;}
	
#news .icon img {
	padding-top:5px;
	margin-right:7px;
	display:inline;
	float:left;}

#news .Gline{
	clear:both;
	margin:0;
	padding:5px 0;
	height:1px;
	background:url(../../image/line_02.gif) repeat-x scroll left center;}

#address{
	width:450px;
	margin:10px auto 0 auto;
	height:auto;}

/*---------　画像レイアウト　----------*/
.phBox{
	width:551px;
	clear:both;
	padding:10px 0px;
	_padding:10px 0px 3px 0px;}

.phLeft_s{
	float:left;
	width:266px;
	margin-right:5px;
	margin-bottom:7px;}

.phRight_s{
	float:right;
	width:266px;
	margin-right:5px;
	margin-bottom:7px;}

.phRight{
	float:right;
	margin-left:15px;
	margin-bottom:15px;}

.phLeft{
	float:left;
	margin-right:15px;
	margin-bottom:15px;}

.phLeft02{
	float:left;
	margin:10px 15px 10px 20px;
	_margin:10px 15px 10px 10px;}

.phLeft03{
	float:left;
	margin:0px 15px 0px 20px;
	_margin:0px 15px 0px 10px;}

.phCenter{
	margin:8px auto;
	padding:0;
	text-align:center;}

.phBox02{
	width:540px;
	clear:both;
	padding:10px 0px;
	_padding:10px 0px 3px 0px;}

.phLeft_s02{
	float:left;
	width:160px;
	margin-right:30px;
	margin-bottom:7px;}

.phLeft_s021{
	float:left;
	width:160px;
	margin-right:0px;
	margin-bottom:7px;}

.phbottom{
	margin-bottom:10px;}

div.phLine {
	border:1px #CCC solid;
	padding:6px;}

/*---------　キャプション　----------*/
.cap {
	margin:2px 0px;
	font-size:65%;
	text-align:left;}

.capL {
	margin:0 5px 10px 3px;
	font-size:80%;
	text-align:left;}

.capR {
	margin:2px 0px;
	font-size:65%;
	text-align:right;}

/*---------　qa　----------*/
.qa_box{
	border-bottom:1px #D7D7D7 solid;
	padding:10px 0px 10px 0;
	margin:10px 0px 0px 0px;}

.qa_txt{
	margin:3px 0px 3px 32px;
	vertical-align: middle;}

/*-------------------------------------------------
  表組み
-------------------------------------------------*/
/* 表組み01用 */
#chart01{
	border-top:1px #B4B4B4 solid;
	border-bottom:1px #B4B4B4 solid;
	padding:5px 0px;
	height:100%;}


/* 表組み02用 */
#chart02 {
	clear:both;
	font-size: 80%;
	border-right:1px #CCC solid;
	border-top:1px #CCC solid;
	margin-bottom:10px;
	margin-top:5px;
	line-height:1.6em;}
	
#chart02 .tdbgC{
	background:#fee2a1;
	text-align:center;
	padding:1px 3px;
	border-left:1px #CCC solid;
	border-bottom:1px #CCC solid;}

#chart02 .tdbgC2{
	background:#FFFFFF;
	text-align:center;
	padding:1px 3px;
	border-left:1px #CCC double;
	border-bottom:1px #CCC double;}

#chart02 .tdbgC3{
	background:#FFEEC7;
	text-align:center;
	padding:1px 3px;
	border-left:1px #CCC solid;
	border-bottom:1px #CCC solid;}

#chart02 .tdbgL{
	background:#FFFFFF;
	text-align:left;
	padding:1px 10px;
	border-left:1px #CCC solid;
	border-bottom:1px #CCC solid;}

#chart02 .tdbgL2{
	background:#FFFFFF;
	text-align:left;
	padding:1px 30px;
	border-left:1px #CCC solid;
	border-bottom:1px #CCC solid;}

#chart02 .tdbgL3{
	background:#FFEEC7;
	text-align:left;
	padding:1px 10px;
	border-left:1px #CCC solid;
	border-bottom:1px #CCC solid;}


/* 表組み03用 */
#chart03 {
	clear:both;
	font-size: 80%;
	border-top:1px #DBDBDB solid;
	margin:20px 0;
	line-height:1.6em;}
	
#chart03 .tdbgWC{
	background:#FFFFFF;
	text-align:center;
	padding:1px 3px;
	border-bottom:1px #DBDBDB solid;}

#chart03 .tdbgRC{
	background:#FFE3E3;
	text-align:center;
	padding:1px 3px;
	border-bottom:1px #DBDBDB solid;}
	
#chart03 .tdbgBC{
	background:#E3F2FF;
	text-align:center;
	padding:1px 3px;
	border-bottom:1px #DBDBDB solid;}

#chart03 .tdbgWL{
	background:#FFFFFF;
	text-align:left;
	padding:1px 3px;
	border-bottom:1px #DBDBDB solid;}

#chart03 .tdbgRL{
	background:#FFE3E3;
	text-align:left;
	padding:1px 3px;
	border-bottom:1px #DBDBDB solid;}
	
#chart03 .tdbgBL{
	background:#E3F2FF;
	text-align:left;
	padding:1px 3px;
	border-bottom:1px #DBDBDB solid;}

#chartData {
	clear:both;
	font-size: 80%;
	border-top:1px #DBDBDB solid;
	margin:20px 0;
	line-height:1.6em;}

#chartData .tdbgWL{
	background:#FFFFFF;
	text-align:left;
	padding:5px 3px;
	border-bottom:1px #DBDBDB solid;}

/* 枠 */
#frame {
	margin: 20px 0 20px 0;
	padding: 10px 15px 10px 15px;
	border:1px solid #FFB200;
	text-align: left;}

#frame img {
	margin-left: 15px;
	margin-top:10px;}

/*-------------------------------------------------
  リスト
-------------------------------------------------*/
.listDisc ul {
	list-style-type:disc;
	margin: 10px 0 10px 18px;
	padding:0px;
	line-height:1.4em;}

.listDisc li {
	padding:0;
	margin:0;}

.listDisc02 ul {
	list-style-type:disc;
	margin: 0 0 5px 18px;
	padding:0px;
	line-height:1.4em;
	font-size: 100%;}

.listDisc02 li {
	padding:0;
	margin:0;}

.listDecimal ol {
	list-style-type:decimal;
	margin: 10px 0px 10px 30px;
	padding: 0 0 0 -5px;
	text-align: left;
	line-height:1.4em;}

.listDecimal li {
	margin: 0;
	padding: 0px;}

.listDecimal02 ol {
	list-style-type:decimal;
	margin: 10px 0px 10px 25px;
	padding: 0 0 0 -5px;
	text-align: left;
	line-height:1.4em;
	font-size: 90%;}

.listDecimal02 li {
	margin: 0;
	padding: 0px;}

/*-------------------------------------------------
  localNavi
-------------------------------------------------*/
.localNaviC {
	text-align:center;
	margin:20px auto;}
	
.localNaviC  li {
	list-style-type:none;
	display:inline;}

.localNaviL {
	text-align:left;
	margin:20px auto;}

.localNaviL  ul {
	margin: 0 0 5px 0;}
	
.localNaviL  li {
	list-style-type:none;
	display:inline;
	margin: 0 3px 0 3px;}

/*-------------------------------------------------
  pgtop
-------------------------------------------------*/
.pgtop {
	float:right;
	margin: 10px 7px 10px 0;}


/*-------------------------------------------------
  clear
-------------------------------------------------*/
.clear{
	clear:both;
	font-size:1px;
	line-height:1%;}

/*-------------------------------------------------
  inquiry
-------------------------------------------------*/
#inquiry{
	width:560px;
	margin:20px auto 10px auto;
	height:auto;}

/* 表組み04用 */
#chart04 {
	width:540px;
	clear:both;
	font-size: 80%;
	border-top:1px #333 solid;
	border-bottom:1px #333 solid;
	margin:15px auto;
	line-height:1.6em;}
	
#chart04 .tdbgOC01{
	background:#FFEEC7;
	text-align:center;
	padding:1px 10px;
	border-right:1px #DBDBDB solid;
	border-bottom:1px #DBDBDB solid;
	height:40px;}

#chart04 .tdbgOC02{
	background:#FFEEC7;
	text-align:left;
	padding:1px 10px;
	border-bottom:1px #DBDBDB solid;
	height:40px;}

#chart04 .tdbgOC03{
	background:#FFEEC7;
	text-align:center;
	padding:10px 10px;
	border-right:1px #DBDBDB solid;}

#chart04 .tdbgOC04{
	background:#FFEEC7;
	text-align:left;
	padding:10px 10px;}

#chart04 .tdbgWC01{
	background:#FFFFFF;
	text-align:center;
	padding:1px 10px;
	border-right:1px #DBDBDB solid;
	border-bottom:1px #DBDBDB solid;
	height:40px;}

#chart04 .tdbgWC02{
	background:#FFFFFF;
	text-align:left;
	padding:1px 10px;
	border-bottom:1px #DBDBDB solid;
	height:40px;}

#chart04 .tdbgWC01 p,
#chart04 .tdbgWC02 p {
 font-size:12px;}


/* 注意書き用 */
.asterisk{
	padding:0 12px;
	margin-left:15px;
	text-indent: -1.2em;
	line-height:1.4em;
	font-size: 80%;
	font-weight:normal;}
	
/*-------------------------------------------------
  recipeページ用
-------------------------------------------------*/
div.recipeBg {
	background-image:url(../../cooking/image/waku.gif);
	background-repeat:repeat-y;
	background-color:#F9F7ED;
	background-attachment:scroll;
	background-position:center top;
	padding:0 15px;
	margin:0;}

div.btnPrint,
div.btnBack {
	margin:0 auto;
	text-align:center;}

.btnPrint img {
	margin:25px auto;}

.btnBack img {
	margin:0px auto 25px auto;}


/*-------------------------------------------------
  Footer
-------------------------------------------------*/
#Footer{
	padding:10px 0;}

#Footer img{
	padding:0px 0px;
	display:inline;}

#Footer .copy{
	text-align:center;
	margin-top:10px;}