/* -----------------------------------------------
 * MACEARTH企業サイト用
 * ----------------------------------------------- */
body{
	font-size:100%;
	color:#111111;
	font-family:"ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック", "Osaka", verdana,arial, sans-serif;
	background-image: url(../img/bg.gif);
	background-repeat: repeat-x;
	background-position: center top;
	background-attachment:fixed;
	margin: 0px 0px 0px 0px;
}




/* -----------------------------------------------
 * FONT
 * ----------------------------------------------- */
a:link{ text-decoration:none; color:#588000; }
a:visited{ text-decoration:none; color:#588000; }
a:active{ text-decoration:underline; color:#000000; }
a:hover{ text-decoration:underline; color:#FF4800; }

.x-large{ font-size:24px; }
.large{ font-size:18px; line-height: 120%; }
.medium{ font-size:14px; line-height: 130%; }
.normal{ font-size:12px; line-height: 130%;}
.small{ font-size:10px; line-height: 130%;}
.x-small{ font-size:9px; line-height: 120%; }


H1, H2, H3, H4, p {
	margin:0pt;
	font-size:100%;
	font-weight: normal;
}

a img {
	border:0px;
}

.uetuki{
	font-size:50%;
	vertical-align: super;
}

.color01{
	color:#FF8100;
}


/* -----------------------------------------------
 * 全ページ共通
 * ----------------------------------------------- */

#page {
	width: 760px;
	padding: 0px 0px 0px 0px;
	margin:0pt auto 0pt auto;
}

#header {
	width: 760px;
	padding: 12px 0px 0px 0px;
	margin:0pt auto 0pt auto;
}

#header H2 {
	width: 227px;
	height:40px;
	padding: 0px 0px 6px 0px;
	margin: 0px;
	float:left;
}


#header-menu {
	width: 520px;
	font-size:12px;
	font-weight: normal;
	color:#FFFFFF;
	text-align:right;
	padding: 27px 5px 0px 0px;
	float:right;
}

#header-menu a {
	color:#6D7984;
	line-height: 1em; 
	padding: 1px 0px 0px 15px;
	background-image: url(../img/arrow01.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

#header-menu a:hover {
	color:#2B5391;
	padding: 1px 0px 0px 15px;
	background-image: url(../img/arrow02.gif);
	background-position: 1px center;
	text-decoration:none;
}



#top-img {
	width: 760px;
	padding: 0px 0px 1px 0px;
	margin:0pt auto 0pt auto;
	clear:both;
}

#menu {
	width: 760px;
	height:57px;
	background-image: url(../img/bg_menu_sec.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin:0pt auto 0pt auto;
	clear:both;
}

#home #menu {
	width: 760px;
	height:57px;
	background-image: url(../img/bg_menu.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin:0pt auto 0pt auto;
}

#menu ul {
	margin: 0px;
	padding :0px;
	list-style-type : none;
}

#menu ul li {
	display : block;	
	float:left;
}

#menu ul li a, #menu ul li a:hover {
	display : block;
	width: 162px;
	font-size:13px;
	font-weight: bold;
	color: #000000;
	line-height: 1em; 
	text-align:center;
	background-image: url(../img/menu_line.gif);
	background-repeat: no-repeat;
	background-position: right center;
	padding:18px 0px 12px 0px;
	margin:0px 0px 0px 0px;
	text-decoration:none;
}

#menu ul li a:hover {
	padding:17px 0px 13px 0px;
	text-decoration:none;
}

#menu ul li.menu-home a, #menu ul li.menu-home a:hover {
	width: 112px;
	font-weight: normal;
	line-height: 57px; 
	font-family:serif;
	background: none;
	padding:0px;
}

#menu ul li.menu-home a:hover {
	line-height: 56px; 
	padding-bottom:1px;
}

#menu ul li a small, #menu ul li a:hover small {
	font-size:9px;
	font-weight: normal;
	color: #808489;
	text-decoration:none;
	font-family:serif;
}

#footer {
	width: 760px;
	padding: 40px 0px 30px 0px;
	margin: 0px;
	clear:both;
}

#home #footer {
	padding: 20px 0px 30px 0px;
}

#home #footer-border {
	width: 760px;
	border-top:1px solid #A6A6A6;
	padding: 0px 0px 0px 0px;
	margin: 0px;
}

#home #footer #footer-banner {
	text-align: center;
	padding: 5px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
}
#home #footer #footer-banner a{
	margin-right: 5px;
	}

#footer-menu {
	width: 760px;
	font-size:11px;
	text-align: right;
	color:#808080;
	border-top:1px solid #A6A6A6;
	padding: 5px 0px 0px 0px;
	margin: 0px;
}

#home #footer-menu {
	width: 510px;
	padding: 5px 0px 0px 0px;
	border:0px;
	margin: 0px;
	float:right;
}

#footer-menu a {
	color:#808080;
}

#footer-menu a:hover {
	color:#2B5391;
	text-decoration:none;
}

