@charset "utf-8";
/* CSS Document */
img {
	-ms-interpolation-mode:bicubic; /* IE7以降バイキュービック */
	image-rendering:optimizeQuality; /* FireFoxバイリニア */
}
.banner_area {
	padding:3px;
	background-color:#eee;
	text-align:center;
	margin-bottom:15px;
}
.banner_area a {
	display:inline-block;
	overflow:hidden;
}
/*********************************************************************************画像コンテンツ領域制御*/
.photo_caption {
	font-size:80%;
	font-weight:bold;
	background-image: url(../../../img/common/bg_list_header_gray_square.png);
	background-repeat:no-repeat;
	background-position:left 1px;
    padding-left: 15px;
	line-height:1.5em;
}
.youtube {
	margin-bottom:15px;
}
.bt_type_for_img img {
	width:100%;
}
/*********************************************************************************見出し系*/
h1 {
	font-weight:bold;
	line-height:1.5em;
	font-size:130%;
	color:#f8f8f8;
	padding:4px 8px;
	margin-bottom:15px;
	width:auto;
	background-color: #777;
	background-image:url(../../../img/common/bg_gradation_white_type05_under.png);
	background-repeat:repeat-x;
	background-position:left -120px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}
.lineup h1 {
	-moz-border-radius:0 0 3px 3px;/****上書き*/
	-webkit-border-radius:0 0 3px 3px;/****上書き*/
	border-radius:0 0 3px 3px;/****上書き*/
}
.paint_pro h1 {
	background-color:#7DCDD7;
}
.paint_ex h1 {
	background-color:#4B90CD;
}
h2 {
	font-size:125%;
	font-weight:bold;
	color:#999;
	margin-bottom:15px;
	line-height:1.4em;
}
h3 {
	font-size:100%;
	font-weight:bold;
	border:solid 1px #ccc;
	border-width:0 0 1px 5px;
	padding:0 0 3px 5px;
	margin-top:30px;
	margin-bottom:15px;
	line-height:1.3em;
}
h4 {
	color:#777;
	font-weight:bold;
	line-height:1.4em;
	margin-bottom:15px;
}
#Side_bar h2 {
	color:#888;
	font-size:90%;
	margin-bottom:0;
	background-color:#999;
	padding:4px 7px 3px;
	border-bottom:solid 1px #ccc;
	background-image:url(../../../img/common/bg_gradation_white_type05_upper.png);
	background-repeat:repeat-x !important;
	background-position:left bottom;
	width:100%;
	position:relative;
	top:-10px;
	left:-7px;
}
#Side_bar h3, #News_area h3 {
	color:#666;
	font-size:85%;
	padding-bottom:0;
	margin-top:0;
	margin-bottom:10px;
}
#Side_bar h3 {
	height:24px;
	line-height:24px;
}
#Side_bar h4 {
	margin-bottom:0;
	font-size:85% !important;
}
#Side_bar p, #News_area p {
	font-size:85%;
	margin-bottom:10px;
	line-height:1.3em;
}
div.h {
	margin-bottom:15px;
	margin-top:30px;
	background-color:#e8e8e8;
	border:solid 1px #bbb;
	width:auto;
	padding:6px 8px 6px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	clear:both;
	background-image:url(../../../img/common/bg_gradation_white_type04_upper.png);
	background-repeat:repeat-x;
	width:auto;
	background-position:left bottom;
}
div.h h3, div.h h2 {
	font-size:110%;
	font-weight:bold;
	color:#666;
	line-height:1.2em;
	border:none;
	border-bottom:solid 1px #bbb;
	width:auto;
	margin:0;
	padding:0;
}
.box_type01 h4, .box_type02 h4 {
	margin-bottom:5px;
}
p {
	margin-bottom:15px;
}
p.price {
	color:#FF6600;
	margin-bottom:4px !important;
	font-size:80% !important;
}
span.price_num {
	font-size:150%;
	font-weight:bold;
}
.caution_area {
	margin-bottom:15px;
	font-size:90%;
}
.caution_area p {
	margin-bottom:8px;
}
.large {
	font-size:200%;
}
/*********************************************************************************リンク*/
a.cboxElement {outline:none}

