@charset "UTF-8";
/*//////////////////////////////////////////////////
ecofootprint - toppage.css

Copyright (C) 777interactive All rights reserved.
----------------------------------------

Content

    0. Yahoo UI Library:
         Reset CSS, Fonts CSS
    1. HTML, Body, Anchor
    2. Heading, Paragraph
    3. List
    4. Table
    5. Forms
    6. Quotation
    7. Others
    8. For IE7 Page Zoom

//////////////////////////////////////////////////*/


/* ---------------------------------------(=0)
    0. Yahoo UI Library:
       Reset CSS, Fonts CSS
   ---------------------------------------- */
/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.4.0
*/
html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
/* to preserve line-height and selector appearance */
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*because legend doesn't inherit in IE */
legend{color:#000;}


/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.4.0
*/
/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 */
body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}
/**
 * Bump up IE to get to 13px equivalent
 */
pre,code,kbd,samp,tt {font-family:monospace;*font-size:108%;line-height:100%;}


/* ---------------------------------------(=1)
    1. HTML, Body, Anchor
   ---------------------------------------- */
html {}

body {
    margin: 0;
    padding: 0;
    font-family:
        "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
    line-height: 2.0;
}

*first-child+html body {
    font-family:"メイリオ", "ＭＳ Ｐゴシック", sans-serif;
}

* html body {
    font-family:"メイリオ", "ＭＳ Ｐゴシック", sans-serif;
}


a:link,
a:visited { color: #000; text-decoration: underline; }

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


/* NOTE!
:hoverにbackgroundを指定すると親要素が拡張するバグ（IE6以下）
http://cssbug.at.infoseek.co.jp/detail/winie/b102.html
*/


/* ---------------------------------------(=2)
    2. Heading, Paragraph
   ---------------------------------------- */
h1, h2, h3, h4, h5, h6 { line-height:1;}

/* ---------------------------------------(=3)
    3. List
   ---------------------------------------- */

/* ---------------------------------------(=4)
    4. Table
   ---------------------------------------- */

/* ---------------------------------------(=5)
    5. Forms
   ---------------------------------------- */
legend { display: none; }

/*
input, textarea, select { font-size: 99%; }
textarea { font-family: "ＭＳ ゴシック", monospace; }
*/

label { cursor: pointer; }

/* ---------------------------------------(=6)
    6. Quotation
   ---------------------------------------- */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/*
blockquote {}
*/

/*
q    { border-bottom: 1px dotted #d90000; background: #ffeeee; }
cite { font-style: normal; }
*/

/* ---------------------------------------(=7)
    7. Others
   ---------------------------------------- */

/*  Inline-level elements
   ------------------------------- */
img { vertical-align: top; }
strong { font-weight: bold; }

/*  Block-level elements
   ------------------------------- */
hr { display: none; }
pre { overflow: auto; font-family: "ＭＳ ゴシック", monospace; }


/* ---------------------------------------(=8)
    8. For IE7 Page Zoom
   ---------------------------------------- */
*:first-child+html body,
*:first-child+html br { letter-spacing: 0; }


/*---------------------------------------------------------*/

/*-----------------------------------------------*/

body#award_garra { 
	text-align: center; 
	background: #EFF1F5;
	padding:40px 0;
}
div#wrapper {
	width:900px;
	margin:0 auto;
	text-align: center;
	color:#979ea9;
}

div#content,
div#menu,
div#other {
 	background:#EFF1F5;
	margin-top:50px;
}

a:link,
a:visited { color: #7b7b7b; text-decoration: underline; }

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

/*-------- #header ---------*/

div#header {
	background:#EFF1F5;
	margin:0 auto;
}
div#header h1 {
	padding:10px 0;
}
div#header p.txt{
	padding:30px 0;
	color:#7b7b7b;
}


/*-------- #content ---------*/

div#content {
}
div#content p.txt {
	padding:30px 0;
}
div#content h3 img {
	padding:20px 0;
}

/*-------- #menu ---------*/

div#menu {
}
div#menu p.txt {
	padding:30px 0;
}
div#menu div#mainBox{
	float:left;
	width:380px;
}
div#menu div#mainBox p.txt{
	padding:30px 0;
}
div#menu ul {
	padding-left:20px;
}

div#menu ul li{
	float:left;
	width:221px;
}



/*-- #detailBox --*/
div#detailBox {
	position:relative;
}
div#detailBox ul{
	padding-left:20px;
}

div#detailBox ul li{
	float:left;
	width:221px;
	padding:0px 20px 20px 20px;
}
div#detailBox ul li.last{
	padding:0px;
}
div#detailBox p.subLink {
	position:absolute;
	bottom:-5px;
	left:400px;
	font-size:85%;
}


/*-------- .other ---------*/

div#other ul{
}

div#other ul li{
	float:left;
	width:419px;
	padding-right:20px;
}
div#other li.last{
	padding:0px;
}
div#other p.txt{
	clear:both;
	padding-top:30px;
}
p.btnL {
}
p.navPageTop {
	padding-top:30px;
}


/* ################################################################################
    [Clearfix] Clearfix CSS Hack
   ################################################################################ */
div#other p.txt:after,
div#detailBox:after,
div#other:after,
div#menu:after,
.wrapper:after {content:".";display:block;clear:both;height:0;visibility:hidden;}

div#other p.txt,
div#detailBox,
div#other,
div#menu,
.wrapper { zoom: 1;}

/* Hides from IE-mac \*/
* html div#other p.txt,
* html div#detailBox,
* html div#other,
* html div#menu,
* html .wrapper {height:1%}

div#other p.txt,
div#detailBox,
div#other,
div#menu,
.wrapper {display: block;}
/* End hide from IE-mac */