@charset "utf-8";

div#container {
	margin:auto;
	width: 100%;
	text-align: center;
}

div#container_index {
	margin: auto;
	width: 100%;
	text-align: center;
	background-image: url(../images/index_130910.png);
	background-position: center top;
	background-repeat: no-repeat;
}

div#contents{
	width:970px;
	margin:0px auto;
	padding:0;
	position:relative;
}

div#contents_index{
	width:970px;
	margin:0px auto;
	padding:0;
	position:relative;
}

/*----------------------------------------
	戻る
----------------------------------------*/

.back {
	width:600px;
	margin:auto;
	text-align: right;
	padding-top:10px;
	padding-bottom: 20px;
}

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

div#box_left{
	float:left;
	width: 470px;
	margin-left: 4px;
	text-align: center;
}

div#box_right{
	width: 470px;
	margin-left: 477px;
	text-align: left;
}

div#spec_left{
	float:left;
	width: 400px;
	margin-left: 50px;
	text-align: center;
}

div#spec_right{
	width: 400px;
	margin-left: 490px;
}

div#tokuten_left{
	float:left;
	width: 400px;
	margin-top: 10px;
	margin-left: 70px;
	text-align: center;
}

div#tokuten_right{
	width: 400px;
	margin-top: 10px;
	margin-left: 477px;
	text-align: center;
}

/*----------------------------------------
	基本背景
----------------------------------------*/

#index_page{
	position:absolute;
	top:570px;
}

#round-head {
	width: 970px;
	height: 17px;
	background-image: url(../images/bg_top.png);
	padding: 0;
	margin: 0;
}

#round-body {
	clear : both ;
	padding: 10px 10px;
	background-image: url(../images/bg_middle.png);
	background-repeat: repeat-y;
	background-position: left top;
	text-align: center;
}

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

.clearfix {
  min-height: 1px;
}

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

#footer{
	clear : both ;
	position:relative;
	width:970px;
	height:247px;
	background-image: url(../images/foot_image.png);
	z-index: 0;
	margin:0px 0px 30px 0px;
}

#footer ul{
	position:absolute;
	top:5px;
	left:29px;
}

#footer li{
	list-style:none;
	float:left;
}

/*----------------------------------------
	インデックス　ナビゲーション関連
----------------------------------------*/


#index_header{
	position: relative;
	width: 970px;
	height: 730px;
}

#index_header ul{
	position:absolute;
	top:65px;
	left:830px;
}

#index_header li{
	list-style:none;
	float:left;
}

.navi01 a{
	position:absolute;
	top:5px;
	left:4px;
    display:block;
    width:150px;	height:50px;
    background-image:url(../images/navi_index.png);
    background-position:-4px -5px;
    background-repeat:no-repeat;
    text-indent:-1000em;
    text-decoration:none;
}

.navi01 a:hover{
    background-image:url(../images/navi_index.png);
    background-position:-4px -455px;
}

.navi02 a{
	position:absolute;
	top:60px;
	left:60px;
    display:block;
    width:110px;	height:50px;
    background-image:url(../images/navi_index.png);
    background-position:-60px -60px;
    background-repeat:no-repeat;
    text-indent:-1000em;
    text-decoration:none;
}

.navi02 a:hover{
    background-image:url(../images/navi_index.png);
    background-position:-60px -510px;
}

.navi03 a{
	position:absolute;
	top:115px;
	left:93px;
    display:block;
    width:170px;	height:50px;
    background-image:url(../images/navi_index.png);
    background-position:-93px -115px;
    background-repeat:no-repeat;
    text-indent:-1000em;
    text-decoration:none;
}

.navi03 a:hover{
    background-image:url(../images/navi_index.png);
    background-position:-93px -565px;
}

.navi04 a{
	position:absolute;
	top:171px;
	left:115px;
    display:block;
    width:135px;	height:50px;
    background-image:url(../images/navi_index.png);
    background-position:-115px -171px;
    background-repeat:no-repeat;
    text-indent:-1000em;
    text-decoration:none;
}

.navi04 a:hover{
    background-image:url(../images/navi_index.png);
    background-position:-115px -621px;
}

.navi05 a{
	position:absolute;
	top:227px;
	left:115px;
    display:block;
    width:170px;	height:50px;
    background-image:url(../images/navi_index.png);
    background-position:-115px -227px;
    background-repeat:no-repeat;
    text-indent:-1000em;
    text-decoration:none;
}

