@charset "utf-8";

/* ----------------------------------------------------------Global */
html, body{min-width:310px;}
html, body, #disp, #animation_area {
	height:100%;
}
#animation_area {
	display:none;
}

img, a img {
	border: none;
}
a {
	color:#fff !important;
	text-decoration:none;
}
h1, h2 {
	font-weight:lighter;
	color:#fff;
}
.cleaner {
	clear:both;
}
.clear_after, #container, #header, #main_container, #footer, #contents_container, #thumb_container, #header_container, #tabs_area, .srch_detail_ul, #srch_input_area, #material_detail, .srch_thumb_list_header, .pager_box, .set_small, .set_big, .page_title {
	zoom:100%;
}
.clear_after:after, #container:after, #header:after, #main_container:after, #footer:after, #contents_container:after, #thumb_container:after, #header_container:after, #tabs_area:after, .srch_detail_ul:after, #srch_input_area:after, #material_detail:after, .srch_thumb_list_header:after, .pager_box:after, .set_small:after, .set_big:after, .page_title:after {
	content:"";
	clear:both;
	display:block;
	height:0;
	visibility:hidden;
}
/* ----------------------------------------------------------wrapper */
#wrapper {
	margin: 0 auto;
	min-height:100%;
	height:auto !important;
}
/* ----------------------------------------------------------container */
#container {
	width:auto;
	padding:5px;
}
#main_container {
	
}
/* ----------------------------------------------------------bt_box プレゼン用共通CSSここから全て↓*/
.bt_box.w100 {
	width:100%;
}
.bt_box.w01 {
	width:296px;
}
.bt_box.w02 {
	width:596px;
}
.bt_box.w00 {
	width:246px;
}
.bt_box {
	display:block;
	overflow:hidden;
	position:relative;
	float:left;
	width:100%;
	margin:2px;
	background-image:url(../img/start/bt_type01_gradation.png);
	background-position:center center;
	background-repeat:no-repeat;
}
.h00 {
	height: 73px;
}
.h01, .h01 .catch_copy h2 {
	height:146px;
}
.h02, .h02 .catch_copy h2 {
	height:296px;
}
.h03, .h03 .catch_copy h2 {
	height:446px;
}
.h04, .h04 .catch_copy h2 {
	height:596px;
}
.h01 .icons {
	top:43px;
}
.h02 .icons {
	top:118px;
}
.h03 .icons {
	top:193px;
}
.catch_copy {
	width:52%;
	height:100%;
	position:absolute;
	right:8%;
	z-index:2;
}
.catch_copy h2 {
	display:table-cell;
	vertical-align:middle;
	font-size:110%;
	word-break: normal;
	word-wrap:break-word;
}
.catch_copy h2 span {
	display:inline-block;
	line-height:2em;
	text-align:left;
	font-size:150%;
	font-weight:lighter;
	line-height:1.4em;
}
.catch_copy h2 span:last-child {
	margin-bottom:0 !important;
}
.catch_copy h2 span.catch_copy_small {
	font-size:150% !important;
}
.catch_copy h2 span.catch_copy_sub {
	font-size:100%;
	display:block;
	margin:10px 0;
}
.top .h01 .catch_copy h2 span {
	font-size:150%;
}
.h01 .catch_copy h2 span {
	font-size:140%;
}
.all_text {
	padding: 30px;
	text-align:left;
	font-size:150%;
	line-height:1.4em;
}
.version {
	display:block;
	position:absolute;
	text-align:center;
	width:100%;
	bottom:20px;
	font-size:90%;
	padding:5px 0;
	
}
.softinfo .version {
	font-size:90%;
	top:184px;
	text-align:left;
	width:90%;
	left:10%;
	text-indent:1px;
}
.softinfo .catch_copy {
	width:90%;
	height:auto;
	top:140px;
	right:auto;
	left:10%;
}
.softinfo .catch_copy h2 {
	font-size:50%;
	height:auto;
	text-indent:1px;
}
.softinfo .catch_copy h2 span div {
	font-size:260%;
	margin-top:10px;
	text-indent:-1px;
}
.app_name, .app_grade {
	/*display:inline-block;*/
	font-size:100%;
	font-weight:bold;
	/* margin-right:10px;*/
	/*vertical-align:middle;*/
}
.title span {
	display:block;
	width:120px !important;
	position:relative;
	left:-10px;
}

