@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;
	margin: 0px auto;
	padding:0px;
	line-height: 1.5em;
	background-color: #F5F4F4;
}
div#container {
	width:865px;
	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:792px;
	clear: both;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 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: 800px;
	text-align: center;
	padding: 0px;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 7px;
	margin-left: auto;
}
div#wrap div#top_contents {
	width:580px;
	float:left;
	padding: 0px;
	margin: 0px;
}
/*-----------------------------------------------
	*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: 1px;
	top: 0px;
}
h2 {
	margin:0px;
	padding: 0px;
}
h2.info {
	padding: 0px;
	background-image: none;
	height: 37px;
	margin: 0px;
	line-height: 37px;
}

/*食・健康*/
h2.food_health,h2.info_food_health
{
	background-image: url(../img/h2_food.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 104px;
	margin: 0px;
	padding: 0px;
}


h2.convenience,h2.info_convenience {
	background-image: url(../img/h2_convenience.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 104px;
	margin: 0px;
	padding: 0px;
}

h2.goods,h2.info_goods {
	background-image: url(../img/h2_goods.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 104px;
	margin: 0px;
	padding: 0px;
}

h2.pc,h2.info_pc {
	background-image: url(../img/h2_pc.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 104px;
	margin: 0px;
	padding: 0px;
}

h2.study,h2.info_study {
	background-image: url(../img/h2_study.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 104px;
	margin: 0px;
	padding: 0px;
}

h2.travel,h2.info_travel {
	background-image: url(../img/h2_travel.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 104px;
	margin: 0px;
	padding: 0px;
}
h2.about_us,h2.about_us {
	background-image: url(../img/h2_aboutus.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 104px;
	margin: 0px;
	padding: 0px;
}
h2.new_comer {
	background-image: url(../img/h2_new_comer.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 104px;
	margin: 0px;
	padding: 0px;
}
h2.from_senior {
	background-image: url(../img/h2_new_comer.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 104px;
	margin: 0px;
	padding: 0px;
}
h2.preparation_support {
	background-image: url(../img/h2_new_comer.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 104px;
	margin: 0px;
	padding: 0px;
}


h2 span {
	display: none;
}
h3 {
	background-image: url(../img/h3_bg.gif);
	background-repeat: no-repeat;
	background-position: 0px center;
	height: 32px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	font-size: 15px;
	line-height: 32px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 30px;
	color: #239463;
	font-weight: bold;
}
/*-----------------------------------------------
	*04 header
-------------------------------------------------*/
div#header {
	height: 50px;
	padding: 0px;
	position: relative;
	background-image: url(../img/header_bg.gif);
	background-repeat: no-repeat;
	background-position: right top;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	width: 825px;
}
div#head_menu {
	width:321px;
	height: 14px;
	text-align:right;
	padding: 0px;
	margin: 0px;
	float: right;
	position: absolute;
	left: 505px;
	top: 24px;
}
div#head_menu ul {
	padding: 0px;
	text-align: right;
	margin: 0px;
}
div#head_menu ul li {
	padding-right: 10px;
	padding-left: 10px;
	margin: 0px;
	height: 14px;
	line-height: 14px;
	padding-top: 0px;
	padding-bottom: 0px;
	float: left;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #999999;
	font-size: 12px;
}
div#head_menu ul li a {
	text-decoration: none;
}
div#head_menu ul li#plus {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999999;
}
/*-----------------------------------------------
	*05 footer
-------------------------------------------------*/

div#footer {
	clear: both;
	width:800px;
	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: 600px;
	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 {
	text-align: right;
	clear: both;
	background-image: url(../img/footer_bg.gif);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	width: 783px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	font-size: 0.85em;
	line-height: 1.45;
}
/*-----------------------------------------------
	*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;
}
/*-----------------------------------------------
	*07 top
-------------------------------------------------*/
div#top_main {
	border: 1px solid #CCC;
	width: 574px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	margin: 0px;
}
div#wrap div#top_contents .mrg5 {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}

/*お知らせ*/
.infoBox {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	padding: 0px;
	overflow: hidden;
	display: block;
	margin-top: 0px;
	margin-right: 3px;
	margin-bottom: 0px;
	margin-left: 3px;
}
* html .infoBox {
	height: 1%;
}
.infoBox dl {
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 0px;
	clear: both;
	padding: 0px;
}
.infoBox dl dt {
	width: 85px;
	text-align: center;
	padding: 0px;
	float: left;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 2px;
}
.infoBox dl dd {
	padding: 3px;
	margin-left: 90px;
	line-height: 1.4;
}
.btmBox {
	text-align: right;
	padding: 3px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

dd p.desc{
	font-size:0.85em;
}

/*下部のバナー*/
.ad_box02 {
	padding: 0;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 10;
	margin-left: auto;
	width: 584px;
}
.ad_box02 img {
	padding: 0px;
	margin: 2px;
}
div#category {
	width: 578px;
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
div#category ul {
	margin: 0px;
	padding: 0px;
}

/*6つのカテゴリー*/
div#category ul li {
	width: 289px;
	float: left;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 8px;
	padding-left: 0px;
}
div#category ul li dl {
	width: 281px;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
div#category ul li dl dt {
	margin: 0px;
	padding: 0px;
	height: 34px;
	font-size: 0px;
	line-height: 34px;
}
div#category ul li dl dt a {
	text-decoration: none;
}
div#category ul li dl dd.bg {
	margin: 0px;
	padding: 8px;
	background-image: url(../../img/dd_bg.gif);
	background-repeat: repeat-y;
	background-position: left top;
	height: 100px;
	line-height: 1.3;
	font-size: 0.9em;
	background-color: #F90;
}
div#category ul li dl dd.bg strong {
	color: #009966;
	font-weight: bold;
}
div#category ul li dl dd.bg img {
	float: left;
	margin-top: 0px;
	margin-right: 10px;
	margin-left: 0px;
	margin-bottom: 10px;
}
div#category ul li dl dd.btm {
	margin: 0px;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
	background-image: url(../../img/dd_btm.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 27px;
	font-size: 10px;
	line-height: 1.3;
}

/*大学生協についてのボックス*/
.top_box {
	padding: 0px;
	width: 281px;
	border: 1px solid #009FC5;
	float: left;
	margin-top: 5px;
	margin-right: 2px;
	margin-bottom: 5px;
	margin-left: 2px;
}
.top_box dl {
	margin: 0px;
	padding: 0px;
}
.top_box dl dt {
	margin: 0px;
	padding: 0px;
	height: 23px;
}
.top_box dl dd {
	margin: 0px;
	padding: 10px;
	line-height: 1.35;
}
.top_box dl dd ul {
	margin: 0px;
	padding: 0px;
}
.top_box dl dd ul li {
	_height:1%;
	margin: 0;
	padding: 0;
}
.top_box dl dd ul li a {
	background-image: url(../../img/arrow.gif);
	background-repeat: no-repeat;
	background-position: left 5px;
	height: 99%;
	display: block;
	_padding: 0px 7px 0px 20px;
	padding-left: 15px;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	margin: 0px;
}
/*-----------------------------------------------
	*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;