@charset "utf-8";

/*________________________________________________

	name:			base.css
	author:			kumi morita
	mail:			morimori@elf.coara.or.jp
	create Date:	2008-11-07
	lastmodified:	****-**-**
________________________________________________*/

 
 
/* Base Styles ===================================
 * (classes defined in the Markup Guide)
================================================*/
/* Suggested order:
 * display
 * list-style
 * position
 * float
 * clear
 * width
 * height
 * margin
 * padding
 * border
 * background
 * color
 * font
 * text-decoration
 * text-align
 * vertical-align
 * white-space
 * other text
 * content
 *
 */


/* ColorScheme====================================
	MainColor	=>	#333333
	SubColor	=>	#ffffff
	TextColor	=>	#333333
	AccentColor	=>	#
	Background	=>	#ffffff
================================================*/

/*--------------------------------------------------------------
#header	タイトル部分（全ページ共通）
--------------------------------------------------------------*/
#header {
	width: 100%; /* 800px */
	height: auto;
	margin: 3px auto 0 auto;
	padding: 0 0 5px 0;
	background: url(../img/container_header.gif) center bottom no-repeat;
	text-align: center;
}
/*clearfix*/
#header {
	display: inline-block;
	display: block;
	zoom: 100%;
}
#header:after {
	display: block;
	clear: both;
	height: 0;
	font-size: 0.1em;
	visibility: hidden;
	line-height: 0;
	content: ".";
}
/* Hides from IE-mac \*/
* html #header {
	height: 1%;
}
#header {
	display: block;
}
/* End hide from IE-mac */
#header p {
	width: 800px;
	height: auto;
	margin: 0 auto;
	padding: 0;
	text-align: left;
}
#header p a.left {
	margin: 0;
	padding: 0;
	text-align: left;
	float: left;
}
#header p a.right {
	margin: 0;
	padding: 0;
	text-align: right;
	float: right;
}

/*--------------------------------------------------------------
#globalnavi	グローバルメニュー（全ページ共通）
--------------------------------------------------------------*/
#globalnavi {
	width: auto;
	height: auto;
	margin: 0 0 5px 0;
	padding: 10px;
	text-align: center;
}
#globalnavi ul {
	width: 780px;
	height: 55px;
	margin: 0;
	padding: 0;
	text-align: left;
}
#globalnavi li {
	display: inline;
	width: 130px;
	height: 55px;
	margin: 0;
	padding: 0;
	text-align: left;
}

/*--------------------------------------------------------------
#breadcrumbs	パンクズ（全ページ共通）
--------------------------------------------------------------*/
#breadcrumbs {
	width: auto;
	height: auto;
	margin: 0 0 -5px 0;
	padding: 0 15px;
	font-size: 80%;
	text-align: left;
	vertical-align: middle;
	line-height: 10px;
}

/*--------------------------------------------------------------
#footer	フッター部分（全ページ共通）
--------------------------------------------------------------*/
#footer {
	display: block;
	clear: both;
	width: 100%; /* 800px */
	height: auto;
	margin: 0 auto;
	padding: 10px 0;
	background: url(../img/footer_bg.gif) left top repeat-x;
	text-align: center;
}
#footer address {
	clear: both;
	width: 800px;
	height: auto;
	margin: 10px auto;
	padding: 0;
	font-size: 90%;
	text-align: left;
}
#footermenu {
	width: 800px;
	height: auto;
	margin: 10px auto;
	padding: 0;
	text-align: left;
}
#footermenu ul {
	display: block;
	width: 800px;
	height: auto;
	margin: 0;
	padding: 0;
	text-align: left;
}
#footermenu li {
	display: block;
	float: left;
	width: auto;
	height: auto;
	margin: 0 15px 0 0;
	padding: 0 0 3px 15px;
	background: url(../img/fbt_li.gif) left 1px no-repeat;
	font-size: 13px;
	line-height: 15px;
}
#footermenu li a, #footermenu li a:hover {
	padding-bottom: 2px;
	background: url(../img/underline.gif) 20px bottom repeat-x;
	text-decoration: none;
}

#bnr { width:800px; float:center; }  