a:link, a:link span {
	text-decoration:underline;
	color:#0584CB;
}
a:visited, a:visited span {
	text-decoration:underline;
	color:#0584CB;
}
a:hover, a:hover span {
	text-decoration:underline;
	color:#547282;
}
a:active, a:active span {
	text-decoration:underline;
	color:#333;
}
/*a.link_color_02 {
	color:#BBE1E8 !important;
}
a.link_color_02:hover {
	color:#E8E8AC !important;
}*/
/*********************************************************************************リスト*/
ul {
    list-style: none outside none;
    margin: 0 0 15px !important;
}
ul li, .list_headerimage {
    background-image: url(../../../img/common/bg_list_header.png) !important;
	background-repeat:no-repeat !important;
	background-position:left 5px !important;
    padding-left: 16px !important;
}
ul.list_type03 li {
	padding:7px 10px 5px 10px !important;	
	margin-bottom:3px;
	border-left:solid 5px #ccc;
	background-image:none !important;
	background-repeat:repeat-x !important;
	background-position:left bottom !important;
	background-color:#f3f3f3;
}
.paint_pro ul.list_type03 li {
	border-color:#7DCDD7;
}
.paint_ex ul.list_type03 li {
	border-color:#4B90CD;
}
ul.list_reset {
    margin: 0;
}
ul.list_reset li {
    background-image:none !important;
    padding-left: 0 !important;
}
a.list_headerimage {
	background-position:left 1px !important;
}
#Side_bar ul {
	margin-bottom:10px !important;
}
ul.list_type02 {

}
ul.list_type02 li {
	display:inline-block;
	margin-right:20px;
	margin-bottom:10px;
	font-size:130%;
	white-space:nowrap;
	width:6em;
}
.list_inner {
	list-style-type: none !important;
}
.list_inner li {
	padding-bottom: 0;
	list-style: none;
	position: relative;
	margin-left: 1em;
}
.list_inner li span {
	position: absolute;
	top: 0;
	left: -1em;
}
/*********************************************************************************ニュース*/
#News_area {
	/*margin-bottom:15px;*/
	background-color:#fff;
	width:auto;
	padding:0;
}
#News_area h2 {
	color:#888;
	font-size:90%;
	margin-bottom:0;
	background-color:#999;
	width:auto;
	padding:4px 10px 3px;
	border-bottom:solid 1px #ccc;
	background-image:url(../../../img/common/bg_gradation_white_type05_upper.png);
	background-repeat:repeat-x !important;
	background-position:left bottom;
}
#News_area ul {
	margin-bottom:0 !important;
	/*border:solid 1px #999;
	border-top-color:#888;
	border-bottom:none;*/
}
#News_area ul li {
	border-bottom:solid 1px #ccc;
	background-image:none !important;
	padding:0 !important;
}
#News_area ul li a.news_link {
	padding:12px 10px 10px !important;
	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;
}
#News_area ul li a.news_link, #News_area ul li a.news_link span {
	text-decoration:none !important;
	color:#666;
	display:block;
}
#News_area ul li a.news_link:hover {
	background-color:#eee;
}
.news_date {
	font-weight:bold;
	font-size:90%;
	color:#999 !important;
	background-image: url(../../../img/common/bg_list_header.png);
	background-repeat:no-repeat;
	background-position:-1px -1px;
    padding-left: 16px;
	line-height:1em;
	margin-bottom:5px;
	border-bottom:dotted 1px #ccc;
}
.news_title {
	line-height:1.2em;
}
/*********************************************************************************デモ*/
.demo table td {
	font-size:95%;
}
.demo table td p {
	margin:0;
}
/*********************************************************************************ボタン*/
.bt_type01 a, a.bt_type01, .bt_type01 a span, a.bt_type01 span {
	background-image:url(../../../img/common/bg_gradation_white_type04_upper.png);
	background-repeat:repeat-x;
	background-position:left -5px;
	height:23px;
	line-height:24px;
	font-size:105%;
	font-weight:bold;
	display:block;
	overflow:hidden;
	position:relative;
	border:solid 1px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	color:#fff !important;
	text-decoration:none;
	text-align:center;
}
.bt_type02 a, a.bt_type02, .bt_type02 a span, a.bt_type02 span {
	background-image:url(../../../img/common/bt_type02.png);
	background-repeat:repeat-x;
	background-position:left center;
	height:23px;
	line-height:24px;
	font-size:105%;
	font-weight:bold;
	display:block;
	overflow:hidden;
	position:relative;
	border:solid 1px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	color:#fff !important;
	text-decoration:none;
	text-align:center;
}
.bt_type03 a, a.bt_type03, .bt_type03 a span, a.bt_type03 span {
	background-image:url(../../../img/common/bg_gradation_white_type04_under.png);
	background-repeat:repeat-x;
	background-position:left top;
	height:23px;
	line-height:24px;
	font-size:105%;
	font-weight:bold;
	display:block;
	overflow:hidden;
	position:relative;
	border:solid 1px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	color:#fff !important;
	text-decoration:none;
	text-align:center;
}
.bt_deactive {
	background-image:url(../../../img/common/bg_gradation_white_type04_under.png);
	background-repeat:repeat-x;
	background-position:left -5px;
	background-color:#aaa;
	border:solid 1px;
	border-color:#777;
	height:23px;
	line-height:24px;
	font-size:105%;
	font-weight:bold;
	display:block;
	overflow:hidden;
	position:relative;
	
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	color:#eee !important;
	text-decoration:none;
	text-align:center;
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;
}
.bt_type01 a:hover, a:hover.bt_type01, .bt_type02 a:hover, a:hover.bt_type02, .bt_type03 a:hover, a:hover.bt_type03, .bt_type_for_img:hover, .g_navi a:hover, .main_visual_top_banner a:hover {
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}

