/*
Theme Name: SPDC-WP-Andreas01
Theme URI: http://www.npo-spdc.org/
Description: Based on the WP-Andreas01 <a href="http://andreasviklund.com/templates/">free website template</a>. More themes and add-ons are available from the author's website.
Version: 1.0
Author: Eiji Tsuchiya
Author URI: http://www.290.jp
*/

@import url("css/other.css");

/* @group Base */

* {
	margin: 0;
	padding: 0;
}

body {
	background: #f4f4f4 url(img/bg2.gif) repeat center;
	color: #000;
	font: 12px "Lucida Grande", Arial, sans-serif;
}

#wrap {
	color: #303030;
	margin: 0 auto;
	width: 760px;
	padding: 0 10px;
	border-right: 2px solid #ccc;
	border-left: 2px solid #ccc;
	background: #fff url(img/bg-wrapper.gif) repeat-y left top;
}

p {
	margin: 0 0 10px;
}

blockquote {
	border-left: 4px solid #e0e0e0;
	margin: 20px;
	padding: 8px 8px 8px 15px;
}

blockquote p {
	background-color: inherit;
	color: #505050;
	font-size: 0.9em;
	line-height: 1.3em;
}

label {
	background-color: inherit;
	color: #606060;
	font-size: 12px;
	font-weight: bold;
}

hr {
	clear: both;
	visibility: hidden;
	margin: 0;
	padding: 0;
}

/* @end */

/* @group Link Color */

a {
	background-color: inherit;
	color: #143e7e;
	text-decoration: none;
}

a:visited {
	background-color: inherit;
	color: #143e7e;
	text-decoration: none;
}

a:hover {
	background-color: inherit;
	color: #f8721d;
	text-decoration: underline;
}

/* @end */

/* @group Header */

#header {
	background: #ccc url(rotator/rotate.php) left top;
}

#header {
	height: 200px;
	margin: 0;
	border-bottom: 2px solid #ccc;
	border-top: 2px solid #999;
	border-right: 2px solid #ccc;
	border-left: 2px solid #999;
}

#header h1 a {
	display: block;
	width: 400px;
	height: 60px;
	margin: 0;
	background: transparent url(img/spdc-title2.png) no-repeat left top !important;
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.npo-spdc.org/wp-content/themes/spdc/img/spdc-title2.png", sizingMethod="image");
}

#header h1 em {
	visibility: hidden;
}

h1 a:hover {
	text-decoration: none;
}

#header p {
	background-color: #e6e6e6;
	color: #4c4c4c;
	font-size: 12px;
	font-weight: bold;
	text-align: right;
	float: left;
	padding-left: 10px;
	margin-left: 10px;
	padding-right: 10px;
}

/* @end */

/* @group Head menu */

#index-headmenu {
	padding: 5px 0 0;
	background: white;
	margin-bottom: 0;
}

.ihm-members em, .ihm-contact em{
	visibility: hidden;
}

.ihm-members {
	font-size: 12px;
}

.ihm-members a {
	width: 100px;
	height: 26px;
	display: block;
	background: url(img/members.png) no-repeat 0 0;
	text-decoration: none;
	float: left;
}

.ihm-members a:hover {
	background: url(img/members.png) no-repeat -100px 0;
	text-decoration: none;
}


.ihm-contact {
	font-size: 12px;
}

.ihm-contact a {
	width: 100px;
	height: 26px;
	display: block;
	background: url(img/contact.png) no-repeat 0 0;
	text-decoration: none;
	float: left;
}

.ihm-contact a:hover {
	background: url(img/contact.png) no-repeat -100px 0;
	text-decoration: none;
}

.breadcrumbnavi {
	height: 26px;
	font-size: 12px;
	display: block;
	margin: 0 0 0 5px;
	text-align: right;
	padding: 5px 10px 0;
	width: 2px;
}

/* @end */

/* @group leftside */

#leftside {
	clear: left;
	float: left;
	line-height: 1.4em;
	margin: 0px 0 5px;
	padding: 0;
	width: 140px;
}

/* Main menu */

