/***********************************************/
/* spa.css                                     */
/* spa.or.jp    2004.11.1                      */
/***********************************************/

/***********************************************/
/* HTML 基本タグスタイル                        */
/***********************************************/ 

body{
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color: #333333;
	line-height: 120%;
	margin: 0px;
	padding: 0px;
	text-align: center;
	background-color: #E6E6E6;
}

a:link, a:visited, a:hover {
	color: #006699;
	text-decoration: none;
}

a:hover {
	color: #FF6633;
}
/* overrides decoration from previous rule for hovered links */

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

h1{
	font-size: 130%;
	color: #FFFFFF;
}

h2{
	font-size: 115%;
	color: #FFFFFF;
	border: none;
}

h3{
	margin: 2px;
	padding: 2px 0px 0px 30px;
	background: url(08.gif) no-repeat fixed 2px 2px;
	border-bottom: 2px dotted #000066;
	font-size: 110%;
	line-height: 120%;
	color: #006666;
	vertical-align: baseline;
}

h4{
	margin: 2px 0px 2px 4px;
	padding: 2px 0px 0px 5px;
	font-size: 105%;
	color: #334d55;
}

h5{
 font-size: 100%;
 color: #334d55;
}

ul{
 list-style-type: square;
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}

label{
 font: bold 100% Arial,sans-serif;
 color: #334d55;
}
				

/***********************************************/
/* レイアウト　デバイス                         */
/***********************************************/
#wrapper {
	text-align: left;
	width: 750px;
	background-color: #ffffff;
	margin: 0px 3px;
	padding: 5px 3px;
	border-top: 10px solid #000066;
	border-right: 2px solid #000066;
	border-bottom: 15px solid #000066;
	border-left: 2px solid #000066;
}


#head{
	margin: 0;
	padding: 10px 0px;
	border-bottom: 1px solid #cccccc;
	width: 100%;
	background-image: none;
}

#navBar{
	margin: 0 79% 0 0;
	padding: 0px;
	background-color: #eeeeee;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

#content{
	float:right;
	width: 75%;
	margin: 0;
	padding: 0 3% 0 0;
	background-color: #FFFFFF;
}

#content2{
  float:left;
	width:94%;
	margin: 0;
	padding: 0 3%;
}

p#inquiry{
	position:absolute;
	margin-left:533px;
	top:10px;
	color:#838282;
	font-size:10px;
	line-height:13px;
	width:207px;
	text-align:center;
}

p#inquirymap{
	position:absolute;
	margin-left:670px;
	top:63px;
	font-size:10px;
	line-height:20px;
	width:80px;
	text-align:center;
}

p#inquiryhome{
	position:absolute;
	margin-left:580px;
	top:63px;
	font-size:10px;
	line-height:20px;
	width:80px;
	text-align:center;
}

/***********************************************/
/*　コンポーネント　デバイス                     */
/***********************************************/

#siteName{
	margin: 0px;
	padding: 0px 0px 10px 10px;
}


/*************** #pageName styles **************/

#pageName{
	padding: 5px;
	letter-spacing: normal;
	text-align: left;
	text-indent: 10px;
	vertical-align: middle;
	margin: 5px;
	border: 2px groove #000066;
	background-color: #000066;
}


/************* #globalNav styles **************/

/*************** #flash **************/

#flash{
	height: 280px;
	width: 750px;
	margin: auto;
	padding: 2px;
	text-align: center;
	border-top: 1px none #CCCCCC;
	border-right: 1px none #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px none #CCCCCC;
}

/************* ナビゲーション **************/
#navi {
}


ul#navigation {
	margin: 0;
	padding: 0.1em;
	line-height: 1.4em;
	list-style: none;
	text-align: center;
	background: #000066;
	border: 2px groove #000066;
	font-size: 80%;
	font-weight: bold;
}
ul#navigation li {
	display: inline;
	font-weight: bold;
}
ul#navigation a {
  padding: 0.2em 0.6em;
}
#navigation a:link, #navigation a:visited {
  color: #ffffff;
  background: #000066; 
}
#navigation a:hover, #navigation a:active {
  color: #000066;
  background: #FFCC33; 
}

/************* #breadCrumb styles *************/

