H1   { 
     color: #EBE1C8; 
	 font-size: 11px; 
	 font-family: "‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";@
	 margin-top: 2px; 
	 margin-bottom: 2px;
 }
.font11 {
	font-family: "‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
	font-size: 11px;
	font-weight: normal;
}


a:link {
	color: #501E00;
	text-decoration: none;
}
a:visited {
	color: #783200;
	text-decoration: none;
}
a:hover {
	color: #783200;
	text-decoration: underline;
}
a:active {
	color: #501E00;
}


body,td,th {
	font-family: ‚l‚r ‚oƒSƒVƒbƒN, Osaka, ƒqƒ‰ƒMƒmŠpƒS Pro W3;
	color: #501E00;
}


body {
	background-color: #EBE1C8;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
.font12 {
	font-family: "‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
	font-size: 12px;
	font-weight: normal;
}
.font18bold {
	font-family: "‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
	font-size: 18px;
	font-weight: bold;
}
.font16bold {
	font-family: "‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
	font-size: 16px;
	font-weight: bold;
}
.font14bold_Beige {
	font-family: "‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
	font-size: 14px;
	font-weight: bold;
	color: #EBE1C8;
}



/*Μ—p’Η‰Α*/
.inu_back{
	background-color: #EBE1C8;
	background-image: url(../NEW_img/inu.gif);
	background-position: center bottom;
	height: 260px;
	
}




/*-------------------------------------------------------------------------------------OPEN‚¨’m‚η‚Ή’Η‰Α*/
.open_bg{
	background-image: url(../NEW_img/open_bg.gif);
	background-repeat: no-repeat;
}
.open_map{
	background-image: url(../NEW_img/open_mapl.jpg);
}





.story_box{
width: 916px;
height: 647px;
margin: 0 auto;
background-image: url("../img/story_top.jpg");
position: relative;
}

.story_box ul{
position: absolute;
list-style: none;
top: 100px;
left: 35px;
}

.story_box ul li{
margin: 3px 0;
}

.story_box ul li:nth-child(1){margin-left: -5px;}
.story_box ul li:nth-child(2){padding-left: 15px;}
.story_box ul li:nth-child(3){margin-left: -5px;}
.story_box ul li:nth-child(4){padding-left: 15px;}
.story_box ul li:nth-child(5){margin-left: -5px;}
.story_box ul li:nth-child(6){padding-left: 5px;}

a{
transition: .2s;
}

.story_box ul li a:hover{
opacity: 0.7;
transition: .2s;
}

.back a{
padding: 5px 10px;
font-size: 12px;
color: #F5EBDC;
display: inline-block;
background-color: #3C1603;
color: #fff;
position: absolute;
bottom: 50px;
left: 50px;
}

.back a:hover{
text-decoration: none;
opacity: 0.7;
transition: .2s;
}


.inner{
text-align: center;
}

img{
vertical-align: bottom;
}

.inner{
width: 917px;
margin: 0 auto;
position: relative;
}

.inner a{
position: absolute;
}

.inner a.top{
top: 150px;
right: 50px;
}

.inner a.btm{
bottom: 110px;
left: 70px;
}

.inner.story_vol02 a.btm{bottom: 130px;}
.inner.story_vol03 a.btm{bottom: 135px;}
.inner.story_vol04 a.btm{bottom: 160px;}
.inner.story_vol05 a.btm{bottom: 125px;}