@charset "UTF-8";

/*============================================================
//  本ができる流れ
//==========================================================*/

/*======共通======*/

.flow #main h3{
	width:730px;
	margin-bottom:18px;
}
.flow #intro h4{
	width:730px;
	margin-bottom:10px;
}
.flow #point h4{
	width:730px;
	margin-bottom:10px;
}
.flow #schedule h4{
	width:730px;
	margin-bottom:10px;
}
.flow #howto h4{
	width:730px;
	margin-bottom:10px;
}
.flow #cost h4{
	width:730px;
	margin-bottom:10px;
}
.flow #pr h4{
	width:730px;
	margin-bottom:10px;
}
.flow #main .section{
	margin-bottom:20px;
}
.flow #main .next{
	float:right;
}

/*======表現を形にする======*/

.flow #intro h5{
	font-size:1.2em;
	font-weight:bold;
	color:#FF6600;
	margin-bottom:10px;
}
.flow #intro p{
	font-size:1.0em;
	color:#333;
	margin-bottom:8px;
}
.flow #intro .image{
	float:right;
	margin:0 0 10px 10px;
}

/*======原稿作成のポイント======*/

.flow #point h5{
	font-size:1.2em;
	font-weight:bold;
	color:#FF6600;
	margin-bottom:10px;
}
.flow #point p{
	font-size:1.0em;
	color:#333;
	margin-bottom:8px;
}
.flow #point .image{
	float:right;
	margin:0 0 10px 10px;
}
.flow #point ul{
	padding-left:35px;
	list-style:decimal;
}
.flow #point ul li{
	font-size:1.0em;
	margin-bottom:10px;
}

/*======スケジュール======*/

.flow #schedule h5{
	font-size:1.2em;
	font-weight:bold;
	color:#FF6600;
	margin-bottom:10px;
}
.flow #schedule p{
	font-size:1.0em;
	color:#333;
	margin-bottom:8px;
}
.flow #schedule .image{
	float:right;
	margin:0 0 10px 10px;
}

/*======どこに制作依頼すればよいか======*/

.flow #howto h5{
	font-size:1.2em;
	font-weight:bold;
	color:#FF6600;
	margin-bottom:10px;
}
.flow #howto p{
	font-size:1.0em;
	color:#333;
	margin-bottom:8px;
}
.flow #howto .image{
	float:right;
	margin:0 0 10px 10px;
}
.flow #howto ul{
	padding-left:15px;
	list-style:none;
	margin:0 0 10px 0;
}
.flow #howto ul li{
	font-size:1.0em;
	font-weight:bold;
}

/*======制作費ってどれくらい======*/

.flow #cost h5{
	font-size:1.2em;
	font-weight:bold;
	color:#FF6600;
	margin-bottom:10px;
}
.flow #cost p{
	font-size:1.0em;
	color:#333;
	margin-bottom:8px;
}
.flow #cost span.em{
	font-size:1.0em;
	font-weight:bold;
	color:#FF3300;
}
.flow #cost .image{
	float:right;
	margin:0 0 10px 10px;
}
.flow #cost .box-left{
	float:left;
	margin-bottom:20px;
}
.flow #cost .box-right{
	float:right;
	margin-bottom:20px;
}
.flow #cost table{
	width:350px;
	border:1px solid #CCC;
	border-collapse:collapse;
	border-spacing: 0px;
}
.flow #cost th{
	font-size:1.0em;
	background:#EBEBEB;
	font-weight:normal;
	border-bottom:1px solid #CCC;
	border-right:1px solid #CCC;
	padding:5px;
}
.flow #cost td{
	font-size:1.0em;
	font-weight:normal;
	border-bottom:1px solid #CCC;
	border-right:1px solid #CCC;
	padding:5px;
	vertical-align: middle;
}
.flow #cost h6{
	font-size:1.0em;
	margin-bottom:4px;
}
.flow #cost .box-caution{
	border:2px dotted #CCC;
	background:#EFEFE8;
	padding:15px;
	margin-bottom:10px;
}

/*======PR======*/

.flow #pr h5{
	font-size:1.2em;
	font-weight:bold;
	color:#FF6600;
	margin-bottom:5px;
}
.flow #pr .section{
	margin-bottom:10px;
}
.flow #pr p{
	font-size:1.0em;
	color:#333;
	margin-bottom:12px;
}
.flow #pr .image{
	float:right;
	margin:0 0 0px 10px;
}
.flow #pr .box-isbn{
	width:676px;
	border:2px solid #CCC;
	padding:25px;
}
.flow #pr .box-isbn .isbn{
	margin:0 0 5px 0;
}
.flow #pr ul{
	list-style:none;
}
.flow #pr ul li{
	font-size:1.0em;
	margin-bottom:2px;
}
.flow #pr .box-memo{
	border:2px dotted #CCC;
	padding:10px 10px 0px 10px;
	margin-bottom:10px;
}
.flow #pr p.memo{
	font-size:1.0em;
	font-weight:bold;
	color:#00ADE2;
	margin-bottom:2px;
}
.flow #pr .box-memo h6{
	font-size:1.0em;
	color:#00ADE2;
	margin-bottom:2px;
}
.flow #pr .box-sub{
	padding-left:20px;
}
.flow #pr .action h6{
	font-size:1.0em;
	color:#222;
}