@charset "utf-8";
@import url("common.css");

#maincontents{
    width: 868px;
    margin: 0 auto 0 auto;
    background-color: #FFFFFF;
    border: 1px #555555 solid;
    padding-bottom: 30px;
}

#maincontents a{
    color: #009999;
    text-decoration: underline;
}

#pagenavi{
    padding-top: 25px;
}

#pagenavi table{
    width: 730px;
}

#pagenavi table td.left{
    width: 210px;
    text-align: right;
    padding-right: 15px;
}

#pagenavi table td.center{
    border-left: 1px #555555 solid;
    border-right: 1px #555555 solid;
    width: 240px;
    text-align: center;
}

#pagenavi table td.right{
    width: 210px;
    text-align: left;
    padding-left: 15px;
}

#pagenavi a.prev{
    padding-left: 15px;
    background-image: url("/image/common/prev.png");
    background-repeat: no-repeat;
    background-position: left center;
}

#pagenavi a.next{
    padding-right: 15px;
    background-image: url("/image/common/next.png");
    background-repeat: no-repeat;
    background-position: right center;
}

h2.common{
    padding: 10px 0 10px 0;
    text-indent: 20px;
    color: #FFFFFF;
    background-color: #009999;
    margin-bottom: 30px;
    font-size: 19px;
}

h2.contents{
    padding: 20px 0 10px 62px;
    margin-bottom: 5px;
}

h3{
    border-left: 6px #009999 solid;
    border-bottom: 1px #009999 solid;
    text-indent: 10px;
    line-height: 27px;
    margin: 10px 0 0 0;
    font-weight: bold;
    font-size: 15px;
}

h3.contents{
    border-left: 6px #555555 solid;
    border-bottom: 1px #555555 solid;
    text-indent: 10px;
    line-height: 27px;
    font-size: 15px;
    font-weight: normal;
}

#breadcrumb{
    width: 868px;
    margin: 0 auto 12px auto;
}

#breadcrumb a{
    color: #009999;
    text-decoration: underline;
}

span.kenbunroku{
    font-size: 18px;
    color: #000066;
    margin-right: 5px;
}

/* 勤務割自動作成システムとは？ */
#kinmuwari_towa{
    width: 730px;
    margin: 10px auto 0 auto;
}

#kinmuwari_towa p{
    margin-bottom: 20px;
}

#kinmuwari_towa p.bottom{
    margin-bottom: 0px;
}

#kinmuwari_towa #image{
    float: right;
    margin-left: 15px;
    margin-right: 10px;
}

/* 勤務割自動作成機能で作業が激減！ */
#gekigen{
    margin: 0px auto 0 auto;
    width: 730px;
}

#gekigen span#impact{
    color: #FF0000;
    font-size: 18px;
}

#gekigen p{
    margin: 10px 0 20px 5px;
}

#gekigen #past{
    position: relative;
    margin-bottom: 20px;
}

#gekigen #past div#pasttitle, #gekigen #present div#presenttitle {
    position: absolute;
    left: 23px;
    top: 29px;
    font-size: 22px;
    color: #098c82;
    font-weight: bold;
    line-height: 30px;
}

#gekigen #past ul, #gekigen #present ul {
    position: absolute;
    left: 23px;
    top: 69px;
    list-style-type: none;
}

#gekigen #past li, #gekigen #present li {
    line-height: 35px;
}

#gekigen #past span.bold {
    color:#1b1464;
    font-size: 20px;
    font-weight: bold;
}


#gekigen #present{
    position: relative;
    margin-top: 15px;
}

#gekigen #present span.bold {
    color: #ed1e65;
    font-size: 20px;
    font-weight: bold;
}

#gekigen #arrow{
    text-align: center;
}

#gekigen p#kantan{
    margin-bottom: 0px;
    line-height: 24px;
}

#gekigen #kantan img {
    vertical-align: -5px;
}

/* step1 */
#step1{
    width: 730px;
    margin: 0 auto 0 auto;
}

#step1 h4{
    text-align: center;
    margin-bottom: 10px;
}

#step1 h4#kakusyujyoken{
    margin-bottom: 10px;
    margin-top: 25px;
}

#step1 h4#genan{
    margin-bottom: 10px;
}

#step1 dl{
    margin-top: 12px;
    margin-left: 15px;
}

#step1 dt{
    float: left;
    width: 130px;
    text-align: center;
    line-height: 32px;
    border-radius: 8px;
    color: #FFFFFF;
    background-color: #009999;
    font-size: 15px;
}

