@charset "utf-8";


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

CSS information

 file name  :ondemand.css
 author     :Nihon Hicom
 style info :オンデマンド出版ページ設定用
 data       :2011.08.22
 name       :Masahiko Maruo
 
=================================================================== */


#ondemand_header{
	background:url(../../images/page_image/page_header.jpg) no-repeat;
	width:700px;
	height:20px;
}
#ondemand_main{
	background:url(../../images/page_image/page_main.jpg) repeat-y;
	width:660px;
	height:auto;
	padding:0 20px 0;
	overflow:hidden;
}
#ondemand_footer{
	background:url(../../images/page_image/page_footer.jpg) no-repeat;
	width:700px;
	height:20px;
}
#ondemand_main h2{
	color:#5f5f5f;
	font-size:20px;
	height:20px;
	margin-bottom:5px;
}
#ondemand_main h3{
	color:#7e974e;
	font-size:25px;
	height:25px;
	padding-bottom:15px;
	border-bottom:1px #CCC solid;
}
#ondemand_main h4#about{
	color:#7e974e;
	font-size:16px;
	height:16px;
	margin-bottom:5px;
}
.step_header{
	background:url(../../images/page_image/topics_images/topics_header.jpg) no-repeat;
	width:660px;
	height:10px;
}
.step_main{
	background:url(../../images/page_image/topics_images/topics_main.jpg) repeat-y;
	width:620px;
	height:auto;
	padding:10px 20px 5px;
	overflow:hidden;
}
.step_main_book{
	background:url(../../images/page_image/topics_images/topics_main.jpg) repeat-y;
	width:580px;
	height:auto;
	padding:20px 40px;
	overflow:hidden;
}
.step_footer{
	background:url(../../images/page_image/topics_images/topics_footer.jpg) no-repeat;
	width:660px;
	height:20px;
}
#example_book{
	margin-right:15px;
	border:1px #CCC solid;
	float:left;
	width:180px;
}
#example_book_detail{
	float:left;
	width:383px;
}
#example_book_detail h4{
	text-indent:-9999px;
	overflow:hidden;
	height:30px;
	background:url(../../images/page_image/ondemand_images/ondemand_title1.jpg) no-repeat;
	margin-bottom:20px;
}
#example_book_detail h5{
	margin-bottom:10px;
}
#example_book_detail p{
	font-size:14px;
	line-height:22px;
}
#example_book_detail p.author{
	padding:0 0 0 32px;
	background:url(../../images/single_images/author_icon.jpg) no-repeat left center;
	height:26px;
	line-height:26px;
	margin-bottom:10px;
}
#title{
	margin:20px 0 10px;
	width:660px;
	height:45px;
	background:url(../../images/page_image/ondemand_images/ondemand_title2.jpg) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}

#step1{
	margin-top:0px;
}
.step_main h4,.step_main p,.step_main ul,.step_main dl{
	float:left;
}
.step_main h4{
	width:91px;
	height:30px;
	margin-right:15px;
	color:#7e974e;
	font-size:17px;
	line-height:30px;
	padding: 0 0 0 36px;
}
.step_main p,.step_main dl{
	width:468px;
}
.step_main ul{
	margin-left:16px;
	width:452px;
}
.step_main dl dt{
	color:#7e974e;
	font-weight:bold;
	font-size:15px;
	width:468px;
	line-height:25px;
	border-bottom:1px #CCC solid;
	margin:10px 0 5px;
}
.step_main ul li{
	list-style:decimal;
	margin-bottom:10px;
}
span.danger{
	margin-top:10px;
	color:#F00;
}
#step1 h4{
	background:url(../../images/page_image/blanding_images/no1.jpg) no-repeat;
}
#step2 h4{
	background:url(../../images/page_image/blanding_images/no2.jpg) no-repeat;
}
#step3 h4{
	background:url(../../images/page_image/blanding_images/no3.jpg) no-repeat;
}
#step4 h4{
	background:url(../../images/page_image/blanding_images/no4.jpg) no-repeat;
}
#step5 h4{
	background:url(../../images/page_image/blanding_images/no5.jpg) no-repeat;
}
#step6 h4{
	background:url(../../images/page_image/blanding_images/no6.jpg) no-repeat;
}