



body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
pre,form,fieldset,input,textarea,p,blockquote,th,td
{
	margin: 0;
	padding: 0;
	font-style: normal;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}
h1,h2,h3,h4,h5,h6{
  font-size: 100%;
  font-weight: normal;
}
ol, ul{
    list-style:none;
}
fieldset, img{
  border: 0;
}
abbr,acronym{
  border: 0;
}
address,caption,cite,code,dfn,em,strong,th,var{
	font-style: normal;
	font-weight: normal;
}
a:link {
	color: #0000cc;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #0000cc;
}
a:hover {
	text-decoration: underline;
	color: #ff9900;
}
a:active {
	text-decoration: none;
	color: #ff9900;
}
.size12-black_c {
	font-size: 12px;
	text-align: center;
}
.size12-black {
	font-size: 12px;
}
.size16-black {
	font-size: 15px;
	font-weight: bold;
}
.size20-black {
	font-size: 20px;
	font-weight: bold;
}
.size24-black {
	font-size: 24px;
	font-weight: bold;
}
.size16-red {
	font-size: 16px;
	font-weight: bold;
	color: #cc0000;
}
.size20-red {
	font-size: 20px;
	font-weight: bold;
	color: #cc0000;
}
.size24-red {
	font-size: 24px;
	font-weight: bold;
	color: #cc0000;
}
.size36-red {
	font-size: 36px;
	font-weight: bold;
	color: #cc0000;
}
.size16-par {
	font-size: 16px;
	font-weight: bold;
	color: #990066;
}
.size20-per {
	font-size: 20px;
	font-weight: bold;
	color: #990066;
}
.backmarker {
	background: #fef44f;
}

h1 {
	background: none;
	font-size: 11px;
	padding: 0px;
	height: 23px;
	width: 100%;
	text-align: center; 
	text-indent:-9999px;
	margin-right: auto;
	margin-left: auto;
	position: fixed; top: 0px; left: 0px; 
	z-index: 200;
}
h2 {
	line-height: 0px;
	height: auto;
	margin: 0px;
	padding: 0px;
	width: 900px;
}
h3 {
	line-height: 0px;
	height: auto;
	margin: -0px -45px;
	padding: 0px;
	width: 800px;
	
}
h4 {
	font-size: 18px;
	font-weight: bold;
	border-bottom: 1px solid #CCCCCC;
	padding-bottom: 10px;
	margin-bottom: 20px;
}
h5 {
	font-size: 17px;
	font-weight: bold;
}
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

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

/*--------------------------
トップヘッド
--------------------------*/

#top-head {width:900px;
height:auto;
margin:0;
padding:0;
z-index:1;
}

/*--------------------------
グローバルメニュー
--------------------------*/
ul#topnav{
margin: 0px 0;
width: 900px;
height: 45px;
background:url(image/topnav.png) no-repeat 0 0;
}

ul#topnav li{float:left;list-style:none;width:180px;}

ul#topnav a{
text-indent: -9999px;
text-decoration: none;
display: block;
width: 180px;
height: 45px;
background:url(image/topnav.png) no-repeat;
}

ul#topnav a#home{background-position:0 0;}
ul#topnav a#about{background-position:-180px 0;}
ul#topnav a#menu{background-position:-360px 0;}
ul#topnav a#faq{background-position:-540px 0;}
ul#topnav a#map{background-position:-720px 0;}



ul#topnav a#home:hover, ul#topnav li.active a#home{background-position:0 -45px;}
ul#topnav a#about:hover, ul#topnav li.active a#about{background-position:-180px -45px;}
ul#topnav a#menu:hover, ul#topnav li.active a#menu{background-position:-360px -45px;}
ul#topnav a#faq:hover, ul#topnav li.active a#faq{background-position:-540px -45px;}
ul#topnav a#map:hover, ul#topnav li.active a#map{background-position:-720px -45px;}



/*--------------------------
タイマーエリア
--------------------------*/
#countarea {
    width: 100%; 
	height: 45px; 
	padding: 10px 0pt; 
	text-align: center; 
 /*タイマーのバックを透明にする場合は下記を削除*/
 /* background: none repeat scroll 0% 0% rgb(0, 0, 0);*/
	font-size: 24px; 
	font-weight: bold; 
	color: rgb(255, 255, 255); 
	position: absolute; top: 20px; left: 0pt; 
	z-index: 100;
}
/*タイマー使用の場合、bg header 画像のトップから20pxからタイマーエリア。そこから5pxからフォントになる*/

/*--------------------------
レイアウト
--------------------------*/


body {
	font: normal 15px/1.5em 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	color: #333333;
	margin: 0px;
	padding: 0px;
	text-align: center;
	background: #fef9d5 url(image/bg.jpg) no-repeat scroll center top;

}
#wrapper {	
	margin: 0px auto;
	padding: 0px;
	height: auto;
	width: 900px;
	background: #f0d202 url(image/wrap.png) repeat-y;
}
#header {
	margin: 0px;
	padding: 0px;
	height: auto;
	width: 900px;
}

