@charset "utf-8";
/* ------- css list created date 2013
index
story
--------------------- */

/* -------------------------------
index
------------------------------- */
#index #globalNavArea{
	height:400px;
}
#visual{
position: relative;
width:100%;
height:354px;
text-align:left;
}
#index #ttlHl001{
	height:26px;
	background: url(images/index_ttl_hl_001.png) no-repeat left top;
}
#index #txt001{
	margin-top:40px;
	height:167px;
	background: url(images/index_txt_001.png) no-repeat left top;
}
#index #sec01{
	margin-top:20px;
}
#index #sec02{
	margin-top:50px;
}
#index #ttlMl001{
	height:57px;
	background: url(images/index_ttl_ml_001.png) no-repeat left top;
}
#index #ttlMl002{
	height:57px;
	background: url(images/index_ttl_ml_002.png) no-repeat left top;
}
.chapterIndexList{
	margin:30px 0 0 0;
	padding: 0;
	list-style-type: none;
}
.chapterIndexList li:after{
	content: " ";
	display: block;
	height: 0;
	clear: both;
	line-height:0;
	visibility: hidden;
}
.chapterIndexList li{
	padding:12px 0 12px 29px;
	background: url(../common/images/icon_btn_arrow.png) no-repeat left 13px;
	zoom:1;
	line-height: 1.5;
	border-bottom:1px solid #e5e5e5;
}
.chapterIndexList li:first-child{
	border-top:1px solid #e5e5e5;
}
.chapterIndexList li a,
.chapterIndexList li span{
	float:left;
	display: block;
	text-decoration: none !important;
}
.chapterIndexList li a{
	width:380px;
}
.chapterIndexList li a:hover{
	text-decoration: underline !important;
}

/* -------------------------------
story
------------------------------- */
.story #contents{
	padding-top:60px;
}
.story div.txtBlock{
	margin-top:2em;
}
.story p{
	text-indent: 1em;
	line-height: 2.5;
}
.story .txtSl{
	margin:2em 0;
	font-size:16px;
	font-weight:bold;
}
.story .photo{
	margin:1em 0;
}
.story .photo + p,
.story .photo + .txtBlock{
	margin-top:0;
}
.story .haiku{
	margin:1em 0;
	font-weight: bold;
}
#story_01_01 #ttlHl001,
#story_01_02 #ttlHl001,
#story_01_03 #ttlHl001,
#story_01_04 #ttlHl001{
	height:26px;
	background: url(images/story_01_01_ttl_hl_001.png) no-repeat left top;
}
#story_02_01 #ttlHl001,
#story_02_02 #ttlHl001,
#story_02_03 #ttlHl001,
#story_02_04 #ttlHl001{
	height:26px;
	background: url(images/story_02_01_ttl_hl_001.png) no-repeat left top;
}
#story_01_01 #ttlMl001{
	margin-top:40px;
	height:93px;
	background: url(images/story_01_01_ttl_ml_001.png) no-repeat left top;
}
#story_01_02 #ttlMl001{
	margin-top:40px;
	height:93px;
	background: url(images/story_01_02_ttl_ml_001.png) no-repeat left top;
}
#story_01_03 #ttlMl001{
	margin-top:40px;
	height:93px;
	background: url(images/story_01_03_ttl_ml_001.png) no-repeat left top;
}
#story_01_04 #ttlMl001{
	margin-top:40px;
	height:93px;
	background: url(images/story_01_04_ttl_ml_001.png) no-repeat left top;
}
#story_02_01 #ttlMl001{
	margin-top:40px;
	height:93px;
	background: url(images/story_02_01_ttl_ml_001.png) no-repeat left top;
}
#story_02_02 #ttlMl001{
	margin-top:40px;
	height:93px;
	background: url(images/story_02_02_ttl_ml_001.png) no-repeat left top;
}
#story_02_03 #ttlMl001{
	margin-top:40px;
	height:93px;
	background: url(images/story_02_03_ttl_ml_001.png) no-repeat left top;
}
#story_02_04 #ttlMl001{
	margin-top:40px;
	height:93px;
	background: url(images/story_02_04_ttl_ml_001.png) no-repeat left top;
}