/*iPad追加（17/11/08）*/
.ipad_btset_b .set_text{
	font-size: 100%;
	line-height: 1.5em;
	text-align: right;
}
.ipad_bt_b{
	border-radius:5px;
}
.ipad_bt_b a{
	display:block;
	box-sizing:border-box;
	border-radius:5px;
	border:solid 1px #717171;
	padding:12px 12px 9px;
	font-weight:bold;
	font-size:125%;
	line-height: 1.3em;
	text-align:center;
	white-space:nowrap;
	text-decoration:none !important;
	/*animation*/
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
	/*coloring*/
	background-color:#000;
	background-image:url(../../../img/en/bt_type_gradation_ipad_large.png);
	background-repeat:repeat-x;
	background-position:left top;
	color:#fff !important;
}
.ipad_bt_b a:hover{
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}
.ipad_bt_b a span{
	color:#fff !important;
	text-decoration:none !important;
}
.ipad_bt_layout{
	display:table;
	margin:0 auto;
}
.ipad_bt_layout .icon {
	display:table-cell;
	vertical-align:middle;
	text-align:right;
	padding-right:0.3em;
}
.ipad_bt_layout .icon:before{
	content: "\f179";
	font-family: FontAwesome;
	font-size:145%;
	vertical-align:-2px;
}
.ipad_bt_layout .text {
	display:table-cell;
	vertical-align:middle;
	text-align:left;
}
.ipad_bt_layout .text .font_small {
	font-size:59% !important;
	line-height:1em;
}
@media screen and (max-width: 900px) {
	.ipad_bt_b{
/*		font-size:150%;
		line-height:1em;*/
	}
}
.trial_buy_buttons.ipad_btset_b > div.set_text{
	padding-right:5px;
}
.trial_buy_buttons.ipad_btset_b > div.set_button{
	padding-left:5px;
}


