@charset "utf-8";
a:hover, a:hover span {
	background-color: transparent;
}
#header_right a:hover, .footertext3 a:hover {
	background-color: #EEE;
}
/*****************************************************************************************************  ボーダー消去  */
.module {
	border: none;
	width: 730px !important;
}
.module_contents {
	padding-left: 0;
	padding-right: 0;
}
.module_title {
	border: solid #ccc 1px;
	border-radius: 5px;
}
/*****************************************************************************************************　top&共通　*/
.howto_series_header {
	position: relative;
	margin: 0;
}
.view_area {
	width: 640px;
	overflow: hidden;
	position: relative;
	left: 30px;
}
.howto_content_minibox {
	position: relative;
	width: 3500px;
}
.bg_gradation {
	background-color: #f3f3f3;
	border-radius: 20px;
	padding: 10px 20px;
	border: none;
}
.bg_gradation h3 {
	background-color: transparent;
	border: none;
	border-bottom: dotted 1px #ccc;
	padding: 0 0 6px 0;
	margin: 0 0 10px;
}
.howto_category_tag_croud .line_box {
	border: solid 2px #eee;
	padding: 10px 20px;
	border-radius: 20px;
}
.paging {
	text-align: center;
	margin: 40px 0;
}
h1 {
	padding-left: 0;
}
h2 {
	background: none;
	color: #666;
	background-color: #f5f5f5;
	background-image: url(../img/howto_view/bg_RootCategories.png);
	background-repeat: repeat-x;
	background-position: bottom;
}
.howto_review_h2 {
	height: 20px;
	color: #666;
	background: none;
	background: #f5f5f5;
	background-image: url(../img/howto_view/bg_RootCategories.png);
	background-repeat: repeat-x;
	background-position: bottom;
	font-size: 100%;
	font-weight: 700;
	width: auto;
	line-height: 110%;
	margin: 0 0 10px;
	padding: 7px 5px 7px 7px;
	position: relative;
	border-radius: 5px;
}
.howto_review_h2 p {
	padding: 3px 0 0 0;
}
/*****************************************************************************************************　プロダクトバー　*/
.howto_line_illuststudio .module_title h1, .howto_line_comicstudio .module_title h1, .howto_line_retasstudio .module_title h1, .howto_line_navi .module_title h1, .howto_line_sassoku .module_title h1, .howto_line_manual .module_title h1, .howto_line_posestudio .module_title h1, .howto_line_metasequoia .module_title h1, .howto_line_bookliner .module_title h1, .howto_line_rokkaku .module_title h1, .howto_line_ycliner .module_title h1, .howto_line_novelstudio .module_title h1, .howto_line_mobileliner .module_title h1, .howto_line_clipgeneral .module_title h1, .howto_line_method .module_title h1, .howto_line_clip .module_title h1, .howto_line_illuststudio .module_title p, .howto_line_comicstudio .module_title p, .howto_line_retasstudio .module_title p, .howto_line_navi .module_title p, .howto_line_sassoku .module_title p, .howto_line_manual .module_title p, .howto_line_posestudio .module_title p, .howto_line_metasequoia .module_title p, .howto_line_bookliner .module_title p, .howto_line_rokkaku .module_title p, .howto_line_ycliner .module_title p, .howto_line_novelstudio .module_title p, .howto_line_mobileliner .module_title p, .howto_line_clipgeneral .module_title p, .howto_line_method .module_title p, .howto_line_clip .module_title p, .howto_line_tmcontroller .module_title h1, .howto_line_tmcontroller .module_title p, .howto_line_clippentablet .module_title h1, .howto_line_clippentablet .module_title p, .howto_line_sashie .module_title h1, .howto_line_sashie .module_title p, .howto_line_creatorsnote .module_title h1, .howto_line_creatorsnote .module_title p {
	border-bottom: solid 2px;
	padding-bottom: 0;
}
.howto_line_illuststudio .module_title h1, .howto_line_illuststudio .module_title p {
	border-color: #FFA244;
}
.howto_line_comicstudio .module_title h1, .howto_line_comicstudio .module_title p {
	border-color: #CA95FF;
}
.howto_line_retasstudio .module_title h1, .howto_line_retasstudio .module_title p {
	border-color: #D25B76;
}
.howto_line_navi .module_title h1, .howto_line_navi .module_title p {
	border-color: #83A050;
}
.howto_line_sassoku .module_title h1, .howto_line_sassoku .module_title p {
	border-color: #83A050;
}
.howto_line_manual .module_title h1, .howto_line_manual .module_title p {
	border-color: #999;
}
.howto_line_creatorsnote .module_title h1, .howto_line_creatorsnote .module_title p {
	border-color: #999;
}
.howto_line_posestudio .module_title h1, .howto_line_posestudio .module_title p {
	border-color: #88CDF0;
}
.howto_line_metasequoia .module_title h1, .howto_line_metasequoia .module_title p {
	border-color: #91D41C;
}
.howto_line_bookliner .module_title h1, .howto_line_bookliner .module_title p {
	border-color: #01B347;
}
.howto_line_rokkaku .module_title h1, .howto_line_rokkaku .module_title p {
	border-color: #3FC2FF;
}
.howto_line_ycliner .module_title h1, .howto_line_ycliner .module_title p {
	border-color: #ABE347;
}
.howto_line_novelstudio .module_title h1, .howto_line_novelstudio .module_title p {
	border-color: #516889;
}
.howto_line_mobileliner .module_title h1, .howto_line_mobileliner .module_title p {
	border-color: #9E7969;
}
.howto_line_clipgeneral .module_title h1, .howto_line_clipgeneral .module_title p {
	border-color: #6E97AB;
}
.howto_line_method .module_title h1, .howto_line_method .module_title p {
	border-color: #000;
}
.howto_line_clip .module_title h1, .howto_line_clip .module_title p {
	border-color: #109cb3;
}
.howto_line_tmcontroller .module_title h1, .howto_line_tmcontroller .module_title p {
	border-color: #666;
}
.howto_line_clippentablet .module_title h1, .howto_line_clippentablet .module_title p {
	border-color: #666;
}
.howto_line_sashie .module_title h1, .howto_line_sashie .module_title p {
	border-color: #CC6666;
}
/*****************************************************************************************************　template_page　*/
.template_page .module_contents {
	padding-top: 0;
}
/********************************　author profile　*/
.profile_set {
	border: none;
	background-color: #f8f8f8;
	font-size: 11px;
	padding-bottom: 14px;
}
.profile_set h4 {
	margin-top: 0;
	font-size: 100%;
}
.profile_set p {
	margin-bottom: 0;
	font-size: 100%;
}
.profile_set .profile_url {
	font-weight: normal;
}
/*****************************************************************************************************　template_categories　*/
.template_categories .module_contents {
	padding-top: 10px;
}
#howto_categories_top .left_area {
	width: 530px;
	float: left;
}
#howto_categories_top .right_area {
	float: right;
	position: relative;
	width: 180px;
	right: 0;
	top: 0;
}
/*****************************************************************************************************　template_series　*/