.information {
	background-color:#444;
	border-radius:2px;
	padding:0 2%;
	width:92%;
	position:absolute;
	bottom:1.5%;
	right:2%;
	/*font-weight:bold;*/
	font-size:95%;
	line-height:1.15em;
	z-index:5;
}
.information .info_ver, .information .info_app,
.information .info_campaign, .information .info_get, .information .info_licence {
	padding-left:5px;
	padding-top:0.15em;
	border-left:solid 4px #F90;
	margin:4px 0;
}
.information .info_ver div {
	display:inline-block;
	margin-left:5px;
}
.box_flat {
	padding:15px 18px;
	font-size:100%;
	line-height:1.8em;
	overflow:auto;
}
.box_info {
	position:absolute;
	z-index:2;
	padding:15px 18px;
	font-size:100%;
	line-height:1.8em;
	overflow:auto;
}
.h02 .box_info {
	height:266px;
}

.box_info {/* box_infoの中 */
	line-height:1.5em !important;
}
.box_info a {/* box_infoの中 */
	color:#D9D8AA !important;
	text-decoration:underline;
}
.box_info a:hover {/* box_infoの中 */
	color:#C1BF75 !important;
}
.box_info h2 {/* box_infoの中 */
	font-size:140%;
	margin:15px 0;
	line-height: 1.6em !important;
}
.box_info h3 {/* box_infoの中 */
	font-size:140%;
	margin:10px 0;
	line-height: 1.6em !important;
}
.list_headerimage_circle, .list_headerimage {
	list-style:disc inside;
	margin:15px 0;
}
.list_headerimage_circle li {
	padding-left:1em;
	text-indent:-1em;
	padding-left:1.5em\9; /* IE8 */
	text-indent:-1.5em\9; /* IE8 */
	margin-bottom:10px;
	font-size:90%;
	line-height:1.5em !important;
}
:root .list_headerimage_circle li {
	padding-left:1.5em \0/; /* IE9 */
	text-indent:-1.5em \0/; /* IE9 */
}
.bt_box_web .catch_copy h2 span .list_headerimage_circle li {
	line-height:1.2em !important;
}
.list_headerimage {
	list-style: none outside none;
}
.list_headerimage li, a.list_headerimagee {
    background-image: url(../img/start/common/bg_list_header.png) !important;
	background-repeat:no-repeat !important;
	background-position:left 3px !important;
    padding-left: 16px !important;
}
.list_headerimage_circle li p {
	text-indent:0;
}



