@charset "utf-8";

/* =========================================================

Menu  :
	1.BROWSER-RESET
	2.BASE-SET
	3.WIRE-FRAME
	4.HEADER STYLE
	5.PART STYLE
	6.FORM STYLE
	7.TABLE STYLE
	8.COMMON STYLE

========================================================= */

/* 1.BROWSER-RESET
--------------------------------------------------------- */
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
p,
blockquote,
th,
td { 
	margin: 0;
	padding: 0;
}

body {
	background: #fff;
}

input,
textarea {
	margin: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 100%;
}

fieldset,
img {
	border: 0;
}

address,
caption,
cite,
code,
dfn,
em,
th,
var {
	font-style: normal;
	font-weight: normal;
}

ol,
ul {
	list-style: none;
}

caption,
th {
	text-align: left;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
	font-weight: normal;
	line-height: 1;
}

abbr,
acronym {
	border: 0;
}

a {
/* \*/
	overflow: hidden;
/* */
}

/* 2.BASE-SET
--------------------------------------------------------- */

/* FONT-LIB */

body,
input,
select,
textarea {
	font-family: Osaka, "ＭＳ Ｐゴシック", Arial, Sans-serif;
	font-size: 13px;
}

* html body {
	font-size: small; /* for IE6 */
}

*:first-child+html body {
	font-size: small; /* for IE7 */
}

* html table {
	font-size: 100%; /* for IE6 table */
}

.px10 {
	font-size: 77%;
}

.px11,
.xs {
	font-size: 85%;
}

.px12,
.s {
	font-size: 93%;
}

.px13,
.m {
	font-size: 100%;
}

.px14 {
	font-size: 108%;
}

.px15,
.l {
	font-size: 116%;
}

.px16,
.xl {
	font-size: 123%;
}

.px17 {
	font-size: 131%;
}

.px18 {
	font-size: 138%;
}

.px19 {
	font-size: 146%;
}

.px20 {
	font-size: 153%;
}

.px21 {
	font-size: 161%;
}

.px22 {
	font-size: 167%;
}

.px23 {
	font-size: 174%;
}

.px24 {
	font-size: 182%;
}

.px25 {
	font-size: 189%;
}

.px26 {
	font-size: 197%;
}

/* CLEAR-FIX */

.clfix:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

*:first-child+html .clfix {
	display: inline-block;
	min-height: 1%;
}

/* Hides from IE6/IE Mac \*/
* html .clfix {
	height: 1%;
}

.clfix {
	display: block;
}
/* End hide from IE6/IE Mac */

a:link {
	color: #00f;
	text-decoration: none;
}
a:visited {
	color: #909;
	text-decoration: none;
}
a:hover {
	color: #c00;
	text-decoration: underline;
}
a:active {
	color: #c00;
	text-decoration: underline;
}


/* 3.WIRE-FRAME
--------------------------------------------------------- */

html {
	overflow-y: scroll; /* CSS3 */
}
body {
	margin: 20px auto 0 auto;
	width: 950px;
}
#header {
	margin-bottom: 20px;
}
#main {
}
#section {
	width: 650px;
	float: left;
}
#other {
	float: right;
	width: 290px;
}

#footer {
	margin-bottom: 20px;
	padding-top: 40px;
}

/* 4.HEADER STYLE
--------------------------------------------------------- */
#header {
	margin: 0 auto;
	overflow: hidden;
	padding: 0 0 15px;
	position: relative;
	text-align: left;
	width: 950px;
}

#header * {
	line-height: 1.1;
	margin: 0;
	padding: 0;
}

#header .sitelogo {
    background-image: url("../img/logo.png");
	display: block;
	height: 35px;
	overflow: hidden;
	text-indent: -9999px;
	width: 115px;
}
#breadcrumb {
	border-top: 1px solid #ccc;
	margin-top: 3px;
	padding-top: 3px;
}

