@charset "utf-8";
/* CSS Document */

html {
	background:none;
}
body {
	min-width:980px;
	color:#555;
	background-color:#f8f8f8;
	font-size:80%;
	line-height:1.4em;
	font-family: "ＭＳ Ｐゴシック","MS P Gothic",sans-serif;
	/*background-image:url(../../../img/common/body_bg.gif);
	background-repeat:repeat;
	background-attachment:fixed;*/
	background-image:url(../../../img/common/body_bg_grade.png);
	background-repeat:repeat-x;
	background-attachment:fixed;
}
/****************ポップアップページ用*/
body#popup {
	min-width:500px;
}
body#popup #Container {
	width:auto;
}
body#popup h1 {
	text-indent:5px;
}
/*********************************************************************************外枠たち*/
#body_bg_grade {
	width:100%;
	height:100%;
}
#Wrapper {
	width:auto;
	background-image:url(../../../img/common/bg_wrapper.png);
	background-position:center top;
	background-repeat:repeat-y;
	
	margin: 0 auto -230px;
	min-height:100%;
	height:auto !important;
}
#Header {
	width:980px;
	height:41px;
	margin:0 auto;
	position:relative;
	background-color: #eee;
	background-image:url(../../../img/common/bg_gradation_white_type04_upper.png);
	background-repeat:repeat-x;
	background-position:left bottom;
	border-bottom:solid 1px #999;
}
#Container {
	margin:0 auto;
	width:980px;
	background-color:#fff;
	padding:0 0 30px;
	position:relative;
}
#Contents_top {
	/*padding:0 24px 0 24px;*/
	width:auto;
	background-color:#fff;
}
#Contents_type01 {
	padding:0 24px 0 24px;
	width:auto;
	background-color:#fff;
}
#Contents_type02 {
	padding:40px 160px;
	width:auto;
	background-color:#fff;
}
#Contents_type03 {
	width:706px;
	margin:0 auto;
	padding:40px 0;
}
#Main_area {
	width:706px;
	float:left;
	background-color:#fff;
	padding:24px 0 0 0;
}
#Main_area_top {
	width:980px;
	float:left;
	background-color:#fff;
	padding:0px 0 0 0;
}
#Side_bar {
	width:198px;
	float:right;
	background-color:#fff;
	margin-top:24px;
	border:1px solid #bbb;
	border-bottom:none;
}
.contents_area_gradation {
	padding:30px 15px;
	background-image:url(../../../img/common/bg_gradation_type04_under.png);
	background-repeat:repeat-x;
	background-position:left -8px;
}
#footer-space {
	height:230px;
	width:980px;
	margin:0 auto;
}
#Footer {
	height:230px;
	width:980px;
	margin:0 auto;
	position:relative;
}
.footer_contents {
	background-color: #eee;
	background-image:url(../../../img/common/bg_gradation_white_type05_upper.png);
	background-repeat:repeat-x;
	background-position:left bottom;
	position:absolute;
	bottom:0;
	width:980px;
	height:210px;
	border-top:solid 1px #ccc;
}
/*********************************************************************************子要素*/
#header_logo {
	width:150px;
	height:20px;
	display:block;
	overflow:hidden;
	background-image:url(../../../img/common/logo_header.png);
	background-repeat:no-repeat;
	position:absolute;
	left:20px;
	top:11px;
	text-indent:-9999px;
}
.tweet {
	position:absolute;
	right:464px;
	top:10px;
}
.facebook {
	height:30px;
	position:absolute;
	right:339px;
	top:11px;
	overflow: hidden;
	width: 115px;
	height: 21px;
}
.foreign {
	height:30px;
	position:absolute;
	right:235px;
	top:14px;
	overflow: hidden;
	/*width: 150px;*/
	height: 21px;
}
.top_main_banner {
	padding:0 20px;
}
.top_main_left {
	width:460px;
	padding:20px 10px 20px 20px;
	float:left;
}
.top_main_right {
	width:460px;
	padding:20px 20px 20px 10px;
	float:right;
}
.top_main_douga{
	width:940px;
	padding:0px 20px 20px 20px;
}
.top_main_left .btarea,
.top_main_right .btarea {
	min-height:190px;
}
.top_main_douga .youtube{
	display:inline-block;
	margin:0;
	padding:0;
	float:left;
}
.top_main_douga .fukidasi{
	width:480px;
	float:right;
}
.top_main_left .btarea .left_250px,
.top_main_right .btarea .left_250px {
	padding-top:14.5px;
}
.box_type_top{
	padding:15px 20px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;	
}
.box_type_top.bg_pro{
	background-color:#56C5D0;
	background-image:url(../../../img/paint/bg_pkg_pro.png);
	background-repeat:no-repeat;
	background-position:right 215px;
}
.box_type_top.bg_ex{
	background-color:#4B90CD;
	background-image:url(../../../img/paint/bg_pkg_ex.png);
	background-repeat:no-repeat;
	background-position:right 215px;
}
.box_type_top.bg_douga_left{
	background-color:#eee;
	-moz-border-radius:10px 0 10px 10px;
	-webkit-border-radius:10px 0 10px 10px;
	border-radius:10px 0 10px 10px;	
}
.box_type_top.bg_douga_right{
	background-color:#eee;
	padding-left:0;
	-moz-border-radius:0 10px 10px 0;
	-webkit-border-radius:0 10px 10px 0;
	border-radius:0 10px 10px 0;	
}
.readcopy_area {
	width:215px;
	float:right;
}
#Contents_type01 .page_top, #Contents_type02 .page_top {
	margin-bottom:15px;
	padding:0;
}
#Side_bar .side_bar_left {
	float:left;
	width:130px;
}
#Side_bar .side_bar_left_small {
	float:left;
	width:25px;
	margin-right:5px;
}
#Side_bar .side_bar_left_small img {
	width:25px;
}
#Side_bar .side_bar_right {
	float:right;
	width:50px;
}
#Side_bar .store_set .bt_type02 {
	float:right;
	width:50px;
}
#footerNavLink, #footerNavLink02 {
	font-size:85%;
	color:#fff;
	position:absolute;
	left:25px;
	top:0;
	background-color:#ccc;
	padding:0 0 0 1px;
}
#footerNavLink {
	line-height:1em;
}
#footerNavLink02 {
	top:46px;
	padding:0;
	background-color:transparent;
}
#Copyright {
	color:#999;
	position:absolute;
	font-size:85%;
	right:25px;
	top:8px;
	line-height:1em;
}
#footerBanner {
	display:inline-block;
	position:absolute;
	right:25px;
	top:46px;
}
#footerBanner img {
	width:180px;
	border:#ccc 1px solid;
}
.banner_area {
	margin-bottom:5px;
	background-color:transparent;
	text-align:left;
	/*float:left;*/
	padding:2px;
	margin-bottom:0;
	width:234px;
}
.banner_area.autowidth {
	width:auto;
}
.banner_area.float {
	float:left;
}
.top_w732 {
	width:732px;
}
.top_w444 {
	width:444px;
}
.top_w476 {
	width:476px;
}
.top_w240 {
	width:240px;
}
.top_w350 {
	width:350px;
}
.top_w360 {
	width:360px;
}
.top_w560 {
	width:560px;
}
.left_250px {
	width:250px;
}
.left_210px {
	width:210px;
}
/*********************************************************************************メインビジュアル*/
h1.main_visual_top {
	padding:0;
	margin:0;
	line-height:normal;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	border-radius:0px;
	text-indent:-9999px;
}
.main_visual_top, .main_visual_top_en {
	background-image:url(../../../img/paint/bg_main_top_1227.png);
	background-position:left center;
	background-repeat:no-repeat;
	width:980px;
	/*height:260px;トップページ改修*/
	height:210px;
	position:relative;
	background-color:#777;
	border-bottom:solid 1px #999;
}
.main_visual_top_en {
	background-image:url(../../../img/en/bg_main_top_en_130424.jpg);
}
.main_visual_top_banner {
	width:270px;
	height:80px;
	position:absolute;
	top:123px;
	right:63px;
}
.main_visual_paint {
	background-image:url(../../../img/paint/bg_main_paint_small.jpg);
	background-position:left center;
	background-repeat:no-repeat;
	width:980px;
	height:60px;
	position:relative;
	background-color:#777;
	border-bottom:solid 1px #999;
}
.main_visual_paint a{
	display:block;
	text-indent:-9999px;
	height:60px;
}
/*********************************************************************************リンク*/
.page_top {
	width:auto;
	text-align:right;
	font-size:85%;
	line-height:1em;
	padding:0 25px 0 0;
	clear:both;
}
.page_top a {
	color:#666 !important;
	text-decoration:none !important;
}
.page_top a:hover {
	text-decoration:underline !important;
}
#footerNavLink li {
	float:left;
	margin:0 1px 0 0;
}
#footerNavLink a {
	text-decoration:none;
	color:#666 !important;
	display:block;
	height:auto;
	padding:8px 8px 2px;
	background-image:url(../../../img/common/bg_gradation_type03_under.png);
	background-position:left -15px;
	background-repeat:repeat-x;
	background-color:#f4f4f4;
}
#footerNavLink a:hover {
	color:#111;
	background-color:#e4e4e4;
}
#footerNavLink02 a.list_headerimage {
	color:#999;
	/*float:left;*/
	height:auto;
	padding:6px 8px 2px;
	background-position:left 5px !important;
}
#footerNavLink02 a:hover {
	color:#666;
}
/*********************************************************************************ボタン*/
.bt_type01 a:hover, a:hover.bt_type01, .bt_type02 a:hover, a:hover.bt_type02 {
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}
.btx2 {
	width:48%; 
	/*font-size:85% !important;*/
}
/*********************************************************************************テーブル斜線*/
th.slash {
	padding:0;
}
th.slash div {
	position:relative;
	width:100%;
	height:100%;
}
th.size_type01 {
	width:220px; height:50px; 
}
th.size_type02 {
	width:220px; height:70px; 
}
th.slash img {
	width:100%; height:100%;
}
th.slash span.right {
	position:absolute; display:block; top:10px; right:10px; line-height:1em;
}
th.slash span.left {
	position:absolute; display:block; bottom:10px; left:10px; line-height:1em;
}
/*********************************************************************************ニュース*/
#add_news0 {
	max-height:258px;
	overflow:auto;
	border-bottom:solid 1px #ccc;
}
/*********************************************************************************画像コンテンツ領域制御*/
.image_set_box {
	background-color:#ccc;
	padding:6px 6px 1px;
	margin-bottom:15px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	width:auto;
}
.white_base {
	background-color:#fff;
	margin-bottom:1px;
}
.image_set {
	max-width:338px;
	padding:4px;
	float:left;
}
.image_p {
	/*width:460px;
	float:left;*/
	width:auto;
	line-height:1.7em;
}
.contents_img img {
	max-width:336px;
	border:solid 1px #66CCFF;
}
.contents_img a.colorbox {
	display:block;
	/*max-width:338px;*/
}
.white_base_x2 {
	width:344px;
}
.white_base_x2 .image_set {
	max-width:336px;
}
.white_base_x2 img {
	max-width:334px;
}
.white_base_x2 a.colorbox {
	max-width:336px;
}
.contents_img img:hover {
	border:solid 1px #FF9900;
}
.photo_caption {
	margin-bottom:6px;
	display:block;
	background-color:#fff;
	background-position:4px 4px;
    padding-left: 19px;
	padding-top:3px;
	padding-bottom:3px;
	line-height:1.5em;
}
.contents_img h2, .contents_img h3 {
	clear:both;
}
.lineup_pk {
	float:left;
}
.lineup_pk_p {
	padding-left:250px;
}
.top_illust {
	/*width:122px;トップページ改修*/
	width:243px;
	margin-left:10px;
	float:right;
}
.top_illust img {
	/*width:120px !important;トップページ改修*/
	width:243px !important;
}
.news_contents_left {
	width:202px;
	float:left;
}
.news_contents_left img {
	width:200px !important;
}
.news_contents_right {
	width:440px;
	float:right;
}
.image_warm {
	width:706px;
}
.image_warm img{
	max-width:706px !important;
}
.image_warm a.colorbox {
	margin:0 0 4px;
	display:block;
	max-width:100% !important;
	border:solid 1px #66CCFF;
}
.image_main {
	width:706px !important;
	padding:0;
}
.image_main img {
	max-width:704px !important;
	padding:0;
}
/*****************************************************************************************************　twitter　*/
.twitter_area {
	margin-bottom:15px;
	border:solid 1px #bbb;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
/*********************outline*/
.twtr-widget {
	background-color: #bbb !important;
	background-image:url(../../../img/common/bg_gradation_type05_under.png);
	background-repeat:repeat-x;
	background-position:left -110px;
}
.twtr-doc {
	border-radius:0 !important;
}
/*********************header*/
.twtr-hd {
	color:#888 !important;
	font-size:90%;
	margin-bottom:0;
	background-color:#999 !important;
	padding:5px 10px !important;
	border:solid 1px #bbb;
	border-bottom-color:#ccc;
	background-image:url(../../../img/common/bg_gradation_white_type05_upper.png);
	background-repeat:repeat-x !important;
	background-position:left bottom;
}
.twtr-widget .twtr-hd h3, .twtr-widget .twtr-hd h4 {
    background-color: transparent !important;
	background-image:none;
	border:none !important;
	font-weight:bold !important;
}
/*********************body*/
.twtr-bd {
	padding:0 1px !important;
}
.twtr-timeline {
	height:auto !important;
	max-height:200px !important;
	border-radius:0 !important;
}
.twtr-tweet-wrap {
	background-color:#f8f8f8;
	width:auto;
	background-image:url(../../../img/common/bg_gradation_white_type04_under.png);
	background-repeat:repeat-x !important;
	background-position:left top;
}
.twtr-tweet-text, .twtr-tweet, .twtr-tweets, .twtr-timeline {
	background-color:transparent !important;
}
#twtr-widget-1 .twtr-new-results {
	height:24px !important;
	padding:0px !important;
}
#twtr-widget-1 .twtr-new-results span {
	background-color:#DDA6A6 !important;
	line-height:1.2em;
	color:#fff !important;
}
/*********************footer*/
.twtr-ft div {
	padding:4px 8px 6px !important;
	font-size:90%;
	margin-bottom:0;
	background-color:#999 !important;
	border:solid 1px #bbb;
	border-top-color:#ccc;
	background-image:url(../../../img/common/bg_gradation_white_type05_upper.png);
	background-repeat:repeat-x !important;
	background-position:left bottom;
}
.twtr-join-conv {
	color:#888 !important;
}
/*********************************************************************************基本*/
.font_small {
	font-size:90% !important;
}
.pc_none {
	display:none;
}
.box_x3_set {
	margin-bottom:15px;
	border-bottom:dotted 1px #ccc;
	padding-bottom:5px;
}
.box_x3_set .h {
	margin-top:5px;
	padding-right:5px;
	background-image:url(../../../img/common/bg_gradation_white_type05_upper.png);
	background-color:#E2D7B1;
}
.box_x3_set .h h2 {
	line-height:1.5em;
	border:none;
}
.box_x3 {
	width:32%;
	margin-right:2%;
	float:left;
}
.box_x2 {
	width:50%;
	/*margin:0% 0%;*/
	float:left;
}
.box_x2 p,.box_x2 ul{
	padding:0px 12px;
}
.box_x6_set{
	padding:0 0px;
}
.box_x6{
	float:left;
	width:120px;
	margin-right:17px;
}
.box_x6_arrow{
	float:left;
	width:115px;
	margin-top:40px;
}
.box_x6 a{
	display:block;
}
.box_x6_arrow a.howto{
	display:block;
	height:58px;
	background-image:url(/view/img/paint/img_top_howto_arrow.png);
	background-position:center top;
	background-repeat:no-repeat;
}
.box_x6_arrow a.howto:hover{
	display:block;
	background-position:center -58px;
}
.box_x6_arrow a.sozai{
	display:block;
	height:58px;
	background-image:url(/view/img/paint/img_top_sozai_arrow.png);
	background-position:center top;
	background-repeat:no-repeat;
}
.box_x6_arrow a.sozai:hover{
	display:block;
	background-position:center -58px;
}
.box_x6_arrow a.gallery{
	display:block;
	height:58px;
	background-image:url(/view/img/paint/img_top_gallery_arrow.png);
	background-position:center top;
	background-repeat:no-repeat;
}
.box_x6_arrow a.gallery:hover{
	display:block;
	background-position:center -58px;
}