ul.page {
	list-style: none;
	margin: 0 0 20px;
	width: 140px;
	float: left;
}

ul.page li {
	line-height: 1.4em;
	width: 140px;
	float: left;
}

ul.page li em {
	visibility: hidden;
}

ul.page li.page_item a,
ul.page li.page_item1 a,
ul.page li.page_item2 a,
ul.page li.page_item3 a,
ul.page li.page_item4 a,
ul.page li.page_item5 a,
ul.page li.page_item6 a,
ul.page li.page_item7 a,
ul.page li.page_item8 a {
	display: block;
	width: 122px;
	height: 25px;
	font-size: 14px;
	color: #444;
	font-weight: bold;
	text-decoration: none;
	padding: 10px 0px 5px 20px;
}

ul.page li.page_item a {
	background: #eaeaea url(img/indexmenu-bg_default.png) 0 0;
}

ul.page li.page_item1 a {
	background: #eaeaea url(img/indexmenu-bg.png) 0 0;
}

ul.page li.page_item2 a {
	background: #eaeaea url(img/indexmenu-bg.png) 0 -40px;
}


ul.page li.page_item6 a {
	background: #eaeaea url(img/indexmenu-bg.png) 0 -80px;
}

ul.page li.page_item7 a {
	background: #eaeaea url(img/indexmenu-bg.png) 0 -120px;
}

ul.page li.page_item8 a {
	background: #eaeaea url(img/indexmenu-bg.png) 0 -160px;
}

ul.page li.page_item3 a {
	background: #eaeaea url(img/indexmenu-bg.png) 0 -200px;
}

ul.page li.page_item4 a {
	background: #eaeaea url(img/indexmenu-bg.png) 0 -240px;
}


ul.page li.page_item5 a {
	background: #eaeaea url(img/indexmenu-bg.png) 0 -280px;
}


ul.page li.page_item a:hover {
	background: #eaeaea url(img/indexmenu-bg_default.png) 284px 0;
}

ul.page li.page_item1 a:hover {
	background: #eaeaea url(img/indexmenu-bg.png) 284px 0;
}

ul.page li.page_item2 a:hover {
	background: #eaeaea url(img/indexmenu-bg.png) 284px -40px;
}

ul.page li.page_item6 a:hover {
	background: #eaeaea url(img/indexmenu-bg.png) 284px -80px;
}

ul.page li.page_item7 a:hover {
	background: #eaeaea url(img/indexmenu-bg.png) 284px -120px;
}

ul.page li.page_item8 a:hover {
	background: #eaeaea url(img/indexmenu-bg.png) 284px -160px;
}

ul.page li.page_item3 a:hover {
	background: #eaeaea url(img/indexmenu-bg.png) 284px -200px;
}

ul.page li.page_item4 a:hover {
	background: #eaeaea url(img/indexmenu-bg.png) 284px -240px;
}

ul.page li.page_item5 a:hover {
	background: #eaeaea url(img/indexmenu-bg.png) 284px -280px;
}



ul.page li.current_page_item a {
	background: #eaeaea url(img/indexmenu-bg_default.png) 142px 0;
}

ul.page li.page_item1_current1 a {
	display: block;
	width: 122px;
	height: 25px;
	padding: 10px 0px 5px 20px;
	background: #eaeaea url(img/indexmenu-bg.png) 142px 0;
}

ul.page li.page_item2_current2 a {
	display: block;
	width: 122px;
	height: 25px;
	text-decoration: none;
	padding: 10px 0px 5px 20px;
	background: #eaeaea url(img/indexmenu-bg.png) 142px -40px;
}

ul.page li.page_item6_current6 a {
	display: block;
	width: 122px;
	height: 25px;
	padding: 10px 0px 5px 20px;
	background: #eaeaea url(img/indexmenu-bg.png) 142px -80px;
}

ul.page li.page_item7_current7 a {
	display: block;
	width: 122px;
	height: 25px;
	padding: 10px 0px 5px 20px;
	background: #eaeaea url(img/indexmenu-bg.png) 142px -120px;
}

