@charset "utf-8";

/* ****************************************************
Title: volunary.css
Created: 2009-08-28
Last Modified: 2009-08-28
Editor(s): tsutsu
Last Editor: tsutsu
***************************************************** */


/* Table Of Contents
----------------------------------------

#01 General Elements
#03 layout
#04 header
#05 gNavi
#06 pageBody
#07 content
#09 footer
#10 clearfix
#11 common classes

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


/* #01 General Elements
---------------------------------------------------------------------------- */

h2 {
	margin: 0 0 15px 0;
}


/* #03 layout
---------------------------------------------------------------------------- */


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


/* #05 gNavi
---------------------------------------------------------------------------- */


/* #06 pageBody
---------------------------------------------------------------------------- */


/* #07 content
---------------------------------------------------------------------------- */
div#content p {
	line-height: 1.7;
}

div#content div.section {
	margin: 0 0 5px;
	padding: 0 5px;
}

div#content div.section h2 {
	margin: 0 -5px 15px;
}

div#content ul#tabNavi {
	margin: 0 0 20px 0;
	border-bottom: 3px solid #229b20;
}

div#content ul#tabNavi li {
	float: left;
	margin-right: 5px;
}

div#content ul#tabNavi li a {
	display: block;
	height: 28px;
	text-indent: -9999px;
	overflow: hidden;
}

div#content ul#tabNavi li#tabNaviFeature,
div#content ul#tabNavi li#tabNaviFeature a {
	background: url(../../voluntary/images/img_tab_feature.gif) no-repeat left top;	
	width: 89px;
}

div#content ul#tabNavi li#tabNaviContact,
div#content ul#tabNavi li#tabNaviContact a {
	background: url(../../voluntary/images/img_tab_contact.gif) no-repeat left top;
	width: 213px;
}

div#content ul#tabNavi li#tabNaviFeature.ui-tabs-selected a,
div#content ul#tabNavi li#tabNaviFeature a:hover {
	background: url(../../voluntary/images/img_tab_feature_o.gif) no-repeat left top;	
}

div#content ul#tabNavi li#tabNaviContact.ui-tabs-selected a,
div#content ul#tabNavi li#tabNaviContact a:hover {
	background: url(../../voluntary/images/img_tab_contact_o.gif) no-repeat left top;	
}

div#content div.ui-tabs-hide {
	display: none !important;
}

div#content p.loading {
	padding: 50px 0;
	text-align: center;
}

div#content div.tabContent {
	margin-bottom: 30px;
}

div#content dl.merit {
	background: url(../../voluntary/images/bg_voluntary_area01.gif) no-repeat left bottom;
	margin: 0 0 15px;
	padding: 10px 12px 12px;
}

div#content dl.merit dt {
	display: block;
	margin: -10px -12px 10px;
}

div#content ul.voiceList {
	overflow: hidden;
	margin: -16px 0 0;
}

* html div#content ul.voiceList {
	height: 1%;
}

div#content ul.voiceList li {
	background: url(../../voluntary/images/bg_dot.gif) repeat-x left top;
	margin: -1px 0 15px;
	padding-top: 16px;
	zoom: 1;
}

div#content ul.voiceList li p.thumb {
	float: left;
}

div#content ul.voiceList li dl.voice dt,
div#content ul.voiceList li dl.voice dd {
	margin-left: 105px;
}

* html div#content ul.voiceList li dl.voice dt,
* html div#content ul.voiceList li dl.voice dd {
	margin-left: 102px;
}

div#content ul.voiceList li dl.voice dt {
	font-size: 114.2%;
	font-weight: bold;
	margin-bottom: 8px;
}

div#content ul.voiceList li dl.voice dt span.title {
	color: #027500;
}

div#content ul.voiceList li dl.voice dd.belonging {
	background: url(../../voluntary/images/bg_voluntary_area02_bottom.gif) no-repeat left bottom;
}

* html div#content ul.voiceList li dl.voice dd.belonging {
	height: 1%;
}

div#content ul.voiceList li dl.voice dd.belonging span {
	background: url(../../voluntary/images/bg_voluntary_area02_top.gif) no-repeat left top;
	display: block;
	font-size: 85.7%;
	font-weight: bold;
	line-height: 1;
	padding: 5px 10px;
}

div#content ul.voiceList li dl.voice dd.text {
	clear: both;
	margin-left: 0;
}

div#content ul.voiceList li dl.voice dd.text p.info {
	font-size: 85.7%;
	margin: 0;
}

div#content ul.voiceList li dl.voice dd.text p.floatRight {
	margin: 0 0 10px 10px;
}

div#content dl.eventList {
	margin: 0 0 15px;
}

div#content dl.eventList dt {
	font-weight: bold;
}

div#content dl.eventList dd {
}

div#content dl.eventList dd dl dt {
	display: block;
	margin: 5px 0 0;
}

div#content p.banner {
	margin: 20px 0 15px;
}

div#content .sh_border {
	background: url(../../voluntary/images/bg_dot.gif) repeat-x left bottom;
	margin: 0 0 14px;
	padding: 0 0 6px;
}

div#content ul.movieList {
	overflow: hidden;
	margin: -16px 0 0;
}

* html div#content ul.movieList {
	height: 1%;
}

div#content ul.movieList li {
	border-top: 1px solid #e0e0e0;
	margin: -1px 0 15px;
	padding-top: 16px;
}

div#content ul.movieList li p.thumb {
	float: left;
	margin: 0;
	padding-right: 12px;
}

* html div#content ul.movieList li p.thumb {
	padding-right: 9px;
}

div#content ul.movieList li .textBody {
	overflow: hidden;
	zoom: 1;
}

div#content ul.movieList li dl.textBody dt {
	background: url(../../voluntary/images/bg_voluntary_area03_bottom.gif) no-repeat left bottom;
	display: block;
	line-height: 1;
	margin: 0 0 10px;
}

* html div#content ul.movieList li dl.textBody dt {
	height: 1%;
}

div#content ul.movieList li dl.textBody dt span {
	background: url(../../voluntary/images/bg_voluntary_area03_top.gif) no-repeat left top;
	display: block;
	font-weight: bold;
	padding: 8px 10px;
}


/* #07 sidebar
---------------------------------------------------------------------------- */


/* #09 footer
---------------------------------------------------------------------------- */


/* #10 clearfix
---------------------------------------------------------------------------- */

div#content div.section:after,
div#content ul#tabNavi:after,
div#content ul.movieList li:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

div#content div.section,
div#content ul#tabNavi,
div#content ul.movieList li {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html div#content div.section,
* html div#content ul#tabNavi,
* html div#content ul.movieList li {
	height: 1%;
}
div#content div.section,
div#content ul#tabNavi,
div#content ul.movieList li {
	display: block;
}
/* End hide from IE-mac */


/* #11 common classes
---------------------------------------------------------------------------- */

ol.normalList {
	margin: 0 0 15px 0;
}

ol.normalList li {
	margin: 0 0 0 1.5em;
	list-style: decimal;
}

* html ol.normalList li {
	margin-left: 1.8em;
}

*:first-child+html ol.normalList li {
	margin-left: 1.8em;
}