/*機能紹介*/
.fanc_menu{
	position:relative;
}
.fanc_menu a{
	display:block;
	width:706px;
	height:62px;
	margin-bottom:6px;
	text-indent:-9999px;
}
.fanc_menu a:hover{
	background-position:left 62px;
}
.fanc_menu a.func01{background-image:url(/view/img/paint/fanc_menu_01.png);}
.fanc_menu a.func02{background-image:url(/view/img/paint/fanc_menu_02.png);}
.fanc_menu a.func03{background-image:url(/view/img/paint/fanc_menu_03.png);}
.fanc_menu a.func04{background-image:url(/view/img/paint/fanc_menu_04.png);}
.fanc_menu a.func05{background-image:url(/view/img/paint/fanc_menu_05.png);}
.fanc_menu a.func06{background-image:url(/view/img/paint/fanc_menu_06.png);}
.fanc_menu a.func07{background-image:url(/view/img/paint/fanc_menu_07.png);}
.fanc_menu a.func08{background-image:url(/view/img/paint/fanc_menu_08.png);}
.fanc_menu a.func09{background-image:url(/view/img/paint/fanc_menu_09.png);}

.fanc_menu a.func05,
.fanc_menu a.func06,
.fanc_menu a.func07,
.fanc_menu a.func08{
	width:350px;
	height:47px;
}
.fanc_menu a.func05:hover,
.fanc_menu a.func06:hover,
.fanc_menu a.func07:hover,
.fanc_menu a.func08:hover{
	background-position:left 47px;
}