/*********************************************************************************カラーセット（ボタン用）*/
.color_logo_paint a, a.color_logo_paint {
	background-color:#56C5D0;
	border-color:#56C5D0;
}
.color_paint_pro a, a.color_paint_pro {
	background-color:#70645C;
	border-color:#70645C;
}
.color_paint_ex a, a.color_paint_ex {
	background-color:#4B90CD;
	border-color:#4B90CD;
}
.color_paint_debut a, a.color_paint_debut {
	background-color:#a9d12d;
	border-color:#a9d12d;
}
.color_gray01 a, a.color_gray01 {
	background-color:#aaa;
	border-color:#aaa;
}
.color_gray02 a, a.color_gray02 {
	background-color:#555;
	border-color:#555;
}
.color_gray03 a, a.color_gray03 {
	background-color:#eee;
	border-color:#bbb;
	color:#666 !important;
}
.color_green01 a, a.color_green01 {
	background-color:#70B437;
	border-color:#70B437;
}
.color_orange01 a, a.color_orange01 {
	background-color:#F28E46;
	border-color:#F28E46;
}
.color_blue01 a, a.color_blue01 {
	background-color:#1D93B2;
	border-color:#1D93B2;
}
.color_blue02 a, a.color_blue02 {
	background-color:#629196;
	border-color:#629196;
}
.color_pink01 a, a.color_pink01 {
	background-color:#CC9393;
	border-color:#CC9393;
}
.color_other01 a, a.color_other01 {
	background-color:#FF7B22;
	border-color:#FF7B22;
}
.color_other01 a, a.color_other02 {
	background-color:#ECA100;
	border-color:#ECA100;
}
.color_ex a, a.color_ex {
	background-color:#78aae5;
	border-color:#78aae5;
}
.color_pro a, a.color_pro {
	background-color:#7dcdd8;
	border-color:#7dcdd8;
}
.color_debut a, a.color_debut {
	background-color:#a9d12d;
	border-color:#a9d12d;
}
/*********************************************************************************サイズ（ボタン用）*/
.bt_size_type01 {
	width:100px;
	height:24px !important;
	line-height:24px !important;
	font-size:100% !important;
	margin-right:5px;
}
.bt_size_type02 {
	width:300px;
	height:30px !important;
	line-height:30px !important;
	font-size:130% !important;
}
.bt_size_type03 {
	width:400px;
	height:30px !important;
	line-height:30px !important;
	font-size:130% !important;
}
.bt_size_type04 {
	width:300px;
	height:40px !important;
	line-height:40px !important;
	font-size:190% !important;
	font-weight:normal !important;
}
.bt_size_type05 {/*ラインナップ_PROEXボタン*/
	width:345px;
	height:88px !important;
	line-height:30px !important;
	font-size:130% !important;
	padding-top:5px;
}
.bt_size_type05 {
	width:100%;
	text-align:center;
}
.bt_size_type05 a {
	margin:0 auto 30px;
	padding:5px;
	width:70%;
	color:#FFF;
	text-align:center;
	background-image:url(../../../img/en/bt_type07_gradation_yellow02.png);
	border:1px solid #F1B700 ;
	text-shadow: -1px -1px 0px #C78F00;
	font-weight:bold;
	text-decoration:none;
	border-radius:3px;
	display:block;
}
.bt_size_type05 a span{
	color:#FFF;
	text-decoration:none;
}
.bt_size_type05 a:hover {
	opacity: 0.8;  
    filter: alpha(opacity=90);  
    -ms-filter: "alpha( opacity=90 )";  
    -moz-opacity: 0.9;  
    -khtml-opacity: 0.9;
}

