/* index */

body{
	margin: 0px auto;
	padding:0;
	width: 100%;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: small;
	height:100%;
}
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}
/* header */
#head{
	height:78px;
	width:100%;
	background: url(./images/top_bg.jpg) repeat-x left top;
}
#hd1{
	width: 900px;
	height:78px;
	text-indent: -9999px;
	margin:0 auto 0 auto;
	padding:0px;
	display: block;
	overflow: hidden;
	background: url(./images/h1bg.gif) no-repeat left top;
}
#hd1 a{
	width: 161px;
	height:40px;
	text-indent: -9999px;
	background: url(./images/logo.jpg) no-repeat left top;
	margin:7px 0 0;
	display: block;
	overflow: hidden;
	float:left;
}

/* contents */
#page{
	clear:both;
	width: 900px;
	height:100%;
	background-color: #ffffff;
	margin:0 auto 0 auto;
	padding: 0;
	display:block;
}
#top{
	clear:both;
	width: 899px;
	height:598px;
	background: url(./images/top.jpg) no-repeat left top;
	margin:10px auto 10px auto;
	padding: 0;
	border:1px solid #000000;
	display:block;
}
/* common */

.pagetop{
	width:59px;
	height:11px;
	background: url(./images/pagetop.gif) no-repeat left bottom;
	float:right;
	margin-bottom:15px;
}
.pagetop a{
	width:59px;
	height:11px;
	text-indent:-9999px;
	display:block;
}
.page_img{
	width: 893px;
	margin: 0 auto;
}
.page_img img{
	width: 100%;
	height: auto;
}
/* navi */
#navi{
	margin:20px auto 20px auto;
	width:915px;
	padding:0;
	display:block;
}
#navi li{
	display:block;
	float:left;
	height:47px;
	text-indent:-9999px;
	display:block;
}
#navi li a{
	display:block;
	float:left;
	height:47px;
}

#n01{background: url(./images/n01a.jpg) no-repeat left bottom; width:195px;}
#n01 a{background: url(./images/n01.jpg) no-repeat left bottom; width:195px;}
#n01 a:hover{background:none;}

#n02{background: url(./images/n02a.jpg) no-repeat left bottom; width:197px;}
#n02 a{background: url(./images/n02.jpg) no-repeat left bottom; width:197px;}
#n02 a:hover{background:none;}

#n03{background: url(./images/n03a.jpg) no-repeat left bottom; width:298px;}
#n03 a{background: url(./images/n03.jpg) no-repeat left bottom; width:298px;}
#n03 a:hover{background:none;}

#n04{background: url(./images/n04a.jpg) no-repeat left bottom; width:202px;}
#n04 a{background: url(./images/n04.jpg) no-repeat left bottom; width:202px;}
#n04 a:hover{background:none;}
/* footer */
#foot{
	clear:both;
	width:100%;
	height:33px;
	background: url(./images/foot_bg.jpg) repeat-x left top;
	margin:0px auto;
	padding:0px;
	text-align:center;
	display:block;
	overflow:hidden;
}
.copy{
	display:block;
	color:#828282;
	padding-top:10px;
	font-size:0.85em;
}


/* index.html */
#btn01{
	width:337px;
	height:39px;
	position:relative;
	top:111px;
	left:55px;
	display:block;
	background: url(./images/btn01a.jpg) no-repeat left top;
}
#btn01 a{
	width:337px;
	height:39px;
	display:block;
	text-indent:-9999px;
	background: url(./images/btn01.jpg) no-repeat left top;
}
#btn01 a:hover{ background:none;}

#btn02{
	width:337px;
	height:39px;
	position:relative;
	top:245px;
	left:55px;
	display:block;
	background: url(./images/btn02a.jpg) no-repeat left top;
}
#btn02 a{
	width:337px;
	height:39px;
	display:block;
	text-indent:-9999px;
	background: url(./images/btn02.jpg) no-repeat left top;
}
#btn02 a:hover{ background:none;}

