@charset "utf-8";


/*=========================================
	index
===========================================*/

body {
height: auto;
}

#index {
	background: url(images/wrap_index.jpg) no-repeat center top;
	height: 100%;
	width: 100%;
	margin: 0 auto;
 }

#index #main {
	height: 4620px;
	width: 980px;
	margin: 0 auto;
	text-align: left;
	position: relative;
}

/*=========================================
	LEFT 
===========================================*/


#left {
	height: 1500px;
	width: 565px;
	margin: 0;
	position: absolute;
	left: -490px;
	top: 0px;
	z-index: 10px;
	background: url(images/left_index.jpg) no-repeat left top;
}

#left02 {
	height: 900px;
	width: 165px;
	margin: 0;
	position: absolute;
	left: -655px;
	top: 0px;
	background: url(images/left02_index.jpg) no-repeat right top;
	overflow: hidden;
}

/*=========================================
	RIGHT
===========================================*/

#right{
	height: 5065px;
	width: 415px;


	margin,padding: 0 ;
	position: absolute;
	left: 565px;
	top: 0px;
	z-index:100;
}

#right2{
	height: 4620px;
	width: 415px;
	margin,padding: 0;
	position: relative;
}

#menu{
	height: 4620px;
	width: 415px;
	position: absolute;
	left: 0px;
	top: 0px;
}

#story{
	height: 4620px;
	width: 375px;
	position: relative;
}



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

.min_tit{
	background:url(images/com_tit.gif) left top repeat-y;
	padding:2px 0 0 15px;
	margin-bottom:15px;
	font-weight: bold;
	font-size: 120%;
}

.koutei{
	padding:0 0 0 53px;
	background:url(images/under.gif) left bottom no-repeat;
}




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

/*--guidance-------------------------------*/

.haa{
	width: 60px;
	height: 208px;
	margin-top: 125px;
	margin-left:3px;
	background: url(images/ha_menu-trans.png) no-repeat center top;
	text-indent: -9999px;
}
*html .haa{
	width: 56px;
	height: 208px;
	margin-top: 125px;
	margin-left:7px;
	background: url(images/ha_menu-trans.png) no-repeat center top;
	text-indent: -9999px;
}


/*=========================================
	RIGHT
===========================================*/

#title {
	height: 376px;
	width: 86px;
	position: absolute;
	top: 55px;
	left: 287px;
}

#sub01{
	padding-top: 85px;
text-align: left;
}

#sub02{
	padding: 0;
	text-align: right;
}

#sub03{
	padding: 0;
	text-align: left;
}

#sub04{
	padding: 0;
	text-align: right;
}


#sub05{
	padding: 0;
	text-align: left;
}


#sub00{
	padding-bottom: 40px;
	text-align: left;
}

#sub06{
	padding: 0;
	text-align: right;
}


#sub07{
	padding: 0;
	text-align: right;
}

#sub08{
	padding: 0;
	text-align: right;
}

.stitle{
	height: 15px;
	width: 375px;
	text-align: right;
}


.stitle2{
	height: 15px;
	width: 375px;
	text-align: left;
}

.text {
	padding-top: 15px;
	padding-bottom: 20px;
	width:255px;
	text-align:left;
}


.text2 {
	padding: 15px 0 0 140px;
	padding-bottom: 20px;
	width:235px;
}


.text3 {
	padding: 15px 0 0 175px;
	padding-bottom: 20px;
	width:200px;
}

.text4 {
	padding: 225px 0 20px 118px;
	padding-bottom: 20px;
	width:260px;
}

.text5 {
	padding: 25px 0 0 220px;
	padding-bottom: 80px;
	width:160px;
}



p {
	margin-top: 0;
	margin-bottom: 20px;
}

.next {
	height: 17px;
	width: 375px;
	text-align: right;
}


.back {
	height: 17px;
	width: 375px;
	text-align: left;
}

.back2 {
	height: 17px;
	width: 375px;
	text-align: right;
}




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


.menu_alow {
margin:0 8px 0 0;
}


/*メニュー写真背景指定*/
/*=======================================================================================*/

#m01_bg {
	background:url(images/01_bg.jpg) no-repeat right top;
	width:375px;
	height:396px;
	left:40px;
	position:absolute;
	top:0;
	z-index:20;
}


#m02_bg {
	background:transparent url(images/02_bg.jpg) no-repeat left top;
	width:375px;
	height:376px;
	position:absolute;
	left:0px;
	top:505px;
	z-index:20;
}


#m03_bg {
	background:transparent url(images/03_bg.jpg) no-repeat right top;
	width:375px;
	height:315px;
	left:40px;
	position:absolute;
	top:1002px;
	z-index:20;
}