/*********************************************************************************グローバルナビ*/
.g_navi {
	
	/*border-bottom:solid 1px #ccc;
	background-color:#eee;*/
}
ul.g_navi {
	margin:0 !important;
	width:100%;
	padding:0;
	background-color:#aaa;
}
.g_navi li {
	float:left;
	margin:0 !important;
	padding:0 !important;
	width:24%;
	border:none !important;
}
.g_navi li.first {
	width:4%;
}
.g_navi .ui-btn-inner {
	border:none;
}
.g_navi a {
	background-image:url(../../../img/common/bg_gradation_white_type04_upper.png);
	background-repeat:repeat-x;
	background-position:left -5px;
	font-size:130%;
	font-weight:bold;
	display:block;
	overflow:hidden;
	position:relative;
	border:solid 1px;
	color:#fff !important;
	text-decoration:none;
	text-align:center;
	
	background-color:#aaa;
	border-color:#777;
	
	width:auto;
	height:33px;
	line-height:33px;
	border-top-color:#ccc;
	border-left-color:#e6e6e6;
}
.g_navi li.first a span {
	background-image:url(../../../img/common/re_ico_set.png);
	background-position:0 4px;
	background-repeat:no-repeat;
	width:20px;
	height:25px;
	display:block;
	margin:0 auto;
}
.bg_paint_pro {
	display:inline-block;
	width:9px;
	height:9px;
	border:solid 1px #eee;
	margin-right:5px;
	background-color:#7DCDD7;
}
.bg_paint_ex {
	display:inline-block;
	width:9px;
	height:9px;
	border:solid 1px #eee;
	margin-right:5px;
	background-color:#4B90CD;
}
.bg_paint_debut {
	display:inline-block;
	width:9px;
	height:9px;
	border:solid 1px #eee;
	margin-right:5px;
	background-color:#a9d12d;
}
.g_navi a span {
	color:#fff !important;
	text-decoration:none;
}
.g_navi a.active {
	background-color:#EF8F1D;
	border-color:#EF8F1D;
	/*border-top-color:#777;
	border-left-color:#777;*/
}
.g_navi a.active:hover {
	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}
/*********************************************************************************サブナビ*/
.sub_navi {
	width:auto;
	padding:0;
	border-bottom:solid 2px #EF8F1D;
	margin:0 0 0 !important;
}
ul.sub_navi {
	margin:0 !important;
}
.sub_navi li {
	float:left;
	margin:0 !important;
	padding:0 !important;
	width:20%;
	border:none !important;
}
.sub_navi .ui-btn-inner {
	border:none;
}
.sub_navi a {
	display:block;
	overflow:hidden;
	margin-right:5px;
	padding:4px 0;
	color:#666;
	font-weight:normal;
	font-size:105%;
	text-decoration:none;
	text-align:center;
	height:23px;
	line-height:24px;
	background-image:url(../../../img/common/bg_gradation_white_type04_under.png);
	background-repeat:repeat-x;
	background-position:left top;
	background-color:#eee;
	border:solid 1px;
	border-color:#bbb;
	border-bottom:none;
	-moz-border-radius:5px 5px 0 0;
	-webkit-border-radius:5px 5px 0 0;
	border-radius:5px 5px 0 0;
}
.sub_navi a span {
	color:#666;
	font-weight:normal;
	text-decoration:none;
}
.sub_navi a:hover {
	background-color:#e4e4e4;
}
.sub_navi a.active {
	background-color:#EF8F1D;
	border-color:#EF8F1D;
	border-bottom:none;
	color:#fff !important;
}
.sub_navi a.active span {
	color:#fff !important;
}
.sub_navi a:hover, .sub_navi a.active:hover {
	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}
