@charset "utf-8";
/*
Theme Name: Health-park's Theme
Theme URI: http://wwww.health-park.com/
Description: ヘルスパークのテーマ
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: #f7f7ef url("images/bg_body.jpg");
	text-align: center;
	margin: 0;
	padding: 0 0 20px;
	color: #666666;
}


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


a {
	color: #6b4141;
}
a:hover, a:active {
	color: #ec687e;
}


img {
	border: none;
}


/* -------------------------------------------------
	container
------------------------------------------------- */
#container_home {
	background: url("images/bg_container_home.jpg") no-repeat top center;
	margin: 0 auto;
	padding: 0;
}
#container_other {
	background: url("images/bg_container_other.jpg") no-repeat top center;
	margin: 0 auto;
	padding: 0;
}


/* -------------------------------------------------
	header
------------------------------------------------- */
#header {
	width: 900px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	color: #888888;
	overflow: hidden;
}
#header.home {
	height: 360px;	
}
#header.other {
	height: 100px;	
}
#header #site-title {
	float: left;
}
#header h1 {
	font-size: 12px;
	font-weight: normal;
	line-height: 100%;
	padding: 10px 0 2px;
	letter-spacing: 1px;
	margin-left: 55px;
}
#header h2 {
	font-size: 12px;
	font-weight: normal;
	line-height: 100%;
	padding: 2px 0;
	letter-spacing: 1px;
	margin-left: 55px;
}
#header #logo_type {
	margin: 17px 0 0 55px;
	padding: 0;
}

#header #tel {
	float: right;
	margin: 20px 0 0;
	padding: 0;
}


/* -------------------------------------------------
	menu
------------------------------------------------- */
#menu {
	background: url("images/bg_menu.png") no-repeat top center;
	width: 1000px;
	height: 100px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	overflow: hidden;	
}

#menu ul {
	width: 900px;
	list-style-type: none;
	position: relative;
	left: 60px;
	top: 10px;
	margin: 0;
	padding: 0;
}
#menu ul li {
	float:left;
}
#menu ul li a {
	padding: 0;
}
#menu ul li a:hover {
	padding-bottom: 10px;
}
#menu ul li a:hover img {
	position: relative;
	top: -10px;
}


/* -------------------------------------------------
	main
------------------------------------------------- */
#main {
	clear: both;
	background: url("images/bg_main.png") repeat-y top center;
	width: 1000px;
	margin: 0 auto;
	padding-top: 10px;
	text-align: left;
}
#main .page-top {
	clear: both;
	display: block;
	text-align: right;
}


/* -------------------------------------------------
	sidebar
------------------------------------------------- */
#sidebar {
	float: left;
	width: 200px;
	padding: 0;
	margin: 0;
	overflow: hidden;
	position: relative;
	left: 75px;
	font-size: 13px;
	color: #999999;
}


.side-block {
	margin: 0 0 45px;
}
.side-cap {
	margin: 0;
	padding: 0;
}


ul#what_new {
	list-style-type: none;
	padding: 10px 0 0;
	margin: 0;
	font-size: 13px;
	background: url("images/dot-line_1.gif") repeat-x left top;
}
ul#what_new a {
	text-decoration: none;
}
ul#what_new a:link {
	color: #6b4141;
}
ul#what_new a:visited {
	color: #8c7474;
}
ul#what_new a:hover, a:active {
	color: #ec687e;
	text-decoration: underline;
}
ul#what_new li {
	_height: 1.4em;
	line-height: 1.4em;
	background: url("images/dot-line_1.gif") repeat-x left bottom;
	display: block;
	padding: 0.6em 0 15px;
}
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:hover span.entry-date {
	color: #814c4c;
}


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


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


#feeds p {
	display: block;
	height: 20px;
	background: url("images/feeds.gif") no-repeat left center;
	margin: 0;
	padding: 0 0 0 20px;
}


/* -------------------------------------------------
	contents
------------------------------------------------- */
#contents {
	float: right;
	width: 620px;
	margin: 0;
	padding: 0;
	position: relative;
	right: 75px;
}


#topic-path {
	margin: 0 0 30px;
	padding: 0;
	font-size: 14px;
	color: #999999;
	line-height: 100%;
}
#topic-path a {
	color: #777777;
}
#topic-path a:hover {
	color: #4d0b0b;
}


/*----   h   ----*/
h3 {
	clear: both;
	font-size: 20px;
	letter-spacing: 0.2em;
	margin: 30px 0 20px;
}
h3.emphasis {
	display: block;
	height: 30px;
	line-height: 30px;
	padding-left: 30px;
	background: #ffffff url("images/bg_emphasis.gif") no-repeat left center;
}

h3.image-cap {
	line-height: 100%;
	height: 61px;
	margin: 0 0 15px;
	padding: 9px 0 0 20px;
	background: #ffffff url("images/bg_cap_flower.gif") no-repeat top left;
}