.download, .update_mark, .web_mark {
	position:absolute;
	z-index:4;
	min-width:12px;
	height:24px;
	padding:0 6px;
	border:solid 1px #5c5c5c;
	border-radius:12px;
	background-color:#444;
	color:#fff;
	font-size:120%;
	font-weight:bold;
	top:10px;
	right:10px;
	text-align:center;
	line-height:26px;
}
.update_mark {
	background-color:#F05A28;
}
.web_mark {
	background-color:transparent;
	font-size:100%;
	border-color:#fff;
	filter: alpha(opacity=60);
	-moz-opacity:0.6;
	opacity:0.6;
}
.web_mark.bottom{
	top:auto;
	bottom:25px;
	left:25px;
	right:auto;
}
.h01 .download, .update_mark, .web_mark {
	top:5px;
	right:5px;
}
.web_mark_other_text {
	font-size:90%;
	display:inline-block;
	padding:0 5px 0 3px;
}
.pr_mark {
	position:absolute;
	z-index:4;
	min-width:12px;
	font-size:90%;
	padding:2px 6px 0;
	border-radius:3px;
	background-color:#C30;
	color:#fff;
	bottom:2px;
	right:2px;
	text-align:center;
	line-height:1.2em;
}
.soft .thumb_soft {
	position: absolute;
	width:100%;
}
.softinfo .thumb_soft {
	position: absolute;
	clip: rect(0 180px 120px 0);
	width:180px;
	top:8px;
	left:58px;
}
.bt_box_visual {
	width:100%;
	height:100%;
	position:absolute;
	z-index:3;
	background-repeat:no-repeat;
	background-size: 100% auto;
}
.visual_ex {
	background-image:url(../img/start/bt_box_visual_paint.png);
}
.visual_action {
	background-image:url(../img/start/bt_box_visual_action.png);
}
.visual_coordinate {
	background-image:url(../img/start/bt_box_visual_coordinate.png);
}
.visual_modeler {
	background-image:url(../img/start/bt_box_visual_modeler.png);
}
.visual_question {
	background-image:url(../img/start/bt_box_visual_question.png);
	filter: alpha(opacity=10);
	-moz-opacity:0.1;
	opacity:0.1;
}
.visual_kindle01 {
	background-image:url(../img/start/bt_box_visual_kindle01.png);
	filter: alpha(opacity=10);
	-moz-opacity:0.1;
	opacity:0.1;
}
/* ----------------------------------------------------------color set */
.hover_opacity01, .hover_opacity02, .hover_opacity03 {
	width:100%;
	height:100%;
	position:absolute;
	overflow:hidden;
	display:block;
}
.color_flat {
	background-color:#fff;
	color: #666;
}
.color_ex,.color_pro,.color_debut,.color_action,.color_coordinate,.color_modeler,.color_material,.color_howto,.color_buy,.color_plugin,.color_works,.color_updater,.color_softinfo,.color_news,.color_fanzine,.color_syutsuryoku,.color_kindle,.color_kindle_bg,.color_epub,.color_epub_bg,.color_print,.color_cloud,.color_pixiv,.color_pixiv_bg,.color_share,.color_webtoon_bg {
	background-image:url(../img/start/bt_type01_gradation.png);
	background-position:center center;
	background-repeat:no-repeat;
}
.color_common {
	background-color:#ddd;
	filter: alpha(opacity=30);
	-moz-opacity:0.3;
	opacity:0.3;
}
.color_common02 {
	background-color:transparent;
	width:100%;
	height:100%;
	position:absolute;
	filter: alpha(opacity=5);
	-moz-opacity:0.05;
	opacity:0.05;
}
.color_common03 {
	background-color:#397A91;
}

.color_disable {
	background-color:#777;
}
.color_home {
	background-color:#313131;
}
.color_ex {
	background-color:#508EBC !important;
}
.color_ex .color_ex {
	background-color:#549CD1 !important;
}
.color_pro {
	background-color:#5DA0A0 !important;
}
.color_pro .color_pro {
	background-color:#65B1B3 !important;
}
.color_debut {
	background-color:#AAB25D !important;
}
.color_action {
	background-color:#917BB3 !important;
}
.color_coordinate {
	background-color:#C46275 !important;
}
.color_modeler {
	background-color:#B26494 !important;
}

.color_material {
	background-color:#5E9C7E !important;
}
.color_howto {
	background-color:#A1808B !important;
}
.color_plugin {
	background-color:#a2d365 !important;
}
.color_buy {
	background-color:#758EAD !important;
}
.color_works {
	background-color:#B29B84 !important;
}
.color_updater {
	background-color:#ED81A9 !important;
}
.color_softinfo, .color_buy, .color_plugin {/*買う＆プラグイン一覧をソフトウェア一覧と同じに*/
	background-color:#9FA399 !important;
}
.color_web {
	background-color:#6CF !important;
}
.color_fanzine {
	background-color:#549CD1 !important;
}
.color_kindle {
	background-color:#ff9900 !important;
}
.color_kindle_bg {
	/*background-color:#63666a !important;*//*Amazon gray*/
	background-color:#8EB4E3 !important;
}
.color_syutsuryoku {
	background-color:#3C6 !important;
}
.color_epub {
	background-color:#74B1C5 !important;
}
.color_epub_bg {
	background-color:#74B1C5 !important;
}
.color_print {
	background-color:#a27430 !important;
}
.color_cloud {
	background-color:#3ca0ff !important;
}
.color_pixiv {
	background-color:#58a0f0 !important;
}
.color_pixiv_bg {
	background-color:#208dec !important;
}
.color_share {
	background-color:#8c8c8c !important;
}
.color_webtoon_bg {
	background-color:#323232 !important;
}
.color_webtoon1 {
	background-color:#00dc64 !important;
}
.color_webtoon2 {
	background-color:#8071f3 !important;
}