.sub_navi_li05 a {
	margin-right:0;
}
/*********************************************************************************テーブル*/
table {
	border:solid 1px #ccc;
	border-width:1px 0 0 1px;
	width:100%;
	margin-bottom:20px;
}
td, th {
	border:solid 1px #ccc;
	border-width:0 1px 1px 0;
}
th {
	background-color:#eee;
	font-weight:bold;
	text-align:center;
	font-size:85%;
	line-height:1.3em;
	padding:7px 10px 3px;
	background-image:url(../../../img/common/bg_gradation_white_type02_under.png);
	background-repeat:repeat-x;
	background-position:left top;
}
td {
	text-align:left;
	font-size:85%;
	padding:9px 10px 6px;
	line-height:1.4em;
}
/*********************************************************************************基本*/
.bg_color_gray01 {
	background-color:#f8f8f8;
}
.shadow_none {
    text-shadow:none !important;
}
.font_bold {
	font-weight:bold !important;
}
.font_normal {
	font-weight:normal !important;
}
.font_100 {
	font-size:100% !important;
}
.font_110 {
	font-size:110% !important;
}
.font_120 {
	font-size:120% !important;
	line-height: 1.5em;
}
.font_red {
	color:#CD6F70 !important;
}
.font_blue {
	color:#5F89B3 !important;
}
.left_float {
	float:left !important;
}
.right_float {
	float:right !important;
}
.center_margin {
	margin-left:auto !important;
	margin-right:auto !important;
	float:none !important;
}
.left_align th, .left_align td {
	text-align:left !important;
}
.right_align th, .right_align td {
	text-align:right !important;
}
.center_align th, .center_align td {
	text-align:center !important;
}
.left_align, th.left_align, td.left_align {
	text-align:left !important;
}
.right_align, th.right_align, td.right_align {
	text-align:right !important;
}
.center_align, th.center_align, td.center_align {
	text-align:center !important;
}
.clear {
	clear:both !important;
}
.clear_after, #Contents_top, #Contents_type01, #Contents_type02, #Main_area, #Main_area_top, .image_set_box, .white_base {
	zoom:100%;
}
.clear_after:after, #Contents_top:after, #Contents_type01:after, #Contents_type02:after, #Main_area:after, #Main_area_top:after, .image_set_box:after, .white_base:after {
	content:"";
	clear:both;
	display:block;
	height:0;
	visibility:hidden;
}
.separator_dotted {
	border-bottom:dotted #CCC 1px;
	height:15px;
	width:auto;
	margin-bottom:15px;
}
.separator_solid {
	border-bottom:solid #CCC 1px;
	height:15px;
	width:auto;
	margin-bottom:15px;
}
.box_dotted {
	padding:12px;
	border:dotted 1px #56C5D0;
	border-width:2px 0;
	line-height:1em;
	color:#56C5D0;
}
.box_type01 {
	padding: 15px;
	border: 1px solid #ccc;
	margin-bottom:15px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}
.box_type02 {
	padding: 8px 12px;
	border: 3px double #ddd;
	background-color: #fff;
	margin-bottom:15px;
	background-repeat:repeat-x;
	background-position:left bottom;
	
	position:relative;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}
