@charset "shift_jis";


/* 北海道物産展.com　CSS Document */
/*body {
	margin-left:auto;
	margin-right:auto;
	width:800px;
	margin-top: 0px;
	}
*/
td {
	line-height:130%;
	font-size:medium
	}

.midasi-m {
	color: #009900;
	font-size:16px;
	display:block;
	margin:10px 0px 4px 0px;
	border-bottom: dotted thin #CCCCCC;
	border-left: solid 5px #666666;
	padding:2px 0px 2px 3px;
	}

/*パンクズナビ*/	
.pannavi {
	font-size:12px;
	text-align:left;
	margin:0px 0px 10px 0px;
	}
	
/******HTMLカテゴリページ******（現在使っていません）/
/* idでテーブル指定 */
#category .c-title {
	color:#CC0000;
	text-align:center;
	font-size:14px;
	line-height:18px;
	}
	
/* idでテーブル指定 */
#category .c-text {
	font-size: small;
	text-align:left;
	vertical-align:top;
	}
	


	
	

/******商品ページ　文章******/
/*商品名*/	
.item-title-name {
	color:#FFFFFF;
	font-size:16px;
	text-indent: 8px;
	text-align:left
	}
/*見出し*/	
.item-text-midasi  {
	color:#CC0000;
	font-size:18px;
	padding:20px 0px 3px 0px;
	display:block;
	border-bottom:1px solid #FF9966;
	margin-bottom:4px
	}
	
/*本文*/	
.item-text {
	line-height:160%;
	text-align:left
	}
/*本文*/		
.item-text p {
	margin:5px;
	}
/*note2（規格詳細）*/
.note2 {
	display:block;
	border:	1px solid #999999;
	background-color:#EFEFEF;
	text-align:left;
	padding:10px 20px;
	font-size: small;
	}

/*生産者情報　ボックス*/
.seisansya {
	display:block; 
	margin:10px 0px ;
	padding:20px 40px; 
	text-align:left; 
	background-color:#EFDEBD; 
	font-size: small 
	}
	
/*生産者情報　見出し*/
.seisansya h3{
	color:#CC0000;
	line-height:1.5em;
	font-size:24px;
	}
	
/*生産者情報　Q*/
.seisansya .q {
	color:#CC0000;
	margin-bottom: 0px;
	}
/*生産者情報　A*/
.seisansya .a {
	margin-top: 0px;
	}
/*生産者情報　強調文字*/
.seisansya strong {
	color:#CC0000;
	line-height:1.5em;
	font-size:16px;
	}
.seisansya b {
	color:#000000;
	line-height:1.5em;
	font-size:16px;
	}

/******　コンテンツページ関連　******/

/* ページタイトル（赤ベタ×白文字bold） */
.pagetitle {
	background-color:#CC0000;
	font-size:17px;
	color:#ffffff;
	padding:6px 10px;
	text-align:left;
	font-weight:bold
	}



/*見出し（赤文字×赤点ボーダー）*/
#contents .midasi {
	color: #CC0000;
	padding:2px 0px 2px 5px;
	border-bottom:2px dotted #CC0000;
	border-left:4px solid #CC0000;
	font-size:16px;
	font-weight:bold;
	}

/*文章*/
#contents .text {
	padding:10px 0px 30px 0px ;
	line-height:150%;
	}
	
/*文章（小文字）*/
#contents .text-s {
	padding:10px 20px 30px 20px ;
	line-height:150%;
	font-size: small;
	}

/******　フォームテーブル　******/
#formtable {
	background-color:#000000;
	}
#formtable th {
	background-color:#CC0000;
	color:#FFFFFF;
	text-align:left;
	}
/*必須*/
#formtable span {
	color: #FFFF00;
	}
#formtable td {
	background-color:#FFFFFF;
	color: #333333;
	text-align:left;
	font-size:small;
	}
	
/******　採用情報テーブル　******/
#saiyoutable {
	background-color: #990000;
	}
#saiyoutable th {
	background-color: #FFFFCC;
	color:#990000;
	text-align:left;
	vertical-align:top;
	padding:2px 5px
	}
#saiyoutable td {
	background-color:#FFFFFF;
	color: #333333;
	text-align:left;
	padding:2px 5px
	}

/******トップページ、その他******/
/**テーブル　small文字（左揃え）バナーのコメントにも使用可**/
.table-text-small td {
	font-size: small;
	line-height:120%;
	text-align:left;
	}

/**ライブラリ　lib-side内**/
#lib-side td {
	font-size:small;
	line-height:130%
	}
#lib-side .menu td {
	font-size: medium;
	}
	

/**ライブラリ　lib-foot内**/	
#lib-foot td{
	font-size:small;
	}

/**カレンダー**/	
/*平日*/
#calendar td {
	font-size:small;
	background-color:#FFFFFF;
	}	
/*休業日*/
#calendar .holiday  {
	background-color: #FFCCCC;
	}
/*曜日*/
#calendar .week  {
	background-color: #FFCC66;
	}
	
	
	
	
/******　Genesisテンプレート　******/
/*全体幅*/
#g-main {
	width:80%;
	display:block;
	text-align:left;
	margin-left: auto;
	margin-right:auto;
	margin-top:30px;
	margin-bottom:30px;
	}
#g-main h4 {
	font-size:16px;
	margin-bottom:30px;
	text-align:center;
	color:#660000;
	}	

.g-table1 {
	background-color: #666666;
	}
.g-table1 th{
	background-color: #FFFF99;
	text-align:left;
	}
.g-table1 span{
	color:#CC0000;
	}
.g-table1 td{
	background-color:#FFFFFF;
	text-align:left;
	}
	


/*グルメの減った*/
.gur-head {
	margin-left: 5px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: left;
}
.gur-head a:link {
	font-size: 12px;
	color: #ffffff;
	text-decoration: 
}
.gur-head a:visited {
	font-size: 12px;
	color: #ffffff;
	text-decoration: 
}
.gur-head a:hover {
	font-size: 12px;
	color: #FFCC33;
	text-decoration: 
}