@charset "utf-8";
/* CSS Document */
img {
	-ms-interpolation-mode:bicubic; /* IE7以降バイキュービック */
	image-rendering:optimizeQuality; /* FireFoxバイリニア */
}

.twitter_area {
	margin-bottom:15px;
}
.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/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 {
	border-bottom:solid 2px #999;
}
.bt_type_for_img a {
	display:block;
	float:left;
	filter: alpha(opacity=90);
	-moz-opacity:0.9;
	opacity:0.9;
}
.bt_on {
	float:left;
	margin-right:10px;
	margin-bottom:2px;
	background-color:#FFf;
	padding-bottom:2px;
	border-bottom:solid 3px #FF6600;
}
.bt_on img {
	/*filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;*/
}
/*********************************************************************************見出し系*/
h1 {
	font-weight:bold;
	line-height:36px;
	font-size:120%;
	color:#999;
	padding:0 20px;
	width:auto;
	text-align:center;
	/*background-color: #bbb;*/
	background-image:url(../../img/bg_gradation_white_type05_under.png);
	background-repeat:repeat-x;
	background-position:left -120px;
	-moz-border-radius:3px 3px 0 0;
	-webkit-border-radius:3px 3px 0 0;
	border-radius:3px 3px 0 0;
}
.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:110%;
	font-weight:bold;
	color:#999;
	margin-bottom:15px;
	line-height:1.6em;
}
h3 {
	font-size:100%;
	font-weight:bold;
	border:solid 1px #ACACD7;
	border-width:0 0 1px 5px;
	padding:3px 0 3px 5px;
	margin-top:20px;
	margin-bottom:20px;
	line-height:1.3em;
	background-color:#eee;
	background-image:url(../../img/bg_gradation_white_type04_under.png);
	background-repeat:repeat-x !important;
	background-position:left top;
}
h4 {
	border:solid 1px #EBC898;
	background-color:#F8EAD8;
	border-width:0 0 1px 5px;
	padding:3px 0 2px 5px;
	color:#777;
	font-weight:bold;
	line-height:1em;
	margin-bottom:8px;
}
#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/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/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;
}

/*********************************************************************************リンク*/
a.cboxElement {outline:none}

a:link, a:link span {
	text-decoration:underline;
	color:#79A3BF;
}
a:visited, a:visited span {
	text-decoration:underline;
	color:#aaa;
}
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.list_headerimage, .list_headerimage {
    background-image: url(../../img/bg_list_header.png) !important;
	background-repeat:no-repeat !important;
	background-position:left 3px !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;
}
/*********************************************************************************ニュース*/
#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/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/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/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/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/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/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/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 a:hover img, .g_navi a:hover, .main_visual_top_banner a:hover {
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}
/*********************************************************************************カラーセット（ボタン用）*/
.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_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:#E9C18D;
	border-color:#E3B16F;
}
.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_ex a, a.color_ex {
	background-color:#78aae5;
	border-color:#78aae5;
}
.color_pro a, a.color_pro {
	background-color:#7dcdd8;
	border-color:#7dcdd8;
}
/*********************************************************************************サイズ（ボタン用）*/
.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;
}
/*********************************************************************************グローバルナビ*/
.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:16%;
	border:none !important;
}
.g_navi li.first {
	width:4%;
}
.g_navi .ui-btn-inner {
	border:none;
}
.g_navi a {
	background-image:url(../../img/bg_gradation_white_type04_upper.png);
	background-repeat:repeat-x;
	background-position:left -5px;
	font-size:100%;
	font-weight:normal;
	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:30px;
	line-height:30px;
	border-top-color:#ccc;
	border-left-color:#e6e6e6;
}
.g_navi li.first a span {
	background-image:url(../../img/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;
}


.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/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/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_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, .image_set_box, .white_base {
	zoom:100%;
}
.clear_after:after, #Contents_top:after, #Contents_type01:after, #Contents_type02:after, #Main_area: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: #f5f5f5;
	margin-bottom:15px;
	background-image:url(../../img/bg_gradation_white_type05_upper.png);
	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/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;
}
/*********************************************************************************基本：背景グラデーション*/
.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/bg_gradation_type01_upper.png);
}
.bg_gradation_type01_under {
	background-image:url(../../img/bg_gradation_type01_under.png);
}
.bg_gradation_type02_upper {
	background-image:url(../../img/bg_gradation_type02_upper.png);
}
.bg_gradation_type02_under {
	background-image:url(../../img/bg_gradation_type02_under.png);
}
.bg_gradation_type03_upper {
	background-image:url(../../img/bg_gradation_type03_upper.png);
}
.bg_gradation_type03_under {
	background-image:url(../../img/bg_gradation_type03_under.png);
}
.bg_gradation_type04_upper {
	background-image:url(../../img/bg_gradation_type04_upper.png);
}
.bg_gradation_type04_under {
	background-image:url(../../img/bg_gradation_type04_under.png);
}
.bg_gradation_white_type01_upper {
	background-image:url(../../img/bg_gradation_white_type01_upper.png);
}
.bg_gradation_white_type01_under {
	background-image:url(../../img/bg_gradation_white_type01_under.png);
}
.bg_gradation_white_type02_upper {
	background-image:url(../../img/bg_gradation_white_type02_upper.png);
}
.bg_gradation_white_type02_under {
	background-image:url(../../img/bg_gradation_white_type02_under.png);
}
.bg_gradation_white_type03_upper {
	background-image:url(../../img/bg_gradation_white_type03_upper.png);
}
.bg_gradation_white_type03_under {
	background-image:url(../../img/bg_gradation_white_type03_under.png);
}
.bg_gradation_white_type04_upper {
	background-image:url(../../img/bg_gradation_white_type04_upper.png);
}
.bg_gradation_white_type04_under {
	background-image:url(../../img/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;
}