.box_type02 p, .box_type02 ul {
	margin:0;
}
.box_type02 ul {
	margin-top:5px;
}
.box_type03 {
	padding: 10px 7px;
	color:#666;
	background-color: #eee;
	background-image:url(../../../img/common/bg_gradation_white_type05_under.png);
	background-repeat:repeat-x !important;
	background-position:left top;
	border-bottom:solid 1px #ccc;
}
.box_type04 {
	padding:0;
	color:#666;
	background-color: #eee;
	border:solid 1px #bbb;
	border-width:1px 1px 0;
}
.box_type05 {
	padding: 10px 25px;
	background-color: #EEEEEE;
	margin-bottom:15px;	
	position:relative;
}
.box_type05 p, .box_type05 ul {
	margin:0;
}
.box_type05 ul {
	margin-top:5px;
}
/*********************************************************************************基本：背景グラデーション*/
.bg_gradation_type01_upper, 
.bg_gradation_type02_upper,
.bg_gradation_type03_upper,
.bg_gradation_type04_upper,
.bg_gradation_white_type01_upper, 
.bg_gradation_white_type02_upper,
.bg_gradation_white_type03_upper,
.bg_gradation_white_type04_upper,
.bg_gradation_type01_under, 
.bg_gradation_type02_under,
.bg_gradation_type03_under,
.bg_gradation_type04_under,
.bg_gradation_white_type01_under, 
.bg_gradation_white_type02_under,
.bg_gradation_white_type03_under,
.bg_gradation_white_type04_under {
	background-repeat:repeat-x !important;
	width:auto;
	background-position:left bottom;
}
.bg_gradation_type01_under, 
.bg_gradation_type02_under,
.bg_gradation_type03_under,
.bg_gradation_type04_under,
.bg_gradation_white_type01_under, 
.bg_gradation_white_type02_under,
.bg_gradation_white_type03_under,
.bg_gradation_white_type04_under {
	background-position:left top;
}
.bg_gradation_type01_upper {
	background-image:url(../../../img/common/bg_gradation_type01_upper.png);
}
.bg_gradation_type01_under {
	background-image:url(../../../img/common/bg_gradation_type01_under.png);
}
.bg_gradation_type02_upper {
	background-image:url(../../../img/common/bg_gradation_type02_upper.png);
}
.bg_gradation_type02_under {
	background-image:url(../../../img/common/bg_gradation_type02_under.png);
}
.bg_gradation_type03_upper {
	background-image:url(../../../img/common/bg_gradation_type03_upper.png);
}
.bg_gradation_type03_under {
	background-image:url(../../../img/common/bg_gradation_type03_under.png);
}
.bg_gradation_type04_upper {
	background-image:url(../../../img/common/bg_gradation_type04_upper.png);
}
.bg_gradation_type04_under {
	background-image:url(../../../img/common/bg_gradation_type04_under.png);
}
.bg_gradation_white_type01_upper {
	background-image:url(../../../img/common/bg_gradation_white_type01_upper.png);
}
.bg_gradation_white_type01_under {
	background-image:url(../../../img/common/bg_gradation_white_type01_under.png);
}
.bg_gradation_white_type02_upper {
	background-image:url(../../../img/common/bg_gradation_white_type02_upper.png);
}
.bg_gradation_white_type02_under {
	background-image:url(../../../img/common/bg_gradation_white_type02_under.png);
}
.bg_gradation_white_type03_upper {
	background-image:url(../../../img/common/bg_gradation_white_type03_upper.png);
}
.bg_gradation_white_type03_under {
	background-image:url(../../../img/common/bg_gradation_white_type03_under.png);
}
.bg_gradation_white_type04_upper {
	background-image:url(../../../img/common/bg_gradation_white_type04_upper.png);
}
.bg_gradation_white_type04_under {
	background-image:url(../../../img/common/bg_gradation_white_type04_under.png);
}
/*********************************************************************************基本：マージン*/
.mar_btm2 {
	margin-bottom:2px !important;
}
.mar_btm5 {
	margin-bottom:5px !important;
}
.mar_btm10 {
	margin-bottom:10px !important;
}
.mar_btm15 {
	margin-bottom:15px !important;
}
.mar_btm20 {
	margin-bottom:20px !important;
}
.mar_btm25 {
	margin-bottom:25px !important;
}
.mar_btm30 {
	margin-bottom:30px !important;
}
.mar_btm40 {
	margin-bottom:40px !important;
}
.mar_btm50 {
	margin-bottom:50px !important;
}
.mar_top0 {
	margin-top:0 !important;
}
.mar_left0 {
	margin-left:0 !important;
}
.mar_btm0 {
	margin-bottom:0 !important;
}
.mar_right0 {
	margin-right:0 !important;
}
.mar_all0 {
	margin:0 !important;
}

/*体験版*/
#trial_title {
	margin-bottom:20px;
	padding:20px;
	line-height:110%;
	/*background-image:url(../../../img/common/trial_title.jpg);
	background-repeat:no-repeat;
	background-position:right;*/
	background-color: #333;
}
#trial_title h2,
#trial_title h1{
	padding:0;
	font-size:260%!important;
	line-height:1.0em;
	color:#FFF!important;
	margin-bottom: 0;
}
#trial_title h2 div,
#trial_title h1 div {
	display: inline-block;
	margin-bottom: 10px;vertical-align:middle;
}
#trial_title h2 span,
#trial_title h1 span{
	display: inline-block;
	margin-right: 10px;
	vertical-align:middle;
}
#trial_title h2 span.kakomi,
#trial_title h1 span.kakomi{
	background-color:#61B001;
	color:#fff;
	font-size:65%;
	line-height:1em;
	padding:5px 20px;
	margin-right: 0;
	border-radius:20px;
	margin-bottom: 10px;
}
#trial_title p {
	margin:0!important;
	padding:0!important;
	font-size:120%;
	color:#FFF!important;
	line-height: 1.2em;
}
.btn_fb_tw {
	text-align:center;
}
.btn_fb_tw .fb, .btn_fb_tw .tw {
	display: inline-block;
}
.btn_fb_tw .fb {
	margin-right:5px;
}
.btn_fb_tw p {
	margin-top:5px;
	font-size:120%;
}
.btn_fb_tw_r {
	text-align:right;
	margin-bottom:10px;
}
.btn_fb_tw_r .fb, .btn_fb_tw_r .tw {
	display: inline-block;
}
.btn_fb_tw_r .fb {
	margin-right:0;
}
.btn_fb_tw_r p {
	margin-top:5px;
	font-size:120%;
}

