@charset "utf-8";
/* CSS Document */

/* INDEX UNIT CSS */
#unit_index_mainimg {
background-image: url(../img/index/index_02.png);
height: 425px;
width: 700px;
background-repeat: no-repeat;
}
#unit_index_globalmenu {
height: 88px;
width: 700px;
}
#unit_index_contents {
height: 210px;
width: 700px;
}
#unit_index_contents_left {
float: left;
height: 190px;
width: 162px;
margin-top: 12px;
}
#unit_index_contents_center {
float: left;
height: 190px;
width: 162px;
margin-left: 25px;
margin-top: 12px;
}
#unit_index_contents_light {
float: left;
height: 200px;
width: 312px;
margin-left: 39px;
}
#unit_index_contents_news_title {
background-image: url(../img/index/index_19.png);
height: 25px;
width: 162px;
}
#unit_index_contents_news_box {
height: 150px;
width: 162px;
}
#unit_index_contents_news_box p a{
font-size: 10px;
line-height: 15px;

}
#unit_index_contents_blog_title {
background-image: url(../img/index/index_21.png);
height: 25px;
width: 162px;
}
#unit_index_contents_blog_box {
height: 150px;
width: 162px;
}
#unit_index_contents_blog_box p a{
font-size: 10px;
line-height: 15px;
}
.unit_index_freebox {
height: 100px;
width: 312px;
}

/* COMPANY UNIT CSS */
#unit_company_title {
background-image: url(../img/company/company_31.png);
height: 37px;
width: 700px;
}
#unit_company_main_contets {
width: 650px;
margin-right: auto;
margin-left: auto;
}
.unit_compnay_contents_box {
width: 650px;
}
#unit_company_subteitle1 {
background-image: url(../img/company/company_33.png);
height: 63px;
width: 650px;
}
#unit_compnay_textbox1 {
height: 160px;
width: 650px;
}

#unit_company_subtitle2 {
background-image: url(../img/company/company_36.png);
height: 37px;
width: 650px;
}
#unit_company_contents_freebox {
width: 650px;
margin-bottom: 30px;
height: 230px;
}
.unit_compnay_contents_img {
float: left;
height: 226px;
width: 401px;
}
.unit_compnay_contents_textbox {
height: 230px;
width: 225px;
margin-left: 24px;
float: left;
}
#unit_company_subtitle3 {
background-image: url(../img/company/company_43.png);
height: 38px;
width: 650px;
background-repeat: no-repeat;
}
#unit_company_syozaichimainbox {
height: 530px;
width: 650px;
}
#unit_company_syozaichi_box {
height: 530px;
width: 401px;
float: left;
}
#unit_company_syozaichi_textbox {
height: 530px;
width: 225px;
margin-left: 24px;
float: left;
}
#unit_company_syozaichi_textbox p{
font-size: 12px;
line-height: 20px;

}
.unit_compnay_contents_img_shozaichi {
float: left;
height: 226px;
width: 401px;
margin-bottom: 20px;
}


/* MESSAGE UNIT CSS */
#unit_message_title {
background-image: url(../img/message/message_03.png);
height: 37px;
width: 700px;
}
#unit_message_subtitle {
background-image: url(../img/message/message_06.png);
height: 50px;
width: 700px;
margin-top: 10px;
margin-bottom: 10px;
}
#unit_message_onebox {
height: 330px;
width: 650px;
margin-right: auto;
margin-left: auto;
}
#unit_message_sign {
background-image: url(../img/message/message_10.png);
height: 63px;
width: 650px;
margin-right: auto;
margin-left: auto;
background-repeat: no-repeat;
margin-bottom: 20px;
}
#unit_message_title2 {
background-image: url(../img/message/message_12.png);
height: 37px;
width: 700px;
}
#unit_message_subtitle2 {
background-image: url(../img/message/message_14.png);
height: 50px;
width: 700px;
margin-top: 10px;
margin-bottom: 10px;
}
#unit_messege_twobox {
height: 250px;
width: 650px;
margin-right: auto;
margin-left: auto;
}