.navi05 a:hover{
    background-image:url(../images/navi_index.png);
    background-position:-115px -677px;
}

.navi06 a{
	position:absolute;
	top:283px;
	left:93px;
    display:block;
    width:130px;	height:50px;
    background-image:url(../images/navi_index.png);
    background-position:-60px -338px;
    background-repeat:no-repeat;
    text-indent:-1000em;
    text-decoration:none;
}

.navi06 a:hover{
    background-image:url(../images/navi_index.png);
    background-position:-60px -788px;
}

.navi07 a{
	position:absolute;
	top:338px;
	left:60px;
    display:block;
    width:150px;	height:50px;
    background-image:url(../images/navi_index.png);
    background-position:-4px -394px;
    background-repeat:no-repeat;
    text-indent:-1000em;
    text-decoration:none;
}

.navi07 a:hover{
    background-image:url(../images/navi_index.png);
    background-position:-4px -844px;
}

/*----------------------------------------
	ヘッド　ナビゲーション関連
----------------------------------------*/
#header1{
	position:relative;
	width:970px;
	height:176px;
	background-image: url(../images/head_image1.png);
	z-index: 0;
}

#header2{
	position:relative;
	width:970px;
	height:176px;
	background-image: url(../images/head_image2.png);
	z-index: 0;
}

#header3{
	position:relative;
	width:970px;
	height:176px;
	background-image: url(../images/head_image3.png);
	z-index: 0;
}

#header4{
	position:relative;
	width:970px;
	height:176px;
	background-image: url(../images/head_image4.png);
	z-index: 0;
}

#header5{
	position:relative;
	width:970px;
	height:176px;
	background-image: url(../images/head_image5.png);
	z-index: 0;
}

#page_header{
	position: relative;
	z-index: 128;
	width: 970px;
	height: 176px;
}

#page_header ul{
	position:absolute;
	top:0px;
	left:25px;
}

#page_header li{
	list-style:none;
	float:left;
}

.navi11 a{
	position:absolute;
	top:127px;
	left:33px;
    display:block;
    width:150px;	height:50px;
    background-image:url(../images/navi_index.png);
    background-position:-4px -5px;
    background-repeat:no-repeat;
    text-indent:-1000em;
    text-decoration:none;
}

.navi11 a:hover{
    background-image:url(../images/navi_index.png);
    background-position:-4px -455px;
}

.navi12 a{
	position:absolute;
	top:127px;
	left:177px;
    display:block;
    width:110px;	height:50px;
    background-image:url(../images/navi_index.png);
    background-position:-60px -60px;
    background-repeat:no-repeat;
    text-indent:-1000em;
    text-decoration:none;
}

.navi12 a:hover{
    background-image:url(../images/navi_index.png);
    background-position:-60px -510px;
}

.navi13 a{
	position:absolute;
	top:127px;
	left:281px;
    display:block;
    width:170px;	height:50px;
    background-image:url(../images/navi_index.png);
    background-position:-93px -115px;
    background-repeat:no-repeat;
    text-indent:-1000em;
    text-decoration:none;
}

.navi13 a:hover{
    background-image:url(../images/navi_index.png);
    background-position:-93px -565px;
}

.navi14 a{
	position:absolute;
	top:127px;
	left:453px;
    display:block;
    width:135px;	height:50px;
    background-image:url(../images/navi_index.png);
    background-position:-115px -171px;
    background-repeat:no-repeat;
    text-indent:-1000em;
    text-decoration:none;
}

.navi14 a:hover{
    background-image:url(../images/navi_index.png);
    background-position:-115px -621px;
}

.navi15 a{
	position:absolute;
	top:127px;
	left:585px;
    display:block;
    width:170px;	height:50px;
    background-image:url(../images/navi_index.png);
    background-position:-115px -227px;
    background-repeat:no-repeat;
    text-indent:-1000em;
    text-decoration:none;
}

.navi15 a:hover{
    background-image:url(../images/navi_index.png);
    background-position:-115px -677px;
}

.navi16 a{
	position:absolute;
	top:127px;
	left:754px;
    display:block;
    width:130px;	height:50px;
    background-image:url(../images/navi_index.png);
    background-position:-60px -338px;
    background-repeat:no-repeat;
    text-indent:-1000em;
    text-decoration:none;
}

.navi16 a:hover{
    background-image:url(../images/navi_index.png);
    background-position:-60px -788px;
}