@charset "utf-8";


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

.haa{
	width: 60px;
	height: 166px;
	margin-top: 125px;
	margin-left:3px;
	background: url(images/ha_ryoka-ism-trans.png) no-repeat center top;
	text-indent: -9999px;
}

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



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

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

#sub01{
	padding-top: 180px;
}

#sub02{
	padding: 0;
}

#sub03{
	padding: 0;
}

#sub04{
	padding: 0;
}

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

.text {
	padding-top: 15px;
	padding-bottom: 20px;
}

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

.next {
	height: 17px;
	width: 375px;
	text-align: right;
	margin-top: 8px;
	margin-bottom: 8px;
}

.next2 {
	height: 17px;
	width: 375px;
	text-align: left;
	margin-top: 8px;
	margin-bottom: 8px;
}

.back {
	height: 17px;
	width: 375px;
	text-align: right;
	margin-bottom: 13px;
}

.pagetop {
	height: 13px;
	width: 375px;
	text-align: right;
}

.other_page {
	height: 53px;
	margin-top:20px;

}

.other_page li{
	margin-right: 15px;
	float: left;
}

*html .other_page li{
	margin-right: 9px;
	float: left;
}


/*---------------------------------------------
ryoka-ism-navi
---------------------------------------------*/

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

/* produce 01
---------------------------------------------*/
.produce01 {
width : 130px ;
height : 20px ;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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



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

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

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

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

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

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

/* will 01
---------------------------------------------*/
.will01 {
width : 130px ;
height : 20px ;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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