ol#logobreadcrumbs-breadcrumb {
	display: block;
	float: left;
	margin-bottom: 20px;
	text-indent: -1.3em;
}

ol#logobreadcrumbs-breadcrumb li {
    background: url("../img/breadcrumb.png") no-repeat 6px 2px; 
	display: inline;
	list-style: none none inside;
	padding-left: 1.3em;
	white-space: nowrap;
}

ol#logobreadcrumbs-breadcrumb li .first {
	background-image: none;
	padding-left: 0;
}

ol#logobreadcrumbs-breadcrumb li a,
ol#logobreadcrumbs-breadcrumb li strong {
	font-weight: bold;
}
#socialmedia {
	float: right;
}


#header h1 {
	background: url("../img/h1.png") no-repeat;
	height: 58px;
	text-indent: -9999px;
	margin: 0 auto;
	width: 950px;
}
#header p {
	background: url("../img/h1-bg.png") repeat-x;
	padding: 10px;
}
#report #header h1 {
	background: url("../img/report_h1.png") no-repeat;
}
#report #header div.rightText  {
	margin-bottom: 20px;
}

/* 5.PART STYLE
--------------------------------------------------------- */

/*common*/
h2 {
	background-color: #eee;
	background-image: url("../img/h2-bg.png");
	background-repeat: no-repeat;
	background-position: 4px 4px;
	font-size: 16px;
	font-weight: bold;
	padding: 4px 0 4px 12px;
	margin-bottom: 20px;
}
.sectionHead {
	border-bottom: 1px solid #c00;
	padding-bottom: 6px;
	margin-bottom: 10px;
}
.sectionHead h3 {
	font-size: 14px;
	font-weight: bold;
	float: left;
}
.sectionHead dl.days {
	float: right;
}
.sectionHead dl.days dt,
.sectionHead dl.days dd {
	display: inline;
}
.sectionHead dl.days dt {
	padding-right: 4px;
}
.report,
#donationInterimReport,
#donationReport,
#happyRestaurant,
#fund-raise,
#yell,
#truck,
#kobe,
#job {
	border: 1px solid #ccc;
	border-radius: 5px;/*css3*/
	-webkit-border-radius: 5px;/*css3*/
	-moz-border-radius: 5px;/*css3*/
	padding: 9px;
	margin-bottom: 20px;
}
p.discriptionText {
	margin-bottom: 20px;
	line-height: 1.4em;
}
p.associationText {
	margin-bottom: 0px;
	line-height: 1.4em;
	text-align: right;
}
.rightText {
	line-height: 1.4em;
	text-align: right;
}

div.buttonArea {
	text-align: center;
	margin: 10px auto 20px;
}
div.buttonArea a {
	display: block;
	height: 48px;
	margin: 10px auto;
	text-indent: -9999px;
	width: 256px;
}
div.buttonArea a.interReport {
	background: url("../img/button_interimreport.png");
}
div.buttonArea a.fund-raise {
	background: url("../img/button_fund-raise.png");
}
div.buttonArea a.yell {
	background: url("../img/button_yell.png");
}
div.buttonArea a.kobe {
	background: url("../img/button_kobe.png");
}
div.buttonArea a.job {
	background: url("../img/button_job.png");
}
div.buttonArea a.interReport:hover,
div.buttonArea a.fund-raise:hover,
div.buttonArea a.yell:hover,
div.buttonArea a.kobe:hover,
div.buttonArea a.job:hover{
	background-position: 0 -48px;
}
/*report*/
.report {
}

.reportPhoto {
	float: right;
	margin-left: 1em;
}



/*donationInterimReport*/
#donationInterimReport {
}

/*donationReport*/
#donationReport {
}

dl#donationData {
	margin-bottom: 10px;
}

dl.donationData {
	margin-bottom: 20px;
}

dl#donationData dt,
dl.donationData dt {
	float: left;
	font-weight: bold;
	width: 7em;
}
dl#donationData dd,
dl.donationData dd {
	padding-left: 7em;
	margin-bottom: 5px;
}