/*--------------------------------------------------------------
toppage		トップページのみ
--------------------------------------------------------------*/
.flash {
	display: block;
	clear: both;
	width: 800px;
	height: 300px;
	margin: 0;
	padding: 0;
	text-align: center;
}
/* xfade2フェードイン切り替えのスライドショー */
#topimg {
	position: relative;
	margin: 0!important;
	width: 800px; /*画像の横幅*/
	height: 300px; /*画像の縦幅*/
	overflow: hidden;
}
#topimg img {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
}
/* topmenuトップページのグローバルメニュー */
#topmenu {
	display: block;
	width: 800px;
	height: auto;
	margin: 0 0 5px 0;
	padding: 0 0 5px 0;
	background: url(../img/topmenu_footer.gif) center bottom no-repeat;
	text-align: center;
}
#topmenu ul {
	display: block;
	width: 800px;
	height: 120px;
	margin: 0;
	padding: 0;
	background: url(../img/topmenu_bg.gif) center top repeat-y;
	text-align: center;
}
#topmenu li {
	display: inline;
	width: 120px;
	height: 120px;
	margin: 0 5px;
	padding: 0;
}

/*--------------------------------------------------------------
ページ全体（ページ共通）
--------------------------------------------------------------*/
#container {
	clear: both;
	width: 800px; /* 810px */
	height: auto;
	margin: 0 auto;
	padding: 0 5px 0 5px;
	background: url('../img/container_bg.gif') center top repeat-y;
	text-align: left;
}
/*clearfix*/
#container {
	display: inline-block;
	display: block;
	zoom: 100%;
}
#container:after {
	display: block;
	clear: both;
	height: 0;
	font-size: 0.1em;
	visibility: hidden;
	line-height: 0;
	content: ".";
}
/* Hides from IE-mac \*/
* html #container {
	height: 1%;
}
#container {
	display: block;
}
/* End hide from IE-mac */
#contents {
	display: block;
	clear: both;
	width: 770px;
	height: auto;
	margin: 0 15px;
	padding: 15px 0 0 0;
	text-align: left;
}
#contents h1 {
	display: block;
	clear: both;
	margin: 0 0 20px 0;
	padding: 0;
	text-align: left;
}
#contents h2 {
	display: block;
	margin: 0 0 5px 0;
	padding: 3px 3px 3px 12px;
	background: #eeeeee url(../img/h2_icon.gif) left center no-repeat;
	border-left: 5px #cccccc solid;
	font-size: 110%;
	font-weight: bold;
	text-align: left;
}
/* ie hack */
* html #contents h2 {
	background: #eeeeee url(../img/h2_icon.gif) 5px center no-repeat;
}
#contents h2.space {
	display: block;
	clear: both;
	margin: 20px 0 5px 0!important;
}
#contents p.pagetop {
	clear: both!important;
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
	text-align: right;
}
#leftcontents {
	display: block;
	float: left;
	width: 530px;
	height: auto;
	margin: 0;
	padding: 0;
	text-align: left;
}
#leftcontents img {
	display: block;
	float: left;
	margin: 0 10px 10px 0;
	padding: 0;
	text-align: left;
}
#leftcontents img.left {
	display: block;
	float: left;
	margin: 5px 0 0 0!important;
	padding: 0;
}
#leftcontents img.right {
	display: block;
	float: right;
	margin: 5px 0 0 0!important;
	padding: 0;
}
#leftcontents img.no-float {
	display: block;
	float: none;
	margin: 0!important;
	padding: 0;
}
#leftcontents div.syosaidata {
	display: block;
	float: right;
	width: 215px;
	height: auto;
	margin: 0 0 15px 0;
	padding: 0;
	text-align: left;
}
#leftcontents h3 {
	clear: both!important;
	margin: 0 0 5px 0;
	color: #0098ca;
	font-size: 100%;
	font-weight: bold;
	text-align: center;
}
#leftcontents ul.topwellness {
	display: block;
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
	text-align: left;
}
.topwellness li {
	display: block;
	width: auto;
	height: auto;
	margin: 0 0 2px 0;
	padding: 0 0 0 25px;
	background: url(../img/li_icon.gif) left no-repeat;
	text-align: left;
}
.syosaidata p {
	width: auto;
	height: auto;
	margin: 0 0 5px 0;
	padding: 0 0 5px 0;
	border-bottom: 1px #cccccc dashed;
	text-align: left;
}
#rightmenu {
	display: block;
	float: right;
	width: 220px;
	height: auto;
	margin: 0;
	padding: 0;
	text-align: right;
}
ul.kitakyusyu {
	clear: both;
	width: 530px;
	height: auto;
	margin: 10px 0 0 0;
	padding: 0;
	text-align: left;
}
* html .kitakyusyu li {
	margin: 0 0 10px 0!important;
}
.kitakyusyu li {
	display: block;
	float: left;
	width: 170px!important;
	height: auto;
	margin: 0 9px 10px 0;
	padding: 0;
	text-align: left;
}
.kitakyusyu li.last {
	display: block;
	float: right!important;
	width: 170px;
	height: auto;
	margin: 0 0 10px 0!important;
	padding: 0;
	text-align: left;
}
.kitakyusyu li img {
	display: block;
	float: none;
	margin: 0 3px 0 0!important;
	padding: 0;
	text-align: left;
}
ul.pdflist {
	width: auto;
	height: auto;
	margin: 10px 0 0 30px;
	padding: 0;
	text-align: left;
}
.pdflist li {
	display: block;
	width: auto;
	height: auto;
	margin: 0;
	padding: 5px 0 5px 0;
	border-bottom: 1px #333333 dashed;
	text-align: left;
	line-height: 30px;
}
.pdflist li a {
	display: block;
	float: left;
	margin: 0 5px 0 0;
	padding-left: 50px;
	background: url(../img/pdf.gif) 5px no-repeat;
	line-height: 30px;
}
p.pdfdown {
	width: auto;
	height: auto;
	margin: 10px 0 0 0;
	padding: 10px;
	background: #eeeeee;
	font-size: 100%;
	text-align: left;
}
p.pdfdown img {
	float: left;
	margin: 0 10px 0 0!important;
	vertical-align: middle;
}
table.form {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	font-size: 100%;
	text-align: left;
}
table.form th {
	width: auto;
	height: auto;
	margin: 0;
	padding: 5px 10px;
	background: #ebebeb;
	border-bottom: 5px #ffffff solid;
	white-space: nowrap;
}
table.form td {
	width: auto;
	height: auto;
	margin: 0;
	padding: 5px 10px;
	border-bottom: 5px #ffffff solid;
	line-height: 200%;
}
table.form td input {
	margin: 0 5px 0 5px;
	vertical-align: middle;
}
table.form td textarea {
	margin: 0 5px 0 5px;
}
p.formbtn {
	clear: both;
	margin: 20px auto 0 auto;
	width: 360px;
	text-align: center!important;
}
input.kakunin {
	display: block;
	width: 170px;
	height: 50px;
	margin: 0 auto 0 95px!important;
	background: url(../img/contents/btn_kakunin.gif) center no-repeat;
	border: none;
	text-indent: -99999px;
	text-align: center;
	margin: 0;
	padding: 0;
}
input.kakunin:hover {
	background: url(../img/contents/btn_kakunin_o.gif) center no-repeat;
	text-indent: -99999px;
}
input.back {
	display: block;
	float: left;
	width: 170px;
	height: 50px;
	margin: 0 20px 0 0;
	background: url(../img/contents/btn_back.gif) center no-repeat;
	border: none;
	text-indent: -99999px;
	text-align: center;
	margin: 0;
	padding: 0;
}
input.back:hover {
	background: url(../img/contents/btn_back_o.gif) center no-repeat;
	text-indent: -99999px;
}
input.soushin {
	display: block;
	float: right;
	width: 170px;
	height: 50px;
	margin: 0;
	background: url(../img/contents/btn_soushin.gif) center no-repeat;
	border: none;
	text-indent: -99999px;
	text-align: center;
	margin: 0;
	padding: 0;
}
input.soushin:hover {
	background: url(../img/contents/btn_soushin_o.gif) center no-repeat;
	text-indent: -99999px;
}