@charset "UTF-8";

body {
    margin: 0 auto;
    width: 1000px;
    background-color: #FFFFFF;
}


/*------------------------------------------------------------------------------------
-------------------------------------header-------------------------------------------
--------------------------------------------------------------------------------------*/

header {
    font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
    font-size: x-small;
    font-style: normal;
    background-color: #FFFFFF;
    height: 110px;
    width: 950px;
    margin:0px 25px;
    background-repeat: no-repeat;
}

div#headline{
    margin-bottom: 30px;
}

#headline > img {
    display: block;
}

#mv {
    height: 200px;
    width: 950px;
    margin: 0px 25px;
}


/*------------------------------------------------------------------------------------
-------------------------------------nacigation---------------------------------------
--------------------------------------------------------------------------------------*/

nav {
    display: flex;
    margin: 0px 25px 30px;
}

aside {
    float: left;
    height: 650px;
    width: 230px;
    margin-left: 25px;
}

/*------------------------------------------------------------------------------------
-------------------------------------article------------------------------------------
--------------------------------------------------------------------------------------*/

article{
    width: 950px;
    margin: 0px 25px 20px;
}

#index{
    float: right;
    width: 700px;
    margin-left: 0px;
}

#index > p{
    line-height: 150%;
}

/*------------------------------------------------------------------------------------
-------------------------------------footer-------------------------------------------
--------------------------------------------------------------------------------------*/
footer {
    clear: both;
    width: 1000px;
    margin:0px;
}

footer > img {
    margin: 0 25px;
}

#footernavi {
    font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
    font-size: x-small;
    font-style: normal;
    text-align: right;
    margin:0px 25px 10px;
}

#footernavi > a{
    margin-right:10px;
}


/*------------------------------------------------------------------------------------
-------------------------------------文字--^-------------------------------------------
--------------------------------------------------------------------------------------*/

h1{
    font-size: 12px;
    font-style: normal;
}

p{
    font-size: small;
    line-height: 120%;
    margin: 0;
    padding: 0;
}

.red{
    color:red;
}
.small{
    font-size: 6px;
}

/*------------------------------------------------------------------------------------
-------------------------------------その他--------------------------------------------
--------------------------------------------------------------------------------------*/

#headline > img:1st-child{
    display: block;
    margin: 0;
    padding:0;
}

#service > div > img {
    margin-right: -5px;
    display: inline-block;
} 

.blue{
    display: inline-block;
    height: 80px;
    width: 184px;
    font-size: 10px;
    background-image: url("http://marumitsu.com/img/service/s-navi_02.jpg");
    margin: 0;
    padding:0;
}
/*------------------------------------------------------------------------------------
-------------------------------------見積書フォーム--------------------------------------
--------------------------------------------------------------------------------------*/
#estimate{
    width: 825px;
    margin: 15px auto;
    font-size: 12px;
}

#estimate > table {
    width:647px;
    margin: 0 auto 10px;
    
}
#estimate > table > caption{
    
    color: rgb(226, 24, 24);
    text-align: left;
}
#estimate > table > caption:before{
    content:"■";
}

#estimate > table > tbody > tr{
    margin: 0 auto;
}

#estimate > table > tbody > tr > td{
    BORDER: #dddddd 1px solid; 
    font-family: Meiryo;
    font-size: 12px;
    PADDING: 3px;
}

#estimate > table.color > tbody > tr > td:first-child{
    background-color: #ebf7ea;
    width:30%;
    padding-left: 10px;
}

#estimate > table.item > tbody > tr > td{
    text-align: center;
}

#estimate > table.btn > tbody > tr > td{
    text-align: right;
}



/*------------------------------------------------------------------------------------
-------------------------------------サービス一覧--------------------------------------
--------------------------------------------------------------------------------------*/
#service{
    display: -webkit-flex;
    display:flex;
    -webkit-flex-wrap: nowrap; /* Safari */
    flex-wrap:         nowrap;
}

