@charset "utf-8";
.alert_text {
    background: none repeat scroll 0 0 #F7A603;
    padding: 3px;
    color: white;
    text-align: center;
}

.color_img h3 {
    border-bottom: 1px solid #00B0CA;
    color: #00B0CA;
    letter-spacing: 1px;
    text-align: left;
}

.color_img h4 {
    color: #404041;
    font-size: 13px;
}

.voice_title {
    background: none repeat scroll 0 0 #EEEEEE;
    float: left;
    margin-bottom: 20px;
    padding: 10px;
}

.voice_title_width {
    background: none repeat scroll 0 0 #EEEEEE;
    float: left;
    margin-bottom: 20px;
    padding: 10px;
    width: 97%;
}

.voice_title img {
	margin-bottom: 0px;
}

.voice_title_width img {
	margin-bottom: 0px;
}

.ticker {
  margin: 0 auto;
  width: 100%;
  text-align: left;
  position: relative;
  overflow: hidden;
}

.ticker ul {
  width: 100%;
  position: relative;
}

.ticker ul li {
  width: 100%;
  display: none;
  margin: 0px;
}
.howtouse_chart_h {
	background: #00B0CA;
	color: white;
}
#undercolumn_contact .attention , #undercolumn_entry .attention , #mypagecolumn .attention {
    color: #FF0000;
    font-size: 11px;
    font-weight: normal;
}
#undercolumn_contact th .attention , #undercolumn_entry th .attention , #mypagecolumn th .attention {
    padding-left: 5px;
}


.reassu .caption_button_g {
    background: none repeat scroll 0 0 #F7A603;
    box-shadow: 2px 2px 2px #999999;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: bolder;
    height: 45px;
    line-height: 45px;
    margin-left: 20%;
    margin-top: 2%;
    opacity: 0.9;
    width: 60%;
}
.reassu .caption_button_b {
    background: none repeat scroll 0 0 #00B0CA;
    box-shadow: 2px 2px 2px #999999;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: bolder;
    height: 45px;
    line-height: 45px;
    margin-left: 20%;
    margin-top: 2%;
    opacity: 0.9;
    width: 60%;
}
.reassu .caption_button_g a,.reassu .caption_button_b a {
	color: #fff;
	text-shadow: 0 0 1px #999999;
}
.reassu ul li {
    border-bottom: medium none;
    color: #404041;
    font-size: 18px;
    font-weight: bold;
}
.safe_support .caption_button_y {
    background: none repeat scroll 0 0 #F7A603;
    box-shadow: 2px 2px 2px #999999;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: bolder;
    height: 45px;
    line-height: 45px;
    margin-bottom: 5%;
    margin-left: 20%;
    margin-top: 3%;
    opacity: 0.9;
    width: 60%;
}
.safe_support .caption_button_b {
    background: none repeat scroll 0 0 #00B0CA;
    box-shadow: 2px 2px 2px #999999;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: bolder;
    height: 45px;
    line-height: 45px;
    margin-left: 20%;
    margin-top: 3%;
    opacity: 0.9;
    width: 60%;
}
.safe_support .caption_button_y a,.safe_support .caption_button_b a {
	color: #fff;
	text-shadow: 0 0 1px #999999;
}
.flow1, .flow2 {
    background: none repeat scroll 0 0 #EEEEEE;
    border: 1px solid #00B0CA;
    float: left;
    padding: 5px;
    text-align: center;
    width: 505px;
}
.flow1 {
	position: absolute;
    right: 20px;
    top: 190px;
}
.flow2 {
	position: absolute;
    right: 20px;
    top: 245px;
}
.block_outer h2 {
	position: relative;

}
.block_outer h2 span {
    font-size: 11px;
    position: absolute;
    right: 10px;
}
.favorite_btn {
   float: left;
   margin-top: 10px;
}
.top_button_sub {
    float: left;
    width: 50%;
}
.top_title ul,.top_title ul li {
	list-style: none;
	margin: 0px;
}
.product_list {
	position: relative;
}
.list_icon {
    left: -5px;
    position: absolute;
    top: 30px;
}
.safe_support h3 {
    border: medium none;
    text-align: center;
    color: #404041;
}
#undercolumn_entry h3 {
	font-size:16px;
	color: #00B0CA;
}
.agree {
    background: none repeat scroll 0 0 #EEEEEE;
    margin-bottom: 20px;
    padding: 15px;
}
.agree h4 {
    font-size: 12px;
}
.project {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 320px;
}
.project2 {
    float: left;
    margin-right: 10px;
    width: 200px;
}
.block_outer_inner {
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
}
.block_outer_inner h2,
.block_outer_inner h2.title {
    color: #231815;
    letter-spacing: 1px;
    padding: 7px 0;
    text-align: left;
    font-size: 20px;
    font-weight:bold;
    margin-bottom:10px;
}

.media h3 {
    color: #404041;
    font-size: 16px;
    margin-bottom: 5px;
}
.glyphicon-hand-down {
	font-size: 400%;
}
.text_red {
	color: red;
}
.text_highlight {
    color: #404041;
    font-weight: bolder;
}
.ideapaint h4 {
    font-size: 14px;
    margin-bottom: 5px;
}
.voice h4 {
    color: #404041;
}
.howtouse_chart h4 {
    font-size: 12px;
    margin: 0;
}
.howtouse_chart th p {
    font-size: 11px;
    font-weight: normal;
    margin: 0;
}
.attention2 {
    background: none repeat scroll 0 0 #F7A603;
    color: #FFFFFF;
}
.attention2 .glyphicon {
    color: #FFFFFF;
    font-size: 400%;
    line-height: 50px;
}
.attention2 ul .glyphicon {
    font-size: 150%;
    line-height: normal;
    vertical-align: middle;
}
.attention2 ul {
    float: left;
    font-size: 11px;
    margin: 0;
}
.attention2 ul li {
	margin-left: 20px;
}
.attention2 img {
    width: 100px;
}
.results_list li {
    list-style: disc outside none;
    margin-left: 20px;
}