/* RECRUIT UNIT CSS */
#unit_recruit_title {
background-image: url(../img/recruit/recruit_03.png);
height: 37px;
width: 700px;
}
#unit_recruit_subtitle {
background-image: url(../img/recruit/recruit_06.png);
height: 50px;
width: 700px;
margin-top: 10px;
margin-bottom: 10px;
}
#unit_recruit_textbox {
height: 310px;
width: 650px;
margin-bottom: 20px;
margin-right: auto;
margin-left: auto;
}
#unit_recruit_subtitle2 {
background-image: url(../img/recruit/recruit_08.png);
height: 50px;
width: 700px;
margin-bottom: 10px;
}
#unit_recruit_textbox2 {
height: 300px;
width: 650px;
margin-right: auto;
margin-left: auto;
}


/* WEBCREATE UNIT CSS */
#unit_webcreate_title {
background-image: url(../img/webcreate/webcreate_12.png);
background-repeat: no-repeat;
height: 37px;
width: 700px;
}
#unit_webcreate_subtitle {
background-image: url(../img/webcreate/webcreate_15.png);
background-repeat: no-repeat;
height: 50px;
width: 700px;
margin-top: 10px;
margin-bottom: 10px;
}
#unit_webcreate_textbox {
height: 480px;
width: 650px;
margin-right: auto;
margin-left: auto;
}
#unit_webcreate_subtitle2 {
background-image: url(../img/webcreate/webcreate_19.png);
width: 650px;
height: 25px;
margin-right: auto;
margin-left: auto;
margin-bottom: 10px;
}
#unit_webcreate_worksbox {
height: 500px;
width: 650px;
margin-right: auto;
margin-left: auto;
}
#unit_webcreate_leftbox {
height: 500px;
width: 400px;
float: left;
}
.unit_webcreate_img {
height: 225px;
width: 400px;
margin-bottom: 10px;
}
#unit_webcreate_lightbox {
height: 500px;
width: 225px;
margin-left: 25px;
float: left;
}

#unit_webcreate_small p{
font-size: 9px;

}

/* DTP/LOGO UNIT CSS */
#unit_dtplogo_title {
background-image: url(../img/dtplogo/dtplogo_03.png);
height: 37px;
width: 700px;
}
#unit_dtplogo_subtitle {
background-image: url(../img/dtplogo/dtplogo_06.png);
height: 50px;
width: 700px;
margin-top: 10px;
margin-bottom: 10px;
}
#unit_dtplogo_messagebox {
height: 150px;
width: 650px;
margin-right: auto;
margin-left: auto;
}
#unit_dtplogo_sampleimg {
background-image: url(../img/dtplogo/dtplogo_11.png);
height: 138px;
width: 650px;
margin-right: auto;
margin-bottom: 30px;
margin-left: auto;
}
#unit_dtplogo_subtitle2 {
background-image: url(../img/dtplogo/dtplogo_13.png);
height: 38px;
width: 650px;
margin-right: auto;
margin-bottom: 10px;
margin-left: auto;
}
#unit_dtplogo_leftbox {
height: 300px;
width: 400px;
float: left;
}
#unit_dtplogo_lightbox {
height: 300px;
width: 225px;
margin-left: 25px;
float: left;
}
#unit_dtplogo_worksbox {
height: 350px;
width: 650px;
margin-right: auto;
margin-left: auto;
}

/* SYSTEM UNIT CSS */
#unit_system_title {
background-image: url(../img/system/system_03.png);
height: 37px;
width: 700px;
}
#unit_system_subtitle {
background-image: url(../img/system/system_06.png);
height: 50px;
width: 700px;
margin-top: 10px;
margin-bottom: 10px;
}

#unit_system_textbox {
height: 120px;
width: 650px;
margin-right: auto;
margin-left: auto;
}
#unit_system_subtitle2 {
background-image: url(../img/system/system_11.png);
height: 25px;
width: 650px;
margin-top: 10px;
margin-right: auto;
margin-bottom: 10px;
margin-left: auto;
}
.unit_system_leftbox {
height: 250px;
width: 400px;
float: left;
}
.unit_system_lightbox {
height: 250px;
width: 225px;
margin-left: 25px;
float: left;
}
.unit_system_worksbox {
height: 250px;
width: 650px;
margin-right: auto;
margin-left: auto;
}
#unit_system_subtitle3 {
background-image: url(../img/system/system_18.png);
height: 25px;
width: 650px;
margin-right: auto;
margin-left: auto;
}


