@charset "utf-8";

/* ベース　CSS Document */

/*---------------------------------------------
 初期化
---------------------------------------------*/
html {
  overflow-y:scroll;
}

html, body {
  margin: 0;
  padding: 0;
  /* フォント指定しないと、Operaは明朝系になる */
  font-family: "ＭＳ Ｐゴシック", "Osaka", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", sans-serif;
  font-size: 1.1em;
  color: #000;
  line-height: 1.6em;
  width: 100%;
  background: #FDFDEE;
}

body {
	width: 1127px;
	margin: 0px auto;
}

#wrapbg {
	width: 1127px;
	margin: 0px auto;
	padding: 0px;
	background: url(../images/bg.png) repeat-y;
}
#wrap {
	width: 947px;
	margin: 0px auto;
	padding: 0px;
}

/* fieldsetは、IEは無害だがFirefoxやOperaでは余白が生まれる */
h1, h2, h3, h4, h5, h6, form, fieldset { margin: 0; padding: 0; }

/* リンク付き画像のために */
img { border-style: none; }

/* Firefoxで点線が出る */
/* a { outline: 0; } */

a {
  color: #663300;
  text-decoration: underline;
}
a:hover {
  color: #666600;
  text-decoration: underline;
}

p {
	padding: 0px 0px 20px 0px;
	margin: 0;
}

/*---------------------------------------------
 contents box
---------------------------------------------*/
.box1 {
	width: 947px;	/* total:947px */
	padding: 0px;
	margin-top: 40px;
}
.box1:after {	/* 高さ認識 */
	content: "";
	display: block;
	clear: both;
}

.box2 {
	width: 742px;	/* total:947px */
	padding: 0px;
	margin: 0px auto;
	box-shadow: 3px 3px 10px 0px rgba(0, 0, 0, 0.8);
	-moz-box-shadow: 3px 3px 10px 0px rgba(0, 0, 0, 0.8);
    -webkit-box-shadow: 3px 3px 10px 0px rgba(0, 0, 0, 0.8);
	-o-box-shadow: 3px 3px 10px 0px rgba(0, 0, 0, 0.8);
	-ms-box-shadow: 3px 3px 10px 0px rgba(0, 0, 0, 0.8);
}
.box2:after {	/* 高さ認識 */
	content: "";
	display: block;
	clear: both;
}

.box3 {
	width: 622px;	/* total:947px */
	padding: 0px;
	margin: 40px auto;
}
.box3:after {	/* 高さ認識 */
	content: "";
	display: block;
	clear: both;
}

/*---------------------------------------------
 header
---------------------------------------------*/
div#header {
	width: 947px;	/* total:947px */
	background: url(../images/mainvisual.png) no-repeat;/**/
	/*background: url(../images/mainvisual2.png) no-repeat;後期用*/
	height: 496px;
}
div#header h1 {
	font-size: 0.9em;
	text-indent: -9999em;
}


/*---------------------------------------------
 global navi
---------------------------------------------*/
div#gnav {
	width: 918px;	/* total:947px */
	background: url(../images/gnav.png) no-repeat;
	height: 30px;
	margin: auto;
	margin-bottom: 40px;
}

div#gnav ul {
	padding: 0px;
	margin: auto;
}
div#gnav ul li {
	padding: 0px;
	margin: 0px;
	list-style: none;
	display: inline;
}

div#gnav ul li a {
	display: block;
	float: left;
	height: 30px;
	text-indent: -9999em;/**/
}

/* 01 */
div#gnav ul li#gnav01 a {
	width: 83px;
}
div#gnav ul li#gnav01 a:hover,
div#gnav ul li#gnav01.curPage a {
	width: 83px;
	background:url(../images/gnav_ov.png) no-repeat 0px 0px;
}

/* 02 */
div#gnav ul li#gnav02 a {
	width: 66px;
	margin-left: 1px;
}
div#gnav ul li#gnav02 a:hover,
div#gnav ul li#gnav02.curPage a {
	width: 66px;
	background:url(../images/gnav_ov.png) no-repeat -84px 0px;
}

/* 03 */
div#gnav ul li#gnav03 a {
	width: 85px;
	margin-left: 1px;
}
div#gnav ul li#gnav03 a:hover,
div#gnav ul li#gnav03.curPage a {
	width: 85px;
	background:url(../images/gnav_ov.png) no-repeat -151px 0px;
}

/* 04 */
div#gnav ul li#gnav04 a {
	width: 84px;
	margin-left: 1px;
}
div#gnav ul li#gnav04 a:hover,
div#gnav ul li#gnav04.curPage a {
	width: 84px;
	background:url(../images/gnav_ov.png) no-repeat -237px 0px;
}

/* 05 */
div#gnav ul li#gnav05 a {
	width: 101px;
	margin-left: 1px;
}
div#gnav ul li#gnav05 a:hover,
div#gnav ul li#gnav05.curPage a {
	width: 101px;
	background:url(../images/gnav_ov.png) no-repeat -322px 0px;
}

/* 06 */
div#gnav ul li#gnav06 a {
	width: 82px;
	margin-left: 1px;
}
div#gnav ul li#gnav06 a:hover,
div#gnav ul li#gnav06.curPage a {
	width: 82px;
	background:url(../images/gnav_ov.png) no-repeat -424px 0px;
}

/* 07 */
div#gnav ul li#gnav07 a {
	width: 135px;
	margin-left: 1px;
}
div#gnav ul li#gnav07 a:hover,
div#gnav ul li#gnav07.curPage a {
	width: 135px;
	background:url(../images/gnav_ov.png) no-repeat -507px 0px;
}

/* 08 */
div#gnav ul li#gnav08 a {
	width: 174px;
	margin-left: 1px;
}
div#gnav ul li#gnav08 a:hover,
div#gnav ul li#gnav08.curPage a {
	width: 174px;
	background:url(../images/gnav_ov.png) no-repeat -643px 0px;
}

/* 09 */
div#gnav ul li#gnav09 a {
	width: 100px;
	margin-left: 1px;
}
div#gnav ul li#gnav09 a:hover,
div#gnav ul li#gnav09.curPage a {
	width: 100px;
	background:url(../images/gnav_ov.png) no-repeat -818px 0px;
}


/*---------------------------------------------
 contents
---------------------------------------------*/
div#contWrap {
	width: 947px;	/* total:947px */
	padding: 0px 0px 80px 0px;
}
div#contWrap:after {	/* 高さ認識 */
	content:"";
	display:block;
	clear:both;
}


/*---------------------------------------------
 footer
---------------------------------------------*/
div#footer {
	width: 947px;	/* total:947px */
	height: 0px;
	text-indent: -9999em;
}