#btn03{
	width:337px;
	height:39px;
	position:relative;
	top:282px;
	left:55px;
	display:block;
	background: url(./images/btn03a.jpg) no-repeat left top;
}
#btn03 a{
	width:337px;
	height:39px;
	display:block;
	text-indent:-9999px;
	background: url(./images/btn03.jpg) no-repeat left top;
}
#btn03 a:hover{ background:none;}

#btn04{
	width:337px;
	height:39px;
	position:relative;
	top:319px;
	left:55px;
	display:block;
	background: url(./images/btn04a.jpg) no-repeat left top;
}
#btn04 a{
	width:337px;
	height:39px;
	display:block;
	text-indent:-9999px;
	background: url(./images/btn04.jpg) no-repeat left top;
}
#btn04 a:hover{ background:none;}

/* 02.html */
.tit02-01{
	width: 893px;
	height:39px;
	text-indent: -9999px;
	background: url(./images/03/tit.gif) no-repeat left top;
	margin:0px auto;
	padding:0px;
	display: block;
	overflow: hidden;
	float:left;
}
.img02-1{
	width: 893px;
	height:448px;
	text-indent: -9999px;
	background: url(./images/03/01.jpg) no-repeat left bottom;
	margin-top:5px;
	padding:0px;
	display: block;
	overflow: hidden;
	float:left;
}
.img02-2{
	width: 893px;
	height:472px;
	text-indent: -9999px;
	background: url(./images/03/02.jpg) no-repeat left bottom;
	margin-top:5px;
	padding:0px;
	display: block;
	overflow: hidden;
	float:left;
}
.img02-3{
	width: 893px;
	height:497px;
	text-indent: -9999px;
	background: url(./images/03/03.jpg) no-repeat left bottom;
	margin-top:5px;
	padding:0px;
	display: block;
	overflow: hidden;
	float:left;
}

/* 03.html */
.tit01{
	width: 893px;
	height:58px;
	text-indent: -9999px;
	background: url(./images/04/tit01.gif) no-repeat left top;
	margin:0px auto;
	padding:0px;
	display: block;
	overflow: hidden;
	float:left;
}
.tit01_1{
	width: 893px;
	height:40px;
	text-indent: -9999px;
	background: url(./images/04/hyojun.gif) no-repeat left bottom;
	margin-bottom:5px;
	padding:0px;
	display: block;
	overflow: hidden;
	float:left;
}
.tit01_2{
	width: 240px;
	height:40px;
	text-indent: -9999px;
	background: url(./images/04/jido.gif) no-repeat left bottom;
	margin-bottom:5px;
	padding:0px;
	display: block;
	overflow: hidden;
}
.tit01_3{
	width: 250px;
	height:40px;
	text-indent: -9999px;
	background: url(./images/04/timer.gif) no-repeat left bottom;
	margin-bottom:5px;
	padding:0px;
	display: block;
	overflow: hidden;
}
.tit01_4{
	width: 250px;
	height:40px;
	text-indent: -9999px;
	background: url(./images/04/office.gif) no-repeat left bottom;
	margin-bottom:5px;
	padding:0px;
	display: block;
	overflow: hidden;
}

.title{
	font-size:1.1em;
	font-weight:bold;
	padding-left:2px;
}
ul,li,p{
	margin:5px 0 0;
	padding:0;
	list-style:none;
}
li{
	padding:0;
	float:left;
	list-style:none;
	padding-right:5px;
	display:block;
}

.img01{
	width: 893px;
	height:218px;
	text-indent: -9999px;
	background: url(./images/04/01.jpg) no-repeat left bottom;
	margin-top:5px;
	margin-bottom:15px;
	padding:0px;
	display: block;
	overflow: hidden;
	float:left;
}
.img01-bottom{
	width: 893px;
	height:221px;
	text-indent: -9999px;
	background: url(./images/04/01-bottom.jpg) no-repeat left bottom;
	margin-bottom:50px;
	padding:0px;
	display: block;
	overflow: hidden;
	float:left;
}
.img02{
	width: 893px;
	height:250px;
	text-indent: -9999px;
	background: url(./images/04/05.jpg) no-repeat left bottom;
	margin-top:5px;
	padding:0px;
	display: block;
	overflow: hidden;
	float:left;
}
.img03{
	width: 893px;
	height:157px;
	text-indent: -9999px;
	background: url(./images/04/06.jpg) no-repeat left bottom;
	margin-top:5px;
	padding:0px;
	display: block;
	overflow: hidden;
	float:left;
}
.img04{
	width: 893px;
	height:280px;
	text-indent: -9999px;
	background: url(./images/04/11.gif) no-repeat left bottom;
	margin-top:5px;
	padding:0px;
	display: block;
	overflow: hidden;
	float:left;
}