h4 {
	clear: both;
	font-size: 18px;
	letter-spacing: 0.2em;
	margin: 30px 0 20px;
}
h5 {
	clear: both;
	font-size: 16px;
	letter-spacing: 0.2em;
	margin: 30px 0 10px;
}
.cap_heart {
	height: 30px;
	line-height: 30px;
	padding: 3px 0 0 30px;
	background: #ffffff url("images/bg_cap_heart.gif") no-repeat top left;
}
.left-line {
	_height: 1.4em;
	line-height: 1.4em;
	padding: 0.1em 0 0 15px;
	background: #ffffff url("images/left-line.gif") repeat-y center left;
}
.left-line a {
	text-decoration: none;
}
.dot-line {
	line-height: 1.4em;
	padding: 20px 0 0 0;
	background: #ffffff url("images/dot-line_2.gif") no-repeat top left;
}

h5.image-subcap {
	clear: both;
	margin: 0 0 10px;
}
h5.image-subcap img {
	padding-top: 15px;
}
h5.image-subcap_u {
	clear: both;
	margin: 0 0 10px;
	height: 55px;
	padding-bottom: 10px;
	background: #ffffff url("images/dot-line_1.gif") no-repeat bottom left;
}
h5.image-subcap_u img {
	padding-top: 15px;
}
/*---------------*/


.post {
	padding: 0 0 30px;
	font-family: Verdana, sans-serif;
	color: #666666;
}
.post .text-body p,
.post .text-body ul,
.post .text-body table {
	font-size: 14px;
	line-height: 180%;
	margin: 0 0 1.4em;
}

.post .text-body table {
	letter-spacing: 0.1em;
}
.post .text-body table.top-line {
	background: url("images/dot-line_1.gif") repeat-x left top;
}
.post .text-body table tr {
	background: url("images/dot-line_1.gif") repeat-x left bottom;
	vertical-align: top;
}
.post .text-body table tr th {
	padding: 5px 15px 10px;
	text-align: center;
	color: #f08e9e;
	letter-spacing: 0.4em;
}
.post .text-body table tr td {
	padding: 15px 15px 20px;
}
.post .text-body table tr td.td_cap {
	font-weight: bold;
	color: #888888;
}
.post .text-body table tr td.td_L {
	padding-right: 5em;
}
.post .text-body table tr td.td_R {
	text-align: right;
	vertical-align: middle;
}
.post .date {
	clear: both;
	color: #999999;
	font-size: 12px;
	background: #ffffff url("images/dot-line_1.gif") repeat-x 50% top;
	text-align: right;
	padding-top: 10px;
}
.post .more-link {
	background: #ffffff url("images/arrow_continue.gif") no-repeat left center;
	padding-left: 20px;
}
.post .continue a {
	color: #888888;
}


/*---- strong ----*/
strong {
	color: #814c4c;
}
strong.emphasis {
	display: block;
	color: #666666;
	font-size: 16px;
	height: 30px;
	line-height: 30px;
	padding-left: 30px;
	background: #ffffff url("images/bg_emphasis.gif") no-repeat left center;
}
span.heart {
	display: block;
	height: 30px;
	line-height: 30px;
	padding: 3px 0 0 30px;
	background: #ffffff url("images/bg_cap_heart.gif") no-repeat top left;
}


/*---- navigation ----*/
.navigation {
	display: block;
	padding: 0 0 60px;
	font-size: 14px;
}
.navigation a {
	text-decoration: none;
	color: #666666;
	display: block;
	line-height: 16px;
}
.navigation a:hover {
	color: #814c4c;
}
.navigation .right {
	float: right;
}
.navigation .right a {
	background: #ffffff url("images/bg_navi_R.gif") no-repeat right center;
	padding-right: 20px;
	_width: 6.5em;
}
.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;
	_width: 6.5em;
}
.navigation .left a:hover {
	background: #ffffff url("images/bg_navi_L_o.gif") no-repeat left center;
}


/* -----------
	about
----------- */
ul.check-list {
	list-style: none;
	margin: 0;
	padding: 0 0 50px;
	background: #ffffff url("images/arrow_down_1.gif") no-repeat 120px bottom;
}
ul.check-list li {
	height: 20px;
	line-height: 20px;
	padding-left: 25px;
	margin-bottom: 10px;
	background: #ffffff url("images/check-mark.gif") no-repeat left top;
	letter-spacing: 0.1em;
}


/* -----------
	flowchart
----------- */
div.flowchart {
	padding: 0 0 50px;
	background: #ffffff url("images/arrow_down_1.gif") no-repeat center bottom;
}


/* -----------
	contact
----------- */
div.contact_sub-menu {
	padding-left: 90px;
	padding-bottom: 60px;
}
div.contact_sub-menu ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
div.contact_sub-menu ul li {
	float:left;
	margin-right: 40px;
	padding: 0;
}


/*---- for search.php ----*/
.results-data {
	margin: 0 0 60px;
	padding: 0;
	line-height: 100%;
	font-size: 15px;
}
/*---------------------------------*/


/*---- float ----*/
.img_L {
	margin-right: 10px;
	margin-bottom: 10px;
	float: left;
}
.img_R {
	margin-left: 10px;
	margin-bottom: 10px;
	float: right;
}
.clear {
	display: block;
	clear: both;
}


/* -------------------------------------------------
	footer
------------------------------------------------- */
#footer {
	clear: both;
	background: url("images/bg_footer.png") no-repeat top center;
	width: 1000px;
	height: 130px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}
#footer address {
	font-size: 12px;
	color: #999999;
	font-style: normal;
	letter-spacing: 0.1em;
	margin: 0;
	padding: 0;
	line-height: 100%;
	position: relative;
	top: 60px;
}