#step1 dd{
    line-height: 32px;
    text-indent: 30px;
    font-size: 15px;
}

#step1 #kyoutsu,#step1 #syokuinbetsu,#step1 #houteki,#step1 #houteki{
    width: 722px;
    border: 2px #666666 solid;
    border-radius: 10px;
    background-color: #FFFFFF;
    margin-left: 3px;
    margin-bottom: 10px;
    padding-bottom: 5px;
}

#step1 #tsukibetsu{
    width: 722px;
    border: 2px #666666 solid;
    border-radius: 10px;
    background-color: #FFFFFF;
    margin-left: 3px;
    margin-bottom: 15px;
    padding-bottom: 5px;
}

#step1 ul.term{
    margin: 3px 0 0 200px;
}

#step1 ul.term li{
    margin: 0;
    padding: 0;
}

#step1 p.term{
    width: 600PX;
    text-align: right;
}

#step1 .arrow{
    text-align: center;
    margin-bottom: 10px;
}

#step1 #result{
    text-align: center;
}

#step1 #kobetsu_setting ul{
    margin-left: 230px;
}

#step1 #kobetsu_setting p,#step1 #jidosakuseisyori p{
    margin-left: 210px;
    margin-bottom: 10px;
}

#step1 #genansakusei p{
    margin-left: 210px;
}

/* step2 */
#step2{
    width: 730px;
    margin: 0 auto 0 auto;
}

#step2 p#top{
    margin-top: 20px;
}

#step2 table#upper{
    margin-top: 20px;
}

#step2 table#upper td{
    line-height: 16px;
    text-align: center;
    width: 211px;
    height: 85px;
    background-image: url("/image/contents/step2/upper_hukidashi.png");
    background-repeat: no-repeat;
    font-size: 12px;
}

#step2 table#upper td#hukidashi1{
    padding-right: 20px;
    padding-top: 4px;
}

#step2 table#upper td#hukidashi2{
    padding-right: 30px;
    padding-top: 4px;
}

#step2 table#upper td#hukidashi3{
    padding-left: 5px;
    padding-top: 4px;
}

#step2 #monitor{
    margin-left: 5px;
    margin-bottom: 3px;
}

#step2 table#lower{
    margin-bottom: 20px;
}

#step2 table#lower td{
    line-height: 16px;
    text-align: center;
    font-size: 12px;
}

#step2 table#lower td#hukidashi4{
    background-image: url("/image/contents/step2/lower_hukidashi1.png");
    background-repeat: no-repeat;
    width: 156px;
    height: 122px;
    padding-right: 2px;
}

#step2 table#lower td#hukidashi5{
    background-image: url("/image/contents/step2/lower_hukidashi1.png");
    background-repeat: no-repeat;
    width: 156px;
    height: 122px;
    padding-right: 2px;
}

#step2 table#lower td#hukidashi6{
    background-image: url("/image/contents/step2/lower_hukidashi2.png");
    background-repeat: no-repeat;
    width: 189px;
    height: 122px;
    padding-right: 2px;
    padding-top: 5px;
}

#step2 table#lower td#hukidashi7{
    background-image: url("/image/contents/step2/lower_hukidashi3.png");
    background-repeat: no-repeat;
    width: 216px;
    height: 122px;
    text-align: left;
}

#step2 table#lower td#hukidashi7 span{
    padding-left: 28px;
}

#step2 #message{
    background-image: url("/image/contents/step2/message_hukidashi.png");
    background-repeat: no-repeat;
    width: 410px;
    height: 91px;
    margin-left: 150px;
}

#step2 #message p{
    color: #FFFFFF;
    vertical-align: central;
    padding-left: 10px;
    padding-top: 26px;
    font-size: 15px;
    text-align: center;
}

/* step3 */
#step3{
    width: 730px;
    margin: 0 auto 0 auto;
}

#step3 span.impact{
    font-weight: bold;
    font-size: 18px;
    padding: 0 1px 0 1px;
}

#step3 table#step3_graph{
    margin: 20px 0 0 15px;
}

#step3 table#step3_graph td#name{
    padding-bottom: 10px;
    text-align: right;
    padding-right: 5px;
}


#step3 table#step3_graph td.arrow{
    padding: 10px 0 10px 60px;

}

#step3 p{
    margin-top: 20px;
    margin-left: 15px;
}

#step3 p#bottom{
    margin-top: 0px;
}