.box{
	clear:both;
	width:450px;
	display: block;
	float:left;
}
.box02{
	clear:both;
	width:500px;
	display: block;
	float:left;
}
#ek01{
	background: url(./images/04/02.jpg) no-repeat left bottom;
	width:200px;
	/*height:310px;*/
	height:265px;
	/*float:left;*/
}
#ek02{
	background: url(./images/04/03.jpg) no-repeat left bottom;
	width:250px;
	height:385px;
	float:left;
}
#ek03{
	background: url(./images/04/04.jpg) no-repeat left bottom;
	width:400px;
	/*height:401px;*/
	height:358px;
	float:left;
}

.ss{
	width:200px;
}
.tit02{
	width: 893px;
	height:78px;
	text-indent: -9999px;
	background: url(./images/04/tit02.gif) no-repeat left bottom;
	margin:0px auto;
	padding:0px;
	display: block;
	overflow: hidden;
	float:left;
}
.tit03{
	width: 893px;
	height:78px;
	text-indent: -9999px;
	background: url(./images/04/tit03.gif) no-repeat left bottom;
	margin:0px auto;
	padding:0px;
	display: block;
	overflow: hidden;
	float:left;
}
.notes{
	float:right;
	color:#666;
	font-size:0.8em;
}
.btn{
	width:338px;
	height:61px;
	background: url(./images/04/btn.jpg) no-repeat left bottom;
	display:block;
	margin:25px auto 0 auto;
}
.btn a{
	width:338px;
	height:61px;
	text-indent:-9999px;
	display:block;
}

