/* contents.css */
/* for contents page */
/*--------------------------------------*/

body {
}
#wrapper {
    overflow:hidden;
}

#main {
    padding:30px 0;
    text-align:left;
}

#main h2 {
    background:#14488e url("../images/h2_bg.png") no-repeat 0 center;
    margin:0 0 1.5em;
    padding:0 0 0 20px;
    font-size:1.4em;
    font-weight:bold;
    color:#ffffff;
}
#main h3 {
    background:url("../images/h3_bg.png") repeat-y 0 bottom;
    margin:0 0 1em;
    padding:0 0 0 20px;
    border-bottom:3px solid #14488e;
    font-size:1.2em;
    font-weight:bold;
}

#main p {
    margin:0 0 1em;
}
#main .right {
    text-align:right;
}
#main .center {
    text-align:center;
}
#main .eol {
    margin:0 0 3em;
}

#main ul.normal {
    padding:0 0 0 1.5em;
    list-style:disc;
}




/* greeting.html */
#contents p.greeting_a {
    margin:0 0 0.3em;
    padding:0 0 0.2em;
    border-bottom:1px solid #14488e;
    font-size:1.8em;
    color:#14488e;
}
#contents p.greeting_b {
    margin:0 0 1.5em;
    font-size:1.6em;
}


/* company.html */
dl.companyData {
    margin:0 0 3em;
}
dl.companyData dt {
    float:left;
    width:12em;
    margin:0 0 1em;
    padding:0 0 0.5em;
    text-align:right;
    font-weight:bold;
}
dl.companyData dd {
    margin:0 0 1em;
    padding:0 0 1em 13.5em;
    border-bottom:1px solid #14488e;
}

#main p.map iframe {
    width:100%;
    height:320px;
}


/* business.html */
.business01left {
    float:left;
    width:520px;
    margin:0 120px 3em 0;
}
.business01right {
    float:left;
    width:290px;
    margin:0 0 3em;
}

.business02left {
    float:left;
    width:370px;
    margin:0 30px 2em 40px;
}
.business02right {
    float:left;
    width:520px;
    margin:0 40px 2em 0;
    padding-top:50px;
}

.flow_sp {
    display:none;
}



/* - 1000px */
/*-----------------------------------------------------------*/
@media only screen and (max-width: 1000px) {

body {
}

#main img {
    max-width:100%;
    height:auto;
}


/* business.html */
.business01left {
    float:left;
    width:60%;
    margin:0 0 3em;
}
.business01right {
    float:right;
    width:35%;
    margin:0 0 3em;
}

.business02left {
    float:left;
    width:40%;
    margin:0 2% 2em 0;
}
.business02right {
    float:right;
    width:58%;
    margin:0 0 2em;
    padding-top:2em;
}


.flow_pc {
    display:none;
}
.flow_sp {
    display:block;
}
.flow_sp a {
    display:inline-block;
    border:1px solid #14488e;
}



}
/* - 1000px end */



/* - only 641px-1000px */
/*-----------------------------------------------------------*/
@media only screen and (min-width: 641px) and (max-width: 1000px) {

}
/* - only 641px-1000px end */



/* - 640px */
/*-----------------------------------------------------------*/
@media only screen and (max-width: 640px) {

body {
}



/* company.html */
dl.companyData {
    margin:0 0 3em;
}
dl.companyData dt {
    float:none;
    width:auto;
    margin:0 0 0.3em;
    padding:0;
    text-align:left;
    font-weight:bold;
}
dl.companyData dd {
    margin:0 0 1em;
    padding:0 0 1em 0;
    border-bottom:1px solid #14488e;
}


/* business.html */
.business01left {
    float:none;
    width:100%;
    margin:0 0 1em;
}
.business01right {
    float:none;
    width:100%;
    margin:0 auto 3em;
    text-align:center;
}

.business02left {
    float:none;
    width:100%;
    margin:0;
}
.business02right {
    float:none;
    width:100%;
    margin:0 atuo 2em;
    padding-top:0;
}




}
/* - 640px end */