/* WEBWORKS UNIT CSS */
#unit_webworks_title {
background-image: url(../img/hpworks/hpworks_12.png);
height: 37px;
width: 700px;
margin-bottom: 30px;
}
.unit_webworks_bar {
background-image: url(../img/hpworks/hpworks_15.png);
background-repeat: no-repeat;
height: 13px;
width: 700px;
}
.unit_webworks_c_title {
height: 50px;
width: 650px;
margin-top: 10px;
margin-bottom: 10px;
margin-right: auto;
margin-left: auto;
}
.unit_webworks_c_title p{
font-size: 18px;
line-height: 22px;
}
.unit_webworks_contents {
height: 400px;
width: 650px;
margin-right: auto;
margin-left: auto;
}
.unit_webworks_left {
float: left;
height: 400px;
width: 400px;
}
.unit_webworks_light {
float: left;
height: 400px;
width: 225px;
margin-left: 25px;
}
.unit_webworks_d_title {
height: 25px;
width: 225px;
margin-bottom: 10px;
}
.unit_webworks_d_contents {
height: 25px;
width: 225px;
margin-bottom: 10px;
}
.unit_webworks_create {
background-image: url(../img/systemworks/systemworks_07.png);
float: left;
height: 25px;
width: 88px;
}
.unit_webworks_day {
background-image: url(../img/hpworks/hpworks_28.png);
float: left;
height: 25px;
width: 88px;
}
.unit_webworks_design {
background-image: url(../img/hpworks/hpworks_30.png);
float: left;
height: 25px;
width: 88px;
}
.unit_webworks_photo {
background-image: url(../img/hpworks/hpworks_51.png);
float: left;
height: 25px;
width: 88px;
}
.unit_webworks_txtbox {
float: left;
height: 25px;
width: 130px;
margin-left: 7px;
}
.unit_webworks_alpha_txtbox {
height: 190px;
width: 225px;
}

/* DLWORKS UNIT CSS */

.unit_dlworks_contents {
height: 280px;
width: 650px;
margin-right: auto;
margin-left: auto;
}
.unit_dlworks_left {
float: left;
height: 260px;
width: 400px;
}
.unit_dlworks_light {
float: left;
height: 260px;
width: 225px;
margin-left: 25px;
}

.unit_dlworks_alpha_txtbox {
height: 150px;
width: 225px;
}
#unit_dlworks_title {
background-image: url(../img/dtplogoworks/dl_03.png);
height: 37px;
width: 700px;
margin-bottom: 30px;
}
#unit_systemworks_title {
background-image: url(../img/systemworks/systemworks_03.png);
height: 37px;
width: 700px;
margin-bottom: 30px;
}


/* FOOTER UNIT CSS */
#unit_footer_contents_box {
height: 220px;
width: 700px;
margin-right: auto;
margin-left: auto;
}
#unit_footer_contents_1 {
background-image: url(../img/index/index_32.png);
float: left;
height: 110px;
width: 165px;
padding-top: 110px;
padding-left: 10px;
}
#unit_footer_contents_2 {
float: left;
height: 110px;
width: 165px;
padding-top: 110px;
background-image: url(../img/index/index_33.png);
padding-left: 10px;
}

#unit_footer_contents_3 {
float: left;
height: 110px;
width: 165px;
padding-top: 110px;
background-image: url(../img/index/index_34.png);
padding-left: 10px;
}

