@charset "utf-8";
/*
Theme Name: Hajime-ippo's Theme
Theme URI: http://wwww.hajime-ippo.org/
Description: NPO法人「はじめの一歩」 Webサイトのテーマ
Version: 1.0
Author: y-takei
Author URI: http://www.y-takei.com/
Tags: blue, custom header, fixed width, two columns, widgets
*/

/* -------------------------------------------------
	全般
------------------------------------------------- */
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: #f0f0f0 url("images/bg_body.gif");
	text-align: center;
	margin: 0;
	padding: 0 0 20px;
}


h1, h2, h3, h4 {
	margin: 0px;
	padding: 0px;
}


img {
	border: none;
}


/* -------------------------------------------------
	header
------------------------------------------------- */
#header {
	width: 900px;
	margin: 0 auto;
	text-align: left;
	line-height: 140%;
	padding: 5px 0 0;
	color: #666666;
}
#header h1 {
	font-size: small;
	_font-size: x-small;
}


/* -------------------------------------------------
	container
------------------------------------------------- */
#container {
	width: 900px;
	margin: 0 auto;
	text-align: left;
	line-height: 140%;
	padding: 0;
	background-color: #ffffff;
}


/* -------------------------------------------------
	sidebar
------------------------------------------------- */
#sidebar {
	float: left;
	width: 200px;
	_width: 280px;
	padding: 30px 40px 30px 40px;
	font-size: small;
	_font-size: x-small;
	overflow: hidden;
	margin: 0;
}

#sidebar ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

#logo {
	margin: 0 auto 30px;
	padding: 0;
	height: 110px;
	text-align: center;
}

ul#menu {
	background: #ffffff url("images/dot-line.gif") repeat-x 50% top;
	margin: 0 0 30px;
	padding: 0;
}
ul#menu li {
	background: url("images/dot-line.gif") repeat-x 50% bottom;
	text-align: center;
	display: block;
	padding-top: 1px;
	width: 200px;
	height: 50px;
}
ul#menu li span#current-menu {
	background: url("images/arrow_menu.gif") no-repeat left center;
	display: block;
	width: 200px;
	height: 48px;
}
ul#menu li a {
  display: block;
  width: 200px;
  height: 48px;
}
ul#menu li a#m_home  { background: url("images/menu_home_o.gif") no-repeat center top }
ul#menu li a#m_about  { background: url("images/menu_about_o.gif") no-repeat center top }
ul#menu li a#m_news  { background: url("images/menu_news_o.gif") no-repeat center top }
ul#menu li a#m_report  { background: url("images/menu_report_o.gif") no-repeat center top }
ul#menu li a#m_gallery  { background: url("images/menu_gallery_o.gif") no-repeat center top }
ul#menu li a#m_illustrator  { background: url("images/menu_illustrator_o.gif") no-repeat center top }
ul#menu li a#m_support  { background: url("images/menu_support_o.gif") no-repeat center top }
ul#menu li a#m_link  { background: url("images/menu_link_o.gif") no-repeat center top }
ul#menu li a#m_contact  { background: url("images/menu_contact_o.gif") no-repeat center top }

ul#menu li a:hover {
	background-color: transparent;
	_text-indent: -9999px;
}
ul#menu li a:hover img {
  visibility: hidden;
}


.side-block {
	background: url("images/dot-line.gif") repeat-x 50% bottom;
	margin: 0 0 30px;
	padding: 0 0 5px;
}
.side-cap {
	background: url("images/dot-line.gif") repeat-x 50% bottom;
	display: block;
	margin: 0;
	padding: 0 0 1px;
	height: 20px;
}


#searchform {
	margin: 2px 0;
	padding: 0;
}
#searchform label {
	color: #999999;
}
#searchform .srch-txt {
	width: 120px;
}
#searchform .se4_btn {
	color: #444444;
}


#QR {
	color: #999999;
	text-align: center;
	margin: 0;
	padding: 10px 0 0;
}
#QR p {
	line-height: 100%;
	margin: 0;
	padding: 0;
}

.side-banner {
	color: #999999;
	margin: 0;
	padding: 10px 0 0;
}
.side-banner p {
	line-height: 140%;
	margin: 0;
	padding: 0;
}
.side-banner p a {
	color: #999999;
}


#feeds p {
	background: url("images/feeds.gif") no-repeat left center;
	margin: 0 0 50px 0;
	padding: 0 0 0 20px;
}
#feeds p a {
	color: #777777;
}


/* -------------------------------------------------
	main
------------------------------------------------- */
#main {
	float: right;
	width: 580px;
	_width: 619px;
	margin: 0;
	padding: 30px 39px 30px 0;
}


#flash {
	margin: 0 0 30px;
	padding: 0;
}