#copyright{
	font-size:10px;
	text-align: right;
	color:#222222;
	padding: 20px 0px 0px 0px;
}

#home #copyright{
	width: 510px;
	float:right;
}











/* -----------------------------------------------
 * TOPページ
 * ----------------------------------------------- */

#column-contents{
	width: 760px;
	padding: 27px 0px 0px 0px;
	margin: 0px auto 0px auto;
	clear:both;
}


#news {
	width: 372px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	float:left;
}

#news h3, #business-banner h3 {
	font-size: 14px;
	font-weight: bold;
	line-height: 1em; 
	padding: 0px 0px 4px 0px;
	margin: 0px 0px 3px 0px;
	border-bottom:1px solid #A6A6A6;
}

#news h3 a, #news H3 a:hover, #business-banner H3 a,  #business-banner H3 a:hover {
	color: #808080;
	text-decoration:none;
	padding: 0px 0px 0px 0px;
}



.top-topics-one-box {
	padding: 7px 0px 2px 0px;
	border-bottom:1px dashed #A6A6A6;
}

div.top-topics-one-box H4{
	width: 372px;
	font-size:12px;
	line-height: 1.2em; 
	background-image: url(../img/img_leaf.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 0px 0px 0px 0px;
}

.topics-color a:link{ text-decoration:none; color:#006D8D; }
.topics-color a:visited{ text-decoration:none; color:#006D8D; }
.topics-color a:active{ text-decoration:underline; color:#006D8D; }
.topics-color a:hover{ text-decoration:underline; color: #009DC1; }

.topics-color1 a:link{ text-decoration:none; color:#FF4E00; }
.topics-color1 a:visited{ text-decoration:none; color:#FF4E00; }
.topics-color1 a:active{ text-decoration:underline; color:#FF4E00; }
.topics-color1 a:hover{ text-decoration:underline; color: #FF7C48; }

.topics-color2 a:link{ text-decoration:none; color:#1C8000; }
.topics-color2 a:visited{ text-decoration:none; color:#1C8000; }
.topics-color2 a:active{ text-decoration:underline; color:#1C8000; }
.topics-color2 a:hover{ text-decoration:underline; color: #2DB700; }

div.top-topics-one-box .date{
	font-size:10px;
	color:#85704A;
	text-align: left;
}


.topics-listlink {
	width: 372px;
	font-size:11px;
	text-align:right;
	padding: 5px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}


.business-banner-food{
	background-image: url(../img/banner_business02.jpg);
	width:359px;
	height: 77px;
	background-repeat: no-repeat;
	background-position: left center;
	position: relative;
	margin: 0 0 4px;
}




.btn-food1{
	position: absolute;
	top: 10px;
	left: 220px;
	width: 120px;
	height: 22px;
}

.btn-food2{
	position: absolute;
	top: 40px;
	left: 220px;
	width: 120px;
	height: 22px;
}

.business-banner-food img{
	border: none;
}






div.topics-one-box{
	width: 550px;
	margin-left:auto;
	margin-right:auto;
	padding: 10px 0px 4px 0px;
	border-bottom:1px solid #E0D8CF;
}

div.topics-one-tit{
	line-height: 130%; 
	padding: 0px 0px 0px 22px;
	background-image:url(../page/img/icon_page.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
}

.topics-one-tit a:link{ text-decoration:none; color:#006D8D; }
.topics-one-tit a:visited{ text-decoration:none; color:#006D8D; }
.topics-one-tit a:active{ text-decoration:underline; color:#006D8D; }
.topics-one-tit a:hover{ text-decoration:underline; color: #009DC1; }


div.topics-one-tit1{
	line-height: 130%; 
	padding: 0px 0px 0px 22px;
	background-image:url(../page/img/icon_page.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
}

.topics-one-tit1 a:link{ text-decoration:none; color:#FF4E00; }
.topics-one-tit1 a:visited{ text-decoration:none; color:#FF4E00; }
.topics-one-tit1 a:active{ text-decoration:underline; color:#FF4E00; }
.topics-one-tit1 a:hover{ text-decoration:underline; color: #FF7C48; }


div.topics-one-tit2{
	line-height: 130%; 
	padding: 0px 0px 0px 22px;
	background-image:url(../page/img/icon_page.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
}

.topics-one-tit2 a:link{ text-decoration:none; color:#1C8000; }
.topics-one-tit2 a:visited{ text-decoration:none; color:#1C8000; }
.topics-one-tit2 a:active{ text-decoration:underline; color:#1C8000; }
.topics-one-tit2 a:hover{ text-decoration:underline; color: #2DB700; }

td.topics-one-date{
	width: 70px;
	font-size:85%;
	color:#85704A;
	text-align: right;
}




#business-banner {
	width: 359px;
	padding: 0px 0px 0px 0px;
	float:right;
}

#business-banner a{
	display : block;
	width: 180px;
	padding:0px 0px 1px 0px;
	margin:0px 0px 0px 0px;
}

#business-banner a:hover{
	padding:1px 0px 0px 0px;
/*
	opacity:0.8;
	filter: alpha(opacity=80);
*/
}

#business-banner img{
	padding:0px 0px 0px 0px;
	margin:0px auto 3px auto;
}









/* -----------------------------------------------
 * マックアースについて
 * ----------------------------------------------- */

div.about-waku{
	width: 580px;
	padding:10px 0px 5px 10px;
	font-size:12px;
	text-align:right;
	margin:0px auto 0px auto;
	border-bottom:5px solid #C9E589;
}

div.about-outline{
	width: 590px;
	padding:10px 0px 5px 0px;
	font-size:16px;
	font-weight: normal;
	text-align: left;
	margin:0px auto 0px auto;
	border-bottom:1px dashed #999999;
}






#about table.outline table td{
	padding:0 5px 0 5px;
	font-size:12px;
	font-weight: normal;
	line-height: 1.3em; 
	text-align: left;
	vertical-align:top;
	margin:0px;
}

.col1{
	background-color: #FBF2F2;
	border-right: 1px solid #CCC;
}
.col2{
	background-color: #F8F7FD;
	border-right: 1px solid #CCC;
}

.col3{
	background-color: #F2FBF3;
}



#about table.outline th{
	width: 120px;
	padding:8px 12px 8px 0px;
	font-size:12px;
	font-weight: normal;
	line-height: 1.3em; 
	text-align: right;
	vertical-align:top;
	margin:0px;
	border-right:1px solid #E4E5DF;
}


#about table.outline td{
	padding:8px 0px 8px 15px;
	font-size:12px;
	font-weight: normal;
	line-height: 1.3em; 
	text-align: left;
	vertical-align:top;
	margin:0px;
}

#about table.outline ul {
	margin: 0px;
	padding :0px;
	list-style-type : none;
}

#about table.outline ul li {
	padding:0px 0px 15px 10px;
	background-image: url(../about/img/circle01.gif);
	background-repeat: no-repeat;
	background-position: left 6px;
}

div.about-history{
	width: 590px;
	padding:10px 0px 5px 0px;
	font-size:16px;
	font-weight: normal;
	text-align: left;
	margin:0px auto 0px auto;
	border-bottom:1px dashed #999999;
}

#about table.outline th{
	width: 110px;
	padding:8px 12px 8px 0px;
	font-size:12px;
	font-weight: normal;
	line-height: 1.3em; 
	text-align: left;
	vertical-align:top;
	margin:0px;
	border-right:1px solid #E4E5DF;
}

#about table.outline td{
	padding:8px 0px 8px 15px;
	font-size:12px;
	font-weight: normal;
	line-height: 1.3em; 
	text-align: left;
	vertical-align:top;
	margin:0px;
}

#about table.outline ul {
	margin: 0px;
	padding :0px;
	list-style-type : none;
}


.abou-text01 {
	padding: 7px 20px 5px 20px;
	font-size:16px;
	font-weight: normal;
	line-height: 1.3em; 
	text-align: left;
	color:#4C8700;
}

div.abou-text02 {
	padding: 7px 20px 10px 20px;
	font-size:12px;
	font-weight: normal;
	line-height: 1.4em; 
	text-align: left;
	color:#4C8700;
}

div.abou-text03 {
	padding: 7px 20px 10px 20px;
	font-size:21px;
	font-weight: bold;
	line-height: 1.4em; 
	text-align: left;
	color:#4D4D4D;
}

div.abou-text04 {
	padding: 7px 20px 10px 20px;
	font-size:14px;
	line-height: 1.3em; 
	text-align: left;
	color:#4D4D4D;
}


div.about-greet{
	width: 550px;
	padding:5px 20px 180px 20px;
	font-size:12px;
	line-height: 1.4em; 
	text-align:left;
	color:#4D4D4D;
	margin:0px auto 0px auto;
	background-image: url(../about/img/01_greet_bg.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
}



/* -----------------------------------------------
 * 事業案内
 * ----------------------------------------------- */
 
td.business-text01 {
 	width: 280px;
 	height: 118px;
}
 
.business-text01 a {
	display:block;
 	width: 178px;
 	height: 88px;
	padding: 30px 85px 0px 17px;
	font-size:12px;
	line-height: 1.3em; 
	text-align: left;
	color:#2D2D2D;
}
 
 .business-text01 a:hover {
	text-decoration:none;
}

.btn-food-tab{
	margin:38px 0 0 18px;
}

.snow-table-top th{
	padding: 0 0 50px;
	text-align: center;
	width: 230px;
}

.snow-table-top td{
	padding: 0 0 50px;
}


.snow-table-top td h3{
	padding:0px 0px 5px 0px;
	font-size:16px;
	font-weight: bold;
	line-height: 1.5em; 
	text-align: left;
	margin:0px;
	border-bottom:1px solid #808080;
}