/* ----------------------------------------------------------icon set */
.icons {
	display:block;
	background-image:url(../img/start/icon_all.png);
	background-repeat:no-repeat;
	background-size:auto 100%;
	width:60px;
	height:60px;
	position:absolute;
	left:10%;
}
.page_title {
	padding-top:2px;
	position:relative;
	margin-bottom:2px;
	width:100%;
	display:block;
}
.page_title_float_set {
	float:left;
	margin-right:8px;
}
.page_title .bt_back {
	display:inline-block;
	position:relative;
	color:#fff;
	font-size:160%;
	height:80px;
	line-height:80px;
	margin:0 7px 0 2px;
	padding:0 15px 0 10px;
}
.page_title .bt_back .color_common {
	left:0;
}
.page_title .bt_back .bt_back_text {
	display:inline-block;
	position:relative;
}
.page_title .icons {
	display:inline-block;
	left:auto;
	top:10px;
	position:relative;
	vertical-align:top;
}
.page_title h1 {
	overflow:hidden;
	color:#fff;
	font-size:160%;
	height:80px;
	display:table-cell;
	vertical-align:middle;
}
.page_title h1 span {
	line-height:1.3em;
	display:inline-block;
}
.icon_illust {
	background-position:-60px 0;
}
.icon_3d_model {
	background-position:-120px 0;
}
.icon_material {
	background-position:-180px 0;
}
.icon_softinfo {
	background-position:-300px 0;
}
.icon_plugin {
	background-position:-420px 0;
}
.icon_buy {
	background-position:-360px 0;
}
.icon_kindle {
	background-position:-420px 0;
}
.icon_howto {
	background-position:-480px 0;
}
.icon_works {
	background-position:-540px 0;
}
.icon_common {
	background-position:-600px 0;
}
.icon_question {
	background-position:-660px 0;
}
.icon_3d_anime {
	background-position:-720px 0;
}
.icon_3d_setting {
	background-position:-780px 0;
}
.icon_home {
	background-position:-840px 0;
}
.icon_fanzine {
	background-position:-900px 0;
}
.icon_epub {
	background-position:-900px 0;
}
.icon_print {
	background-position:-240px 0;
}
.icon_cloud {
	background-position:0 0;
}
.icon_setting {
	background-position:-1140px 0;
}
.bt_box_web .catch_copy {
	width:84%;
}
.bt_box_web .icons {
	top:30px;
	left:8%;
}
.bt_box_web .catch_copy h2 {
	/*font-size:120%;*/
}
#thumb_area img {
	 width:80px;
	 height:80px;
}
#thumb_area {
	/*background-color:#666;*/
	/*width:80px;
	height:80px;
	padding:1px;*/
	left:6%;
}
.h01 #thumb_area {
	top:32px;
}
.h02 #thumb_area {
	top:107px;
}
.h03 #thumb_area {
	top:182px;
}
.nonDisp {
	display: none;
}
.wordBreak {
	white-space:normal;
	word-break:break-all;
	-ms-word-break:break-all;
	word-wrap:break-word;
	overflow:hidden;
}


#alert_box p a{
	color: #9ac !important;
	text-decoration: underline;
}
#alert_box .btOK{
	width: 40px;
	text-align: center;
	margin: 20px auto;
	display: block;
	padding: 5px;
	border: 1px solid #999;
}