/* 01.html */
#main01{
	width:760px;
	background: url(./images/02/01_bg.jpg) no-repeat left top;
	padding:20px 0 0 140px;
}
.tit01-01{
	width:765px;
	height:132px;
	background: url(./images/02/tit01.gif) no-repeat left top;
	display: block;
	overflow: hidden;
}
.tit01-01 .txt{
	padding: 58px 0 0 0px;
	line-height: 180%;
	display: block;
	width: 730px;
	font-size: 13px;
	font-weight: bold;
}
.tit01-02{
	width:765px;
	height:521px;
	background: url(./images/02/tit02.gif) no-repeat left top;
	display: block;
	overflow: hidden;
	text-indent:-9999px;
}
.tit01_txt{
	text-indent:-70px;
	display: block;
	margin-left:185px;
}
.tit01-03{
	width:904px;
	height:44px;
	background: url(./images/02/tit03.gif) no-repeat left top;
	display: block;
	overflow: hidden;
	text-indent:-9999px;
}
.tit01-04{
	width:904px;
	height:76px;
	background: url(./images/02/tit04.gif) no-repeat left top;
	display: block;
	overflow: hidden;
	text-indent:-9999px;
}
.txt{
	display: block;
	margin-left:25px;
}
.tit02_txt{
	text-indent:90px;
	display: block;
}
.tit01-05{
	width:904px;
	height:57px;
	background: url(./images/02/tit05.gif) no-repeat left top;
	display: block;
	overflow: hidden;
	text-indent:-9999px;
}
.tit01-06{
	width:904px;
	height:270px;
	background: url(./images/02/tit06.gif) no-repeat left top;
	display: block;
	overflow: hidden;
	text-indent:-9999px;
}
.tit01-07{
	width:904px;
	height:57px;
	background: url(./images/02/tit07.gif) no-repeat left top;
	display: block;
	overflow: hidden;
	text-indent:-9999px;
}
#main02{
	width:760px;
	padding:0 0 0 100px;
}
.tit01-08{
	width:784px;
	height:155px;
	background: url(./images/02/tit08.gif) no-repeat left top;
	display: block;
	overflow: hidden;
	text-indent:-9999px;
}
.tit01-09{
	width:562px;
	height:24px;
	background: url(./images/02/tit09.gif) no-repeat left top;
	display: block;
	overflow: hidden;
	text-indent:-9999px;
}
#main02 table{
	margin-top:5px;
	width:100%;
	border-bottom:1px solid #999999;
	border-collapse:collapse;
	border-spacing:0;
}
#main02 td{
	border-top:1px solid #999999;
	text-align:center;
	padding:3px 0;
	font-size:0.9em;
}
.orange{ background-color:#FCE3C5;}
.blue{ background-color:#D2DDF0;}

.tit01-10{
	width:904px;
	height:52px;
	background: url(./images/02/tit10.gif) no-repeat left top;
	display: block;
	overflow: hidden;
	text-indent:-9999px;
}
#main03{
	width:670px;
	padding:30px 0 0 100px;
	margin-left:90px;
	background: url(./images/02/tit11.gif) no-repeat left top;
	line-height:160%;
	height:100px;
}
.tit01-11{
	width:904px;
	height:52px;
	background: url(./images/02/tit12.gif) no-repeat left top;
	display: block;
	overflow: hidden;
	text-indent:-9999px;
}
.tit01-12{
	width:801px;
	height:216px;
	background: url(./images/02/tit13.gif) no-repeat left top;
	display: block;
	overflow: hidden;
	text-indent:-9999px;
	margin-left:90px;
}
#main04{
	width:836px;
	margin:0 auto 0 auto;
}
.tit01-13{
	width:837px;
	height:55px;
	background: url(./images/02/tit14.gif) no-repeat left top;
	display: block;
	overflow: hidden;
	text-indent:-9999px;
}
.main04{
	background: url(./images/02/tit_bg.gif) repeat-y left top;
	padding-left:5px;
}
.main04 ul{
	margin:0 0 0 5px;
	padding:0;
	clear:both;
}
.main04 ul li{
	margin:0;
	padding:0;
	float:left;
}
#en01{
	background: url(./images/02/01.jpg) no-repeat left top; width:320px;height:57px; padding:190px 0 0 85px;
}
#en03{
	background: url(./images/02/03.jpg) no-repeat left top; width:400px;height:249px; padding:0 10px 0 5px; text-indent:-9999px;
}

.tit01-14{
	clear:both;
	width:822px;
	height:48px;
	background: url(./images/02/tit15.gif) no-repeat left bottom;
	display: block;
	overflow: hidden;
	text-indent:-9999px;
}
#en04{
	background: url(./images/02/04.gif) no-repeat left top; width:467px;height:133px; padding:0 15px 0 5px; text-indent:-9999px;
}

.tit01-15{
	clear:both;
	width:822px;
	height:48px;
	background: url(./images/02/tit16.gif) no-repeat left bottom;
	display: block;
	overflow: hidden;
	text-indent:-9999px;
}
#en05{
	background: url(./images/02/05.jpg) no-repeat left top; width:247px;height:30px; padding:233px 0 0 5px;
}
#en06{
	background: url(./images/02/06.jpg) no-repeat left top; width:289px;height:242px; padding:0 0 0 5px; text-indent:-9999px;
}
#en07{
	background: url(./images/02/07.jpg) no-repeat left top; width:259px;height:30px; padding:233px 10px 0 5px;
}
#en08{
	background: url(./images/02/08.jpg) no-repeat left top; width:458px;height:242px; padding:0 0 10px 5px; text-indent:-9999px;
}
#en09{
	background: url(./images/02/09.jpg) no-repeat left top; width:310px;height:242px; padding:0 0 10px 5px; text-indent:-9999px;
}
.tit01-16{
	width:837px;
	height:18px;
	background: url(./images/02/tit_btm.gif) no-repeat left top;
	display: block;
	overflow: hidden;
	text-indent:-9999px;
}
