@charset "UTF-8";

/* CSS Document */



@import "/lib/cmn_css/component.css";



/* rollOver */

#contents ul#storyBnnList {

	display: block;

	padding-bottom: 10px;

	width: 635px;

}



#contents ul#storyBnnList li {

	height: 60px;

	float: left;

	margin: 0;

}



#contents ul#storyBnnList li a {

	height: 60px;

	display: block;

}



#contents ul#storyBnnList li.story1{

 background: url(/story/images/p_story_01_h.jpg);

	margin-right: 5px;

	width: 186px;

}

#contents ul#storyBnnList li.story2{

 background: url(/story/images/p_story_02_h.jpg);

	margin-right: 5px;

	width: 212px;

}

#contents ul#storyBnnList li.story3{

 background: url(/story/images/p_story_03_h.jpg);

	width: 227px;

}



#contents ul#storyBnnList img {	vertical-align: top;}

#contents ul#storyBnnList li a:hover{	background-color: transparent;}

#contents ul#storyBnnList li a:hover img{	visibility: hidden;}









#contents p.storyPage {

	width: 635px;

}



#contents p.storyPage a {

	background: #FFFFFF;

	border: 1px solid #77B2D4;

	margin: 0 5px;

	position: relative;

	padding: 5px;

}



#contents p.storyPage strong {

	background: #77B2D4;

	border: 1px solid #FFFFFF;

	color: #FFFFFF;

	margin: 0 5px;

	position: relative;

	padding: 5px;

}



#contents p.storyPage a:link{	color: #77B2D4;}

#contents p.storyPage a:visited {	color: #77B2D4;}

#contents p.storyPage a:hover {	color: #77B2D4;}



#contents div.pageTrans {

	background: url(/story/images/bg_story_page_btm.gif) left bottom no-repeat;

	background-color: #EFEFEF;

	clear: both;

	margin-top: 10px;

	padding-bottom: 8px;

	width: 635px;

}



/* safari3.x hack */

@media screen and (-webkit-min-device-pixel-ratio:0){

	#contents div.pageTrans {

	padding-bottom: 4px;

 }

}



#contents div.pageTransTop {

	background: url(/story/images/bg_story_page_top.gif) left top no-repeat;

	padding-top: 10px;

	width: 635px;

}



#contents div.pageTrans p.pageNext {

	font-size: 0;

	float: right;

	text-align: right;

	line-height: 100%;

	padding-bottom: 0;

	width: 90px;

}



#contents div.pageTrans p.pageBack {

	font-size: 0;

	float: left;

	line-height: 100%;

	padding-bottom: 0;

	width: 90px;

}



#contents div.pageTrans p.storyPage {

	display: inline;

	float: left;

	text-align: center;

	margin-left: 100px;

	padding-bottom: 0;

	width: 435px;

}



#contents div.pageTrans p.st2Posi {

	margin-left: 10px;

}



/* story1.html */

#contents div.st1Right {

	float: left;

	text-align: right;

	padding-bottom: 30px;

	width: 306px;

}



#contents div.str1Txt {

	float: left;

	padding-bottom: 30px;

	width: 305px;

}



/* story2.html */

#contents div.st2Flower {

	background: url(/story/images/bg_story2_btm.gif) left bottom no-repeat;

	clear: both;

	margin-bottom: 28px;

	padding-bottom: 29px;

	width: 635px;

}



#contents ul.flowerList {

	margin-left: 60px;

	width: 513px;

}



#contents ul.flowerList li {

	float: left;

	width: 171px;

}



#contents .textHead {

	clear: both;

	font-size: 0;

	line-height: 100%;

	margin-bottom: 12px;

	width: 615px;

}



#contents div.budBox {

	clear: both;

	width: 602px;

}



#contents div.budPhoto {

	float: left;

	padding-bottom: 30px;

	width: 102px;

}



#contents div.budTxt {

	float: left;

	padding-bottom: 30px;

	width: 500px;

}



#contents div.budTxt h5 {

	font-size: 0;

	line-height: 100%;

	margin-bottom: 11px;

}





/* story3.html */

#contents div.stDevelop {

	clear: both;

	height: 370px;

	margin-bottom: 30px;

	width: 635px;

}



#contents div.stDevelopL {

	float: left;

	height: 370px;

	width: 276px;

}



#contents div.stDevelopR {

	float: left;

	height: 370px;

	width: 359px;

}



#contents div.stDevelopR h3,

#contents div.stDevelopR p {

	font-size: 0;

	line-height: 100%;

	padding: 0 !important;

}



#contents div.budArray {

	float: left;

	margin-right: 10px;

	width: 290px;

}