.sub-cap {
	display: block;
	height: 20px;
	margin: 0;
	padding: 0 0 2px;
	border-bottom: #a66e6e 2px solid;
}


.topics {
	margin: 15px 0 40px;
	padding: 0;
}
.event {
	margin: 0 0 10px;
	padding: 0;
}
.event table {
	width: 380px;
	border-top: 1px #a66e6e dotted;
	height: 280px;
	font-size: small;
	_font-size: x-small;
	_line-height: 180%;
	color: #666666;
}
.event table a {
	color: #888888;
}
.event table a:hover {
	color: #a66e6e;
}
.event table tr {
	vertical-align: top;
}
.event table td {
	padding: 5px;
	border-bottom: 1px #a66e6e dotted;
}
.event table td.event-title {
	font-size: 120%;
	letter-spacing: 0.1em;
	vertical-align: middle;
	text-align: center;
}
.event table td.cap {
	letter-spacing: 0.2em;
	font-weight: bold;
	font-size: 90%;
	color: #888888;
}
.topics .event_more {
	text-align: right;
	margin: 0 0 15px;
	line-height: 100%;
	font-size: small;
	_font-size: x-small;
}
.topics .event_more a {
	background: #ffffff url("images/arrow_continue.gif") no-repeat left center;
	padding-left: 20px;
	padding-right: 5px;
	color: #666666;
}
.topics .event_more a:hover {
	color: #8d3a3a;
}


table.top-banner {
	clear: both;
	width: 580px;
	margin: 0 0 30px;
	padding: 0;
}
table.top-banner td.left {
	text-align: left;
}
table.top-banner td.center {
	text-align: center;
}
table.top-banner td.right {
	text-align: right;
}


ul#what_new {
	list-style-type: none;
	padding: 0;
	margin: 0 0 60px;
	font-size: small;
	_font-size: x-small;
}
ul#what_new a {
	text-decoration: none;
}
ul#what_new a:link {
	color: #666666;
}
ul#what_new a:visited {
	color: #888888;
}
ul#what_new a:hover, a:active {
	color: #8d3a3a;
}

ul#what_new li  { background: url("images/dot-line.gif") repeat-x 50% bottom; display: block; padding: 0.6em 0 1px }
ul#what_new li a span.entry-date {
	margin-right: 1em;
}
ul#what_new li a:link span.entry-date {
	color: #999999;
}
ul#what_new li a:visited span.entry-date {
	color: #999999;
}
ul#what_new li a:hover span.entry-date {
	color: #8d3a3a;
}


#topic-path {
	width: 580px;
	text-align: right;
	margin: 0 0 30px;
	padding: 0;
	font-size: small;
	_font-size: x-small;
	color: #999999;
	line-height: 100%;
}
#topic-path a {
	color: #666666;
}
#topic-path a:hover {
	color: #8d3a3a;
}


h2.image-cap {
	line-height: 100%;
	height: 45px;
	margin: 0 0 30px;
	padding: 5px 0 0 18px;
	border-left: #a66e6e 4px solid;
}

h3.page-h3 {
	line-height: 1.2em;
	letter-spacing: 0.2em;
	margin: 30px 0 15px;
	padding: 0 0 2px;
	border-bottom: #a66e6e 2px solid;
}

h3.cate-h3 {
	line-height: 1.2em;
	letter-spacing: 0.1em;
	margin: 0 0 15px;
	padding: 0 0 2px;
	border-bottom: #a66e6e 2px solid;
}
h3.cate-h3 a {
	text-decoration: none;
	color: #666666;
}
h3.cate-h3 a:hover {
	text-decoration: none;
	color: #8d3a3a;
}
h2.single-h2 {
	line-height: 1.2em;
	letter-spacing: 0.1em;
	margin: 0 0 15px;
	padding: 0 0 2px;
	border-bottom: #a66e6e 2px solid;
}


.sub-page-menu {
	width:100%;
	clear: both;
	margin: 0;
	padding: 0;
	height: 2em;
	font-size: small;
	_font-size: x-small;
}
#sub-page-menu_bottom {
	margin-top: 60px;
}
.sub-page-menu ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.sub-page-menu ul li {
	display: block;
	float:left;
	margin-right: 10px;
	padding: 0;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}
.sub-page-menu ul li a {
	display: block;
	width: 180px;
	border: 1px #a66e6e solid;
	color: #a66e6e;
	text-decoration: none;
}
.sub-page-menu ul li.current_page_item a {
	border: 1px #777777 solid;
	color: #777777;
}
.sub-page-menu ul li a:hover {
	color: #ffffff;
	background-color: #8d3a3a;
	border: 1px #a66e6e solid;
}