#service > div{
    height: 300px;
    width:100%;
    border:#ffffff 3px solid;
    margin:15px 15px;
    border-radius: 10px;
    box-shadow:rgba(113, 135, 164, 0.65098) 0px 0px 6px 3px;
    -webkit-box-shadow:rgba(113, 135, 164, 0.65098) 0px 0px 6px 3px;
    -moz-box-shadow:rgba(113, 135, 164, 0.65098) 0px 0px 6px 3px;
}

#service>div>div{
    font-size: 25px;
    font-weight:bold;
    text-shadow: 1px 1px 5px #000000 ;
    color: #ffffff;
    line-height: 1.6em;
    width: 90%;
    height: 40px;
    margin: 5%;
    border: #ffffff 3px solid;
    border-radius: 5px;
    text-align: center;
}

.lucky{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7abcff+0,60abf8+44,4096ee+100;Blue+3D+%2314 */
    background: #7abcff; /* Old browsers */
    background: -moz-linear-gradient(top,  #7abcff 0%, #60abf8 44%, #4096ee 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #7abcff 0%,#60abf8 44%,#4096ee 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #7abcff 0%,#60abf8 44%,#4096ee 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7abcff', endColorstr='#4096ee',GradientType=0 ); /* IE6-9 */

}
.lucky > div{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6db3f2+0,54a3ee+50,3690f0+51,1e69de+100;Blue+Gloss+%233 */
    background: #6db3f2; /* Old browsers */
    background: -moz-linear-gradient(top,  #6db3f2 0%, #54a3ee 50%, #3690f0 51%, #1e69de 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #6db3f2 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #6db3f2 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6db3f2', endColorstr='#1e69de',GradientType=0 ); /* IE6-9 */

}

.mini{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cdeb8e+0,a5c956+100;Green+3D+%232 */
    background: #cdeb8e; /* Old browsers */
    background: -moz-linear-gradient(top,  #cdeb8e 0%, #a5c956 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #cdeb8e 0%,#a5c956 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #cdeb8e 0%,#a5c956 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cdeb8e', endColorstr='#a5c956',GradientType=0 ); /* IE6-9 */

}

.mini>div{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#9dd53a+0,a1d54f+50,80c217+51,7cbc0a+100;Green+Gloss+%231 */
    background: #9dd53a; /* Old browsers */
    background: -moz-linear-gradient(top,  #9dd53a 0%, #a1d54f 50%, #80c217 51%, #7cbc0a 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9dd53a', endColorstr='#7cbc0a',GradientType=0 ); /* IE6-9 */

}

.luckyoption{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffa84c+0,ff7b0d+100;Orange+3D */
    background: #ffa84c; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffa84c 0%, #ff7b0d 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #ffa84c 0%,#ff7b0d 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #ffa84c 0%,#ff7b0d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa84c', endColorstr='#ff7b0d',GradientType=0 ); /* IE6-9 */

}

.luckyoption>div{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffb76b+0,ffa73d+50,ff7c00+51,ff7f04+100;Orange+Gloss */
    background: #ffb76b; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffb76b 0%, #ffa73d 50%, #ff7c00 51%, #ff7f04 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #ffb76b 0%,#ffa73d 50%,#ff7c00 51%,#ff7f04 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #ffb76b 0%,#ffa73d 50%,#ff7c00 51%,#ff7f04 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb76b', endColorstr='#ff7f04',GradientType=0 ); /* IE6-9 */

}

#service>div>p{
    margin: 10px;
}

.imgmargin{
    display: block;
    margin:30px 0;
}

/*------------------------------------------------------------------------------------
-------------------------------------オプションサービス----------------------------------
--------------------------------------------------------------------------------------*/
div.flex{
    width: 100%;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: stretch;
    align-items: stretch;
    -webkit-align-content: center;
    align-content: center;
}

div.flex>div{
    width: 31%;
    height: 280px;
    margin: 1%;
    text-align: center;
    border: 1px solid #C7C9CC;

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#edeef4+0,fcfcfc+25,fcfcfc+75,edeef4+100 */
    background: #edeef4; /* Old browsers */
    background: -moz-linear-gradient(top,  #edeef4 0%, #fcfcfc 25%, #fcfcfc 75%, #edeef4 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #edeef4 0%,#fcfcfc 25%,#fcfcfc 75%,#edeef4 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #edeef4 0%,#fcfcfc 25%,#fcfcfc 75%,#edeef4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#edeef4', endColorstr='#edeef4',GradientType=0 ); /* IE6-9 */
}

div.flex>div>img{
    margin:15px 0;
    border: #979797 1px solid ;
}

div.flex>div>h4{
    font-weight: bold;
    margin: 5px;
    color:#571b00;
}

div.flex>div>p{
    text-align: left;
    margin:15px;
    font-size: 11px;
}

/*------------------------------------------------------------------------------------
-------------------------------------引越し準備-----------------------------------------
--------------------------------------------------------------------------------------*/
ul.op{
    margin: 15px 0px;
    padding: 0;
}

.op>li{
    font-size: 14px;
    margin: 10px 0;
    list-style:none;
}

.op>li:before{
    content:"□";
    font-size:20px;
    color: cyan;
}

.op>li:first-child:before{
    content: "";
    margin: 0;
    font-size: 0;
    list-style:none;
}

/*------------------------------------------------------------------------------------
-------------------------------------問い合わせ-----------------------------------------
--------------------------------------------------------------------------------------*/
table.mailform{
    width: 100%;
}
table.mailform > caption{
    margin: 30px 0;
    text-align: left;
}

table.mailform > tbody > tr{
    font-size: 12px;
}

table.mailform > tbody > tr > td{
    border-bottom: #979797 1px solid;
    padding: 7px 5px;
    margin: 100px;
    width: 400px;
}

table.mailform > tbody > tr > td:first-child{
    width: 300px;
}

table.mailform > tbody > tr > td > input{
    
}


/*------------------------------------------------------------------------------------
-------------------------------------ラッキーコンテナ------------------------------------
--------------------------------------------------------------------------------------*/
div.cont{
    width: 100%;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: stretch;
    align-items: stretch;
    -webkit-align-content: center;
    align-content: center;
}

div.cont>div{
    width: 31%;
    height: 200px;
    margin: 1%;
    text-align: center;
    border: 1px solid #C7C9CC;
    background-color:floralwhite;
}

div.cont>div>img{
    margin:15px 0;
    border: #979797 1px solid ;
}

div.cont>div>h4{
    font-weight: bold;
    font-size: 13px;
    margin: 5px;
    color:#571b00;
}


/*------------------------------------------------------------------------------------
-------------------------------------サイトマップ---------------------------------------
--------------------------------------------------------------------------------------*/

.link{
    margin:30px;
}

.link>dt{
    font-size: 14px;
    padding: 10px 10px;
    border-color: darkcyan;
    border-style: double;
}

.link>dt>a{
    text-decoration: none;
}
.link>dd{
    margin: 15px 0px 30px 30px;
    font-size: 12px;
}


/*------------------------------------------------------------------------------------
-------------------------------------新着情報-----------------------------------------
--------------------------------------------------------------------------------------*/
#new{
    background-color: #ffffff;
}
time{
    font-size: 12px;
    font-weight: bold;
    line-height: 3em;
    margin-left: 10px;
}
#new > p{
    margin-left: 5px;
}


/*------------------------------------------------------------------------------------
-------------------------------------404notfound-----------------------------------------
--------------------------------------------------------------------------------------*/

.notfound{
    display: block;
    line-height: 120%;
    margin: 0;
    padding: 0;
    text-align:center;
    font-size: 48px;
    
}