@charset "utf-8";
@import "./navi.css";
/* -------------------------------------------------------
	* Date : 2008/10
	* File : base.css
	* Copyright 2008 MAC InterNet All Rights Reserved. 
------------------------------------------------------- */

/*

	*01 base
	*02 link
	*03 heading
	*04 header
	*05 footer
	*06 contents
	*07 top
	*08 text
	
*/


/*-----------------------------------------------
	*01 base
-------------------------------------------------*/

body {
	font-family: "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", osaka;
	font-size: small;
	padding:0px;
	line-height: 1.5em;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-color: #efefef;
}
div#container {
	width:1000px;
	text-align: left;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-image: url(../img/bg.gif);
	background-repeat: repeat-y;
	background-position: center top;
}
div#wrap {
	width:790px;
	clear: both;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
div#wrap div#contents {
	width:580px;
	float:right;
	padding: 0px;
}
.clear {
	clear:both;
	font-size:0px;
	line-height:0px;
}
img {
	border:none;
}

div#key {
	width: 577px;
	text-align: center;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	background-color: #FFFFFF;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}
.keyimg{
	float: left;
	padding: 0px;
	text-align: center;
	margin: 0px;
	width: 288px;
}

/*-----------------------------------------------
	*02 link
-------------------------------------------------*/
a:link, a:visited {
	color: #333333;
}
a:hover, a:active {
	color: #006666;
}
/*-----------------------------------------------
	*03 heading
-------------------------------------------------*/
h1 {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	position: absolute;
	left: 16px;
	top: 33px;
}
h2 {
	margin:0px;
	height: 83px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	background-repeat: no-repeat;
	background-position: left top;
}
h2.about_us {
	background-image: url(../img/h2_about_us.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
h2.profile {
	background-image: url(../img/h2_about_us.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
h2.access {
	background-image: url(../img/h2_about_us.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
h2.history {
	background-image: url(../img/h2_about_us.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
h2.member {
	background-image: url(../img/h2_about_us.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
h2.action_report {
	background-image: url(../img/h2_food_health.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
h2.food_health {
	background-image: url(../img/h2_food_health.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
h2.peace {
	background-image: url(../img/h2_peace.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
h2.consumption {
	background-image: url(../img/h2_consumption.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
h2.environment {
	background-image: url(../img/h2_environment.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
h2.welfare {
	background-image: url(../img/h2_welfare.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
h2.disaster {
	background-image: url(../img/h2_disaster.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
h2.cooperation {
	background-image: url(../img/h2_cooperation.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
h2.other {
	background-image: url(../img/h2_other.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
h2.coop_shiga {
	background-image: url(../img/h2_coop_shiga.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
h2.site_info {
	background-image: url(../img/h2_site_info.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
h2.site_policy {
	background-image: url(../img/h2_site_info.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
h2.site_map {
	background-image: url(../img/h2_site_info.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
h2.inquiry {
	background-image: url(../img/h2_site_info.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

h2 span {
	display: none;
}
h3 {
	background-image: url(../img/h3_bg.gif);
	background-repeat: no-repeat;
	background-position: 8px 10px;
	height: 30px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	line-height: 30px;
	vertical-align: middle;
	border: 1px solid #408CEA;
	background-color: #F5F5F5;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 25px;
	font-size: 1.1em;
}
/*-----------------------------------------------
	*04 header
-------------------------------------------------*/
div#header {
	width:824px;
	height: 73px;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	position: relative;
	background-image: url(../img/header_bg.gif);
	background-repeat: no-repeat;
	background-position: center top;
}
div#head_menu {
	width:210px;
	height: 16px;
	text-align:right;
	padding: 0px;
	margin: 0px;
	float: right;
	position: absolute;
	left: 400px;
	top: 40px;
	font-size: 12px;
}
div#head_menu ul {
	padding: 0px;
	text-align: right;
	margin: 0px;
}
div#head_menu ul li {
	padding-right: 10px;
	padding-left: 20px;
	margin: 0px;
	height: 16px;
	line-height: 16px;
	padding-top: 0px;
	padding-bottom: 0px;
	float: left;
}
div#head_menu ul li.top {
	background-image: url(../img/home.gif);
	background-repeat: no-repeat;
	background-position: 5px center;
}
div#head_menu ul li.contact {
	background-image: url(../img/mail.gif);
	background-repeat: no-repeat;
	background-position: 0px center;
}
div#head_menu ul li a {
	text-decoration: none;
}
/*-----------------------------------------------
	*05 footer
-------------------------------------------------*/

div#footer {
	clear: both;
	width:824px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	position: relative;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
div#footer ul {
	margin: 0px;
	text-align: right;
	width: 400px;
	float: left;
	padding-top: 6px;
	padding-right: 6px;
	padding-bottom: 6px;
	padding-left: 10px;
}
div#footer ul li {
	float: left;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #666666;
	padding-right: 7px;
	padding-left: 7px;
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	height: 14px;
	line-height: 14px;
}
div#footer ul li#plus {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #666666;
}
div#footer p {
	padding: 0px;
	background-color: #8C8C8C;
	height: 40px;
	color: #FFFFFF;
	text-align: center;
	vertical-align: middle;
	line-height: 40px;
	margin: 0px;
	clear: both;
}
/*-----------------------------------------------
	*06 contents
-------------------------------------------------*/

#contents .mrg10 {
	margin-bottom: 10px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	padding: 0px;
}
#menu .mrg5 {
	margin-bottom: 5px;
	margin-top: 5px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	padding: 0px;
}
#menu .mrg0 {
	text-align: center;
	padding: 0px;
	margin: 0px;
}
#side p {
	font-size: 0.85em;
	margin: 0px;
	padding: 3px;
}
div#pankz {
	font-size: 10px;
	margin: 0px;
	clear: both;
	padding-right: 3px;
	padding-left: 5px;
	line-height: 17px;
	padding-top: 7px;
	padding-bottom: 7px;
	height: 17px;
}
/* 滋賀の生協 広報誌 */
.info_box {
	margin: 0px;
	padding: 0px;
}
.info_box table {
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}
.info_box table th {
	margin: 0px;
	padding: 5px;
	vertical-align: top;
}
.info_box table td {
	margin: 0px;
	padding: 5px;
	font-size: 0.9em;
	line-height: 1.4;
}
.info_box table td p {
	margin: 3px;
	padding: 0px;
}
/*お知らせ一覧表示*/

.infoBox2 {
	padding: 0px;
	overflow: hidden;
	display: block;
	margin-top: 0px;
	margin-right: 3px;
	margin-bottom: 0px;
	margin-left: 3px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCC;
}
* html .infoBox2 {
	height: 1%;
}
.infoBox2 dl {
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 0px;
	clear: both;
	padding: 0px;
}
.infoBox2 dl dt {
	width: 85px;
	text-align: center;
	padding: 0px;
	float: left;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 2px;
}
.infoBox2 dl dd {
	padding: 3px;
	margin-left: 90px;
	line-height: 1.4;
}
/*-----------------------------------------------
	*07 top
-------------------------------------------------*/

.top_info {
	margin: 0px;
	padding: 0px;
	background-color: #ffffcc;
	width: 578px;
}
.top_info ul {
	margin: 0px;
	padding-top: 0.8em;
	padding-right: 0.8em;
	padding-bottom: 0.8em;
	padding-left: 1.8em;
}
.top_info ul li {
	text-indent: -1em;
}
.top_info table {
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}
.top_info table th {
	margin: 0px;
	padding: 5px;
	vertical-align: top;
}
.top_info table td {
	margin: 0px;
	padding: 5px;
	font-size: 0.9em;
	line-height: 1.4;
}
.top_info table td p {
	margin: 3px;
	padding: 0px;
}
.info_title {
	padding: 0px;
	height: 33px;
	margin: 0px;
	text-align: center;
	position: relative;
	width: 578px;
}
.info_title .rss {
	height: 15px;
	width: 43px;
	position: absolute;
	top: 9px;
	right: 12px;
}
.info_title .bk_number {
	height: 23px;
	width: 112px;
	position: absolute;
	top: 5px;
	right: 8px;
}
.btmBox {
	text-align: right;
	padding: 3px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	background-color: #FFF;
}
/*-----------------------------------------------
	*08 text
-------------------------------------------------*/
.s {
	font-size: 0.83em;
}
.m {
	font-size: 1.0em;
}
.l {
	font-size: 1.17em;
}
.red {
	color: #CF3A3A;
}

div.form input.text{width:300px;}
div.form textarea{width:500px;}
div.form dl{margin-left:15px;}
div.form dt span{font-weight:bold;}
#red {
	color: #FF0080;
	font-weight: normal;
}

/*-----------------------------------------------
	*00 clearfix
-------------------------------------------------*/
#key:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#key{
	display: inline-table;
	min-height: 1%;
}
/* Hides from IE-mac \*/

* html #key{
	height: 1%;
}
#key{
	display: block;
}
/* End hide from IE-mac */

li p.desc{
	text-indent: 0;
	font-size:0.85em;
	line-height:130%;
	padding-right:1.5em;
}