@charset "UTF-8";

/* =======================================

	Browser Reset CSS
	Last Up Date 09/09/28

========================================== */

body,div,dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,code,form,fieldset,legend,
p,blockquote,table,th,td {margin: 0; padding: 0;}

html,body {background: #FFF; color: #000;}

body {font:13px/1 "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3", "メイリオ","Meiryo", "ＭＳ Ｐゴシック",sans-serif;}
* html body {font-size: small;}
*:first-child+html body {font-size: small;}

img {border: 0; vertical-align: top;}

h1,h2,h3,h4,h5,h6 {clear: both; font-size: 100%; font-weight: normal;}

ul,dl,ol {text-indent: 0;}
li {list-style: none;}

address,caption,cite,code,dfn,em,strong,th,var {font-style: normal; font-weight: normal;}

sup {vertical-align: text-top;}
sub {vertical-align: text-bottom;}

input,textarea,select {font-family: inherit; font-size: inherit; font-weight:inherit;}
* html input,* html textarea,* html select {font-size: 100%;}
*:first-child+html+input,*:first-child html+textarea,*:first-child+html select {font-size: 100%;}

table {border-collapse: collapse; border-spacing: 0; font-size: inherit;}
th,td {text-align: left; vertical-align: top;}
caption {text-align: left;}

pre,code,kbd,samp,tt {font-family: monospace;}
* html pre,* html code,* html kbd,* html samp,* html tt {font-size: 100%; line-height: 100%;}
*:first-child+html pre,*:first-child html+code,*:first-child html+kbd,*:first-child+html+samp,*:first-child+html tt {font-size: 108%; line-height: 100%;}

input,select,textarea {font-size: 100%; font-family: Verdana, Helvetica, sans-serif;}


/* =======================================

	Basic CSS

========================================== */

/*      Font Size Memo ======================

0.769em = 10px

0.846em = 11px

0.923em = 12px

1em     = 13px

1.077em = 14px

1.154em = 15px

1.231em = 16px

1.308em = 17px

1.385em = 18px

1.462em = 19px

1.538em = 20px

1.692em = 22px

1.846em = 24px

2em = 26px

2.154em = 28px

========================================== */

html, body {background:#FFFFFF; color: #333333;}

body{ line-height:1.5; }

/* Links Config */
body a{color: #39F; text-decoration: none;}
body a:link{}
body a:visited{}
body a:hover{color: #CCC; text-decoration:underline;}
body a:active{}



/* =======================================

	#CONTAINER

========================================== */
#container {
	background:url(../image/contents-bg.gif) 0 0 repeat;
}

/* =======================================

	#HEADER

========================================== */
#header-wrap {
	width: 100%;
	border-top:3px #2a395c solid;
	background:#FFF;
}

	#header{
		width:880px;
		height:89px;
		margin:0 auto;
	}

	#header h1{
		float:left;
		text-indent:-9999px;
		margin-top:18px;
	}
	
	#header h1 a{
		display:block;
		background:url(../image/logo.gif) 0 0 no-repeat;
		width:202px;
		height:50px;
	}
	
	#header #tell-area{
		float:right;
		margin-top:17px;
		padding-right:24px;
	}
	
	#header #tell{
		text-indent:-9999px;
		background:url(../image/top-tel.gif) 0 0 no-repeat;
		width:211px;
		height:58px;
	}


	/* ---------------------------------------

	      #GNAV

	------------------------------------------ */
	#gnav{
		width:100%;
		height:57px;
		background:url(../image/navi-bg.gif) 0 0 repeat-x;
		padding-top:2px;
	}
	
	#gnav ul{
		width:880px;
		margin: 0 auto;
	}
	
	#gnav li{
		float:left;
	}
		
	#gnav #navi-home a{
		background:url(../image/navi.gif) 0 0 no-repeat;
		width:201px;
		height:54px;
		display:block;
		text-indent:-9999px;
	}
	
	#gnav #navi-home a:hover,
	#gnav #navi-home .visit{
		background-position: -201px 0;
	}
		
	#gnav #navi-about a{
		background:url(../image/navi.gif) 0 -54px no-repeat;
		width:231px;
		height:54px;
		display:block;
		text-indent:-9999px;
	}
	
	#gnav #navi-about a:hover,
	#gnav #navi-about a.visit{
		background-position: -231px -54px;
	}
	
	#gnav #navi-hall a{
		background:url(../image/navi.gif) 0 -108px no-repeat;
		width:247px;
		height:54px;
		display:block;
		text-indent:-9999px;
	}
	
	#gnav #navi-hall a:hover,
	#gnav #navi-hall a.visit{
		background-position: -247px -108px;
	}
	
	#gnav #navi-contact a{
		background:url(../image/navi.gif) 0 -162px no-repeat;
		width:201px;
		height:54px;
		display:block;
		text-indent:-9999px;
	}
	
	#gnav #navi-contact a:hover,
	#gnav #navi-contact a.visit{
		background-position: -201px -162px;
	}



