@charset "euc-jp";

/*---------------------------------------------------------
  WELLBE CSS : Layout
----------------------------------------------------------*/
html,
body {
	height:100%;
}
body{
	font-family: "£Í£Ó £Ð¥´¥·¥Ã¥¯",sans-serif,"¥Ò¥é¥®¥Î³Ñ¥´ Pro W3","Hiragino Kaku Gothic Pro";
	background: #D5F4FD url(../images/common/body_bg.jpg) repeat-x 0px 0px;
	margin: 0px;
	padding: 0px;
	text-align: center;
}
h1, h2, h3, h4, h5, p, ul, ol, li, dl, dt, dd, form {
	margin: 0px;
	padding: 0px;
}
.clearfix:after,
#wrapper:after,
#header:after,
#header #navi:after,
#main:after,
#main div:after,
#footer .footProfile:after,
#footer .footLink:after,
#footer:after {
	content: "";
	display: block;
	clear: both; 
}
.clearfix,
#wrapper,
#header,
#header #navi,
#main,
#main div,
#footer .footProfile,
#footer .footLink,
#footer {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix,
* html #wrapper,
* html #header,
* html #header #navi,
* html #main,
* html #main div,
* html #footer .footProfile,
* html #footer .footLink,
* html #footer {
	height: 1%;
}
.clearfix,
#wrapper,
#header,
#header #navi,
#main,
#main div,
#footer .footProfile,
#footer .footLink,
#footer {
	display: block;
}
/* End hide from IE-mac */

.clear {
	clear: both;
}

/*---------------------------------------------------------
  toAnchors
----------------------------------------------------------*/
#toAnchors {
	display: none;
}

/*---------------------------------------------------------
  wrapper
----------------------------------------------------------*/
#wrapper {
	width: 900px;
	margin: 0px auto;
	text-align: left;
}
#wrapper .spLink a {
	padding: 20px;
	display: block;
	background: #3760BA;
}

/*---------------------------------------------------------
  header
----------------------------------------------------------*/
#header {
	width: 900px;
}
#header .headLeft {
	width: 470px;
	float: left;
}
#header .headLeft p.logo {
	padding: 25px 10px 15px 10px;
	float: left;
}
#header .headLeft p.formens {
	float: left;
	padding-top: 39px;
}
#header .headRight {
	width: 430px;
	float: left;
}
#header .headRight h1 {
	font-size: 10px;
	font-weight: normal;
	padding: 9px 5px 10px 0px;
	text-align: right;
	color: #036;
}
#header .headRight form#siteSearch {
	position: relative;
	height: 30px;
}
#header .headRight form#siteSearch .keyWord {
	font-size: 12px;
	color: #333333;
	padding: 4px 6px 3px;
	border-top: 1px solid #E0DDD7;
	border-left: 1px solid #E0DDD7;
	border-right-style: none;
	border-bottom-style: none;
	width: 116px;
	position: absolute;
	left: 248px;
	top: 0px;
}
#header .headRight form#siteSearch .btn {
	position: absolute;
	left: 382px;
	top: 0px;
}
#header ul.headLink {
	text-align: right;
}
#header ul.headLink li {
	display: inline;
	background: url(../images/common/head_link_line.gif) no-repeat 11px 0px;
	padding-left: 21px;
}
#header ul.headLink li.leftSide {
	background: url(none);
	padding-left: 0px;
}

/*---------------------------------------------------------
  navi
----------------------------------------------------------*/
ul#navi {
	clear: both;
}
ul#navi li {
	display: inline;
}

/*---------------------------------------------------------
  main
----------------------------------------------------------*/
#main {
	font-size: 12px;
	line-height: 18px;
	color: #333333;
}
#main a {
	color: #3EAD1C;
	text-decoration: underline;
}
#main a:hover {
	color: #80D52B;
}

/*---------------------------------------------------------
  footer
----------------------------------------------------------*/
#footer {
	background: url(../images/common/foot_bg.gif) no-repeat 0px 20px;
	clear: both;
	padding: 60px 10px 15px;
}
#footer ul.footLink {
	float: left;
	width: 589px;
}
#footer ul.footLink li {
	font-size: 10px;
	display: inline;
	border-left: 1px solid #CCCCCC;
	padding: 0px 9px;
}
#footer ul.footLink li.leftSide {
	padding-left: 0px;
	border-left-style: none;
}
#footer ul.footLink li a {
	color: #1740A6;
	text-decoration: none;
}
#footer ul.footLink li a:hover {
	color: #4366BA;
}
#footer p.copyright {
	float: left;
}