@charset "utf-8";

@media print {
	.non-print {
		display:none;
	}
}
/* ----------------------------------------------------------Global Reset */
* {
	background-color: transparent;
	font-style: normal;
	text-decoration: none;
	margin: 0;
	padding: 0;
}
html, body, #disp, #animation_area {
	height:100%;
}
#animation_area {
	display:none;
}
html {
	background-color:#3F4042;
}
body {
	border: 0;
	line-height: 150%;
	background-color:#3F4042;
	/*font-size: 80%;*/
	font-size: 12px;
	font-family:"メイリオ", Meiryo,  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #fff;
	background-image:none;
	min-width:310px;
}
/* ----------------------------------------------------------スクロールバーデザイン */
/* -------------------------------- Chrome,Safari用*/
/*全体*/
::-webkit-scrollbar {
    width: 12px;
    height: 12px;
	background-color:#4f4f52;
}
/*スクロールバー背景*/
::-webkit-scrollbar-track-piece:vertical {
    background-color: #5c5d5f;
	border-left:solid 2px #505153;
	border-right:solid 2px #6f7072;
}
::-webkit-scrollbar-track-piece:horizontal {
    background-color: #5c5d5f;
	border-top:solid 2px #505153;
	border-bottom:solid 2px #6f7072;
}
/*ボタン＆バー共通*/
::-webkit-scrollbar-button, ::-webkit-scrollbar-thumb {
	border: solid 1px #4f4f52;
	box-shadow:1px 1px 0 #8e8e91 inset;
	border-radius:3px;
	height:12px;
	width:12px;
	background-repeat:no-repeat;
	background-position:center center;
}
/*ボタン＆バー共通　マウスオーバー*/
::-webkit-scrollbar-button:hover, ::-webkit-scrollbar-thumb:hover {
	border: solid 2px #7491a2;
}
/*ボタン*/
::-webkit-scrollbar-button:vertical:decrement {
	background-image:url(../img/start/scroll_arrow_top.png),-webkit-linear-gradient(left, #757678, #606163);
}
::-webkit-scrollbar-button:vertical:increment {
	background-image:url(../img/start/scroll_arrow_bottom.png),-webkit-linear-gradient(left, #757678, #606163);
}
::-webkit-scrollbar-button:horizontal:decrement {
	background-image:url(../img/start/scroll_arrow_left.png),-webkit-linear-gradient(top, #757678, #606163);
}
::-webkit-scrollbar-button:horizontal:increment {
	background-image:url(../img/start/scroll_arrow_right.png),-webkit-linear-gradient(top, #757678, #606163);
}
/*バー*/
::-webkit-scrollbar-thumb:vertical {
	background-image:url(../img/start/scroll_3line.png),-webkit-linear-gradient(left, #757678, #606163);
    height: 50px;
}
::-webkit-scrollbar-thumb:horizontal {
	background-image:url(../img/start/scroll_3line_horizontal.png),-webkit-linear-gradient(top, #757678, #606163);
    width: 50px;
}
/*コーナー*/
::-webkit-scrollbar-corner {
    background-color:#696a6d;
	border: solid 1px #4f4f52;
	box-shadow:1px 1px 0 #8e8e91 inset;
}

::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment {
    display: block;
}
::-webkit-scrollbar-button:start:increment,
::-webkit-scrollbar-button:end:decrement {
    display: none;
}

/* -------------------------------- IE,Opera用（色のみ）*/
html,body {
	scrollbar-face-color: #66676a;
	scrollbar-track-color:#5c5d5f;
	scrollbar-arrow-color:#2f2f2f;
	scrollbar-highlight-color:#8e8e91;
	scrollbar-shadow-color: #4f4f52;
	scrollbar-3dlight-color: #5c5d5f;
	scrollbar-darkshadow-color: #4f4f52;
}

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: break-all;
}
.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%;
}
.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;
}
.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;
}
.visual_licence_gumi {
	background-image:url(../img/start/character/c0bd075ac5-6a43-70ad-c503-e42f4cdd1b.jpg);
	background-position:left -30px;
	background-size:auto 320px;
}
.visual_licence_lapis {
	background-image:url(../img/start/character/0c140fda2f-d14e-26b8-9216-7eff0a4d52.jpg);
	background-position:right -30px;
	background-size:auto 320px;
}
.visual_licence_mashiro {
	background-image:url(../img/start/character/c1fdd5fe96-7742-8c92-2688-31e515b5c7.jpg);
	background-position:-100px 0px;
	background-size:auto 320px;
}
.visual_licence_rinon {
	background-image:url(../img/start/character/5d726a87a1-8a4f-0cbe-6ea8-4884b3fc82.jpg);
	background-position:left -70px;
	background-size:auto 360px;
}
.visual_licence_kanade {
	background-image:url(../img/start/character/742f86d929-6d4c-4dbe-5a81-973e4e7b39.jpg);
	background-position:-60px -30px;
	background-size:auto 360px;
}
.visual_licence_tamao {
	background-image:url(../img/start/character/590c2c94db-bf4d-4097-632a-66deb56f7d.jpg);
	background-position:right -20px;
	background-size:auto 410px;
}
.visual_licence_banner {
	background-image:url(../img/start/character/dummy_banner.jpg);
	background-position:center top;
}
.visual_ad_qumarion {
	background-image:url(../img/start/hardware/ad_hardware_qumarion.jpg);
	background-position:center top;
}
.visual_ad_tabmate {
	background-image:url(../img/start/hardware/ad_hardware_tabmate.jpg);
	background-position:center top;
}
.h01 .visual_ad_qumarion {
	background-image:url(../img/start/hardware/ad_hardware_qumarion_small.jpg);
	background-position:center top;
}
.h01 .visual_ad_tabmate {
	background-image:url(../img/start/hardware/ad_hardware_tabmate_small.jpg);
	background-position:center top;
}
/* ----------------------------------------------------------color set */
.hover_opacity01, .hover_opacity02 {
	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 {
	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:#6ABF55 !important;
}
.color_pixiv {
	background-color:#1db1c7 !important;
}
.color_pixiv_bg {
	background-color:#64c9d9 !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: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;
}


#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;
}