.post {
	padding: 0 0 30px;
	font-family: Verdana, sans-serif;
	color: #666666;
}
.post .text-body h3.dot-line {
	clear: both;
	line-height: 1.2em;
	letter-spacing: 0.1em;
	margin: 30px 0 15px;
	padding: 15px 0 0;
	background: #ffffff url("images/dot-line.gif") repeat-x 50% top;
	font-size: medium;
	_font-size: small;
}
.post .text-body h3.solid-line {
	clear: both;
	line-height: 1.2em;
	letter-spacing: 0.1em;
	margin: 60px 0 15px;
	padding: 0 0 2px;
	border-bottom: #a66e6e 2px solid;
	font-size: medium;
	_font-size: small;
}
.post .text-body h3.left-line {
	clear: both;
	line-height: 1.2em;
	letter-spacing: 0.1em;
	margin: 30px 0 15px;
	padding: 0.1em 0 0 10px;
	border-left: #666666 4px solid;
	letter-spacing: 0.1em;
	font-size: medium;
	_font-size: small;
}
.post .text-body h4 {
	clear: both;
	line-height: 1.2em;
	margin: 30px 0 15px;
	padding: 0.1em 0 0 10px;
	border-left: #666666 4px solid;
	letter-spacing: 0.1em;
	font-size: medium;
	_font-size: small;
}
.post .text-body p {
	font-size: small;
	_font-size: x-small;
	line-height: 180%;
	margin: 0 0 1.4em;
}
.post .text-body ul {
	font-size: small;
	_font-size: x-small;
	line-height: 180%;
}
.post .text-body a {
	color: #666666;
}
.post .text-body a:hover {
	color: #8d3a3a;
}
.post .text-body .link_arrow a {
	text-decoration: none;
	color: #999999;
	background: #ffffff url("images/bg_navi_R.gif") no-repeat left center;
	padding: 0.2em 20px;
}
.post .text-body .link_arrow a:hover {
	color: #8d3a3a;
	background: #ffffff url("images/bg_navi_R_o.gif") no-repeat left center;
}
.post .more-link {
	background: #ffffff url("images/arrow_continue.gif") no-repeat left center;
	padding-left: 20px;
}
.post .continue a {
	color: #888888;
}
.post .arrow_tag {
	background: url("images/arrow_circle.gif") no-repeat left center;
	padding-left: 16px;
}
.post .date {
	clear: both;
	color: #999999;
	font-size: x-small;
	_font-size: xx-small;
	background: #ffffff url("images/dot-line.gif") repeat-x 50% top;
	text-align: right;
}

/*---- Page_about ----*/
.large-font {
	font-size: 110%;
	letter-spacing: 0.2em;
}

table.outline {
	width: 100%;
	margin: 0 0 30px;
	padding: 0;
	font-size: small;
	_font-size: x-small;
	_color: 666666;
	_line-height: 180%;
}
table.access, table.handbill {
	background: #ffffff url("images/dot-line.gif") repeat-x 50% top;
	width: 100%;
	margin: 0 0 30px;
	padding: 0;
	font-size: small;
	_font-size: x-small;
	_color: 666666;
	_line-height: 180%;
}
table.outline tr, table.access tr, table.handbill tr {
	background: url("images/dot-line.gif") repeat-x 50% bottom;
	vertical-align: middle;
}
table.outline td.cap, table.access td.cap, table.handbill td.cap {
	text-align: right;
	width: 7em;
	padding: 0.6em 2em 0.6em 0;
	letter-spacing: 0.2em;
	font-weight: bold;
}
table.handbill td.cap {
	color: #888888;
}
table.outline td.conten, table.access td.conten, table.handbill td.conten {
	text-align: left;
	font-size: 110%;
	padding: 0.6em 0;
	letter-spacing: 0.2em;
}

table.bank {
	background: #ffffff url("images/dot-line.gif") repeat-x 50% bottom;
	width: 100%;
	margin: 0 0 30px;
	padding: 0;
	font-size: small;
	_font-size: x-small;
	_color: 666666;
	_line-height: 180%;
}
table.bank td.cap {
	text-align: right;
	width: 7em;
	padding: 0.2em 2em 0.2em 0;
	letter-spacing: 0.2em;
	font-weight: bold;
}
table.bank td.conten {
	text-align: left;
	font-size: 110%;
	padding: 0.2em 2em 0.2em 0;
	letter-spacing: 0.2em;
}

table.executive {
	background: #ffffff url("images/dot-line.gif") repeat-x 50% top;
	width: 100%;
	margin: 30px 0;
	padding: 0;
	font-size: small;
	_font-size: x-small;
	_color: 666666;
	_line-height: 180%;
}
table.executive tr {
	background: url("images/dot-line.gif") repeat-x 50% bottom;
	vertical-align: middle;
}
table.executive td.position {
	text-align: right;
	width: 7em;
	padding: 0.8em 2em 0.8em 0;
	letter-spacing: 0.2em;
	font-weight: bold;
}
table.executive td.name {
	text-align: left;
	font-size: 120%;
	padding: 0.8em 2em 0.8em 2em;
	letter-spacing: 0.2em;
}
table.executive td.job {
	text-align: left;
	letter-spacing: 0.1em;
	color: #888888;
}
/*---------------------*/

