@charset "UTF-8";

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

	===== TOC =====
	
	* header
	* travel
	* content
	* mainContent
	* subContent
	* npoSupport

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


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

div.header h1 {
	margin: 0;
}

/* charity
----------------------------------------------- */

div.charity {
	margin: 5px 0;
}

/* travel
----------------------------------------------- */

ul#travelMenu {
	margin: 0;
}

ul#travelMenu li {
	float: left;
	margin: 0;
	padding-right: 4px;
	list-style: none;
}

ul#travelMenu li.last {
	padding-right: 0;
}


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

div.content {
	clear: both;
}


/* mainContent
----------------------------------------------- */

div.content div.mainContent {
	float: left;
	width: 516px;
	padding-bottom: 20px;
}

div.content div.mainContent div#news {
	float: left;
	width: 252px;
	height: 287px;
	background: transparent url(../img/home/news-bg.jpg) top left no-repeat;
}

div.content div.mainContent div#news h2 {
	margin: 0 10px;
	padding: 15px 0 10px 30px;
	border-bottom: 1px solid #FFFFFF;
	font-size: 100%;
}

div.content div.mainContent div#news dl {
	margin: 1em;
}

div.content div.mainContent div#news dl dt,
div.content div.mainContent div#news dl dd {
	font-size: 100%;
}

div.content div.mainContent div#news dl dt {
	padding-left: 20px;
	background: transparent url(../img/home/cross.gif) center left no-repeat;
}

div.content div.mainContent div#news dl dd {
	margin: 0 0 20px 1em;
	padding-bottom: 5px;
	border-bottom: 1px solid #FFFFFF;
}

div.content div.mainContent div#diary {
	float: right;
	width: 259px;
	height: 285px;
	background: transparent url(../img/home/diary-bg.jpg) top left no-repeat;
}

div.content div.mainContent div#diary h2 {
	margin: 0 10px 10px 10px;
	padding: 15px 0 10px 50px;
	border-bottom: 1px solid #000000;
	font-size: 100%;
}

div.content div.mainContent div#diary div.article {
	margin: 0 10px 10px 10px;
}

div.content div.mainContent div#diary div.article div.photoSection {
	float: left;
	width: 80px;
}

div.content div.mainContent div#diary div.article div.textSection {
	float: right;
	width: 150px;
}

div.content div.mainContent div#diary div.article div.textSection p,
div.content div.mainContent div#diary div.article div.textSection h3 {
	margin: 0;
}

div.content div.mainContent div#diary div.article div.textSection p {
	font-size: 93%;
}

div.content div.mainContent div#diary div.article div.textSection h3 {
	border-bottom: 1px solid #000000;
}


/* subContent
----------------------------------------------- */

div.content div#package,
div.content div#banner {
	float: right;
	width: 259px;
	height: 285px;
	padding-bottom: 20px;
	background: transparent url(../img/home/package-bg.jpg) top left no-repeat;	
}

div.content div#package h2,
div.content div#banner h2 {
	margin: 0 10px 10px 10px;
	padding: 15px 0 10px 50px;
	border-bottom: 1px solid #96AD17;
	font-size: 100%;
}

div.content div#package div.article,
div.content div#banner div.article {
	margin: 0 10px 10px 10px;
}

div.content div#package div.article div.photoSection,
div.content div#banner div.article div.photoSection {
	float: left;
	width: 80px;
}

div.content div#package div.article div.textSection,
div.content div#banner div.article div.textSection {
	float: right;
	width: 150px;
}

div.content div#package div.textSection p,
div.content div#package div.textSection h3,
div.content div#banner div.textSection p,
div.content div#banner div.textSection h3 {
	margin: 0;
}

div.content div#package div.textSection p,
div.content div#banner div.textSection p {
	font-size: 93%;
}

div.content div#package div.textSection h3,
div.content div#banner div.textSection h3 {
	border-bottom: 1px solid #CDD78B;
}

/* npoSupport
----------------------------------------------- */

div.content div.npoSupport {
	clear: both;
	width: 780px;
	height: 133px;
	padding-bottom: 10px;
	background: transparent url(../img/home/npo-bg.jpg) top left no-repeat;
}

div.content div.npoSupport h4 {
	padding: 5px 0 0 20px;
}

div.content div.npoSupport ul {
	margin: 0;
	padding-left: 12px;
}

div.content div.npoSupport ul li {
	float: left;
	width: 128px;
	margin: 0;
	padding-top: 25px;
	list-style: none;
}

div.content div.npoSupport ul li.website {
	width: 110px;
}

div.content div.npoSupport ul li img {
	float: left;
}