/******************************
共通 
********************************/
body{font-family:メイリオ;}

div ,table{word-wrap: break-word;white-space:normal;}
.wrap{word-wrap: break-word;white-space:normal;}
.no_wrap{white-space: nowrap;}
.com_checkbox{vertical-align:middle;position:relative;top:-3px;}
.clearLeft{clear:left;}
.ofa{overflow:auto;}
.pt10{padding-top:10px}
.pt20{padding-top:20px}
.pt30{padding-top:30px}
.pt40{padding-top:40px}
.pt50{padding-top:50px}
.pt60{padding-top:60px;}
.pt70{padding-top:70px;}
.pt80{padding-top:80px;}
.pt90{padding-top:90px;}
.pt100{padding-top:100px;}
.pt110{padding-top:110px;}
.pt120{padding-top:120px;}
.pt140{padding-top:140px;}
.pt160{padding-top:160px;}

.pl5{padding-left:5px;}
.pl10{padding-left:10px !important;}
.pl20{padding-left:20px;}
.pl30{padding-left:30px;}
.pl38{padding-left:38px;}
.pl40{padding-left:40px;}
.pl50{padding-left:50px;}
.pl70{padding-left:70px;}

.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}

.mr3{margin-right:3px;}
.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mr20{margin-right:20px;}
.mr30{margin-right:30px;}

.pd0{padding:0px !important;}
.pd5{padding:5px;}
.pd10{padding:10px;}
.pdlr5{padding-left:5px !important;padding-right:5px !important;}


.mg0{margin:0px;}
.fl{float:left;}
.clearLeft{clear:left;}



.mt3{margin-top:3px}
.mt5{margin-top:5px}
.mt10{margin-top:10px}
.mt20{margin-top:20px}
.mt30{margin-top:30px}
.mt40{margin-top:40px}
.mt50{margin-top:50px}
.mt60{margin-top:60px}
.mt70{margin-top:70px}
.mt80{margin-top:80px}
.mt90{margin-top:90px}
.mt100{margin-top:100px}
.mt192{margin-top:192px}

.mlr0{margin-left:0px !important;margin-right:0px !important;}
.mlr2{margin-left:2px;margin-right:2px;}
.mlr3{margin-left:3px;margin-right:3px;}
.mlr5{margin-left:5px;margin-right:5px;}
.mlr10{margin-left:10px;margin-right:10px;}
.mlr20{margin-left:20px;margin-right:20px;}
.mlr30{margin-left:30px;margin-right:30px;}

.mr5{margin-right:5px;}

.mb5{margin-bottom:5px}
.mb10{margin-bottom:10px}
.mb20{margin-bottom:20px}
.mb30{margin-bottom:30px}
.mb40{margin-bottom:40px}
.mb100{margin-bottom:100px}

.ft80{font-size:80%;}
.ft85{font-size:85%;}
.ft90{font-size:90% !important;}
.ft100{font-size:100%;}
.ft110{font-size:110%;}
.ft115{font-size:115%;}
.ft120{font-size:120%;}
.ft130{font-size:130%;}
.ft140{font-size:140%;}
.ft150{font-size:150%;}
.ft180{font-size:180%;}
.ft200{font-size:200%;}
.ft16{font-size:16px !important;}
.ft14{font-size:14px !important;}
.ft12{font-size:12px !important;}

.w20{width:20px;}
.w30{width:30px;}
.w50{width:50px;}
.w70{width:70px;}
.w73{width:73px;}
.w75{width:75px;}
.w80{width:80px;}
.w90{width:90px;}
.w100{width:100px;}
.w110{width:110px;}
.w120{width:120px !important;}
.w121{width:121px !important;}
.w122{width:122px !important;}
.w130{width:130px !important;}
.w132{width:132px !important;}
.w140{width:140px;}
.w150{width:150px;}
.w160{width:160px;}
.w170{width:170px;}
.w180{width:180px;}
.w190{width:190px;}
.w200{width:200px;}
.w220{width:220px;}
.w260{width:260px;}
.w270{width:270px;}
.w280{width:280px;}
.w290{width:290px;}
.w300{width:300px !important;}
.w350{width:350px;}
.w400{width:400px !important;}
.w430{width:430px !important;}
.w450{width:450px;}
.w500{width:500px !important;}
.w600{width:600px !important;}
.w700{width:700px !important;}
.w900{width:900px;}