ul.page li.page_item8_current8 a {
	display: block;
	width: 122px;
	height: 25px;
	padding: 10px 0px 5px 20px;
	background: #eaeaea url(img/indexmenu-bg.png) 142px -160px;
}

ul.page li.page_item3_current3 a {
	display: block;
	width: 122px;
	height: 25px;
	padding: 10px 0px 5px 20px;
	background: #eaeaea url(img/indexmenu-bg.png) 142px -200px;
}

ul.page li.page_item4_current4 a {
	display: block;
	width: 122px;
	height: 25px;
	text-decoration: none;
	padding: 10px 0px 5px 20px;
	background: #eaeaea url(img/indexmenu-bg.png) 142px -240px;
}

ul.page li.page_item5_current5 a {
	display: block;
	width: 122px;
	height: 25px;
	text-decoration: none;
	padding: 10px 0px 5px 20px;
	background: #eaeaea url(img/indexmenu-bg.png) 142px -280px;
}


/* @end */

/* @group extras */

#extras {
	float: right;
	line-height: 1.4em;
	margin: 0 0 5px 5px;
	width: 150px;
	padding: 0 0 0 10px;
}

#extras ul {
	margin: 0 0 10px 5px;
}

#extras ul li {
	line-height: 1.2em;
	list-style: none;
	margin: 0 0 6px;
	font-size: 12px;
}

#extras ul ul {
	margin: 3px 0 0 5px;
}

#extras ul ul li {
	margin: 0 0 4px;
	font-size: 10px;
}

#extras ul ul li a {
	font-weight: normal;
}

#extras ul.linklist {
	font-size: 12px;
}

#extras ul.linklist ul {
	margin: 0 0 20px;
}

#extras h2, #extras ul.linklist li h2, #extras h3 {
	background-color: inherit;
	color: #444;
	font-size: 1.3em;
	font-weight: normal;
	text-align: left;
	margin: 0 0 6px;
}

#extras label {
	display: none;
}

.extras-calendar {
	margin: 5px 0 10px;
	padding-top: 30px;
	border: 1px solid #ccc;
	background: #f8f8f8 url(img/event-cal-bg.png) no-repeat left top;
}

.extras-event {
	padding-top: 30px;
	border: 1px solid #ccc;
	margin: 5px 0 10px;
	background: #f8f8f8 url(img/event-list-bg.png) no-repeat left top;
}

.extras-categories {
	margin: 5px 0 10px;
	padding-top: 15px;
	border: 1px solid #ccc;
}

/* @end */

/* @group extras2 */

#extras2 {
	border-bottom: 1px solid #e0e0e0;
	border-left: 1px solid #e0e0e0;
	line-height: 1.3em;
	margin: 2px 2px 8px -40px;
	width: 195px;
	padding: 0;
	float: right;
}

#extras2 ul.submenu2 {
	line-height: 1.4em;
	list-style: none;
	margin: 0;
	font-size: 12px;
}

#extras2 ul.submenu2 li {
	display: inline;
	line-height: 1.4em;
	width: 133px;
	padding: 0;
}

#extras2 ul.submenu2 li a {
	background: #eaeaea url(img/submenu-bg.png) 0 center;
	/*border-left: 4px solid #cccccc;*/
	color: #444;
	float: left;
	/*margin-bottom: 5px;*/
	padding: 4px 0px 2px 16px;
	text-decoration: none;
	width: 133px;
	letter-spacing: -1px;
	display: block;
	height: 20px;
	border-right: 1px solid #ccc;
}

#extras2 ul.submenu2 li a:hover {
	color: #fff;
	background: #eaeaea url(img/submenu-bg.png) 390px center;
}

#extras2 ul.submenu2 li.current_page_item a {
	color: #fff;
	background: #eaeaea url(img/submenu-bg.png) 195px center;
}

/* @end */

/* @group Subpages menu */

#subpages {
	float: right;
	line-height: 1.3em;
	margin: 55px 0 0 5px;
	width: 195px;
	padding: 0 0 5px 5px;
}