/*---- Page_link ----*/
table.link {
	background: #ffffff url("images/dot-line.gif") repeat-x 50% top;
	width: 100%;
	margin: 0 0 30px;
	padding: 0;
	font-size: small;
	_font-size: x-small;
	_color: 666666;
	_line-height: 180%;
}
table.link tr {
	background: url("images/dot-line.gif") repeat-x 50% bottom;
	vertical-align: middle;
}
table.link td.name {
	width: 35%;
	padding: 1em 1em 1em 0;
	font-weight: bold;
	font-size: 110%;
	letter-spacing: 0.1em;
}
table.link td.name a {
	text-decoration: none;
}
table.link td.name a:hover {
	text-decoration: underline;
	color: #8d3a3a;
}
table.link td.descript {
	padding: 1em 0;
}
/*---------------------*/

.navigation {
	display: block;
	padding: 0 0 60px;
	font-size: small;
	_font-size: x-small;
}
.navigation a {
	text-decoration: none;
	color: #666666;
	display: block;
	height: 23px;
}
.navigation a:hover {
	color: #8d3a3a;
}
.navigation .right {
	float: right;
}
.navigation .right a {
	background: #ffffff url("images/bg_navi_R.gif") no-repeat right center;
	padding-right: 20px;
}
.navigation .right a:hover {
	background: #ffffff url("images/bg_navi_R_o.gif") no-repeat right center;
}
.navigation .left {
	float: left;
}
.navigation .left a {
	background: #ffffff url("images/bg_navi_L.gif") no-repeat left center;
	padding-left: 20px;
}
.navigation .left a:hover {
	background: #ffffff url("images/bg_navi_L_o.gif") no-repeat left center;
}


.page-top {
	clear: both;
	width: 580px;
	height: 30px;
	margin-bottom: 30px;
}
.page-top a {
  display: block;
  float: right;
  width: 105px;
  height: 30px;
  background: url("images/page-top_o.gif") no-repeat center top;
}
.page-top a:hover {
  background-color: transparent;
}
.page-top a:hover img {
  visibility: hidden;
}


.edit-entry {
	clear: both;
	font-size: x-small;
	_font-size: xx-small;
}


/*---- for 404.php, search.php ----*/
h2.search-h2 {
	line-height: 1.2em;
	letter-spacing: 0.2em;
	margin: 0 0 30px;
	padding: 5px 0 0 18px;
	border-left: #a66e6e 4px solid;
	color: #666666;
}
.results-data {
	color: #666666;
	margin: 0 0 30px;
	padding: 0;
	line-height: 100%;
}
/*---------------------------------*/


/*---- Mail Form ----*/
#wpcf7-f1-p11-o1 {
	margin-top: 45px;
}
/*-------------------*/


/*---- float ----*/
.img_L {
	margin-right: 5px;
	margin-bottom: 5px;
	float: left;
}
.img_R {
	margin-left: 5px;
	margin-bottom: 5px;
	float: right;
}
.clear {
	display: block;
	clear: both;
}
.img_R_about {
	margin: 0.3em 15px 0.2em 10px;
	float: right;
}


/* -------------------------------------------------
	footer
------------------------------------------------- */
#footer {
	clear: both;
	margin: 0 40px;
	padding: 0;
	font-size: small;
	_font-size: x-small;
}


#footer-menu {
	width:100%;
	margin: 0;
	padding: 5px 0 5px;
	border-top: #a66e6e 2px solid;
	height: 2em;
}
#footer-menu ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#footer-menu ul li {
	float:left;
	background: url("images/arrow_circle.gif") no-repeat left center;
	padding: 0 20px 0 16px;
}
#footer-menu ul li a {
	color: #666666;
	text-decoration: none;
}
#footer-menu ul li a:hover {
	color: #8d3a3a;
	text-decoration: underline;
}


table#credit {
	clear: both;
	width: 100%;
	_width: 820px;
	margin: 0 0 10px;
	padding: 0;
}
table#credit td#credit_text {
	vertical-align: top;
	text-align: left;
	padding-top: 42px;
}
table#credit td#credit_logo {
	text-align: right;
}
table#credit td#copyright {
	vertical-align: bottom;
	text-align: left;
}
table#credit td#copyright address {
	font-size: x-small;
	_font-size: xx-small;
	color: #777777;
	font-style: normal;
}