/* step4 */
#step4{
    width: 730px;
    margin: 0 auto 0 auto;
}

#step4 p{
    margin-left: 10px;
    margin-top: 20px;
}

#step4 table#step4_graph{
    margin-top: 20px;
    width: 730px;
}

#step4 table#step4_graph ul li{
    margin-left: 500px;
}

#step4 table#step4_graph td span.nonlist{
    margin-left: 480px;
}

#step4 table#step4_graph td#koumoku1{
    background-image: url("/image/contents/step4/step4_koumoku1.png");
    background-repeat: no-repeat;
    width: 730px;
    height: 182px;
}

#step4 table#step4_graph td#koumoku1 ul#upper{
    padding-bottom: 18px;
}

#step4 table#step4_graph td#koumoku1 ul#lower{
    padding-top: 4px;
}

#step4 table#step4_graph td#koumoku2{
    background-image: url("/image/contents/step4/step4_koumoku2.png");
    background-repeat: no-repeat;
    width: 730px;
    height: 155px;
}

#step4 table#step4_graph td#koumoku3{
    background-image: url("/image/contents/step4/step4_koumoku3.png");
    background-repeat: no-repeat;
    width: 730px;
    height: 94px;
    padding-top: 2px;
}

#step4 table#step4_graph td#koumoku4{
    background-image: url("/image/contents/step4/step4_koumoku4.png");
    background-repeat: no-repeat;
    width: 730px;
    height: 177px;
    padding-top: 1px;
}

#step4 table#step4_graph td#koumoku5{
    background-image: url("/image/contents/step4/step4_koumoku5.png");
    background-repeat: no-repeat;
    width: 730px;
    height: 116px;
    padding-top: 2px;
}

#step4 table#step4_graph td.arrow{
    padding: 10px 0 10px 210px;
}

/* プライバシーポリシー */
#privacy{
    margin: 0 auto 0 auto;
    width: 730px;
}

#privacy p.explain{
    padding: 10px 0 10px 0;
}

#privacy p{
    padding: 10px 0 10px 0;
}

#privacy ul{
    padding: 0;
    margin-left: 20px;
}

#privacy ul li#email img{
    margin-top: 2px;
    margin-bottom: 5px;
}

/* サイトのご利用条件 */
#terms{
    margin: 20px auto 0 auto;
    width: 730px;
}

#terms p{
    padding: 10px 0 10px 0;
}

#terms p.nobottom{
    padding: 10px 0 0 0;
}

#terms ul{
    width: 680px;
    margin: 5px 0 20px 20px;
}

#terms ul li{
    margin-bottom: 5px;
}

#terms p img#email{
    margin-top: 2px;
    margin-bottom: 5px;
}

/* サイトマップ */
#sitemap{
    margin: 20px auto 0 auto;
    width: 730px;
}

#sitemap h3{
    font-weight: normal;
}

#sitemap ul{
    margin: 10px 0 0 35px;
}

#sitemap ul li{
    margin-bottom: 2px;
}

/* 会社概要 */
#about{
    margin: 0 auto 0 auto;
    width: 730px;
}

#about table{
    width: 730px;
    margin: 0 auto 0px auto;
    border-collapse: collapse;
}

#about table th{
    padding: 10px 0 10px 0;
    width: 170px;
    text-align: center;
    border-bottom: 1px #c0c0c0 dotted;
}

#about table td{
    padding: 10px 0 10px 0;
    border-bottom: 1px #c0c0c0 dotted;
}

#about table ul#shiten{
    margin-left: 0px;
}

#about table ul#shiten li{
    list-style-type: none;
    margin-bottom: 10px;
}

#about table ul#shiten li.nobottom{
    margin-bottom: 0px;
}

#about table ul{
    margin-left: 20px;
}

/* 地図 */
#maincontents #map{
    width: 730px;
    margin: 0 auto 0 auto;
}

#maincontents #map a{
    color: #009999;
    text-decoration: underline;
}

#map table td.caption{
    padding-top: 10px;
    border-bottom: 1px #c0c0c0 dotted;
    font-weight: bold;
    font-size: 115%;
}

#map table td#place{
    padding-top: 5px;
}

#map table td.access{
    padding-top: 5px;
    text-decoration: underline;
}

#map table td.access_detail{
    padding-left: 20px;
}

/* お問い合わせ */
#inquiry{
    width: 730px;
    margin: 0 auto 0 auto;
}