#subpages h2 {
	font-size: 1.2em;
	font-weight: bold;
	letter-spacing: -1px;
	line-height: 1.3em;
	margin: 0 0 12px;
}

#subpages ul.submenu {
	line-height: 1.4em;
	list-style: none;
	margin: 0;
	font-size: 12px;
}

#subpages ul.submenu li {
	display: inline;
	line-height: 1.4em;
	width: 180px;
	padding: 0;
}

#subpages ul.submenu li a {
	background: #eaeaea url(img/submenu-bg.png) 0 center;
	float: left;
	/*margin-bottom: 5px;*/
	padding: 4px 0px 2px 16px;
	text-decoration: none;
	width: 179px;
	letter-spacing: -1px;
	display: block;
	height: 20px;
	color: #444;
}

#subpages ul.submenu li a:hover {
	color: #fff;
	background: #eaeaea url(img/submenu-bg.png) 390px center;
}

#subpages ul.submenu li.current_page_item a {
	color: #fff;
	background: #eaeaea url(img/submenu-bg.png) 195px center;
}

/* @end */

/* @group Content */

#content {
	line-height: 150%;
	margin: 5px 170px 5px 160px;
	padding: 0;
}

div>#content {
	line-height: 150%;
	margin: 5px 165px 5px 155px;
	padding: 0;
}

#content2 {
	line-height: 150%;
	margin: 5px 205px 5px 155px;
	padding: 0;
}

#contentwide {
	line-height: 150%;
	margin: 5px 0 5px 150px;
}

div>#contentwide {
	line-height: 150%;
	margin: 5px 10px 5px 155px;
}

#contentwide p {
	padding-right: 30px;
	padding-left: 10px;
}

#content h2,#content2 h2,#contentwide h2 {
	font-size: 16px;
	margin: 0 0 10px;
	/*border-bottom: 1px solid #e6e6e6;*/
	color: #444;
	padding: 5px 1px 5px 5px;
	background: transparent url(img/title-bg.png) no-repeat left center;
}

#content h2.archive-title {
	font-size: 14px;
	margin: 0 0 10px;
	color: #444;
	padding: 0 10px 0 0;
	background: transparent 0;
	text-align: right;
	border-bottom: 1px solid gray;
	border-left-style: none;
	font-weight: bold;
}

#content h3,#content2 h3,#contentwide h3 {
	font-size: 14px;
	margin: 5px 0 8px 10px;
	border-left: 4px solid #666;
	padding-left: 3px;
	padding-top: 3px;
	padding-bottom: 3px;
}

#content h4,#content2 h4,#contentwide h4 {
	font-size: 12px;
	margin: 0 0 5px 10px;
	border-left: 4px solid #999;
	padding-left: 3px;
}

#content h3.archive-post-title {
	font-size: 14px;
	margin: 0 0 8px;
	border-left: 4px solid #BBB;
	background: transparent url(img/title-bg.png) no-repeat left center;
	padding: 2px 0 2px 5px;
}

.post {
	margin: 0 0 20px;
	padding: 1px 1px 5px;
	border: 1px solid #e6e6e6;
	/*min-height: 280px;*/
}

div>.post {
	margin: 0 0 20px;
	padding:0px;
	border: 1px solid #e6e6e6;
	/*min-height: 280px;*/
}

.post p {
	padding-right: 10px;
	padding-left: 0px;
}

div>.post p {
	padding-right: 10px;
	padding-left: 10px;
}

.post ul {
	padding: 0;
	margin: 0 10px 10px 20px;
	list-style-type: none;
	list-style-image: none;
}

.post ol {
	padding: 0;
	margin: 0 10px 10px 40px;
	list-style-position: outside;
}

.post ol.footnotes {
	color: #666;
	border-top: 1px dotted #666;
	list-style-position: inside !important;
	margin-left: 20px !important;
}

.post ul li {
	padding: 0 0 0 12px;
	margin: 0;
	background: url(icon/style12.gif) no-repeat 0 5px;
}

.post ol li {
	margin: 0;
	padding: 0;
}

.post ul ul {
	margin: 0;
	padding-left: 15px;
}

