/*
===========================================================
	otherpage.css
===========================================================
*/
div#contents p.page_top {
	margin:20px 10px 0px 0px;
	text-align:right;
}

/* -- faq.html -- */
div#contents div#faq a {
	color:#333333;
	text-decoration:none;
	}
div#contents div#faq a:hover {
	color:#1a8ec8;
	text-decoration:underline;
}
div#contents div#faq a:visited {
	color:#666666;
	text-decoration:none;
}
div#contents div#faq li {
	padding:0px 20px 5px 20px;
	background:url(../img/faq_list.jpg) 0px 3px no-repeat;
}
div#contents div#faq h3 {
	margin-left:10px;
	padding:3px 20px 3px 23px;
	color:#666666;
	background:#fef1e8 url(../img/faq_q.jpg) 0px 6px no-repeat;
}
div#contents div#faq p {
	margin-left:10px;
	padding:0px 20px 0px 23px;
	background:url(../img/faq_a.jpg) 0px 3px no-repeat;
}
div#contents div#faq p.page_top {
	margin:20px 10px 30px 23px;
	background:none;
	text-align:right;
}
	div#contents div#faq p.page_top a {
		color:#1a8ec8;
	}
	
/* -- flow.html -- */
div#contents ul#flow_list {
	padding:25px 0px 15px 0px;
	margin:0px 0px 0px 18px;
}
	div#contents ul#flow_list li {
		display:inline;
		list-item-position:inside;
		margin-right:5px;
		padding:10px 8px 8px 8px;
		background-color:#fff2f2;
		background-image:none;
		border:1px #8e2e28 solid;
	}

table.layout_step {
	margin:20px 20px 0px 10px;
}
	table.layout_step td {
		padding:8px;
		line-height:160%;
		vertical-align:top;
	}
	table.layout_step td h3 {
		margin:0px 0px 5px 0px !important;
		padding:5px !important;
		background-color:#e6f0cb !important;
	}

/* -- genre.html -- */
div#contents div.genre_photo {
	width:223px;
	float:right;
	margin-top:20px;
	text-align:right;
}
div#contents div.genre_photo img {
	margin-bottom:10px;
}

/* -- genre.html -- */
div#contents ul#genre_example {
	padding:25px 0px 15px 0px;
	margin:0px 0px 0px 30px;
}
	div#contents ul#genre_example li {
		display:inline;
		list-item-position:inside;
		margin-right:5px;
		padding:10px 8px 8px 8px;
		background-color:#fff2f2;
		background-image:none;
		border:1px #8e2e28 solid;
	}

/* -- c2_contents -- */
div#c2_contents {
	width:780px;
	float:left;
	padding-top:64px;
	padding-bottom:40px;
	font-size:120%;
	background:#ffffff url(../img/c2_contents_background.jpg) no-repeat;
}
div#c2_contents h2 {
	margin-top:20px;
	padding:12px 20px 10px 25px;
	background:url(../img/c2_h2_background.jpg) no-repeat;
	font-size:110%;
	font-weight:bold;
}
	div#c2_contents h2.page_title {
		margin-top:10px;
	}
div#c2_contents h3 {
	margin:20px 0px 0px 5px;
	padding:0px 20px 0px 15px;
	background:url(../img/c2_h3_background.jpg) bottom no-repeat;
	color:#336600;
	font-size:110%;
	font-weight:bold;
}
div#c2_contents h4 {
	margin:15px 0px 0px 30px;
	color:#333333;
	font-weight:bold;
}
div#c2_contents p {
	margin:15px 20px 0px 30px;
}
div#c2_contents ol {
	margin:15px 20px 0px 50px;
	list-style-type:decimal;
}
div#c2_contents strong {
	font-weight:bold;
}

div#c2_contents ul {
	margin:15px 20px 0px 30px;
}
	div#c2_contents ul li {
		padding:0px 0px 5px 25px;
		background:url(../img/arrow_green.jpg) 0px 4px no-repeat;
	}	
	div#c2_contents p.navi_link {
		padding-left:15px;
		background:url(../img/arrow_blue.jpg) 0px 6px no-repeat;
	}