/*ハンバーガーメニュースライド*/
 .slideout-menu {
	position: fixed;
	/*left: 0;*/
	top: 0;
	bottom: 0;
	right: 0;
	z-index: 0;
	width: 256px;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	display:none;
	}
	
	 .slideout-panel {
	position: relative;
	z-index: 1;
	}
	
	 .slideout-open,
	 .slideout-open body,
	 .slideout-open .slideout-panel {
	overflow: hidden;
	}
	
	 .slideout-open .slideout-menu {
	display: block;
	}
#mobile_navi {
	height:100%;
	overflow:auto;
	width:256px;
	background-color:#333;
	box-sizing:border-box;
	position:absolute;
	right:0;
	padding:0 10px;
	color:#ccc;
}
#mobile_navi .list_reset {
	margin-bottom:-1px !important;
	padding:0;
}
#mobile_navi .list_reset li {
	border:solid 1px #666666;
	border-width:1px 0;
	margin-bottom:-1px;
}
#mobile_navi .list_reset li a {
	text-decoration:none !important;
	color:#ccc !important;
	display:block;
	padding:10px 10px 10px 15px;
}
#mobile_navi .list_reset li a.active {
	border-left:solid 5px #FCA605;
	padding-left:10px;
}
#mobile_navi .list_reset li a span {
	text-decoration:none !important;
	color:#ccc !important;
}
#mobile_navi .list_reset li br {
	display:none;
}
#mobile_navi .close_button, .close_button2 {
	text-align:center;
	cursor:pointer;
	height:44px;
	line-height:44px;
	color:#999;
}
#mobile_navi .lang_set {
	text-align:right;

}
#mobile_navi .lang_select_title {
	display:inline-block;
}
#mobile_navi .lang_select {
	border:none;
	background-color:#333;
	color:#FCA605;
	cursor:pointer;
	-webkit-appearance: none;
	padding:10px;
}
#mobile_navi .lang_select option {
	padding:10px;
	color:#ccc;
}

#right_side_container {
	box-sizing:border-box;
	float:none;
	width:100%;
	box-shadow:0 0px 3px rgba(0, 0, 0, 0.7);
	margin-bottom:5px;
}
#mobile_navi .side_main {
	padding-left:5px;
	padding-bottom:5px;
}
#mobile_navi .submenu {
    padding: 10px 10px 10px 5px;
    margin-bottom: 10px;
    height: auto;
    border:none;
    border-radius:0;
	margin:0;
	background-color:#eee;
}
#mobile_navi .side_sub {
	width:100%;
}
#mobile_navi .side_sub i.fa {
	width:1.2em;
	box-sizing:border-box;
}
#mobile_navi .fa-angle-right {
	padding-left:5px;
}
#mobile_navi ul.side_navi {
	width:100%;
	font-size:130%;
}
#mobile_navi .side_navi li {
	width:100%;
	border-bottom:solid 1px #bbb;
}
#mobile_navi .side_navi li a {
	display:inline-block;
	width:100%;
	box-sizing:border-box;
	padding:8px 5px 8px 10px;
	background-color:#eee;
	color:#666;
	text-decoration:none;
}

/****************リンクテキストを折り返す*/
.word_break {
	word-break : break-all;
}