@charset "utf-8";
/* CSS Document */

/*
	Site Name:  2009/2010 henry6th website
	Description: story/index.html setting
	Version: 
	Author: 
*/

/*
===== CONTENTS ===========================================

	1: btnArea 
	2: mainContents layout


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

/* -------------------------------------------------------
  1: btnArea 
------------------------------------------------------- */

#story div#btnArea {
	width        :940px;
	height       :55px;
	background   :url(../../story/img/bg_btn_area.gif) top left no-repeat;
}


/* -------------------------------------------------------
  2: mainContents layout
------------------------------------------------------- */

#mainContents {
	width        :902px;
	margin-left  :19px;
}

#mainContents h2 {
	width        :186px;
	float        :left;
	padding      :13px 24px 15px 18px;
}

#mainContents div.txtBoxL {
	width        :311px;
	float        :left;
	margin-right :22px;
}

#mainContents div.txtBoxR {
	width        :320px;
	float        :left;
}

#mainContents p.indent {
	text-indent:1em;
}


#mainContents div#txtArea01 {
	width        :902px;
	margin-top   :11px;
	background   :url(../../story/img/bg_story01_center.gif) top left repeat-y;
}

#mainContents div#txtArea02 {
	width        :902px;
	margin-top   :11px;
	background   :url(../../story/img/bg_story02_center.gif) top left repeat-y;
}

#mainContents div#txtArea03 {
	width        :902px;
	margin-top   :11px;
	background   :url(../../story/img/bg_story03_center.gif) top left repeat-y;
}

#mainContents div.storyArea {
	width        :653px;
	float        :left;
	margin-top   :15px;
	padding-bottom:15px;
	line-height  :1.5em;
}