#contents {
	padding: 0px 0px 10px;
	margin: 0px 50px;
	height: auto;
	width: 800px;
	text-align: left;
	background: #FFFFFF;
}
#contents-inner {	
	margin: 0px 45px;
	padding: 0px;
	height: auto;
	width: 710px;
}

/*--------------------------
お支払い方法エリア
--------------------------*/

#credit {
	background:#FFF;
	margin:30px 0px;
	padding:5px;
	width:698px;
	min-height:104px;
	border:#999 solid 1px;
}

/*--------------------------
申し込みボタンエリア
--------------------------*/
#button {
	width:710px;
	height:118px;
	text-align:center;
}



p.btn a { 
     
     width: 546px; 
     height: 68px; 
     margin: 0px auto; 
	 padding: 50px 0 0 0;
	 /*ボタンのフォントを画像にしない場合は下の２行を削除*/
	 text-indent: -99999px; 
     overflow: hidden; 
   	 font-size: 25px; 
	 color: #ffffff; 
	 cursor: pointer;
	 border: medium none; 
	 font-weight: bold; 
	 font-family: "メイリオ",Verdana,"Times New Roman"; 
     display: block; 
}

p.btn a:link {
	background: url('image/button/btn01.png') no-repeat scroll center top transparent;
}
p.btn a:visited {
	background: url('image/button/btn01.png') no-repeat scroll center top transparent;
}
p.btn a:hover {
	background: url('image/button/btn02.png') no-repeat scroll center top transparent;
}
p.btn a:active {
	background: url('image/button/btn01.png') no-repeat scroll center top transparent;
}



/*--------------------------
フォーム１
--------------------------*/

.formtext   {
     font-size: 12px;
     font-weight: bold;
     color: #ff9999;
}

#formarea { 
     width: 480px; 
     text-align: center; 
     margin: 30px auto; 
     padding: 0px; 
}

#formarea-top { 
     margin: 0px; 
     padding: 0px; 
     height: 364px; 
     background: url('image/formarea_top.jpg') no-repeat scroll center top transparent; 
}

#formarea-inner { 
     margin: 0px; 
     padding: 0px; 
     background: url('image/formarea_inner.jpg') repeat-y scroll center top transparent; 
}

#formarea form { 
     width: 400px; 
     margin: 0px auto; 
     text-align: center; 
}

#formarea table { 
     width: 360px; 
     background: none repeat scroll 0% 0% #333366; 
	 margin: 0px auto; 
	 padding: 4px; 
}

#formarea th { 
     font-size: 14px; 
     color: #ffffff; 
     padding: 5px 5px 5px 10px; 
     font-weight: bold; 
     text-align: left; 
}

#formarea td { 
     padding: 3px; 
     text-align: left; 
}

#formarea .text-a { 
     width: 200px; 
     padding: 2px;
}

#formarea .text-b { 
     width: 200px;
     padding: 2px; 
}

#formarea .formbtn_area { 
     padding: 0px; 
     margin: 20px 0px 0px; 
}

#formarea .btn { 
     background: url('image/button/formbtn.jpg') no-repeat scroll center top transparent; 
     width: 380px; 
     height: 75px; 
     margin: 0px auto; 
	 /*ボタンのフォントを画像にしない場合は下の２行を削除*/
	 text-indent: -99999px; 
     overflow: hidden; 
   	 font-size: 25px; 
	 color: #ffffff; 
	 cursor: pointer;
	 border: medium none; 
	 font-weight: bold; 
	 font-family: "メイリオ",Verdana,"Times New Roman"; 
     display: block; 
}

#formarea-bottom { 
     background: url('image/formarea_bottom.jpg') no-repeat scroll center top transparent; 
     height: 103px; 
}

/*--------------------------
フォーム２
--------------------------*/


#formarea02 {
     width: 810px; 
	 height: 250px; 
     text-align: center; 
     margin: 10px auto; 
     padding: 0px; 
	 background:url(image/formbg.jpg) left top no-repeat;
}

#formbox-left {
     width: 500px; 
	 height: 230px; 
	 float:left;
     text-align: left; 
     margin: 10px auto; 
     padding: 15px 0 0 10px; 
}

#formbox-right {
     width: 290px; 
	 height: 230px; 
	 float: right;
     text-align: left; 
     margin: 10px 10px 0px 0; 
     padding: 0px 0 0 0; 
}

.formBox{
	background:url() left top no-repeat;
	padding-left:0px;
	height:250px;
}
.box {
	margin: 0px;
	padding: 0px;
	height: auto;
	width: 610px;
}
.mailform th,
.mailform td{
	padding:5px 5px;
	vertical-align:middle;
}
.formTbox01{
	width:300px;
	border:3px solid #d2b616;
	padding:3px;
}
.formTbox02{
	width:98px;
	border:3px solid #d2b616;
	padding:3px;
}
.submitBtn{
	background:url(image/simg004.png) no-repeat;
	width:471px;
	height:74px;
	border:none;
	text-indent:-9999px;
	overflow:hidden;
	cursor:pointer;
}
	