.post ul ul li {
	margin: 0;
	padding: 0 0 0 10px;
	background: none;
	background: url(icon/style13.gif) no-repeat left;
}

.post ol ol {
	margin: 0;
}

.kiyaku {
	width: 500px;
	height: 300px;
	padding: 5px 10px;
	margin-bottom: 10px;
	overflow: auto;
	border: 1px solid #808080;
	margin-left: auto;
	margin-right: auto;
}

.postinfo {
	color: #606060;
	font-size: 10px;
	/*font-weight: bold;*/
	line-height: 100%;
	margin: 0 0 5px;
	padding: 8px 10px 0 0;
	text-align: right;
}

.comment {
	background-color: #f4f4f4;
	border-left: 4px solid #cccccc;
	color: #606060;
	margin: 0 0 10px;
	padding: 8px 5px 0 8px;
}

.comment p.commenthead {
	line-height: 1.6em;
}

.comment p {
	font-size: 0.9em;
	line-height: 1.3em;
	margin: 0 0 6px;
	padding-bottom: 5px;
}

.navigation {
	text-align: center;
	padding: 5px 0;
	border-top: 1px solid #eae0d1;
	margin: 10px 0;
}

.navigation p {
	margin: 0;
	padding: 0;
}

.navialignright {
	background: url(icon/arrow-right.gif) no-repeat right center;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
}
	
.navialignleft {
	background: url(icon/arrow-left.gif) no-repeat left center;
	padding: 5px 0 5px 15px;
}

.prevlink {
	margin-right: 20px;
}

.nextlink {
	margin-left: 20px;
}

/* Forms */

#s,#submit {
	background-color: #fffffc;
	border: 1px solid #cccccc;
	color: #505050;
	font-size: 0.9em;
	margin: 5px 0 16px 3px;
	padding: 4px;
	width: 130px;
}

#author,#email,#url,#comment,#post_password {
	border: 1px solid #cccccc;
	font-family: Arial,Sans-Serif;
	font-size: 1em;
	margin: 0;
	padding: 4px;
}

#post_password {
	width: 250px;
}

#commentsection {
	margin: 25px 0 0;
}

#comment {
	width: 400px;
}

#commentsection p {
	margin: 0 0 6px;
	padding-left: 10px;
}

/* @end */

/* @group Footer */

#footer {
	background: #fff;
	/*border-top: 2px solid #e0e0e0;*/
	clear: both;
	font-weight: normal;
	line-height: 1.4em;
	margin: 0 auto;
	padding: 0 0 10px;
	width: 760px;
	font-size: 10px;
	color: #4c4c4c;
	border-top: 4px solid #ccc;
}

#footer div {
	margin: 0;
	padding: 5px 10px;
}

#footer a {
	background-color: inherit;
	color: #4c4c4c;
	font-weight: normal;
	text-decoration: none;
}

#footer a:hover {
	background-color: inherit;
	color: #505050;
	text-decoration: underline;
}

#footer strong a {
	font-weight: bold;
}

/* @end */

/* @group Images */

a img {
	border: 0;
}

/* @end */

/* @group Float fix */

.contenttext {
	padding: 0px;
	overflow:hidden;
}



* html .contenttext {
	height:1px;
	overflow:visible;
}

* html .contenttext p {
	
	overflow:hidden;
	width:97%;
}


/* @end */

/* @group Various classes */

.left {
	float: left;
	margin: 0px 5px 5px 0;
	padding: 0px;
}

.right {
	float: right;
	margin: 0px 0 5px 5px;
	padding: 0px;
}

.center {
	border: 1px solid #aaaaaa;
	margin: 5px auto 12px;
	text-align: center;
}

.textright {
	text-align: right;
}

.small {
	font-size: 10px;
}

.bold {
	font-weight: bold;
}

.hide {
	display: none;
}

table#wp-calendar caption {
	background-color: inherit;
	color: #505050;
	font-size: 1.3em;
	font-weight: normal;
	text-align: left;
	margin: 0 0 6px;
}

table#wp-calendar {
	margin: 0 0 20px;
	width: 140px;
}

/* @end */