.fanc_menu a.func05,
.fanc_menu a.func07{
	float:left;
}
.fanc_menu a.func06,
.fanc_menu a.func08{
	float:right;
}
.func_kakiaji{
	position:relative;
}
.func_kakiaji a{
	position:absolute;
	display:block;
	height:70px;
	text-indent:-9999px;
	background-color:#555;
	filter: alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
.func_kakiaji a:hover{
	filter: alpha(opacity=15);
	-moz-opacity:0.15;
	opacity:0.15;
}
.func_kakiaji .sozai01{bottom:150px;left:0px;width:167px;}
.func_kakiaji .sozai02{bottom:150px;left:167px;width:195px;}
.func_kakiaji .sozai03{bottom:150px;left:362px;width:178px;}
.func_kakiaji .sozai04{bottom:150px;left:540px;width:166px;}
.func_kakiaji .sozai05{bottom:80px;left:362px;width:178px;}
.func_kakiaji .button{
	bottom:0px;
	left:118px;
	width:437px;
	height:63px;
	background-color:#9BF0FF;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	border-radius:15px;
}
.func_manga{
	position:relative;
}
.func_manga a{
	position:absolute;
	display:block;
	text-indent:-9999px;
	background-color:#888;
	filter: alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
.func_manga a:hover{
	filter: alpha(opacity=15);
	-moz-opacity:0.15;
	opacity:0.15;
}
.func_manga .sozai01{bottom:163px;left:0px;width:175px;height:165px;}
.func_manga .sozai02{bottom:163px;left:175px;width:176px;height:165px;}
.func_manga .sozai03{bottom:0px;left:0px;width:175px;height:163px;}
.func_manga .sozai04{bottom:0px;left:175px;width:176px;height:163px;}
.func_manga .button{
	background-color:#9BF0FF;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	border-radius:15px;
	bottom:0;
	right:0;
	width:342px;
	height:90px;
}
.func_btarea{
	position:relative;
}
.func_btarea a{
	position:absolute;
	width:137px;
	height:38px;
	display:block;
	text-indent:-9999px;
	background-color:#FFF581;
	filter: alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}
.func_btarea a:hover{
	filter: alpha(opacity=15);
	-moz-opacity:0.15;
	opacity:0.15;
}
.func_btarea a.btarea_pro_learn{top:100px;left:191px;background-color:#5BE6FF;}
.func_btarea a.btarea_pro_try{bottom:6px;left:191px;}
.func_btarea a.btarea_ex_learn{top:100px;left:494px;background-color:#A4C1FF;}
.func_btarea a.btarea_ex_try{bottom:6px;left:494px;}

.func_style01 h3{
	font-size:130%;
	border-width:0 0 0 7px;
	border-color:#72CDD8;
	padding-top:2px;
	padding-bottom:1px;
	margin-bottom:10px;
}
.func_style02 h3{
	font-size:130%;
	border-width:0 0 0 7px;
	border-color:#72CDD8;
	padding-top:2px;
	padding-bottom:1px;
	margin-bottom:10px;
}


/*ギャラリー
.painting_frame {
	display:block; 
	width:204px; 
	padding:8.5px; 
	border:1px solid #ccc; 
	background-color:#eee; 
	background-image:url(/view/img/common/bg_gradation_white_type05_under.png); 
	background-repeat:repeat-x !important;
	background-position:left top;
	float:left; 
	margin:5px 5px; 
	position:relative; 
	white-space:nowrap; 
	overflow:hidden;	
}
.painting_frame a img {
	width:198px;
	border:3px solid #fff;
	margin-bottom:5px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
}
.gallery_main img {max-height:932px; max-width:932px;}
*/
/*動画*/
.movie_box .left,
.movie_box .right{
	width:456px;
	margin:0px 5px 5px;
	text-align:center;
	float:left;
}
.movie_box .h{
	margin-top:20px;
	text-align:left;
}
#movie_youtube{
	width:454px;
	margin:0 auto;
	border:1px solid #ccc;
}
.movie_box .prof{
	position:relative;
}
.movie_box .prof p{
	position:absolute;
	top:0;
	left:0;
	width:85%;
	margin:18px 5% 0 10%;
	text-align:left;
}

/*SDK*/
.color_plugin a, a.color_plugin{
	background-color:#94BD25;
}
.bt_plugin{
	display:table;
	width:100%;
	height:67px;
	margin-bottom:20px;
}
.bt_plugin > a,
.bt_plugin > div{
	display:table-cell;
	width:50%;
	vertical-align:middle;
	font-size:140%;
}

.bt_plugin .bt_type03 a,
.bt_plugin a.bt_type03,
.bt_plugin .bt_type03 a span,
.bt_plugin a.bt_type03 span{
	background-image:url(/view/img/common/bg_gradation_white_type04_under.png);
	background-position:left -1px;
	border:1px solid #7A9D22;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	height:100%;
}
.box_plugin.box_type01{
	display:table;
}
.box_plugin.box_type01 p{
	display:table-cell;
	vertical-align:middle;
	width:50%;
	margin:0;
}
.box_plugin.box_type01 p.text{
	padding:20px;
}