#breadCrumb{
	font-size: 80%;
	padding: 5px 0px 5px 10px;
}


/************** .feature styles ***************/

.feature{
	padding: 0px 0px 10px 10px;
	font-size: 80%;
}

.feature h3{
	padding: 30px 0px 5px 0px;
	text-align: center;
}

.feature img{
	float: left;
	padding: 0px 10px 0px 0px;
	margin: 0 5px 5px 0;
}
/* マージンを機能画像〔イメージ〕及びそれの周りに流れているテキストの間の変化に合わせてください */


/************** .story styles *****************/

.story{
	clear: both;
	padding: 10px 0px 0px 10px;
	font-size: 90%;
}

.story p{
	padding: 0px 0px 10px 0px;
}

.next{
	text-align : right;
	clear : left;
	margin: 1px;
	padding: 1px;
	font-size: 80%;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	border-bottom-color: #339999;
}

.top{
	text-align : right;
	clear : left;
	margin-top:1px;
	margin-bottom:1px;
	font : 75%;
}

/************* #siteInfo styles ***************/

#siteInfo{
	clear: both;
	border: 1px solid #cccccc;
	font-size: 75%;
	color: #999999;
	padding: 5px;
	margin-top: 0px;
}

#siteInfo img{
	padding: 4px 4px 4px 0px;
	vertical-align: middle;
}


/************* #member styles ***************/

#member{
	padding: 5px 0px 5px 10px;
	font-size: 90%;
	border-top: 5px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	background-color: #FFFFFF;
}

#member form{
 margin: 0px;
 padding: 0px;
}

#member label{
	display: block;
	margin: 0px;
	padding: 0px;
}


/*********** #navBar link styles ***********/

#navBar ul a:link, #navBar ul a:visited {
	display: block;
	border: thin 1 #999999;
	margin: 1px;
	padding: 3px 0px 3px 10px;
}

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

#navBar li {border-bottom: 1px solid #EEE;}

html>body #navBar li {border-bottom: none;}


/*********** #sectionLinks styles ***********/

#sectionLinks{
	margin: 0px;
	padding: 0px;
	font-size: 80%;
}

#sectionLinks h3{
	padding: 3px 0px 3px 10px;
	border-bottom: 1px solid #cccccc;
	font-size: 80%;
}

#sectionLinks a:link{
	display: block;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #cccccc;
	background-image:  url(bg1.gif);
	font-weight: bold;
	padding: 3px 0px 3px 10px;
	color: #FFFFFF;
}

#sectionLinks a:visited{
	display: block;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #cccccc;
	background-image:  url(bg1.gif);
	font-weight: bold;
	padding: 3px 0px 3px 10px;
	color: #F9F9F9;
}

#sectionLinks a:hover{
	display: block;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	background-color: #0066FF;
	background-image: none;
	padding: 3px 0px 3px 10px;
	font-weight: bold;
	text-decoration: none;
}

/*********** .relatedLinks styles ***********/

.relatedLinks{
	margin: 0px;
	padding: 0px 0px 10px 10px;
	font-size: 90%;
}

.relatedLinks h3{
	padding: 10px 0px 2px 0px;
}


/************** #kaiin styles **************/

#kaiin{
	padding: 5px 0px 0px 5px;
	font-size: 80%;
	margin: auto;
	border-top: 3px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-bottom: 3px solid #cccccc;
	border-left: 1px solid #cccccc;
}

#kaiin img{
	display: block;
}


/************** #headlines styles **************/

#headlines{
	margin: 0px;
	padding: 2px 0px 2px 2px;
	font-size: 80%;
	border: thin none #CCCCCC;
}

#headlines p{
	padding: 1px 1px 1px 4px;
}
#xhtml{
	margin: 2px;
	padding: 2px;
	font-size: 75%;
	border: thin none #CCCCCC;
}

.f01 {  font-size: 85%;}
.f02 {  font-size: 90%;}
.f03 {  font-size: 95%;}
.f04 {  font-size: 100%;}
.f05 {  font-size: 105%;}
.f06 {  font-size: 110%;}
.f07 {  font-size: 120%;}

td {
	padding: 2px 0px 2px 2px;
	border: thin #CCCCCC;
	font-size: 90%;
	line-height: 150%;
	color: #333333;
}