.ideapaint .dr_photo img,.project img {
	max-width: 100%;
	margin-bottom: 5px;
}
.ideapaint .photo_link {
	margin-bottom: 15px;
	width: 100%;
}
.project h3,.faq h3,.events h3 {
	border-bottom: 1px solid #00B0CA;
    color: #00B0CA;
    letter-spacing: 1px;
    text-align: left;
}
.faq h4 {
    font-size: 13px;
    margin-bottom: 10px;
    color: #404041;
}
.product_detail {
	box-shadow: 0 1px 2px #999999;
}
.product_detail h2 {
	background-image: url("../img/bk_title.jpg");
    color: #FFFFFF;
    letter-spacing: 1px;
    padding: 8px;
    text-align: left;
}
.product_detail .photo {

}
.product_detail .quantity {
    padding-top: 6px;
    position: absolute;
    right: 120px;
    width: 90px;
}
.product_detail .quantity .box {
    width: 30px;
}
#detailarea .cart_area {
    background: none repeat scroll 0 0 #EEEEEE;
    float: left;
    padding: 10px;
	box-sizing:border-box;
    width: 100%;
    position: relative;
    text-align: right;
}

#detailarea .classlist ul {
    margin: 0;
}
#detailarea .classlist ul li {
    float: left;
    list-style: none outside none;
}
#detailphotobloc .photo {
    text-align: center;
}
#detailrightbloc h3 {
    color: #00B0CA;
    font-size: 20px;
    margin-bottom: 5px;
}
#detailrightbloc .quantity {
    float: left;
    margin-bottom: 0;
    margin-top: 5px;
    width: 30%;
}

.ideapaint_chart_center th,.ideapaint_chart_center td,.ideapaint_chart_center caption {
	text-align: center;
}
.chart_img td {
	padding: 0px;
}
.center {
	text-align: center;
}
.pct_caption {
	padding-top: 10px;
}
.chart_description {
	padding: 10px;
}
.side_blank {
    height: 30px;
    width: 100%;
}
.breadcrumb {
	margin:20px 10px 10px;
    font-size: 10px;
    margin-bottom: 13px;
}
#topcolumn {
    margin-bottom: 5px;
	overflow:auto;
}
.results_list {
    float: left;
    width: 220px;
}
.results_list img,.results_list_center img {
	margin-bottom: 10px;
}
.results_list_center {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 220px;
}
.results_list ul li,.results_list_center ul li {
	margin-left: 15px;
}
.customer_voice {
    float: left;
    height: 160px;
    margin-bottom: 20px;
    margin-left: 10px;
    overflow: hidden;
    position: relative;
    width: 162px;
}
.customer_voice img {
    height: 100%;
    margin-left: -50px;
    position: absolute;
}

.customer_voice a:hover img{opacity: 0.7; text-decoration: none;filter: alpha(opacity=70);}

.customer_voice p {
    background: none repeat scroll 0 0 #00B0CA;
    bottom: -20px;
    color: #FFFFFF;
    font-size: 10px;
    opacity: 0.8;
    padding: 5px 10px 5px 5px;
    position: absolute;
    text-align: right;
    z-index: 100;
}
.customer_voice p span {
    font-size: 11px;
    font-weight: bolder;
}

#news_area {
    background-color: #EEEEEE;
}
#news_area h2 {
    background-image: none;
    border-bottom: medium none;
    color: #666666;
    float: left;
    font-size: 12px;
    height: 100%;
    margin: 15px;
    width: 30%;
}
.facebook_link {
    background-color: #EEEEEE;
	margin-bottom:20px;
    padding: 10px;
    position: relative;
    text-align: center;
}
.facebook_link img {
    width: 200px;
}
.facebook_link p {
    bottom: 8px;
    color: #FFFFFF;
    position: absolute;
    text-align: center;
    width: 92%;
}
.side_movie {
    background-color: #EEEEEE;
    padding: 10px;
    text-align: center;
}
.side_movie p {
    margin-bottom: 10px;
    margin-top: 15px;
}
.top_title {
	height:620px;/*2016-12-06追加*/
    left: 0;
    overflow: hidden;
    position: absolute;
    width: 100%;
	margin:1px 0 15px;/*2016-12-06追加*/
}
.top_title img {
	max-width: 100%;
}
.top_title ul#slideshow{margin:0 auto; max-width:1600px;}
.top_title ul#slideshow li img{vertical-align:middle;}
.top_info {
	color: #404041;
    margin-bottom: 10px;
    margin-top: -8px;
}
.top_info span {
    color: #00B0CA;
    padding-right: 10px;
}
.top_caption {
    background: none repeat scroll 0 0 #FFFFFF;
    float: left;
    margin-top: 20px;
    opacity: 0.9;
    padding: 22px;
    position: relative;
    text-align: center;
    z-index: 1000;
}
.top_caption span {
    color: #00B0CA;
    float: left;
    font-size: 30px;
    font-weight: bolder;
    line-height: 1.3em;
    margin-bottom: 10px;
    width: 100%;
}
.top_caption .caption_button_g {
    background: none repeat scroll 0 0 #999999;
    box-shadow: 2px 2px 2px #999999;
    color: #FFFFFF;
    float: left;
    font-weight: bolder;
    height: 45px;
    line-height: 45px;
    opacity: 1;
    width: 46%;
    margin-left: 2%;
    margin-right: 2%;
    font-size: 14px;
}
.top_caption .caption_button_y {
    background: none repeat scroll 0 0 #f7a603;
    box-shadow: 2px 2px 2px #999999;
    color: #FFFFFF;
    float: left;
    font-weight: bolder;
    height: 45px;
    line-height: 45px;
    opacity: 1;
    width: 46%;
    margin-left: 2%;
    margin-right: 2%;
    font-size: 14px;
}
.top_caption .caption_button_y a,.top_caption .caption_button_g a {
	color: #fff;
	text-shadow: 0 0 1px #999999;
}
.top_button {
    background: none repeat scroll 0 0 #555555;
    margin-top: 35px;
    opacity: 0.8;
    font-weight: bolder;
    padding-bottom: 10px;
    padding-top: 10px;
    position: relative;
    text-align: center;
    z-index: 1000;
}
.top_button .top_button_g, .top_button .top_button_w {
    width: 436px;
}
.top_button .top_button_g {
    background: none repeat scroll 0 0 #00B0CA;
    color: #FFFFFF;
    float: left;
    font-size: 12px;
    height: 75px;
    opacity: 1;
    padding: 1%;

}
.top_button h2 {
    font-size: 16px;
    margin: 0 0 6px;
}
.top_button .top_button_g a {
	color: #fff;
}
.top_button .top_button_w {
    background: none repeat scroll 0 0 #fff;
    color: #00B0CA;
    float: left;
    height: 75px;
    opacity: 1;
    font-size: 12px;
    padding: 1%;
}
.top_button .top_button_w .f_size_14 {
	letter-spacing: -1px;
}

