/**********************************************

	story.css

**********************************************/

/***************** A development of products story *****************/

.story text2{
font-family: "cursive","serif","monospace"; 
font-weight: bold; 
color: #663333;  
}

.story div#contents
{
	background: url(../../products/images/products_bg.gif) repeat-y;
}

.story div#left{
	float: left;
	width: 170px;
}

.story div#right{
	float: left;
	width: 660px;
	padding-top: 9px;
	padding-bottom: 30px;
}

.story div#leftnavi
{
	margin: 1px 2px 0 0;
}
.story div#leftnavi ul
{
	list-style-type: none;
}

.story div#leftnavi a,
.story div#leftnavi span
{
	width: 153px;
	display: block;
	text-indent: -9999px;
	border-top: 1px solid #CBCBCB;
}

/* The first hierarchy */

.story .navi1
{
	height: 40px;
}
.story .navi1-on
{
	height: 40px;
	background-position: 0 -40px !important;
}
.story .navi1:hover
{
	background-position: 0 -40px !important;
}
.story #navi1-others
{
	padding: 18px 0 0 0;
}

.story #btn-navi1_mirrorcoat_k
{
	background: url(../../story/images/btn-navi1_mirrorcoat_k.gif) no-repeat;
}

/* The second hierarchy */
.story .navi2
{
	height: 33px;
}

.story .navi2:hover
{
	background-position: 0 -33px !important;
}

.story .navi2-on
{
	height: 33px;
	background-position: 0 -66px !important;
}
.story .navi2:hover
{
	background-position: 0 -33px !important;
}

.story #btn-navi2_1_chapter_1 /* Chapter 1 */
{
	background: url(../../story/images/btn-navi2_1_chapter_1.gif) no-repeat;
}
.story #btn-navi2_1_chapter_2 /* Chapter 2 */
{
	background: url(../../story/images/btn-navi2_1_chapter_2.gif) no-repeat;
}
.story #btn-navi2_1_chapter_3 /* Chapter 3 */
{
	background: url(../../story/images/btn-navi2_1_chapter_3.gif) no-repeat;
}
.story #btn-navi2_1_chapter_4 /* Chapter 4 */
{
	background: url(../../story/images/btn-navi2_1_chapter_4.gif) no-repeat;
}
.story #btn-navi2_1_chapter_5 /* Chapter 5 */
{
	background: url(../../story/images/btn-navi2_1_chapter_5.gif) no-repeat;
}

/* Font */
.text_type1
{
	font-size: 1.0em;; 
	color: #999999;
	background: #ffffff;
}

/* Common entry */

.story h2{
	background: #F8F6F6;
	border-left: 3px solid #314877;
	font-size: 1.2em;
	padding: 10px 0 7px 12px;
	margin-bottom: 15px;
}

.story h3{
	font-size: 1.2em;
	margin-bottom: 15px;
}

.story h4{
	font-size: 1em;
	margin-bottom: 5px;
}

.story h5{
	padding:5px 0 5px 15px;
	border-left:#996666 8px solid;
	border-bottom:#CCCCCC 1px solid;
	font-size: small;
	font-weight: bold;
	color:#333;
}

.story h6{
	font-size: 1.2em;
	margin-bottom: 5px;
	font-weight: bold;
	color:#9C533A;
}