.impactBox{
	padding:2px;
	height:180px;
	overflow:scroll-y;
}

.impact03  {
	background:url(image/impact_bg.jpg) no-repeat;
	font-weight: bold; 
	padding:5px; 
	color:#fff; 
	text-indent:-9999px;
	margin-top:0px;
}



/*--------------------------
フッター
--------------------------*/
#footerarea {
	margin: 0px 50px;
	padding: 25px 0px;
	height: auto;
	width: 800px;
	background: #FFFFFF url(image/footerline.png) no-repeat top;
}
div.copyright {
	font-size: 12px;
	color: #8b8a8a;
	text-align: center;	
}
div.footermenu {
	clear:both;
	margin: 50px 0px 0px;
	padding: 0px;
	height: auto;
	width: 710px;
	text-align: center;
}
div.footermenu ul {
}
div.footermenu li {
	font-size: 11px;
	list-style: none;
	display: inline;
	margin: 0px;
}






/*
━━━━━━━━━━━━━━━━━━━━━━━━━
ボックス
━━━━━━━━━━━━━━━━━━━━━━━━━ 
*/

.box {
	margin: 0px;
	padding: 0px;
	height: auto;
	width: 710px;
}
.box-top {
	text-align: left;
	vertical-align: top;
	margin: 0px;
	padding: 0px;
	line-height: 0px;
	height: auto;
	width: 710px;
}
.box-bottom {
	text-align: left;
	vertical-align: top;
	margin: 0px;
	padding: 0px;
	line-height: 0px;
	height: auto;
	width: 710px;
}
.box-inner {
	margin: 0px;
	padding: 0px 30px;
	height: auto;
	width: 650px;
}
div.box {
	margin: 30px 0px;
	padding: 0px;
	height: auto;
	width: 710px;
}
div.box-inner {
	margin: 5px 0px;
	padding: 0px;
	height: auto;
	width: 650px;
}
div.block {
	margin: 30px 0px;
	padding: 24px;
	width: 650px;
	background: #F0F0F0;
	border: 1px solid #CCCCCC;
}
div.block-inner {
	margin: 0px;
	padding: 0px;
	height: auto;
	width: 650px;
}


/*
━━━━━━━━━━━━━━━━━━━━━━━━━
inボックス
━━━━━━━━━━━━━━━━━━━━━━━━━ 
*/


.inbox {
	margin: 0px;
	padding: 0px;
	height: auto;
	width: 650px;
}
.inbox-top {
	text-align: left;
	vertical-align: top;
	margin: 0px;
	padding: 0px;
	line-height: 0px;
	height: auto;
	width: 650px;
}
.inbox-bottom {
	text-align: left;
	vertical-align: top;
	margin: 0px;
	padding: 0px;
	line-height: 0px;
	height: auto;
	width: 650px;
}
.inbox-inner {
	margin: 0px;
	padding: 0px 40px;
	height: auto;
	width: 570px;
}
div.inbox {
	margin: 30px 0px;
	padding: 0px;
	height: auto;
	width: 650px;
}
div.inbox-inner {
	margin: 5px 0px;
	padding: 0px;
	height: auto;
	width: 570px;
}
div.inblock {
	margin: 30px 0px;
	padding: 24px;
	width: 580px;
	background: #F0F0F0;
	border: 1px solid #CCCCCC;
}
div.inblock-inner {
	margin: 0px;
	padding: 0px;
	height: auto;
	width: 580px;
}


/*
━━━━━━━━━━━━━━━━━━━━━━━━━
ベネフィット
━━━━━━━━━━━━━━━━━━━━━━━━━ 
*/

div.check {
	margin: 0px auto;
	padding: 0px;
}
div.check ul {
}
div.check li {
	list-style: none;
	font-size: 18px;
	font-weight: bold;
	background: url(image/check.gif) no-repeat left top;
	padding-left: 28px;
	margin: 12px 0px;
}
div.check-small {
	margin: 0px auto;
	padding: 10px;
}
div.check-small ul {
}
div.check-small li {
	background: url(image/check2.gif) no-repeat left top;
	list-style: none;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-left: 20px;
	font-weight: bold;
	border-bottom: 1px dashed #efeeee;
}

/*--------------------------
QA
--------------------------*/

.q-left {
	border-bottom: 1px solid #CCCCCC;
	margin: 0px;
	padding: 0px 0px 10px;
	text-align: right;
	vertical-align: top;
	height: auto;
	width: 35px;
}
.q-right {
	border-bottom: 1px solid #CCCCCC;
	margin: 0px;
	padding: 0px 0px 5px 5px;
	width: 615px;
}
.a-left {
	margin: 0px;
	padding: 10px 0px 0px 0px;
	vertical-align: top;
	text-align: right;
	height: auto;
	width: 35px;
}
.a-right {
	margin: 0px;
	padding: 10px 0px 0px 5px;
	width: 615px;
}


/*end*/