/*****************************************************************************************************　template_book　*/
.template_book .howto_series_header {
	margin: 0;
}
.template_book .howto_book_summary {
	position: relative;
	top: -15px;
	padding: 10px 5px;
}
.template_book .howto_book_summary .thumb_button_set {
	float: none;
	position: absolute;
	top: 10px;
	right: 0;
}
.template_book .howto_book_summary .howto_series_thumb, .template_book .howto_book_summary .howoto_titlelist {
	display: none;
}
.template_book .howto_book_summary .howto_book_description {
	font-size: 13px;
	margin-top: 10px;
}
/*****************************************************************************************************　thumbnail_box　*/
.howto_content_button {
	display: block;
	overflow: hidden;
	text-decoration: none !important;
	width: 128px;
	float: left;
	margin: 0 10px 0 0;
	height: auto;
	padding: 10px 10px 25px;
	background-color: #fff;
	border: solid 1px #ccc;
	position: relative;
	border-radius: 4px;
}
.howto_content_button:hover {
	background-color: #FFFAF4;
	border-color: #FF9900;
}
.howto_content_button div, .howto_content_button p, .howto_content_button span {
	cursor: pointer;
}
.howto_content_button span {
	text-decoration: none !important;
	background-color: transparent !important;
}
.howto_content {
	line-height: 1.3em;
	font-size: 90%;
}
.howto_content_thumb, .howto_content_thumb img {
	width: 126px;
	height: 126px;
}
.howto_content_info {
	padding: 5px 0 0;
}
.howto_content_series_title, .howto_content_book_ptitle, .howto_content_title, .howto_content_updated {
	width: auto;
	border-bottom: solid 1px #e8e8e8;
}
.howto_content_series_title {
	font-size: 90%;
	border: none;
	margin-bottom: 0;
}
.howto_content_book_ptitle {
	color: #F97C00;
	margin-bottom: 7px;
	padding: 0 0 3px;
}
.howto_content_title {
	margin-bottom: 5px;
	border: none;
}
.howto_content_updated {
	line-height: 1em;
	text-align: center;
	padding: 5px 0 0;
	position: absolute;
	bottom: 7px;
	left: 10px;
	width: 128px;
	margin: 0;
	border: solid 1px #e8e8e8;
	border-width: 1px 0 0;
}
/*****************************************************************************************************　prev_button, next_button　*/
.prev_button, .next_button {
	position: absolute;
	width: 30px;
	height: 70px;
	top: 50%;
	left: -6px;
}
.next_button {
	right: -10px;
	left: auto;
}
.prev_button a, .next_button a {
	display: block;
	overflow: hidden;
	position: relative;
	width: 26px;
	height: 58px;
	top: -35px;
	text-indent: -9999px;
	background-image: url(../img/ycliner/prev-horizontal.png) !important;
	background-repeat: no-repeat !important;
	background-position: 0 0;
	background-color: transparent !important;
}
.next_button a {
	background-image: url(../img/ycliner/next-horizontal.png) !important;
}
.prev_button a:hover, .next_button a:hover {
	background-position: 0 bottom;
}
/*****************************************************************************************************　pankuzu　*/
#pankuzu .module_title {
	background-position: bottom;
	background-color: #fff;
	padding: 5px 8px 5px;
	height: auto;
}
#pankuzu .module_title h1, #pankuzu .module_title h2 {
	padding-left: 0;
}
.pankuzu {
	position: relative;
	width: auto;
	background-color: #f5f5f5;
	border: solid #e5e5e5 1px;
	border-radius: 5px;
	margin-bottom: 8px;
	padding: 0 5px 1px;
}
p.return_list {
	float: right;
	width: auto;
	height: 20px;
	margin: 4px 5px 0 10px;
	padding: 1px 10px 0 24px;
	position: relative;
	background: url(../img/common/ico_list.png) 4px 5px no-repeat #F2F1EC;
	border-radius: 5px;
}
/*****************************************************************************************************  評価軸のcss */
div.rating {
	cursor: pointer;
	margin: 2em;
	clear: both;
	display: block
}
div.rating:after {
	content: '.';
	display: block;
	height: 0;
	width: 0;
	clear: both;
	visibility: hidden
}
div.cancel, div.star {
	float: left;
	width: 13px;
	height: 13px;
	text-indent: -999em;
	cursor: pointer;
	display: block;
	background: transparent;
	overflow: hidden;
	margin-top: 3px;
}
div.cancel, div.cancel a {
	background: url('delete.gif') no-repeat 0 -13px
}
div.star, div.star a {
	background: url('../img/howto/star.gif') no-repeat 0 0px
}
div.cancel a, div.star a {
	display: block;
	width: 13px;
	height: 100%;
	background-position: 0 0px;
	border: 1 solid #FF0000
}
div.star_on a {
	background-position: 0 -26px!important;
}
div.star_hover a, div.star_live a:hover {
	background-position: 0 -26px;
}
/* Read Only CSS */
div.star_readonly a, div.star_readonly a:hover {
	cursor: default !important
}
/* Partial Star CSS */
div.star {
	background: transparent!important;
	overflow: hidden!important
}
span.howto_rate_star span.disp_star {
	margin-top: 1px;
	background: url('../img/howto/star.gif') no-repeat 0 0px;
	display: block;
	width: 13px;
	height: 13px;
	border: 1 solid #FF0000;
}
span.howto_rate_star span.empty_star {
	float: left;
	margin-top: 1px;
	background-position: 0 0;
	cursor: default !important;
}
span.howto_rate_star span.half_star {
	float: left;
	background-position: 0 -13px;
}
span.howto_rate_star span.full_star {
	float: left;
	background-position: 0 -26px;
}