/* =======================================

	#CONTENTS

========================================== */
#contents{
	width:899px;
	margin:0 auto 88px;
}


/* ------------------------------------------

      #MAIN

------------------------------------------ */
#main{
	float:left;
	background:url(../image/main-bg-btm.png) left bottom no-repeat;
	width:625px;
	padding-bottom:27px;
}

	#main-top h2{
		widows:625px;
		height:49px;
		text-indent:-9999px;
	}
	
	#main-mdl{
		background:url(../image/main-bg-mdl.png) 0 0 repeat-y;
		width:600px;
		padding-left:25px;
	}
	

	#main h3{
	}

	#main p{}

	/* ---------------------------------------

	      #CONTACT-AREA

	------------------------------------------ */
	#contact-area {
		background:url(../image/main-contact-bg.gif) 0 0 no-repeat;
		width:574px;
		height:115px;
	}
	
	#contact-tel {
		float:left;
		width:271px;
		padding:17px 0 0 17px;
	}
	
	#contact-tel h5{
		font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
		font-size:1.077em;
		color:#FFF;
	}
	
	#contact-tel p{
		font-size:0.769em;
		letter-spacing:1px;
		color:#FFF;
	}
	
	#contact-tel #img-tel{
		background:url(../image/main-contact-tel.gif) 0 0 no-repeat;
		text-indent:-9999px;
		width:203px;
		height:34px;
		margin:12px 0 0 5px;
	}
	
	#contact-mail {
		float:right;
		width:269px;
		padding:17px 0 0 17px;
	}
	
	#contact-mail h5{
		font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
		font-size:1.077em;
		color:#FFF;
	}
	
	#contact-mail p{
		font-size:0.769em;
		letter-spacing:1px;
		color:#FFF;
	}
	
	#contact-mail #btn-contact a{
		background:url(../image/main-contact-btn.jpg) 0 0 no-repeat;
		text-indent:-9999px;
		width:166px;
		height:30px;
		margin:12px 0 0 85px;
		display:block;
	}



/* ------------------------------------------

      #SIDE

------------------------------------------ */
#side{
	float: right;
	width: 261px;
}
	
	#side-nav ul{
		margin-top:7px;
		padding-right:6px;
	}
	
	#side-nav li{
		margin-bottom:7px;
	}


/* =======================================

	#FOOTER

========================================== */
#footer-wrap {
	background:url(../image/footer-bg.gif) 0 0 repeat-x #FFF;
	width:100%;
}

#footer {
	width:880px;
	height:98px;
	margin:0 auto;
	position:relative;
}
	
	/* ---------------------------------------
      #foot_nav
	------------------------------------------ */
	#footer #foot-nav{
		float:left;
		width:448px;
	}

	#footer #foot-nav ul{
		float:left;
		margin-top:15px;
	}

	#footer #foot-nav ul li{
		float:left;
	}

	#footer #foot-nav ul li.nav-last{
		border-right:none;
	}

	#footer #foot-nav ul li a{
		background:url(../image/footer-navi-icon.gif) 9px 6px no-repeat;
		display:block;
		padding-left:16px;
		margin-right:8px;
		color:#1f2f54;
	}
	
	* html #footer #foot-nav ul li a{
		background-position:9px 8px;
	}
	
	*:first-child+html #footer #foot-nav ul li a{
		background-position:9px 8px;
	}
	
	/* ---------------------------------------
      #pagetop
	------------------------------------------ */
	#pagetop{
		float:right;
		margin-top:15px;
	}
	
	#pagetop a{
		background:url(../image/pagetop-icon.gif) right 5px no-repeat;
		margin-right:5px;
		padding:0 13px 0 0;
		display:block;
		color:#1f2f54;
		text-align:right;
	}
	
	* html #pagetop a{
		background-position: right 7px;
	}
	
	*:first-child+html #pagetop a{
		background-position: right 7px;
	}
	
	#pagetop a:hover{
	}

	/* ---------------------------------------
      #copy
	------------------------------------------ */
	#footer small#copy{
		position:absolute;
		top:73px;
		left:10px;
		text-indent:-9999px;
		background:url(../image/copyright.gif) 0 0 no-repeat;
		width:252px;
		height:12px;
	}



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

.group {
  min-height: 1px;
}

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