@charset "UTF-8";
html {
	margin:0px;
	padding:0px;
}
body {
	font-family:"Hiragino Kaku Gothic Pro","Meiryo","MS PGothic","Osaka",arial, helvetica, verdana;
	font-size:85%;
	margin-top:0px;
	margin-bottom:20px;
	margin-left:auto;
	margin-right:auto;
	padding:0px;
	text-align:left;
	color:#333333;
	background:url(../images/background.gif) repeat 0px 0px;
}
img {
	border:none;
	margin:0px;
	padding:0px;
}
a {
	color:#2C83E0;
	outline-width: 0;
	text-decoration:underline;
}
a:hover,a:focus {
	color:#0A65FF;
	text-decoration:none;
}
p {
	margin:0px;
	padding:0px;
}
ul,ol,li {
	margin:0px;
	padding:0px;
}
h1,h2,h3,h4,h5 {
	margin:0px;
	padding:0px;
}
form {
	margin:0;
	padding:0;
}
table {
	margin:0;
	padding:0;
}
/*--------------------------------------------------------------------------------
MARGIN,PADDING
--------------------------------------------------------------------------------*/
.mgT5 {margin-top:5px;}
.mgT10 {margin-top:10px;}
.mgT20 {margin-top:20px;}
.mgB5 {margin-bottom:5px;}
.mgB10 {margin-bottom:10px;}
.mgB20 {margin-bottom:20px;}
.mgL5 {margin-left:5px;}
.mgL10 {margin-left:10px;}
.mgR5 {margin-right:5px;}
.mgR10 {margin-right:10px;}
.pdB15 {padding-bottom:15px;}
.pdR20 {padding-right:20px;}
.alC {text-align:center;}
.alR {text-align:right;}
/*--------------------------------------------------------------------------------
CLEARFIX
--------------------------------------------------------------------------------*/
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {
	display:inline-block;
}
/* Hides from IE-mac \*/
*html .clearfix {
	height:1%;
}
.clearfix {
	display:block;
}
/* End */
.flL {
	display:block;
	float:left;
}
.flR {
	display:block;
	float:right;
}
/*--------------------------------------------------------------------------------

--------------------------------------------------------------------------------*/
#BGMain {
	width:780px;
	text-align:left;
	background:url(../images/bg-main.gif) repeat-y 760px 0px;
}
#Wrapper {
	width:760px;
	margin:0px;
	text-align:center;
	background-color:#FFFFFF;
}
#Main {
	width:760px;
	margin:auto;
	text-align:left;
	padding-bottom:40px;
}
/*--------------------------------------------------------------------------------
HEADER
--------------------------------------------------------------------------------*/
#Head {
	width:730px;
	margin:auto;
	padding:20px 0px;
}
#Head h1 {float:left;}
#Logo {
	display:block;
	width:320px;
	height:55px;
	background:url(../images/logo.gif) no-repeat 0px 0px;
}
#SubNavi {
	text-align:right;
	float:right;
}
#SubNavi h2 a {
	display:block;
	width:370px;
	height:15px;
	margin-bottom:10px;
	background:url(../images/head-text.gif) no-repeat right top;
}
#SubNavi a {
	font-size:90%;
	color:#333333;
	text-align:right;
	text-decoration: none;
}
/*-------------------------- Hide Win IE5 --------------------------*/
#SubNavi a/**/ {
	padding:2px 5px 2px 17px;
	background:url(../images/arrow01.gif) no-repeat left center;
}
#SubNavi a:hover,#SubNavi a:focus {color:#01AD4E;}
/*==================SPAN=================*/
h2 span,#Logo span,#GlobalNavi li span,#GlobalNavi li a span,h3 span {
	display:block;
	text-indent:-9999px;
}
/*-------------------------- Hide Mac IE5 --------------------------\*/
h2 span,#Logo span,#GlobalNavi li span,#GlobalNavi li a span,h3 span {
	width:0px;
	height:0px;
	overflow:hidden;
}
/*-------------------------- End --------------------------*/
/*--------------------------------------------------------------------------------
GLOBAL NAVI
--------------------------------------------------------------------------------*/
#GlobalNavi {
	height:70px;
}
#GlobalNavi li {
	display:block;
	float:left;
}
#GlobalNavi li a {
	display:block;
	height:70px;
}
#GlobalNavi li a:hover,#GlobalNavi li a:focus {
	background-position:0px -70px;
}
.navi-greet a {
	width:151px;
	background:url(../images/navi01.gif) no-repeat 0px 0px;
}
.navi-company a {
	width:146px;
	background:url(../images/navi02.gif) no-repeat 0px 0px;
}
.navi-history a {
	width:146px;
	background:url(../images/navi03.gif) no-repeat 0px 0px;
}
.navi-philosophy a {
	width:146px;
	background:url(../images/navi04.gif) no-repeat 0px 0px;
}
.navi-inquiry a {
	width:151px;
	background:url(../images/navi05.gif) no-repeat 0px 0px;
}
/*--------------------------------------------------------------------------------
CONTENT
--------------------------------------------------------------------------------*/
#KeyVisual {
	width:740px;
	height:275px;
	margin:0px auto 30px auto;
	background:url(../images/bg-key-bottom.gif) no-repeat left bottom;
}
#KeyCommon {
	width:740px;
	margin:0px auto 30px auto;
	padding-bottom:5px;
	background:url(../images/bg-key-bottom.gif) no-repeat left bottom;
}
#Content {
	width:730px;
	margin:auto;
}
#MainCol {
	width:490px;
	float:right;
}
#MainCol h3 {
	height:45px;
	margin-bottom:20px;
}
#MainCol p {
	font-size:95%;
	line-height:1.5;
}
/*==================TOP=================*/
#TitleAboutTop {background:url(../images/title-about-top.gif) no-repeat left top;}
.banner-tenant a {
	display:block;
	width:220px;
	height:120px;
	margin:0px auto 0px auto;
	background:url(../images/banner-tenant.gif) no-repeat 0px 0px;
}
.banner-tenant a:hover,.banner-tenant a:focus {background-position:0px -120px;}
.banner-tenant2 a {
	display:block;
	width:220px;
	height:60px;
	margin:15px auto 20px auto;
	background:url(../images/banner-tenant2.gif) no-repeat 0px 0px;
}
.banner-tenant2 a:hover,
.banner-tenant2 a:focus {background-position:0px -60px;}
.banner-viva a {
	display:block;
	width:220px;
	height:90px;
	margin:0px auto 0px auto;
	background:url(../images/banner-viva.gif) no-repeat 0px 0px;
}
.banner-viva a:hover,
.banner-viva a:focus {background-position:0px -90px;}
/*==================GREET=================*/
#TitleGreet {background:url(../images/title-greet.gif) no-repeat left top;}
.unit-common {
	width:470px;
	margin:auto;
}
.img-greet01 {
	border:#CCCCCC 1px solid;
	margin-left:5px;
	padding:5px;
	float:right;
}
.img-greet02 {
	width:470px;
	text-align:right;
}
.img-philosophy {
	border:#CCCCCC 1px solid;
	margin-bottom:10px;
	padding:5px;
}
/*==================COMPANY=================*/
#TitleCompany {background:url(../images/title-company.gif) no-repeat left top;}
.tb-company {
	width:470px;
	margin:0px auto 30px auto;
	font-size:95%;
}
.tb-company th {
	width:110px;
	text-align:left;
	font-weight:normal;
	padding:7px 0px 7px 5px;
	background-color:#F6F6F6;
	border-right:#02684A 2px solid;
	border-bottom:#CCCCCC 1px dotted;
}
.tb-company td {
	padding:7px 0px 7px 20px;
	text-align:left;
	border-bottom:#CCCCCC 1px dotted;
}
.map {
	width:470px;
	margin:auto;
}
.map h4 {
	margin-bottom:10px;
	color:#01AD4E;
}
.map img {
	border:#CCCCCC 1px solid;
	padding:5px;
}
/*==================HISTORY=================*/
#TitleHistory {background:url(../images/title-history.gif) no-repeat left top;}
.tb-history {
	width:470px;
	margin:0px auto;
	font-size:95%;
}
.tb-history th {
	width:110px;
	text-align:left;
	vertical-align:top;
	font-weight:normal;
	padding:10px 0px 10px 5px;
	background-color:#F6F6F6;
	border-right:#02684A 2px solid;
	border-bottom:#CCCCCC 1px dotted;
}
.tb-history td {
	padding:10px 0px 10px 20px;
	text-align:left;
	vertical-align:top;
	border-bottom:#CCCCCC 1px dotted;
}
/*==================FORM=================*/
.msg {
	font-size:95%;
	margin-bottom:20px;
	color:#008067;
}
.notice {
	width:470px;
	font-size:95%;
	margin:0px auto 20px auto;
}
.error-msg {
	color:#FF0000;
	margin-bottom:10px;
}
.error-text {
	color:#FF0000;
	margin-bottom:20px;
	border:#CCCCCC 1px solid;
	background-color:#F6F6F6;
	padding:10px;
}
sup {
	font-size:80%;
	color:#FF0000;
}
#INPUT {
	text-align:center;
}
/*==================PHILOSOPHY=================*/
#TitlePhilosophy {background:url(../images/title-philosophy.gif) no-repeat left top;}
/*==================INQUIRY=================*/
#TitleInquiry {background:url(../images/title-inquiry.gif) no-repeat left top;}
.tb-inquiry {
	width:470px;
	margin:0px auto 30px auto;
	font-size:90%;
	border:#CCCCCC 1px solid;
	background-color:#F6F6F6;
}
.tb-inquiry th {
	padding:15px 0px 0px 15px;
	text-align:left;
	font-weight:normal;
	color:#02684A;
}
.tb-inquiry td {
	padding:0px 15px;
	text-align:left;
}
.tb-inquiry td span {
	display:block;
	font-size:75%;
}
/*==================SITEMAP=================*/
#TitleSitemap {background:url(../images/title-sitemap.gif) no-repeat left top;}
.unit-sitemap {
	width:470px;
	margin:auto;
}
.unit-sitemap h4 {
	font-size:95%;
	font-weight:normal;
	margin-bottom:20px;
	padding:3px 0px 3px 25px;
	background:url(../images/arrow01.gif) no-repeat 5px 5px;
	background-color:#F6F6F6;
}
.unit-sitemap p {
	margin-left:25px;
	padding-left:15px;
	background:url(../images/arrow02.gif) no-repeat 5px 5px;
}
/*==================PRIVACY POLICY=================*/
#TitlePrivacy {background:url(../images/title-privacy.gif) no-repeat left top;}
.unit-privacy {
	width:470px;
	margin:auto;
}
.unit-privacy h4 {
	color:#0A44C8;
	font-weight:normal;
	margin-bottom:5px;
	padding:5px;
	border-left:#E3E3E3 solid 1px;
	border-bottom:#E3E3E3 solid 1px;
	background-color:#F6F6F6;
}
/*==================SPAN=================*/
#MainCol h2 span,
.banner-tenant span,
.banner-tenant2 span,
.banner-viva span {
	display:block;
	text-indent:-9999px;
}
/*-------------------------- Hide Mac IE5 --------------------------\*/
#MainCol h3 span,
.banner-tenant span,
.banner-tenant2 span,
.banner-viva span {
	width:0px;
	height:0px;
	overflow:hidden;
}
/*-------------------------- End --------------------------*/
/*--------------------------------------------------------------------------------
LEFT COLUMN
--------------------------------------------------------------------------------*/
#LeftCol {
	width:220px;
	float:left;
}
#LeftColBox {background:url(../images/bg-leftcol-body.gif) repeat-y 0px 0px;}
#LeftColHead {
	height:10px;
	margin:0px;
	padding:0px;
	background:url(../images/bg-leftcol-head.gif) no-repeat 0px 0px;
}
#LeftColFoot {
	width:220px;
	height:10px;
	margin:0px;
	background:url(../images/bg-leftcol-foot.gif) no-repeat left bottom;
}
#TitleNewsTop {
	width:200px;
	height:25px;
	margin:0px auto 10px auto;
	background:url(../images/title-news-top.gif) no-repeat 0px 0px;
}
#LeftCol .news-top {
	width:190px;
	margin:0px auto 15px auto;
}
.news-top .date {
	padding-left:18px;
	margin-bottom:5px;
	color:#01884E;
	font-size:90%;
	background:url(../images/arrow01.gif) no-repeat 0px 3px;
}
.news-top .news-article {
	font-size:90%;
	margin-bottom:10px;
}
.link-inquiry {
	padding-left:15px;
	background:url(../images/arrow02.gif) no-repeat 5px 5px;
}
#LeftCol .unit-info {
	width:200px;
	margin:0px auto;
	font-size:90%;
	background:url(../images/bg-info-body.gif) repeat-y 0px 0px;
}
.unit-info-body {
	width:180px;
	margin:auto;
}
.bg-info-head {
	height:10px;
	background:url(../images/bg-info-head.gif) no-repeat 0px 0px;
}
.bg-info-foot {
	width:200px;
	height:10px;
	margin:0px;
	background:url(../images/bg-info-foot.gif) no-repeat left bottom;
}
/*==================SPAN=================*/
#LeftCol h3 span {
	display:block;
	text-indent:-9999px;
}
/*-------------------------- Hide Mac IE5 --------------------------\*/
#LeftCol h3 span {
	width:0px;
	height:0px;
	overflow:hidden;
}
/*-------------------------- End --------------------------*/
/*--------------------------------------------------------------------------------
FOOTER
--------------------------------------------------------------------------------*/
#Foot {
	width:760px;
	background:url(../images/bg-main-foot.gif) no-repeat 0px 0px;
}
#CopyRight {
	font-size:75%;
	color:#4D4D4D;
	text-align:center;
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	padding-top:20px;
}