.h25{height:25px;}
.h29{height:29px;}
.h50{height:50px;}
.h100{height:100px;}
.h200{height:200px;}
.h300{height:300px;}
.h400{height:400px;}
.w100par{width:100% !important;}
.w50par{width:100% !important;}

.w80max{max-width:80px !important;}
.w100max{max-width:100px !important;}
.w120max{max-width:120px !important;}
.w200max{max-width:200px !important;}
.w250max{max-width:250px !important;}
.w300max{max-width:300px !important;}
.w350max{max-width:350px !important;}
.w400max{max-width:400px !important;}
.w430max{max-width:430px !important;}

.w500max{max-width:500px !important;}
.w600max{max-width:600px !important;}
.w700max{max-width:700px !important;}
.w800max{max-width:800px !important;}
.w810max{max-width:810px !important;}

.w900max{max-width:900px !important;}

.w1000max{max-width:1000px !important;}
.w1024max{max-width:1024px !important;}

.w1000min{min-width:1000px !important;}
.w600min{min-width:600px !important;}
.w800min{min-width:800px !important;}
.w900min{min-width:900px !important;}
.w100min{min-width:100px !important;}

.h100min{min-height:100px !important;}

.center{text-align:center !important;}
.word{text-align:left !important;}
.currency{text-align:right !important;}
.center_obj{margin-left:auto;margin-right:auto;}
.word_obj{margin-right:auto;}
.currency_obj{margin-left:auto;}

.v-top{vertical-align:top;}
.v-center{vertical-align:middle;}
.li_none{list-style:none;}

.bold{font-weight:bold;}
.normal{font-weight:normal;}