#unit_footer_contents_4 {
float: left;
height: 110px;
width: 165px;
padding-top: 110px;
background-image: url(../img/index/index_35.png);
padding-left: 10px;
}
#unit_footer_contents_1 p{
font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
font-size: 10px;
color: #FFFFFF;
line-height: 20px;
text-decoration: none;
}
#unit_footer_contents_2 p{
font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
font-size: 10px;
color: #FFFFFF;
line-height: 20px;
text-decoration: none;
}
#unit_footer_contents_3 p{
font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
font-size: 10px;
color: #FFFFFF;
line-height: 20px;
text-decoration: none;
}
#unit_footer_contents_4 p{
font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
font-size: 10px;
color: #FFFFFF;
line-height: 20px;
text-decoration: none;
}
#unit_footer_contents_1 p a{
font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
font-size: 10px;
color: #FFFFFF;
line-height: 20px;
text-decoration: none;
}
#unit_footer_contents_2 p a{
font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
font-size: 10px;
color: #FFFFFF;
line-height: 20px;
text-decoration: none;
}
#unit_footer_contents_3 p a{
font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
font-size: 10px;
color: #FFFFFF;
line-height: 20px;
text-decoration: none;
}
#unit_footer_contents_4 p a{
font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
font-size: 10px;
color: #FFFFFF;
line-height: 20px;
text-decoration: none;
}
#unit_footer_adress {
background-color: #5C5D5D;
height: 25px;
width: 700px;
margin-right: auto;
margin-left: auto;
text-align: center;
}
#unit_footer_adress p{
font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
font-size: 9px;
color: #FFFFFF;
}

/* 同一レイアウト UNIT CSS */
#unit_rayout_mainimg {
background-image: url(../img/company/company_02.png);
height: 125px;
width: 700px;
}
#unit_rayout_globalmenu {
height: 88px;
width: 700px;
}
#unit_rayout_submenu_bar {
background-image: url(../img/company/company_19.png);
height: 1px;
width: 700px;
margin-top: 7px;
margin-bottom: 15px;
}

#unit_rayout_submenu_box {
height: 26px;
width: 700px;
margin-bottom: 15px;
}
.unit_rayout_submenu_menu_top {
height: 26px;
width: 100px;
float: left;
}
.unit_rayout_submenu_menu_in {
height: 26px;
width: 100px;
margin-left: 10px;
float: left;
}

/* NONE UNIT CSS */
.unit_db_contents {
display:none;
}

/* SINDEX UNIT CSS */
#unit_siindex_open {
background-image: url(../img/sindex/sindex_03.png);
background-repeat: no-repeat;
height: 50px;
width: 700px;
}
#unit_sindex_mainimg {
background-image: url(../img/sindex/sa_03.png);
height: 250px;
width: 700px;
margin-right: auto;
margin-left: auto;
margin-top: 250px;
}

/* CONTACT UNIT CSS */
#unit_contact_title {
background-image: url(../img/contact/contact_15.png);
height: 37px;
width: 700px;
margin-bottom: 30px;
}
#unit_contact_rayout_box {
width: 650px;
margin-right: auto;
margin-left: auto;
margin-bottom: 30px;
}
#unit_contact_rayout_box2 {
width: 650px;
margin-right: auto;
margin-left: auto;
margin-bottom: 30px;
height: 400px;
}
#unit_shiryou_title {
background-image: url(../img/contact/contact_18.png);
height: 37px;
width: 700px;
margin-bottom: 30px;
}
#unit_news_title {
background-image: url(../img/contact/contact_20.png);
height: 37px;
width: 700px;
margin-bottom: 30px;
}
.unit_news_bar {
background-image: url(../img/hpworks/hpworks_15.png);
height: 13px;
width: 700px;
margin-bottom: 10px;
}
.unit_news_titlezx {
height: 25px;
width: 700px;
margin-bottom: 5px;
}
.unit_news_titlezx p{
font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
font-size: 16px;
}
.unit_news_textbox {
width: 650px;
margin-right: auto;
margin-bottom: 30px;
margin-left: auto;
}
#unit_sitemap_title {
background-image: url(../img/contact/contact_22.png);
height: 37px;
width: 700px;
margin-bottom: 30px;
}
#unit_sitemap_left {
float: left;
height: 400px;
width: 324px;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #999999;
}
#unit_sitemap_light {
float: left;
height: 400px;
width: 315px;
margin-left: 10px;
}