#m04_bg {
background:transparent url(images/04_bg.jpg) no-repeat left top;
width:375px;
height:373px;
left:0px;
position:absolute;
top:1430px;
z-index:20;
padding-top:50px;
}


#m05_bg {
	background:transparent url(images/05_bg.jpg) no-repeat right top;
	width:375px;
	height:300px;
	left:40px;
	position:absolute;
	top:1883px;
	z-index:20;
	padding-top:50px;
}

#m08_bg {
	background:transparent url(images/08_bg.jpg) no-repeat left 20px;
	width:375px;
	height:344px;
	left:0px;
	position:absolute;
	top:2320px;
	z-index:20;
}

#gentei_bg {
background:transparent url(images/syouga_bg.jpg) no-repeat left top;
width:375px;
height:373px;
left:0px;
position:absolute;
top:2794px;
z-index:20;
padding-top:50px;
}

/*
#gentei_bg2 {
background:transparent url(images/kiui_bg.jpg) no-repeat left top;
width:375px;
height:373px;
left:0px;
position:absolute;
top:2744px;
z-index:20;
padding-top:50px;
}
*/

/*
#reimen_bg {
	width:421px;
	height:331px;
	left:0px;
	position:absolute;
	top:3200px;
	z-index:20;
}
*/

/*
#m00_bg {
	width:375px;
	height:370px;
	left:0px;
	position:absolute;
	top:3290px;
	z-index:20;
}
*/


#m06_bg {
	background:transparent url(images/06_bg.jpg) no-repeat left 100px;
	width:375px;
	height:354px;
	left:0px;
	position:absolute;
	top:3270px;
	z-index:20;
}


#m07_bg {
	left:0px;
	position:absolute;
	top:4094px;
	z-index:20;
}


#m07a_bg {
	background:transparent url(images/07a_bg.jpg) no-repeat left top;
	width:378px;
	height:281px;
	left:0px;
	position:absolute;
	top:4169px;
	z-index:20;
}


#m07b_bg {
	background:transparent url(images/07b_bg.jpg) no-repeat left top;
	width:378px;
	height:306px;
	left:0px;
	position:absolute;
	top:4479px;
	z-index:20;
}

#m07c_bg {
	background:transparent url(images/07c_bg.jpg) no-repeat left 40px;
	width:378px;
	height:348px;
	left:0px;
	position:absolute;
	top:4769px;
	z-index:10;
}

#m07d_bg {
	background:transparent url(images/07d_bg.jpg) no-repeat left 10px;
	width:378px;
	height:308px;
	left:0px;
	position:absolute;
	top:5109px;
	z-index:10;
}

#m07e_bg {
	background:transparent url(images/07e_bg.jpg) no-repeat left 88px;
	width:378px;
	height:400px;
	left:0px;
	position:absolute;
	top:5399px;
	z-index:10;
}

.heijitsu{
margin-top: 25px;
}

.menu_other_page {
	position:absolute;
	top:5839px;
	left:36px;
	height:110px;
	width: 348px;
}

.menu_other_page li {
	float:left;
	margin-right: 9px;
}


.menu_pagetop {
	position:absolute;
	top:5879px;
	left:6px;
	height: 13px;
	width: 375px;
	text-align: right;
}

#b_sp{
	background:transparent url(../images/sp.gif);
	position:absolute;
	top:4931px;
	left:0px;
	height:60px;
	width: 375px;
}


.ml40{margin-left:40px;}
.mr40{margin-left:-40px;}
.mt40{margin-top:40px;}


/*---------------------------------------------
menu-navi
---------------------------------------------*/

/* menu01 特塩
---------------------------------------------*/
.navi_menu01 {
width : 130px ;
height : 20px ;
}

.navi_menu01 a{
display : block ;
width : 130px ;
height : 20px ;
background-repeat : no-repeat ;
background-position : top left ;
}

.navi_menu01 a:link {
	background-image : url(images/menu01-trans.png);
	background-repeat: no-repeat;
}

.navi_menu01 a:visited{
	background-image : url(images/menu01-trans.png);
	background-repeat: no-repeat;
}

.navi_menu01 a:hover{
	background-image : url(images/menu01_on-trans.png);
	background-repeat: no-repeat;
}

.navi_menu01 a:active{
	background-image : url(images/menu01_on-trans.png);
	background-repeat: no-repeat;
}

/* 02
---------------------------------------------*/
.navi_menu02 {
width : 130px ;
height : 20px ;
}

.navi_menu02 a{
display : block ;
width : 130px ;
height : 20px ;
background-repeat : no-repeat ;
background-position : top left ;
}

.navi_menu02 a:link {
	background-image : url(images/menu02-trans.png);
	background-repeat: no-repeat;
}

.navi_menu02 a:visited{
	background-image : url(images/menu02-trans.png);
	background-repeat: no-repeat;
}