#inquiry ul{
    margin-left: 20px;
}

#inquiry span.attention{
    font-weight: bold;
    color: #CC0000;
    letter-spacing: 2px;
}

#inquiry div#attention{
    margin-bottom: 20px;
}

#inquiry p{
    margin-bottom: 10px;
}

#inquiry #inquiryform table{
    width: 730px;
    margin-bottom: 20px;
    border: 1px #555555 solid;
    border-collapse: collapse;
}

#inquiry #inquiryform input[type="text"], #inquiry #inquiryform textarea {
    padding: 2px;
    border: 1px #555555 solid;
}

#inquiry #inquiryform table th{
    border: 1px #555555 solid;
    font-weight: normal;
    text-align: left;
    padding-left: 10px;
    width: 180px;
    background-color: #DDDDDD;
}

#inquiry #inquiryform table td{
    border: 1px #555555 solid;
    padding: 10px;
}

#inquiry div#submit{
    text-align: center;
}

#inquiry #submit input[type="submit"], #inquiry #submit input[type="reset"], #inquiry #submit input[type="button"] {
    width: 120px;
    height: 30px;
}

/* 資料請求 */
#request{
    margin: 0 auto 0 auto;
    width: 730px;
}

#request p{
    margin-bottom: 10px;
}

#request span.attention{
    font-weight: bold;
    color: #CC0000;
    letter-spacing: 2px;
}

#request div#attention{
    margin-bottom: 20px;
}

#request ul{
    margin-left: 20px;
}

#request #requestform table{
    width: 730px;
    margin-bottom: 20px;
    border: 1px #555555 solid;
    border-collapse: collapse;
}

#request #requestform input[type="text"], #request #requestform textarea {
    padding: 2px;
    border: 1px #555555 solid;
}

#request #requestform table th{
    border: 1px #555555 solid;
    font-weight: normal;
    text-align: left;
    padding-left: 10px;
    width: 180px;
    background-color: #DDDDDD;
}

#request #requestform table td{
    border: 1px #555555 solid;
    padding: 10px;
}

#request div#submit {
    margin-top: 10px;
    text-align: center;
}

#request #submit input[type="submit"], #request #submit input[type="reset"], #request #submit input[type="button"] {
    width: 120px;
    height: 30px;
}

#maincontents div.totop_i {
    width: 730px;
    height: 30px;
    line-height: 30px;
    text-align: right;
    margin-top: 10px;
}

#maincontents .totop_i a {
    background-image: url("/image/common/to_top.png");
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 16px;
    font-size: 12px;
}

div.totop {
    width: 868px;
    margin: 0 auto 0 auto;
    line-height: 30px;
    text-align: right;
    margin-top: 10px;
}

.totop a {
    background-image: url("/image/common/to_top.png");
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 16px;
    font-size: 12px;
    color: #009999;
    text-decoration: underline;
}

/* プライバシーポリシー */
#maincontents ol.policy {
    padding-top: 10px;
    padding-left: 20px;
}

#maincontents .policy li.item {
    padding-bottom: 10px;
}

#maincontents ol.management {
    padding-top: 10px;
    padding-left: 20px;
}

#maincontents ol.management li {
    padding-bottom: 10px;
}

#maincontents .management ul {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 20px;
}

#maincontents .management ul li {
    padding-bottom: 0;
}

#maincontents .management ol.mokuteki {
    margin-left: 20px;
}

#maincontents .management .mokuteki ul {
    margin-left: 0;
    padding-bottom: 0;
}

#maincontents div#privacycontact {
    margin-top: 10px;
    margin-bottom: 20px;
}
#maincontents div#complaincontact {
    margin-top: 10px;
}

#maincontents #privacycontact dt,#maincontents div#complaincontact dt {
    font-weight: bold;
    font-size: 14px;
}

#maincontents div#complaincontact dd.complainWbtm{
    margin-bottom: 7px;
}

#requestbox{
    width: 868px;
    margin: 20px auto 0 auto;
    background-color: #FFFFFF;
    border: 1px #555555 solid;
    padding-bottom: 10px;
    padding-top: 10px;
}

#requestbox table{
    padding: 10px 0 10px 0;
}

#requestbox td#guidance{
    padding-left: 45px;
    padding-right: 10px;
}

#requestbox td#web_message{
    padding-right: 25px;
}

#requestbox td#request_linkbutton{

}

#requestbox td#tel_info{
    padding-left: 18px;
    border-left: 1px #000000 dotted;
}