@charset "UTF-8";

/* ****************************************************
Title: base.css
***************************************************** */

/* # General Elements
---------------------------------------------------------------------------- */
a:link    {color:#2162A3; text-decoration: underline;}
a:visited {color:#2162A3; text-decoration: underline;}
a:hover   {color:#2162A3; text-decoration: none;}
a:active  {color:#2162A3; text-decoration: underline;}



/* # body
---------------------------------------------------------------------------- */
body {background: #FFF;}


/* # header
---------------------------------------------------------------------------- */
div#header h1{
	margin: 0 auto;
	width: 900px;
}

div#header h1 img {
	margin: 10px 0 10px 20px;
}

div#header div.va_area {
	background:url(../img/common/head_bg.jpg) repeat-x top left;
	height:310px;
}

div#header div.va_area_2 {
	background:url(../img/common/head_bg_2.jpg) repeat-x top left;
	height:111px;
}

div#header p.va {
	width: 900px;
	margin: 0 auto;
}

/* # gNavi
---------------------------------------------------------------------------- */
ul#gNavi {
	margin: 0 auto;
	width: 900px;
}

ul#gNavi li {
	float: left;
}


/* # pageBody
---------------------------------------------------------------------------- */
div#pageBody {
	margin: 0 auto;
	width: 800px;
	padding: 30px 50px 50px;
}


/* # pankuzu
---------------------------------------------------------------------------- */
div#pankuzu {
	margin: 0 auto 3px;
	width: 900px;
}


/* # footer
---------------------------------------------------------------------------- */
div#footer {
	background: url(../img/common/foot_bg.jpg) repeat-x top left;
	height: 184px;
}

div#footer div.f_wrap {
	width: 900px;
	margin: 0 auto;
	padding: 20px 0 0;
}

div#footer div.f_area div#lNavi ul {
	float: left;
	border-left: dotted 1px #FFF;
	padding-left: 15px;
	padding-top: 10px;
	width: 190px;
	height: 80px;
}

div#footer div.f_area div#lNavi {
	float:left;
}

div#footer div.f_area div#lNavi ul li {
	background: url(../img/common/f_arrow.gif) no-repeat center left;
	padding-left: 20px;
	margin-bottom: 10px;
}

div#footer div.f_area div#lNavi ul li a {
	color: #FFF;
}

div#footer div.f_area p.f_logo {
	float: left;
	margin-top: 25px;
}

div#footer p.address {
	text-align: center;
	color: #FFF;
	font-size: 80%;
	margin-top: 53px;
}

/* margin-bottom
---------------------------------------------------------------------------- */
.mb5 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.mb20 {margin-bottom:20px;}
.mb25 {margin-bottom:25px;}
.mb30 {margin-bottom:30px;}

/* rollover
---------------------------------------------------------------------------- */
.imgover {}

/* clearfix
---------------------------------------------------------------------------- */

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/*
behavior: url(/css/pie/PIE.htc); 
*/