/*fund-raise*/
#fund-raise {
}
#yell {
}

/*truck*/
#truck {
}
#truck div#truckText {
	float: left;
	line-height: 1.4em;
	width: 290px;
}
#truck img.truckPhoto {
	float: right;
	width: 330px;
}
#truck dl.marche {
}
#truck dl.marche dt {
	height: 55px;
	width: 70px;
}
#truck dl.marche dd {
	font-size: 11px;
	padding-left: 80px;
	margin-top: -55px;
}
/*truck*/

/*HAPPY RESTAURANT*/
#happyRestaurant div.chefText {
	float: left;
	line-height: 1.4em;
	width: 290px;
}
#happyRestaurant .chefMain {
	margin-bottom: 20px;
}
#happyRestaurant img.chefPhoto {
	float: right;
	width: 330px;
}
#happyRestaurant dl.chefData {
	margin-bottom: 20px;
}
#happyRestaurant dl.chefData dt {
	float: left;
	width: 6em;
}
#happyRestaurant dl.chefData dd {
	padding-left: 6em;
}
#happyRestaurant dl.chefData .small {
	font-size: 10px;
}
#happyRestaurant .bom {
	margin-top: 40px;
	text-align: right;
}
#happyRestaurant dl.sponsor {
	font-size: 10px;
	line-height: 1.4em;
}
#happyRestaurant dl.sponsor dt {
	float: left;
	width: 5em;
}
#happyRestaurant dl.sponsor dd {
	padding-left: 5em;
}


#kobe {
}
#kobe img.logo {
	float: left;
}
#kobe span.green {
	color: #68be68;
}
/*JOB*/
#job div.section {
	float: left;
	width: 460px;
}
#job dl.indexInfo dt {
	font-weight: bold;
	margin-bottom: 5px;

}
#job dl.indexInfo dd ul li {
	list-style-type: disc;
	margin-left: 18px;
}
#job dl.qr {
	border: 1px solid #ccc;
	float: right;
	padding: 10px;
	width: 140px;
}
#job dl.qr dt {
	border-bottom: 1px solid #ccc;
	font-weight: bold;
	margin-bottom: 5px;
	padding-bottom: 5px;
	text-align: center;
}
#job div.buttonArea {
	color: #999;
	font-weight: bold;
}
/*OTHER*/
#other {
}
#other ul#indexList {
	margin-bottom: 20px;
}
#other ul#indexList li {
	margin-left: 20px;
	list-style-type: disc;
	margin-bottom: 10px;
}
#other ul li {
	margin-bottom: 20px;
}
#other ul li dl dt {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 5px;
}
#other ul li dl dd.link {
	margin: 5px 0;
}



/*footer*/
#footer .guide {
	border-bottom: 2px solid #ccc;
	margin-bottom: 15px;
	padding-bottom: 10px;
	text-align: right;
}
#footer #footerTopicpath {
	clear: both;
	padding-bottom: 12px;
	margin-bottom: 25px;
	text-align: center;
	width: 950px;
}
#footer #footerTopicpath li {
	display: inline;
}
#footer address {
	clear: both;
	font-size: 93%;
	padding: 5px;
	text-align: center;
}


*:first-child+html .bom {
	margin-top:58px;
}

* html .bom {
	margin-top:60px;
}



dl.yeg {
	padding-left: 1em;
	margin-bottom: 20px;
}

dl.yeg dt,
dl.yeg dd {
	padding-bottom: 0.5em;
}

dl.yeg  dd {
	padding-left:2em;
}

dl.yeg dd ul li {
	padding-left: 1em;
	padding-top: 0.2em;
}

/* 6.FORM STYLE
--------------------------------------------------------- */


/* 7.TABLE STYLE
--------------------------------------------------------- */


/* 8.HIDDEN STYLE
--------------------------------------------------------- */