.navi_menu02 a:hover{
	background-image : url(images/menu02_on-trans.png);
	background-repeat: no-repeat;
}

.navi_menu02 a:active{
	background-image : url(images/menu02_on-trans.png);
	background-repeat: no-repeat;
}


/* 03
---------------------------------------------*/
.navi_menu03 {
width : 130px ;
height : 20px ;
}

.navi_menu03 a{
display : block ;
width : 130px ;
height : 20px ;
background-repeat : no-repeat ;
background-position : top left ;
}

.navi_menu03 a:link {
	background-image : url(images/menu03-trans.png);
	background-repeat: no-repeat;
}

.navi_menu03 a:visited{
	background-image : url(images/menu03-trans.png);
	background-repeat: no-repeat;
}

.navi_menu03 a:hover{
	background-image : url(images/menu03_on-trans.png);
	background-repeat: no-repeat;
}

.navi_menu03 a:active{
	background-image : url(images/menu03_on-trans.png);
	background-repeat: no-repeat;
}

/* 04
---------------------------------------------*/
.navi_menu04 {
width : 130px ;
height : 20px ;
}

.navi_menu04 a{
display : block ;
width : 130px ;
height : 20px ;
background-repeat : no-repeat ;
background-position : top left ;
}

.navi_menu04 a:link {
	background-image : url(images/menu04-trans.png);
	background-repeat: no-repeat;
}

.navi_menu04 a:visited{
	background-image : url(images/menu04-trans.png);
	background-repeat: no-repeat;
}

.navi_menu04 a:hover{
	background-image : url(images/menu04_on-trans.png);
	background-repeat: no-repeat;
}

.navi_menu04 a:active{
	background-image : url(images/menu04_on-trans.png);
	background-repeat: no-repeat;
}


/* 05
---------------------------------------------*/
.navi_menu05 {
width : 130px ;
height : 20px ;
}

.navi_menu05 a{
display : block ;
width : 130px ;
height : 20px ;
background-repeat : no-repeat ;
background-position : top left ;
}

.navi_menu05 a:link {
	background-image : url(images/menu05-trans.png);
	background-repeat: no-repeat;
}

.navi_menu05 a:visited{
	background-image : url(images/menu05-trans.png);
	background-repeat: no-repeat;
}

.navi_menu05 a:hover{
	background-image : url(images/menu05_on-trans.png);
	background-repeat: no-repeat;
}

.navi_menu05 a:active{
	background-image : url(images/menu05_on-trans.png);
	background-repeat: no-repeat;
}


/* 06
---------------------------------------------*/
.navi_menu06 {
width : 130px ;
height : 20px ;
}

.navi_menu06 a{
display : block ;
width : 130px ;
height : 20px ;
background-repeat : no-repeat ;
background-position : top left ;
}

.navi_menu06 a:link {
	background-image : url(images/menu06-trans.png);
	background-repeat: no-repeat;
}

.navi_menu06 a:visited{
	background-image : url(images/menu06-trans.png);
	background-repeat: no-repeat;
}

.navi_menu06 a:hover{
	background-image : url(images/menu06_on-trans.png);
	background-repeat: no-repeat;
}

.navi_menu06 a:active{
	background-image : url(images/menu06_on-trans.png);
	background-repeat: no-repeat;
}


/* 07
---------------------------------------------*/
.navi_menu07 {
width : 130px ;
height : 20px ;
}

.navi_menu07 a{
display : block ;
width : 130px ;
height : 20px ;
background-repeat : no-repeat ;
background-position : top left ;
}

.navi_menu07 a:link {
	background-image : url(images/menu07-trans.png);
	background-repeat: no-repeat;
}

.navi_menu07 a:visited{
	background-image : url(images/menu07-trans.png);
	background-repeat: no-repeat;
}

.navi_menu07 a:hover{
	background-image : url(images/menu07_on-trans.png);
	background-repeat: no-repeat;
}

.navi_menu07 a:active{
	background-image : url(images/menu07_on-trans.png);
	background-repeat: no-repeat;
}


/* 08
---------------------------------------------*/
.navi_menu08 {
width : 130px ;
height : 20px ;
}

.navi_menu08 a{
display : block ;
width : 130px ;
height : 20px ;
background-repeat : no-repeat ;
background-position : top left ;
}

.navi_menu08 a:link {
	background-image : url(images/menu08-trans.png);
	background-repeat: no-repeat;
}

.navi_menu08 a:visited{
	background-image : url(images/menu08-trans.png);
	background-repeat: no-repeat;
}

.navi_menu08 a:hover{
	background-image : url(images/menu08_on-trans.png);
	background-repeat: no-repeat;
}

.navi_menu08 a:active{
	background-image : url(images/menu08_on-trans.png);
	background-repeat: no-repeat;
}