/* リンク指定
----------------------------------------------- */
a:link,
a:visited {
    color: #00b0ca;
    text-decoration: none;
}
a:link:hover,
a[href]:hover {
    color: #f60;
    text-decoration: underline;
}
.ideapaint img {
    border: 0 none;
}
.ideapaint_chart img {
	width: 225px;
}
.header {
    height: 120px;
    overflow: hidden;
    position: relative;
    margin-top: 5px;
}
.headright {
    float: right;
    height: 140px;
    padding-top: 27px;
    text-align: center;
}
.headmenu {font-size: 12px; color: #00BDD4; text-align: center; margin: 0 0 5px 0;}
.headbox_t {
    background-color: #EEEEEE;
    border-bottom: 1px solid #FFFFFF;
    color: #666666;
    float: right;
    font-size: 12px;
    height: 25px;
    line-height: 25px;
    width: 97%;
}
.headbox_t span {
    font-size: 13px;
    font-weight: bold;
    color: #666666;
}
.headbox_b {
    background-color: #EEEEEE;
    float: right;
    font-size: 12px;
    font-weight: bold;
    height: 25px;
    line-height: 25px;
    width: 97%;
}
.headbox_b a { 
	color: #F7A603;
}


/* ロゴ
----------------------------------------------- */
#site_description {
    font-size: 90%;
}
.logo {
    text-align: left;
}
.logo h1 {
    float: left;
}
.logo img {
    border: 0 none;
	padding:25px 35px 10px 5px;
}
.logo p {
    font-size: 10px;
    line-height: 1.8em;
    margin: 0 0 3px;
    padding-top: 40px;
    text-align: left;
}
@media only screen and (max-width: 881px) {
.logo p {
    padding-top: 30px;
}
}
/*.attention_block{
	color:#DC1F4F;
	font-weight:bold;
}
a .attention_block{
	background:#DC1F4F;
	color:#fff;
	width:100%;
	box-sizing:border-box;
	font-size:10px;
	padding:2px 10px; 
	text-align:center;
	font-weight:bold;
	text-decoration:none;
}
a:hover .attention_block{
    text-decoration:none !important;
}*/


/* ヘッダーナビ
----------------------------------------------- 
div#header_navi {
    font-weight: bolder;
    font-size: 11px;
}
div#header_navi ul {
    float: right;
    margin-bottom: 7px;
    margin-top: 15px;
    width: 330px;
}
div#header_navi ul li {
    border-right: 1px solid #EEEEEE;
    display: block;
    float: left;
    margin: 0;
    width: 109px;
}
div#header_navi ul li:last-child {
    border-right: none;
}
*/

/* ヘッダーナビ
----------------------------------------------- */

div#header_navi {
    font-weight: bolder;
    font-size: 11px;
    position:relative;
}
div#header_navi ul {
    float: left;
    margin-bottom: 7px;
    margin-top: 2px;
    width: 330px;
    position:absolute;
    left:140px;
}
div#header_navi ul li {
    border-right: 1px solid #EEEEEE;
    display: block;
    float: left;
    text-align:center;
    margin: 0;
    width: 108px;
}
div#header_navi ul li:first-child {
}
div#header_navi ul li:last-child {
    border-right: none;
    width: 109px;
}
.logo p {
    font-size: 10px;
    line-height: 1.8em;
    margin: 0 0 3px;
    padding-top: 55px;
    text-align: left;
}
.attention_block{
	color:#000;
	font-weight:bold;
}
a .attention_block{
	background:#fff;
	color:#000;
　　float:right;
	margin:8px 0 0;
	padding:0 !important;
	width:326px !important;
	height:30px;
	text-align:right;
	box-sizing:border-box;
}
@media only screen and (max-width: 900px) {
a .attention_block{
	width:auto !important;
}
}
/************************************************
 インヘッダーブロック
************************************************ */
#headerInternalColumn {
    font-size: 11px;
    position: absolute;
    right: 10px;
    top: 2px;
}

/************************************************
 ログイン（ヘッダー用）
************************************************ */

#header_login_area ul.formlist {
    margin-bottom: 0px;
}

