/*
Theme Name:  kutu
Theme URI:
Author:
Author URI:
Description:
Version: 1.0
*/


/*class Seting*/

a{
    color: #0033ff;
    text-decoration: none;
    font-size: 12px;
}

.morepage a{
  border: #ccc 1px solid;
  padding: 2%;
  color: #0033ff;
}
.morepage a:hover{

  background: #eee;
}

.tbold {
    font-weight: bold;
}
.tnormal {
    font-weight: normal;
}
.sr {
    font-family: serif;
}
.cr {
    font-family: cursive;
}
.fn {
    font-family: fantasy;
}
.mn {
    font-family: monospace;
}
.gc {
    font-family: "ＭＳ Ｐゴシック",Osaka,sans-serif;
}
.mc {
    font-family: "ＭＳ Ｐ明朝",細明朝体,serif;
}


/*padding, margin_style*/
.p10 { padding: 10px !important; }
.pt10 { padding-top: 10px !important; }
.pr10 { padding-right: 10px !important; }
.pb10 { padding-bottom: 10px !important; }
.pl10 { padding-left: 10px !important; }
.p20 { padding: 20px !important; }
.pt20 { padding-top: 20px !important; }
.pr20 { padding-right: 20px !important; }
.pb20 { padding-bottom: 20px !important; }
.pl20 { padding-left: 20px !important; }
.m10 { margin: 10px !important; }
.mt10 { margin-top: 10px !important; }
.mt20 { margin-top: 20px !important; }
.mt30 { margin-top: 30px !important; }
.mt40 { margin-top: 40px !important; }
.mr10 { margin-right: 10px !important; }
.mb10 { margin-bottom: 10px !important; }
.ml10 { margin-left: 10px !important; }
.m20 { margin: 20px !important; }
.mt20 { margin-top: 20px !important; }
.mr20 { margin-right: 20px !important; }
.mb0 { margin-bottom: 0px !important; }
.mb5 { margin-bottom: 5px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb20 { margin-bottom: 20px !important; }
.ml20 { margin-left: 20px !important; }


/*fontsize_style*/
.text10 { font-size: 77% !important; }
.text11 { font-size: 85% !important; }
.text12 { font-size: 93% !important; }
.text13 { font-size: 100% !important; }
.text14 { font-size: 108% !important;   line-height: 25px !important;}
.text15 { font-size: 116% !important; }
.text16 { font-size: 123.1% !important; }
.text17 { font-size: 131% !important; }
.text18 { font-size: 138.5% !important; }
.text19 { font-size: 146.5% !important;}
.text20 { font-size: 153.9% !important; }
.text21 { font-size: 161.6% !important; }
.text22 { font-size: 167% !important; }
.text23 { font-size: 174% !important; }
.text24 { font-size: 182% !important; }
.text25 { font-size: 189% !important; }
.text26 { font-size: 197% !important; }

/* ----------------clear box---------------*/
.section_narrow {

    overflow: hidden;
}

/* ----------------寄せ---------------*/
.text_center { text-align: center !important; }
.text_left { text-align: left !important; }
.text_right { text-align: right !important; }
.text_bold { font-weight: bold !important; }
.text_underline { text-decoration: underline !important; }

/* ----------------タイトル---------------*/

.title01{
  text-align: center;
      padding-left: 15px;
      /* padding-top: 10px; */
      /* padding-bottom: 10px; */
      font-size: 18px;
      /* border-left: 8px solid #009245; */
      /* border-bottom: 1px solid #009245; */
      background: url(common/images/tit_bg02.png) left bottom repeat-x;
}

.title01 span{
  background: #fff;
  padding-left: 10px;
  padding-right: 10px;
}

.title02{
    margin-bottom: 10px;
      font-size: 18px;
      color: #009245;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}



.title03 {
  border-top: #ccc 1px dotted;
  border-bottom: #ccc 1px dotted;
  padding: 10px 0 10px 0;
  text-align: left;
  color: #000;
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 10px;
  margin-top: 10px;
  background: #22b573;
  font-weight: bold;
  color: #fff;
}

.title04 {
     background: url(common/images/icon2.gif) left 5px no-repeat;
    padding-left: 15px;

}
.title05 {
     background: url(common/images/icon3.gif) left top no-repeat;
    padding-left: 25px;
    padding-top: 2px;
    padding-bottom: 5px;
    border-bottom: dotted 1px #d64b0d;

}

.title06 {

    padding-left: 25px;
    padding-top: 5px;
    padding-bottom: 5px;
    background: #10ad73;
    color: #fff;
    border: solid 3px #ccc;
    border-radius:3px;
    margin-bottom: 10px;
}
.title07 {

padding: 2px 10px;
    clear: both;
    font-size: 117%;
    margin-top: 5px;
    margin-bottom: 10px;
    background: #065a30;
    font-weight: bold;
    color: #fff;
}
.title08 {
     font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
padding: 2px 10px;
    clear: both;
    font-size: 137%;
    margin-top: 5px;
    margin-bottom: 10px;

    font-weight: bold;
    color: #065a30;
}
/* ----------------以前のタイトル---------------*/
.title_box {
padding: 2px 10px;
    clear: both;
    font-size: 117%;
    margin-top: 5px;
    margin-bottom: 10px;
    background: #065a30;
    font-weight: bold;
    color: #fff;
}


/* ----------------spanではさむ---------------*/
.number {
    margin-left: 10px;
    margin-right: 10px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    font-size: 20px;
    color: #fff;
    width: 25px;
    height: 25px;
    border-radius: 25px;
    border: 3px solid #fff !important;
    padding: 1px;
    line-height: 25px;
  background-color: #065a30 !important;
}

/* ----------------list01---------------*/
.list01 li {
    list-style: disc;
    padding-bottom: 5px;
    margin-left: 15px;
}



/* ----------------border_box02---------------*/

.border_bottom01 {
    border-bottom: 1px solid #52774b;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.border_box02 {
	    width: 96%;
	border: 1px dotted #cccccc;
	padding: 9px;
	margin-bottom: 10px;
	overflow: hidden;
}
.border_box03 {
    border: 1px solid #52774b;
    padding: 9px;
    margin-bottom: 10px;
}
/* ----------------ul list---------------*/
.list_4{
overflow: hidden;
    margin-top: 10px;
}
.list_4 li{
    margin-top: 10px;
 width: 24%;
    display: inline-block;
    vertical-align: top;
}

.list_3{
overflow: hidden;
    margin-top: 10px;

}
.list_3 li{
           max-width: 212px;
    margin-top: 10px;
 width: 32.5%;
    display: inline-block;
    vertical-align: top;
}


.list_2{
overflow: hidden;
    margin-top: 10px;

}
.list_2 li{

    margin-top: 10px;
 width: 42.5%;
    display: inline-block;
    vertical-align: top;
}
/* ----------------dllist01---------------*/
.dllist01 {
    width: 100%;
    line-height: 1.5;
    background-color: #F5F5F5;
    overflow: hidden;

}
.dllist01 dt{
  float: left;
      width: 90px;
      padding: 10px;

}
.dllist01 dd{
 margin-left: 110px;
      padding: 10px;
      background-color: #FFF;

}
/* ----------------フロート---------------*/



.float_left {
	float: left;
	margin: 0 10px 10px 0;
}

.float_right {
	float: right;
	margin: 0 0 10px 10px;
}

/* ----------------会社概要---------------*/

.table_style {
	width: 100%;
	margin: 0 auto 10px auto;
}

.table_style table {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
	margin-bottom: 10px;
}

.table_style td {
	padding: 5px;
	vertical-align: top;
	text-align: left;
	border: 1px solid #52774b;
}

.table_style .bgcolor {
	background-color: #c6ded0;
}

/*form_table*/
.form_table {
	width: 100%;
	margin: 0 auto 10px auto;
}

.form_table table {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
	margin-bottom: 10px;
}

.form_table input, .form_table select, .form_table textarea {
	margin-right: 5px;
}

.form_table textarea {
	font-size: 100%;
	border: 1px solid #cccccc;
}

.form_table th {
	padding: 5px;
	vertical-align: center;
	text-align: left;
	border: 1px solid #52774b;
	border-left: none;
	background: #c0ddfd;
	white-space: nowrap;
}

.form_table td {
	padding: 5px;
	vertical-align: top;
	text-align: left;
	border-top: 1px solid #52774b;
	border-bottom: 1px solid #52774b;
}

.form_table textarea {
	width: 340px;
	height: 70px;
}

.form_table .input_text01 {
	width: 150px;
}

.form_table .input_text02 {
	width: 250px;
}



/* ----------------カラー---------------*/
.color01{
    color: #0000ff;
}

/*color_style*/
.ex01 { color: #d41d23 !important; }
.ex02 { color: #0F9D38 !important; }
.ex03 { color: #0400eb !important; }
.ex04 { color: #a81d00 !important; }
.ex05 { color: #58300d !important; }
.ex06 { color: #f46962 !important; }
.ex07 { color: #00459d !important; }
.ex08 { color: #583241 !important; }
.ex09 { color: #666666 !important; }
.ex10 { color: #999999 !important; }


/* ----------------クリアー---------------*/
.clear{
    overflow: hidden;
}


/* ========================================
	専用スタイル
======================================== */
.page_back a{
       background: url(common/images/icon2.gif) left no-repeat;
    padding-left: 15px;
}

#zirei_d{
    max-width: 966px;
    width: 100%;
}
#zirei_d img{
    width: 100%!important;
}

.divbox_two {
	width: 100%;
	margin: 0 auto 10px auto;
	overflow: hidden;
}

.divbox_two_inner {
	width: 100;
}

.divbox_two .divbox {

    	width: 46.5%;
	padding-right: 10px;
	margin-bottom: 10px;
	float: left;
	overflow: hidden;
}

.divbox_two .divbox .image {
		width: 40%;
	float: left;
	border: 1px dotted #cccccc;
}

.divbox_two .divbox .text {
width: 55%;
	float: left;
}


.voiceblock{
    width: 100%;
    max-width: 700px;
    margin: auto;
}



.page_link_box {
	width: 100%;
	margin-bottom: 10px;
	overflow: hidden;
}

.page_link_box .image {
	width: 30%;
	float: left;
    margin-right: 10px;
}

.page_link_box .text {
	width: 65%;
	float: left;
}
.page_link_box .text a{
     background: url(common/images/icon2.gif) left no-repeat;
    padding-left: 15px;
}
.border_bottom02 {
    border-bottom: 1px dotted #52774b;
    padding-bottom: 10px;
    margin-bottom: 10px;
}


.service_table td {
    width: 50%;

    text-align: center;
    background-size: 100%;

}
.service_table table{
    margin:20px auto;
    width: 100%;

}
.service_table table a{
    color: #fff;
}

.service_table table td.sbg01 {
    background: -moz-linear-gradient(top, #81c9ea 0%, #2c8ddd 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#81c9ea), color-stop(100%,#2c8ddd));
    background: -webkit-linear-gradient(top, #81c9ea 0%,#2c8ddd 100%);
    background: -o-linear-gradient(top, #81c9ea 0%,#2c8ddd 100%);
    background: linear-gradient(to bottom, #81c9ea 0%,#2c8ddd 100%);
    border: solid 2px #fff;
    padding: 1% 2%;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    color: #fff;
}
.service_table table td.sbg02 {
        border: solid 2px #fff;
    background: -moz-linear-gradient(top, #76e6a8 0%, #009944 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#76e6a8), color-stop(100%,#009944));
    background: -webkit-linear-gradient(top, #76e6a8 0%,#009944 100%);
    background: -o-linear-gradient(top, #76e6a8 0%,#009944 100%);
    background: linear-gradient(to bottom, #76e6a8 0%,#009944 100%);
    padding: 1% 2%;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    color: #fff;
}


.service_table table td.sbg03 {
        border: solid 2px #fff;
    background: -moz-linear-gradient(top, #9a5e1e 0%, #6a3906 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9a5e1e), color-stop(100%,#6a3906));
    background: -webkit-linear-gradient(top, #9a5e1e 0%,#6a3906 100%);
    background: -o-linear-gradient(top, #9a5e1e 0%,#6a3906 100%);
    background: linear-gradient(to bottom, #9a5e1e 0%,#6a3906 100%);
    padding: 1% 2%;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    color: #fff;
}
/* ========================================
	スマホ
======================================== */
@media screen and (max-width: 766px) {
.border_box02 {
	    width: 93%;

}

    .table_style,.form_table {
        width: 100%;
    }

}


@media screen and (max-width: 700px) {
    .float_left,.float_right {
    float: none;
    display: block;
margin-left: 0;
    margin-right: 0;
 width: 100%;
        max-width: 100%;
}
    .form_table td{
        width: 30%;
    }


}

@media screen and (max-width: 400px) {


.title01{

    background:none;
}

    .page_link_box .image {
	width: 100%;
	float: none;
}

.page_link_box .text {
	width: 100%;
	float: none;
}


    .list_2 li{

text-align: center;
   width: 100%;
        display: block;
       margin: auto;
}
   .list_3 li{
        width: 100%;

       text-align: center;
       display: block;
       margin: auto;
    }

    .list_4 li{
        width: 45%;
    }
   .table01 { margin: auto; width: 100%; }
    .table01 tr {
        display:block;
        margin-bottom: 10px;
    }
    .table01 th {
        display:block;
        width: 97%;
     padding: 10px 0px 10px 10px;
    }
    .table01 td {
             padding: 10px 0px 10px 10px;
        width: 90%;
        margin-left: 15%;
        border:none;
    }
    .floatRblock div, .floatRblock02 .wrap{
        width: 100%;
    }
}