.red{color:#d00f31;}
.red_base{color:#FF0000;}


.white{color:#FFFFFF !important;}
.orange{color:#ffb32f !important;}

.bg_blue{background-color:#004080 !important;}
.bg_gray{background-color:#f5f5f5;}
.bg_light_gray{background-color:#f3f2f1 !important;}
.bg_white{background-color:#FFFFFF !important;}
.bg_light_brown{background-color:#f3e8cd;}
.bg_orange{background-color:#f49900 !important;}

.bg_light_blue{background-color:#ddeeff !important;}
.bg_light_green{background-color:#e7f7e6 !important;}

.gray_button{background-color:#f3f2f1 !important;color:#a1a1a1 !important;border:2px #f3f2f1 solid !important;}
.gray_button:hover{color:#a1a1a1;border:2px #f3f2f1 solid;opacity:1.0;}
.gray_button:active{color:#a1a1a1 !important;border:2px #f3f2f1 solid !important;opacity:1.0;}


.opacity5{opacity:0.5;}
.opacity8{opacity:0.8;}
.opacity10{opacity:1.0 !important;}

.linlie{display:inline !important;}
.marukado4{border-radius: 4px;}
.new_button_pos{position:relative;left:470px;}
.new_button_pos_banner{position:relative;left:550px;}
.feature{font-weight:normal !important;}

.pointer{cursor:pointer;}
.non_listmark{list-style: none;}
/* loading */
#loader-bg 
{
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background: #000;
        opacity: 0.6;
	z-index: 10000;
}

#loader 
{
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	width: 200px;
	height: 200px;
	margin-top: -100px;
	margin-left: -100px;
	text-align: center;
	color: #fff;
        opacity: 1.0;
	z-index: 20000;
}
/* ページャー */
.pageup{position: fixed;bottom: 30px;right: 20px;width:140px;color:#FFFFFF;z-index:300;}
.pageupLink{background: #a26645;padding:10px;border-radius: 7px;opacity:0.6;color:#FFFFFF;font-size:100%;border:1px solid;padding:5px 10px;}
a.pageupLink:hover{color:#FFFFFF;text-decoration:none;opacity:0.8;}
a.pageupLink:link{color:#FFFFFF;text-decoration:none;}
a.pageupLink:active{color:#FFFFFF;text-decoration:none;}
a.pageupLink:visited{color:#FFFFFF;text-decoration:none;}
.rowselect{font-weight:bold;}
.pg_box{background-color:#d3c2a9;border:1px #CCCCCC solid;margin-left:0px;padding-left:4px;padding-right:4px;color:#FFFFFF;border-radius: 4px;}
.pg_box:hover{background-color:#a28251;color:#FFFFFF !important;}
.no_select{background-color:#a28251;color:#FFFFFF !important;}


/* 画面小対応 */
.smart_br_off{display:none;}
.smart_br_on{display:inline;}
@media (max-width: 500px) 
{
    .smart_br_off{display:inline;}
    .smart_br_on{display:none;}
}

/*テーブル共通*/
.tablelist th,.tablelist_pc th{background-color:#dadada !important;}

/*KDFINDERのサーバブラウザのボタンを消す*/
.cke_dialog_contents_body{min-width:400px !important;}



/*****************************/
/*共通ここまで*/
/*****************************/

/********************/
/*ヘッダ*/
/********************/

#mainheader{background-color:#FFFFFF;text-align:center;border-image: url("../img/top_bar.png") 10;border-bottom:solid 7px;width:100%;margin:0px;padding:0px;}
#mainheader img{max-width:1024px;width:100%;}

/********************/
/*ヘッダ ここまで*/
/********************/



/********************/
/*TOPページ Cページ共通*/
/********************/
body{background-color:#F1f1f1;}
.responsive_img{width:100%;}
.responsive_img:hover,.responsive_img:active, button:hover
{
    opacity: 1;
    -webkit-animation: flash 1.5s;
    animation: flash 1.5s;

}

@-webkit-keyframes flash {
  0% {
    opacity: .4;
  }
  100% {
    opacity: 1;
  }
}
@keyframes flash {
  0% {
    opacity: .4;
  }
  100% {
    opacity: 1;
  }
}


/********************************/
/* TYPEページ*/
/********************************/
.title_label{width:100%;text-align:center;font-size:180%;font-weight:bold;}
.panel_btn{width:50%;padding:15px 20px;float:left;}
@media screen and (max-width: 766px) 
{
  .panel_btn{width:100%;padding:15px 20px;clear:left;}  
}


/********************************/
/* ORDERページ*/
/********************************/
.q_area{background-color:#FFFFFF;border-radius: 6px;padding:5px 10px;font-size:150%;height:auto;overflow:hidden;margin-bottom:25px;}
.q_area:afetr{ content: ".";clear: both; height: 0;display: block; visibility: hidden;}
.qa1,.qa3{float:left;list-style:none;padding:5px 10px;}
.qa1{width:50%;}
.qa3{width:50%;border-left:1px solid #2b8eca;padding-left:30px;}
.qa3 select{width:100% !important;height:auto;font-size:100%;border-radius: 4px;padding:3px 10px;background-color:#FFFFFF;}
@media screen and (max-width: 766px) 
{
  .qa1,.qa3{clear:left;list-style:none;padding:5px 10px;width:100%;border:0px;}
}
.main_area button{font-size:150%;padding:10px 60px;border-radius: 8px;background-color:#fabe00;box-shadow: 0px 0px;}
.back_btn{background-color:#ffffff !important;}
.reset_btn{background-color:#e6ffff !important;}



/********************************/
/* resulutsのページ*/
/********************************/
.resuluts table,.resuluts tr,.resuluts td{border:1px solid;padding:10px 20px;font-size:110%;}
.resuluts table{width:100%;}
.resuluts li{margin-bottom:5px;}
.calc_box{background-color:#d00f31;font-size:170%;height:auto;overflow:hidden;color:#FFFFFF;text-align:center;border-radius: 8px;padding:10px 20px;font-weight:bold;list-style:none}
.resuluts .plus{font-size:300%;color:#d00f31;width:100%;text-align:center;font-weight:bold;margin:10px;}
.smart_br{display:none !important;}
.smart_br2{display:block !important;}
.smart_br3{display:inline !important;}
.smart_br4{display:none !important;}
.resuluts .comment{font-weight:normal;font-size:80%;text-align:left;}
.myspace{margin-left:40px;}
.value_view1{float:left;width:50%;text-align:right;list-style:none;padding-top:15px;}
.value_view2{float:left;width:50%;text-align:left;font-size:180%;padding-left:20px;list-style:none;}
.value_box{width:100%;max-width:230px;text-align:right;}

.tax_table,.tax_table tr,.tax_table td{border:0px;font-size:100%;}
.tax_table{border:0px !important;}
.tax_table .tb_header{border-bottom:1px solid;white-space: nowrap;}
.tax_table .tb_left{border-right:1px solid;width:50%;}
.non_border_tb{border:0px !important;}
.kouj_goukei td{font-size:25px !important;}
.bunkatu{margin-left:5px;}
.mousikomi_l{width:55%;float:left;list-style-type:disc;}
.mousikomi_r{width:45%;float:left;list-style: none;}
.caution_top_pc{margin-left:10px;font-size:60%;font-weight:normal;}
.caution_top_mobile{font-weight:normal;display:none;}
.iecheck2{white-space: nowrap;}

@media screen and (max-width: 766px) 
{
    .caution_top_pc{display:none;}
    .caution_top_mobile{display:block;}
    .resuluts table, .resuluts thead, .resuluts tbody, .resuluts th, .resuluts td, .resuluts tr
    { 
        display: block; 
    }
    .resuluts td,.resuluts table{border: none;text-align:left !important;}
    .midasi{display:none !important;}
    .smart_br{display:block !important;}
    .smart_br2{display:none !important;}
    .smart_br3{display:none !important;}
    .smart_br4{display:inline !important;}
    .myspace{margin-left:0px;}
    .value_view{width:100%;text-align:center;}
    .results_detail td:nth-of-type(1):before { content: "";font-weight:bold; }
    .results_detail td:nth-of-type(2):before { content: "【工事料（一括）】";font-weight:bold; }
    .results_detail td:nth-of-type(3):before { content: "【分割払い(1回目)】";font-weight:bold; }
    .results_detail td:nth-of-type(4):before { content: "【分割払い(2回目以降)】";font-weight:bold; }
    .results_detail td:nth-of-type(5):before { content: "【備考】";font-weight:bold; }
    .value_view1,.value_view2,.value_box{clear:left;text-align:center;width:100%;max-width:100%;}
    
    .navbar-default .navbar-brand{color:#FFFFFF !important;}
    .resuluts table, .resuluts tr, .resuluts td {padding:5px 10px;font-size:110%;}
    .haken_kouji .no_wrap{white-space:normal;}
    .mousikomi_l{width:100%;clear:left;font-weight:bold;}
    .mousikomi_r{width:100%;clear:left;}
    
    .results_detail .w130{width:100%;}
    .results_detail .w190{width:100%;}
    .results_detail .w270{width:100%;}
    
}

@media screen and (max-width: 450px) 
{
    .smart_view {font-size:110% !important;}
    .results_detail{font-size:95% !important;}
    .caution{font-size:120% !important;}
    .kouj_goukei td{font-size:20px !important;}
    .calc_box{font-size:120%;}
}

ul{list-style: disc;}
#siteview p
{
   margin:16px 0;
}
/*
ul.kome{list-style-type: none;padding:0px;}
ul.kome2{list-style-type: none;padding:0px;}
ul.kome li:before{ content:"※"; margin-left:-14px;}
ul.kome li.one:before,ul.kome2 li.one:before{ content:"※１ "; margin-left:-32px;list-style: none;}
ul.kome li.two:before,ul.kome2 li.two:before{ content:"※２ "; margin-left:-32px;list-style: none;}
ul.kome li.three:before,ul.kome2 li.three:before{ content:"※３ "; margin-left:-32px;list-style: none;}
ul.kome li.four:before,ul.kome2 li.four:before{ content:"※４ "; margin-left:-32px;list-style: none;}


.zero:before{ content:"※　 " !important;margin-left:-32px !important;}
ul.kome2 li.one:before,ul.kome2 li.two:before,ul.kome2 li.three:before,ul.kome2 li.four:before,ul.kome2 li.zero:before{ margin-left:0px;}


ul.kome li.maru:before{ content:"・　"; margin-left:-28px;}
.-ml40{margin-left:-40px;}
*/

.blinking{
	-webkit-animation:blink 0.5s ease-in-out infinite alternate;
    -moz-animation:blink 1.5s ease-in-out infinite alternate;
    animation:blink 2.5s ease-in-out infinite alternate;
}
/*
@-webkit-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}

*/

.non_dotto{list-style:none;margin-left:20px;}
.titlePls{text-align:center;width:100%;padding:10px;background-color:#f9bd00;font-size:110%;}



.order_title
{
    width:100%;
    text-align:center;
    padding:5px ;
    background-color:#4db7a2;
    font-size:120%;
    color:#FFFFFF;
}
.one,.two,.three,.four,.maru
{
    list-style: none;
}
.border0
{
    border:0;
}
.tb_header_pls
{
    border:0;border-bottom:solid 1px;
}
.bdr0
{
    border-right:0px;
}