#header_login_area ul.formlist li.mail {

}
#header_login_area ul.formlist li {
    float: left;
    list-style: none outside none;
    margin-left: 5px;
}
#header_login_area ul.formlist li.password {
    padding-right: 5px;
}
#header_login_area ul.formlist li.login_memory {
    padding-right: 5px;
    font-size: 90%;
}
#header_login_area ul.formlist li.forgot {
    margin-top: 3px;
    padding-right: 5px;
    font-size: 90%;
}
#header_login_area ul.formlist li.btn {
    padding-right: 5px;
    width: 53px;
}
#header_login_area p.btn {
    height: 20px;
    margin: 0;
    vertical-align: middle;
}
#header_login_area p.btn input[type="image"] {
    padding-bottom: 5px;
    vertical-align: middle;
}
.menu_t,.menu_b {
    text-align: center;
    width: 100%;
    font-size: 15px;
    font-weight: bold;
    color: #919191;
}
.menu_t .section_r a,.menu_t .section a {
    color: #404041;
}
.menu_b .section_r a,.menu_b .section a {
    color: #00B0CA;
}
.menu_t {
    margin-top: 5px;
    height: 50px;
    line-height: 45px;
}
.menu_t .section_r {
    float: left;
}
.menu_t .section {
    float: left;
    padding-left: 50px;
}
.menu_t .glyphicon ,.menu_b .glyphicon {
    font-size: 80%;
    padding-left: 4px;
}
.menu_b {
    height: 40px;
    line-height: 40px;
    background-color: #ECF0F0;
    opacity: 0.9;
    margin-top: 5px;
    margin-bottom: 10px;/*2016-12-06追加*/
    border-bottom: 1px solid #CDD4D5;
    border-top: 1px solid #CDD4D5;
}
.menu_b .section_r {
    float: left;
    width: 28%;
}
.menu_b .section {
    float: left;
    width: 18%;
}
.new {height: 30px; margin: 10px 0 0 0; overflow: hidden;}
.new .attention {width: 19px; height: 19px; font-size: 12px; color: #fff; font-weight: bold; background-color: #00BDD4; text-align: center;}
.new .text {font-size: 12px;}
.slider_wrap {height: 550px; margin-top: 0; overflow: hidden;}

.main {margin-top:0; overflow: hidden;}
.main h2 {font-size: 14px;font-weight: bold;color: #4E454A; float: left; padding: 8px;}
.main .title img {float: left;}
.main1 {height: 320px; overflow: hidden; padding-top: 10px;}
.main2 {height: 150px; overflow: hidden; padding-top: 10px;}
.main .title { height: 40px; border-bottom: 2px #999 solid; margin-bottom: 5px; overflow: hidden;}

.sidebar {margin-top: 0; overflow: hidden;}
.sidebar .title { margin-bottom: 5px; height: 40px; border-bottom: 2px #999 solid; overflow: hidden;}
.sidebar .title img {float: left;}
.sidebar h3 {font-size: 14px;font-weight: bold;color: #4E454A; float: left; padding: 8px;}
.sidebar1 {height: 320px; overflow: hidden; padding-top: 10px;}
.sidebar2 {height: 150px; overflow: hidden; padding-top: 10px;}

.part { float:left; overflow: hidden; margin: 0px 0px 0px 0px;}
.part img {float: left; height: 60px; width: 60px;}
.part .rightpart {margin-left: 10px; float: left;}
.part .rightpart h4 {font-weight: bold;font-size: 13px; margin: 2px;}
.part .name {font-size: 13px; margin: 2px;} 
.part .price {font-size: 13px; margin: 2px;} 

.part .rightpart2  {margin-left: 10px; float: left;}
.part .rightpart2 h4 {font-size: 13px; margin: 2px;}
.part .rightpart2 .company {font-size: 13px; margin: 2px;}
.part .rightpart2 .job {font-size: 13px; margin: 2px;}

.sidebar .gray {margin-bottom: 10px; padding: 5px; height: 200px; background-color: #DCDEE0; font-size: 10px; color: #000; text-align: center;}
.sidebar .gray img {margin: 5px auto 0; width: 95%;}
.sidebar .gray p {margin-top: 20px;}

.sidebar2 img {margin: 5px; float: left; overflow: hidden; width: 100px;}

.kwsk {height: 20px; font-weight: bold; font-size: 12px; overflow: hidden; margin: 0; }
.kwsk img {float: left;}
.kwsk .cap {float: left; margin: 2px 0 0 5px;}

.news {height: 186px; background-color: #FAFAFA; overflow: hidden;}
.news .newsicon {height: 186px; width: 150px; border-right: #dcdad5 1px solid; float: left; text-align: center; margin-right: 20px;}
.news .newsicon img {margin-top: 10px;}
.news .content {font-size: 12px; padding: 10px 0 0 0px;}
.news .content .datememo {overflow: hidden; margin: 5px 0 5px 10px;}
.news .content .datememo .date {width: 50px; margin:0 20px 5px 0;float: left;}
.news .content .datememo .memo {width: 420px; float: left;}
.news .content p {font-weight: bold; color: #fcba8b; margin: 2px;}

.footer {
    background-color: #ECF0F0;
    float: left;
    padding-bottom: 15px;
    padding-top: 15px;
    width: 100%;
    margin-top: 30px;
}
.footer .grid_16{
		position:relative;
}
.foot_tel_area{
	position: absolute;
	top:0;
	line-height:1.6em;
	right:0;
}
.footer .foot_tel_area .foot_tel{
}
.footer .foot_tel_area .foot_tel span{
	font-size:18px;
	font-weight:bold;
	background:url(/ideapaint/common/images/icn_tel.png) no-repeat 0 center;
	padding-left:25px;
}
@media only screen and (max-width: 959px) {
.footer .foot_tel_area{
}
}
@media only screen and (max-width: 860px) {
.footer .foot_tel_area{
	position: static;
}
.footer .foot_tel_area .foot_tel{
	position: static;
}
.footer .foot_tel_area .foot_tel br{
	display:none;
}
.footer .foot_tel_area .foot_tel span{
	padding-right:1em;
}
.foot_copy{width:95%; margin:0 0 0;}
}
.download img {
    border: 1px solid #EEEEEE;
    height: 100px;
}

.member_s {
    background: none repeat scroll 0 0 #F7A603;
    color: #FFFFFF;
    font-size: 10px;
    padding: 5px 0;
}
.member_s a {
    color: #FFFFFF;
}
.member h3 {
    border-bottom: 1px solid #00B0CA;
    color: #00B0CA;
    letter-spacing: 1px;
    text-align: left;
	font-size:16px;
	margin:1em 0;
}

/* 2015-02-09 */
.goods {font-size:130%; overflow:hidden;}
.goods img{float:right; margin:0 10px 0;}

/* 2016-12-05 */
.column{margin:480px auto 10px; width:100%; position:relative; z-index:99; overflow:hidden;}
.column{margin:0 0 10px; width:47%; float: left; }/* 2020-01-05 */
.home_sns{margin:10px 0 10px; width:100%; position:relative; height:20px; border: solid 1px #fff;}
.sns{margin:-10px 0 10px !important; width:100%; position:relative; height:20px;}
.sns .twitter,.home_sns .twitter{margin:0 2px; position:absolute;right:135px;}
.sns .fb,.home_sns .fb{margin:0 2px;position:absolute;right:105px;}
.sns .fb-like,.home_sns .fb-like{margin:0 2px;position:absolute;right:2px;}
.home_bnr{margin:10px 0 10px; width:100%; overflow:hidden; position:relative;}
.home_bnr ul{margin:0; padding:0;}
.home_bnr li{width:32%;padding:0 11px 10px 0 ; float:left; vertical-align:top; font-size:12px; margin:0;cursor: pointer;}
.home_bnr li:last-child{width:32.6%;padding:0 0 10px 0 ; float:left;}
.home_bnr li img{margin-bottom:5px;	max-width: 100%; height:auto;}
.home_bnr li a:hover img{opacity: 0.8; text-decoration: none;filter: alpha(opacity=80);}
.home_news{margin:10px auto 10px; width:100%;}
.column dl{width:100%; overflow:hidden;}
.column dl dt{padding:5px 30px; font-size:16px;color:#666; font-weight:bold;}
.column dl dd{overflow:hidden;}
.column dl dd ul{padding:0 0 20px; width:100%; margin:0; height:320px;overflow-y: scroll;}
.column dl dd ul li{padding:10px 15px 10px 30px; overflow:hidden; border-bottom: dotted 1px #ccc; background:url(/ideapaint/common/images/icn_arrow04.png) no-repeat 10px center;}
.column dl dd ul li:first-child{border-top: dotted 1px #ccc;}

.bxitem{padding:0px; margin:0 30px; float:right; width:240px; background:#fff; position:relative;}
.bxitem ul{padding:0 0; margin:0;}
.bxitem ul li{padding:0 0; margin:0;}
.bxitem dl{margin:0;width:240px;}
.bxitem dt{
	background:url(https://ideapaint.jp/user_data/packages/idea/img/bk_title.jpg) 0 0;
	font-size:12px !important;
	padding:5px 15px !important;
}
.bxitem dt a{color:#fff;}
.bxitem dt a:hover{color:#fff;}
.bxitem dd{text-align:center;
	margin:0;}
.bxitem dd img {
	max-width: 100% !important;
	height: auto;
	vertical-align: middle; 
	margin:0;
}
.bx-wrapper .bx-prev {
display: block!important;
left:-15px!important;
}
.bx-wrapper .bx-next {
display: block!important;
right:-15px !important;
}
.bx-wrapper a.bx-prev {
	background: url(https://ideapaint.jp/user_data/packages/idea/img/bx-controls.png) no-repeat left center;
}
.bx-wrapper a.bx-next {
	background: url(https://ideapaint.jp/user_data/packages/idea/img/bx-controls.png) no-repeat right center;
}
.bx-wrapper a.bx-prev:hover {
	background-position: letf center;
}
.bx-wrapper a.bx-next:hover {
	background-position: right center;
}
.itemlink{margin:0 0 0; text-align:right;font-size:13px;}

.all_cart_block{background:#DC1F4F url(../img/icn_cart02.png) no-repeat 20px center; padding:8px 5px;}
.all_cart_block a{font-size:16px; font-weight:bold; color:#fff; padding:10px 15px 10px 50px; text-decoration:none;}
.all_cart_block a:hover,.all_bnr_estimate a:hover{color:#fff;}

.all_cart_box{background:#eee;border:solid 1px #DC1F4F; background: url(../img/icn_list_arrow.gif) no-repeat 20px center;padding:10px 10px 10px 30px; margin:0 0 15px;}
.all_bnr_estimate{background:#00B8D2 url(../img/icn_estimate.png) no-repeat 20px center;padding:8px 5px; margin-bottom:15px;}
.all_bnr_estimate a{font-size:16px; font-weight:bold; padding:10px 10px 10px 50px; text-decoration:none; color:#fff;}

/* 2016-12-06 */
.main-visual {
	text-align: center;
	width:1600px;
	margin:0 auto 20px;
    margin: 0 -50px;
    padding: 0 50px;}
.main-visual img {
	max-width: 100%;
	height: auto;
	vertical-align: middle;
}

#bg-img {
	position:relative;
	padding-bottom:30px;
	overflow:hidden;
}
ul{list-style:none;margin:-1px 0 0; padding:0;}

/*---*/
#navigation {
    height: 40px;
    line-height: 40px;
    background-color: #ECF0F0;
    opacity: 0.9;
    margin-top: 5px;
    margin-bottom: 10px;/*2016-12-06追加*/
    border-bottom: 1px solid #CDD4D5;
    border-top: 1px solid #CDD4D5;
}
nav {
	position: relative;
}


/* --------------------------------------------------- menu */
.menu {
	position: relative;
	width: 100%;
	max-width: 960px;
	margin: 0 auto;
	padding:0;
	list-style:none;
}
.menu > li {
	float: left;
	width: 18.5%;
	height: 40px;
    font-size: 15px;
	line-height: 40px;
	text-align:center;
	margin:0;
	font-weight:bold;
}
.menu > li.home {
	float: left;
	width: 7.5%;
	height: 40px;
    font-size: 15px;
	line-height: 40px;
	text-align:center;
	margin:0;
	font-weight:bold;
}
.menu > li.home img {
	margin-top:10px !important;
}

.menu > li.store {
	float: left;
	width: 18.5%;
	height: 40px;
    font-size: 15px;
	line-height: 40px;
    /*background: #ECF0F0;*/
	text-align:center !important;
	margin:0;
	font-weight:bold;
}
.menu > li.store img {
	vertical-align:middle;
}

.menu > li.store a {
	color:#CB214B;
}

.menu > li a {
	display: block;
    color: #00B0CA;
}

.menu > li a:hover {
	color: #fff;
}

ul.menu__second-level {
	visibility: hidden;
	opacity: 0;
	z-index: 1;
	list-style:none;
}

.menu > li:hover {
	background: #000;
	-webkit-transition: all .5s;
	transition: all .5s;
	color:#fff;
}

.menu__second-level li {
	border-top: 1px solid #fff;
}

.menu__second-level li a:hover {
	background: #111;
}

.init-bottom:after {
	content: '';
	display: inline-block;
	width: 6px;
	height: 6px;
	margin: 0 0 0 15px;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.menu:before,
.menu:after {
	content: " ";
	display: table;
}

.menu:after {
	clear: both;
}

.menu {
	*zoom: 1;
}

/* --------------------------------------------------- single menu */
.menu > li.menu__single {
	position: relative;
}

li.menu__single ul.menu__second-level {
	position: absolute;
	top: 40px;
	width: 100%;
	background: #0AB3CF;
	-webkit-transition: all .2s ease;
	transition: all .2s ease;
	text-align: left;
	margin:0; 
	padding:0;
    font-size: 14px;
}

li.menu__single:hover ul.menu__second-level {
	top: 40px;
	visibility: visible;
	opacity: 1;
	margin:0;
	padding:0;
}
li.menu__single ul.menu__second-level li {
	margin:0 !important; 
	padding:0 !important;
}

li.menu__single ul.menu__second-level li a {
}
li.menu__single ul.menu__second-level li a span {
	margin-left:1em;
}

.menu > li .glyphicon {
    font-size: 80%;
    padding-left: 4px;
}
li.menu__single ul.menu__second-level > li a {
    color:#fff;
}
li.menu__single ul.menu__second-level > li a:hover {
    color: #00B0CA;
	background:#eee;
	width:100%;
	margin:0 !important; 
}


/* 2016-12-07 */
body {background:url(../img/bg_nav.png) repeat-x 0 124px; margin:0;}

.office_tit{background: url(/ideapaint/common/images/img_office.png) no-repeat top right; margin:0 10px; height:100px;}
.office_tit .main_tit{
	display: block;
	overflow: hidden;
	width: 385px;
	height:80px;
	margin: 0 0 0 10px;
	background: url(/ideapaint/common/images/img_office_title.png) no-repeat 0 10px;
	text-indent: 100%;
	white-space: nowrap;
}
.office_block,.school_block{ overflow:hidden;}
.office_block p,.school_block p{margin:0 15px 20px; font-size:16px;}
.school_block ul{overflow:hidden; margin:15px 0 0; font-size:14px;}
.school_block ul li{float:left; width:20%; margin:0 10px 30px 0; list-style:none;}
.school_block ul li.right_o{float:right;margin:0 0 30px 10px;width:65%; padding:0 10px;}
.bounce a{
	background:#08262B url(/ideapaint/common/images/img_office001.png) no-repeat center center;
	display: block;
	overflow: hidden;
	width: 100%;
	height:180px;
	margin: 20px 0;
	text-indent: 100%;
	white-space: nowrap;
	padding:20px;
}

.school_tit{background: url(/ideapaint/common/images/img_school.png) no-repeat top right; margin:0 10px; height:100px;}
.school_tit .main_tit{
	display: block;
	overflow: hidden;
	width: 385px;
	height:80px;
	margin: 0 0 0 10px;
	background: url(/ideapaint/common/images/img_school_title.png) no-repeat 0 10px;
	text-indent: 100%;
	white-space: nowrap;
}
.school_block .scholl_p{
	height:420px;
	margin:30px 0;
	background: url(/ideapaint/common/images/img_school003.jpg) no-repeat 0 10px;
	padding:10px 32% 0 0;
	font-size:14px;
}
/*2016-12-08*/
.main_slide{
	text-align: center;
	width:100%;
	margin:0 auto;
}
div.iframeWrapper {
position: relative;
width: 1600px;
padding-top: 75%;
margin:0 auto;
}
div.iframeWrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;

}
#sp{display:none;}

@media only screen and (max-width: 1566px) {
.top_title,
.main-visual {width:100%;}
div.iframeWrapper {width: 100%;}

/*.column{margin:450px 0 10px;}
.home_bnr{margin:450px 0 10px;}

}*/
/*@media only screen and (max-width: 1500px) {
/*.column{margin:430px 0 10px;}
.home_bnr{margin:430px 0 10px;}
}
@media only screen and (max-width: 1400px) {
.hone_bnr{margin:380px 0 10px;}
}
@media only screen and (max-width: 1300px) {
.hone_bnr{margin:380px 0 10px; }
}
@media only screen and (max-width: 1200px) {
.hone_bnr{margin:340px 0 10px;}
}
@media only screen and (max-width: 1100px) {
.hone_bnr{margin:320px 0 10px;}
}*/
@media only screen and (max-width: 1024px) {
div.iframeWrapper,.top_title {width: 100%; height:330px;}
/*.column{margin:310px auto 10px; width:100%;}*/
/*.home_bnr{margin:310px auto 10px; width:100%;}*/
}
@media only screen and (max-width: 1023px) {
.logo img {
    border: 0 none;
    padding-right: 35px;
    padding-top: 25px;
    padding-left: 5px;
}
.logo p {
    font-size: 10px;
    line-height: 1.3em;
    margin: 0 0 8px;
    padding-top: 48px;
    text-align: left;
}
.logo p br {display:none;
}

div#header_navi ul li {
    border-right: 1px solid #EEEEEE;
    width: 9em;
}

.headbox_t {
    height:20px;
    line-height: 20px;
    width: 300px;
}
div.iframeWrapper,.top_title {width: 100%; height:280px;}
.home_bnr li{width:32%;padding:0 11px 10px 0 ; display:inline-block; vertical-align:top; font-size:12px; margin:0;}

}
@media only screen and (max-width: 910px) {
div#header_navi ul {
    left:10px;
}
div#header_navi ul li:first-child {
    width: 7em;
}

}
@media only screen and (min-width: 900px) and (max-width: 1023px) {
div.iframeWrapper,.top_title {width: 100%; height:330px;}
/*.column{margin:310px 0 10px; width:98%;}*/
}
@media only screen and (min-width: 801px) and (max-width: 899px) {
div.iframeWrapper,.top_title {width: 100%; height:330px;}
/*.column{margin:310px 0 10px; width:98%;}*/
}
@media only screen and (min-width: 769px) and (max-width: 788px) {
div.iframeWrapper,.top_title {width: 100%; height:330px;}
/*.column{margin:310px 0 10px; width:98%;}*/
}
@media only screen and (max-width: 768px) {
div.iframeWrapper,.top_title {width: 100%; height:240px;}
/*.column{margin:230px 0 10px; width:98%;}*/
}
@media only screen and (min-width: 767px) and (max-width: 767px) {
div.iframeWrapper,.top_title {width: 100%; height:250px;}
/*.column{margin:250px 0 10px; width:98%;}*/
}
@media only screen and (min-width: 700px) and (max-width: 766px) {
div.iframeWrapper,.top_title {width: 100%; height:240px;}
/*.column{margin:250px 0 10px; width:98%;}*/
}
@media only screen and (min-width: 651px) and (max-width: 699px) {
div.iframeWrapper {width: 100%; height:200px;}
/*.column{margin:250px 0 10px; width:98%;}*/
}
@media only screen and (max-width: 650px) {
div.iframeWrapper,.top_title {width: 100%; height:480px;}
/*.column{margin:490px 0 10px; width:100%;}*/
}
@media only screen and (max-width: 640px) {
/*.column{margin:470px 0 10px; width:100%;}*/
}
@media only screen and (max-width: 568px) {
/*.column{margin:430px 0 10px; width:100%;}*/

}
@media only screen and (max-width: 480px) {
/*.column{margin:350px 0 10px; width:100%;}*/

}
@media only screen and (max-width: 414px) {
/*.column{margin:300px 0 0; width:100%;}*/
.top_title {width:100%; margin:0;}
}
@media only screen and (max-width: 375px) {
/*.column{margin:270px 0 10px; width:100%;}*/
}
@media only screen and (min-width: 320px) and (max-width: 374px) {
div.iframeWrapper {width: 100%; height:100px;}
/*.column{margin:250px auto 10px; width:98%;}*/
}
@media only screen and (max-width: 990px) {
/*.column dl{width:64%; float:left; overflow:hidden;}*/
.bxitem{padding:0 0; margin:0 30px; float:right; width:220px; background:#fff;}
.bxitem dl{margin:0;width:220px;}
.bx-wrapper .bx-next {
display: block!important;
right:-15px !important;
}

}
@media only screen and (max-width: 950px) {
.home_bnr li{width:32%;padding:0 10px 10px 0 ;}
/*.column dl{width:62%; float:left; overflow:hidden;}*/
.bxitem dl{margin:0;width:220px;}}
.bxitem{padding:0 0; margin:0 30px; float:right; width:220px; background:#fff;}
@media only screen and (max-width: 800px) {
.home_bnr li{width:31.8%;padding:0 10px 10px 0 ;}
/*.column dl{width:60%; float:left; overflow:hidden;}*/
.bxitem dl{margin:0;width:220px;}
}
@media only screen and (max-width: 768px) {
body {background:none;margin:0;}
#header_login_area{margin:0 auto; width:100%;}

.sp_none{display:none;}
/* iphone */
#sp{display:block;}
.cl {
	line-height:0;
	font-size:0;
	clear:both;
	padding:0;
	margin:0;
	height:0;
	width:0;
}

#sp_area{position:relative; height:80px; background:none/*url(/user_data/packages/idea/img/sp-logo02.png) no-repeat 140px center*/; border-bottom: solid 1px #eee;}
#sp_area .sp_logo{position:absolute; top:10px; left:10px;}
#sp_area .sp_txt{position:absolute; top:10px; left:130px; padding-right:70px; font-size:11px; line-height:14px;}
#sp_area .sp_txt .bnr_copy img{margin-top:5px;}
#sp .btn {
	background:transparent url(../img/btn.png) no-repeat 0 0;
	display: block;
	width:40px;
	height: 40px;
	position: absolute;
	top:15px;
	right:10px;
	cursor: pointer;
	z-index: 200;
}
.peke {
	background-position: -40px 0;
}
.drawr {
	display: none;
	background-color:rgba(0,0,0,0.8);
	position: absolute;
	top: 0px;
	right:0;
	width:98%;
	padding:60px 10px 20px;
	z-index: 100;
}
#sp #sp_menu, #sp #sp_menu ul{
	border-bottom:none !important;}

#sp #sp_menu, #sp #sp_menu li {
	margin:0;
	padding:0;
	list-style:none;
	font-family:  "メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size:16px;
	border-bottom: dotted 1px #fff;
	background:#eee;
}
#sp #sp_menu li {
	width:100%;
}
#sp #sp_menu li.misc {
	font-size:14px;
	padding:0;
}
#sp #sp_menu li a {
	color:#333;
	display: block;
	padding: 15px;
}
.box label{
	background: #666;
	display: block;
	padding: 15px 15px;
	cursor: pointer;
	font-weight:bold;
}
.box li label {
	background: #eee;
	display: block;
	padding: -15px -15px;
	border-top: solid 1px #ccc;
	cursor: pointer;
	font-weight:bold;
}
 
.box input[type="checkbox"].on-off,
.box input[type="checkbox"].on-off +div{
	display: none;
}
 
.box input[type="checkbox"].on-off:checked +div{
	display: block;
}
 
.box div{margin: 0 0 ;}
.box ul li ul{margin: 0 0 0 1em ; width:95%;}
.box ul li ul li{margin: 0; font-size:14px !important;}
.box .block_cart a{
	background: #DC1F4F;
	display: block;
	padding: 10px 15px;
	cursor: pointer;
	font-weight:bold;
	color:#fff !important;
	margin-top:10px;
    text-decoration:none;
}
.box .block_estimate a,
.box .block_mypage a,
.box .misc_block{
	display: block;
	padding: 10px 15px;
	cursor: pointer;
	font-weight:bold;
	color:#fff !important;
    text-decoration:none;
}

.box .block_estimate a{background: #00B8D2;}
.box .block_mypage a{background: #F90;}
.box .misc_block{background: #eee;}
.box .misc_block ul{margin-bottom:0; font-size:12px;}

/*index*/
.home_bnr li{width:30.5%;padding:0 10px 10px 0 ; display:inline-block; vertical-align:top; font-size:12px; margin:0;}

/*footer*/
.foot_copy{ width:95%;}

/*kiyaku*/
.flow_img{text-align:center; margin-bottom:15px;}
.flow_img img {max-width: 100%;height: auto;vertical-align: middle;}
}
@media only screen and (max-width: 736px) {
.drawr {
	width:98%;
}
.column dl{width:100%; overflow:hidden;margin-left:10px;}
.bxitem{width:220px; background:#fff;}
.bxitem dl{margin:0;width:220px;}

}
@media only screen and (max-width: 640px) {
#news_area h2 {
    float: none;
	font-size:20px;
	border-bottom:solid 1px #000;
	width:90%;
}
#pagetop{text-align:center;}
.column dl{width:100%; overflow:hidden;}
.column dl dt{width:100%; padding:5px; float:none; margin-bottom:5px;box-sizing: border-box;}
.column dl dt dd{padding-left:0em;}
.bxitem{padding:0 0; margin:0 30px; float:right; width:220px; background:#fff;}
.bxitem dl{margin:0;width:220px;}

}
@media only screen and (max-width: 660px) {
/*#sp_area{position:relative; height:80px; background:url(/user_data/packages/idea/img/sp-logo03.png) no-repeat 130px center; border-bottom: solid 1px #eee;}*/
.sp600{display:none;}
#sp_area .sp_txt{font-size:10px;}
}
@media only screen and (max-width: 568px) {
table.contact_form td,
table.contact_form th,
table_block td,
table_block th{display: block;}
.column{margin:0 0 10px; width:100%; float: none; }/* 2020-01-05 */
.column dl{width:95%; float:none; overflow:hidden; margin: 0 auto;}
.column dl dt{width:95%; padding:5px; float:none; margin-bottom:5px;box-sizing: border-box;}
.column dl dt dd{padding-left:0em;}
.bxitem dl{margin:0;width:220px;}
}
@media only screen and (max-width: 567px) {
/*#sp_area{position:relative; height:80px; background:url(/user_data/packages/idea/img/sp-logo04.png) no-repeat 110px center; border-bottom: solid 1px #eee;}*/
.sp_logo img{max-width: 95%;}
#sp_area .sp_txt{top:10px; left:120px; padding-right:55px;}
#sp_area .sp_txt .sp540{display:none;}

.bxitem{padding:0 0; margin:20px auto; float:none; width:240px; background:#fff;}
.bxitem dl{margin:0;width:100%; width:240px;}
.itemlink{text-align:center;}
}
@media only screen and (max-width: 480px) {
.home_bnr li,.home_bnr li:last-child{width:30%;padding:15px 10px 10px 0 ; display:inline-block; vertical-align:top; font-size:12px; margin:0;}
.btn {right:5px;}
/*#sp_area{position:relative; height:80px; background:url(/user_data/packages/idea/img/sp-logo05.png) no-repeat 120px center; border-bottom: solid 1px #eee;}*/
#sp_area .sp_txt{font-size:9px; line-height:11px;}
.drawr {width:96%;}
}
@media only screen and (max-width: 414px) {
/*#sp_area{position:relative; height:80px; background:url(/user_data/packages/idea/img/sp-logo06.png) no-repeat 120px center; border-bottom: solid 1px #eee;}*/
/*index*/
.home_bnr{margin:20px auto 10px; width:300px; display:block;}
.home_bnr li,.home_bnr li:last-child{margin:0 auto; padding:0 0 10px; width:100%; display:block; vertical-align:top; font-size:12px; margin:0; text-align:center;}
.home_bnr li img{margin-bottom:5px;width: 100%; height:auto;}
}
@media only screen and (max-width: 375px) {
/*#sp_area{position:relative; height:80px; background-size:50%; border-bottom: solid 1px #eee;}*/
#sp_area{height:85px;}
.sp_logo img{max-width: 90%;}
#sp_area .sp_txt{top:8px; left:110px; padding-right:55px;font-size:7px; line-height:10px; }
#sp_area .bnr_copy img{width:80%;}
}
@media only screen and (max-width: 320px) {
/*#sp_area{position:relative; height:80px; background-size:45%; border-bottom: solid 1px #eee;}*/
}

/* 2018-12-10 */
#mt_footmenu {width:690px; margin:30px auto; display:flex;}
#mt_footmenu .raning{width:200px; margin:15px; border:solid 1px #00B8D2; height:56px;}

#mt_footmenu .all_cart_area{width:200px; margin:15px;}
#mt_footmenu .all_cart_area dl{width:200px; text-align:center;border:solid 1px #e60012;}
#mt_footmenu .all_cart_area dl dt{background:#e60012 url(../img/icn_cart02.png) no-repeat 20px center; padding:3px; box-sizing:border-box;}
#mt_footmenu .all_cart_area dl dt a{font-size:13px; font-weight:bold; color:#fff; text-decoration:none;}
#mt_footmenu .all_cart_area dl dd{ background:#fff;padding:3px; box-sizing:border-box;}
#mt_footmenu .all_cart_area dl dd a,
#mt_footmenu .all_cart_area dl dd a:hover{color:#000; text-decoration:none;}
#mt_footmenu .all_cart_area dl dt a:hover,.all_bnr_estimate a:hover{color:#fff;}

#mt_footmenu .estimate_area{width:200px; margin:15px;}
#mt_footmenu .estimate_area dl{width:200px; text-align:center;border:solid 1px #00B8D2;}
#mt_footmenu .estimate_area dl dt{background:#00B8D2 url(../img/icn_estimate.png) no-repeat 20px center;padding:3px; box-sizing:border-box;}
#mt_footmenu .estimate_area dl dt a{font-size:13px; font-weight:bold; color:#fff; text-decoration:none;}
#mt_footmenu .estimate_area dl dd{ background:#fff;padding:3px; box-sizing:border-box;}
#mt_footmenu .estimate_area dl dd a,
#mt_footmenu .estimate_area dl dd a:hover{color:#000; text-decoration:none;}



#mt_footmenu .all_bnr_estimate a{font-size:13px; font-weight:bold; padding:10px 10px 10px 50px; text-decoration:none; color:#fff;}
#mt_footmenu .all_cart_box02{width:200px;border:solid 1px #e60012;padding:5px; margin-bottom:15px; box-sizing:border-box; text-align:center; background:none;}
#mt_footmenu .all_cart_box02 a{color:#000;}

@media only screen and (max-width: 640px) {
#mt_footmenu {width:100%; margin:20px 0;}
#mt_footmenu .raning,
#mt_footmenu .all_cart_area,
#mt_footmenu .estimate_area{width:200px; margin:15px 5px;}

}
@media only screen and (max-width: 568px) {
#mt_footmenu {width:100%; margin:30px auto; display:block; text-align:center;}
#mt_footmenu .raning,
#mt_footmenu .all_cart_area,
#mt_footmenu .estimate_area{margin:15px auto;}

}