@charset "Shift_JIS";
/* formatting styles
----------------------------------------------*/

/* main menu styles
----------------------------------------------*/
#main_menubox {
    
}
#main_menubox ul {
    list-style: none;
    width: 805px;
}
#main_menubox li {
    display: block;
    font-size: 1px;
    line-height: 1px;
    float: left;
}
#main_menubox li a {
    display: block;
    height: 42px;
    width: 133px;
}
#main_menubox li#mainmenu_01 a {
    background-image: url(../top_img/btn_concept_over.gif);
    background-repeat: no-repeat;
    background-position: 0px 30px;
    width: 134px;
}
#main_menubox li#mainmenu_01 a:hover {
    background-position: 0px 0px;
}
#main_menubox li#mainmenu_02 a {
    background-image: url(../top_img/btn_cms_over.gif);
    background-repeat: no-repeat;
    background-position: 0px 30px;
}
#main_menubox li#mainmenu_02 a:hover {
    background-position: 0px 0px;
}
#main_menubox li#mainmenu_03 a {
    background-image: url(../top_img/btn_business_over.gif);
    background-repeat: no-repeat;
    background-position: 0px 30px;
}
#main_menubox li#mainmenu_03 a:hover {
    background-position: 0px 0px;
}
#main_menubox li#mainmenu_04 a {
    background-image: url(../top_img/btn_bid_over.gif);
    background-repeat: no-repeat;
    background-position: 0px 30px;
}
#main_menubox li#mainmenu_04 a:hover {
    background-position: 0px 0px;
}
#main_menubox li#mainmenu_05 a {
    background-image: url(../top_img/btn_reputation_over.gif);
    background-repeat: no-repeat;
    background-position: 0px 30px;
}
#main_menubox li#mainmenu_05 a:hover {
    background-position: 0px 0px;
}
#main_menubox li#mainmenu_06 a {
    background-image: url(../top_img/btn_qa_over.gif);
    background-repeat: no-repeat;
    background-position: 0px 30px;
    width: 134px;
}
#main_menubox li#mainmenu_06 a:hover {
    background-position: 0px 0px;
}
#main_menubox li a:hover img {
    display: none;
}

/* cms styles
----------------------------------------------*/
#cmsbox {
    background-image: url(../top_img/cms_back.gif);
    background-repeat: repeat-y;
    background-position: right top;
    width: 587px;
    background-color: #355B80;
    margin-top: 15px;
}
#cms_left {
    float: left;
    width: 360px;
    border-top: 17px solid #FFFFFF;
    border-right-color: #FFFFFF;
    border-bottom-color: #FFFFFF;
    border-left-color: #FFFFFF;
}
#cms_left h3 {
    font-size: 1px;
    line-height: 1px;
    padding-top: 16px;
    padding-left: 26px;
    width: 244px;
    display: block;
    float: left;
}
#cms_detailsbtn {
    float: left;
    width: 90px;
    margin-top: 22px;
    font-size: 1px;
    line-height: 1px;
}
#cms_detailsbtn a {
    display: block;
    height: 17px;
    width: 90px;
    background-image: url(../top_img/btn_cmsdetails_over.gif);
    background-repeat: no-repeat;
    background-position: 0px 30px;
}
#cms_detailsbtn a:hover {
    background-position: 0px 0px;
}
#cms_detailsbtn a:hover img {
    display: none;
}
#cms_text {
    width: 320px;
    padding-left: 28px;
    padding-top: 13px;
    font-size: 110%;
    line-height: 140%;
    color: #D8D8D8;
}
#cms_right {
    float: left;
    width: 224px;
}

/* flow chart styles
----------------------------------------------*/
#flowchartbox {
    background-image: url(../top_img/flowchart_back.gif);
    background-repeat: no-repeat;
    background-position: 10px 0px;
    padding-left: 10px;
    margin-top: 8px;
    height: 247px;
}
#flowchartbox h3 {
    font-size: 1px;
    line-height: 1px;
    margin: 0px;
    padding: 0px 0px 4px;
}
#flowchart01 {
    font-size: 1px;
    line-height: 1px;
    padding-bottom: 11px;
}
#flowchart02 ul {
    list-style: none;
    margin-left: 16px;
    width: 540px;
}
#flowchart02 li {
    float: left;
    font-size: 1px;
    line-height: 1px;
}
#flowchart02 .yajirushi01 {
    width: 19px;
    padding-left: 2px;
    padding-top: 14px;
}
#yajirushi02 {
    width: 27px;
    padding-left: 11px;
    padding-top: 14px;
}
#yajirushi03 {
    width: 18px;
    padding-left: 1px;
    padding-top: 14px;
}
#yajirushi04 {
    width: 23px;
    padding-left: 8px;
    padding-top: 14px;
}
#yajirushi05 {
    width: 19px;
    padding-left: 2px;
    padding-top: 14px;
}
#flowchart_yajirushibox {
    font-size: 1px;
    line-height: 1px;
    width: 550px;
    padding-top: 9px;
    height: 19px;
}
#flowchart_text {
    padding-top: 8px;
    padding-left: 30px;
    width: 470px;
    color: #505050;
    line-height: 150%;
}

/* left banner styles
----------------------------------------------*/
#leftbannerbox {
    float: left;
    width: 178px;
    padding-top: 15px;
}

/* back styles*/
.leftback {
    background-color:#F3ECE4;
    width: 160px;
}

.leftback p{
    padding: 5px;
}

/* seminar styles
----------------------------------------------*/
#seminarbox {
    padding-bottom: 15px;
    width: 160px;
}
#seminar {
    border-right: 1px solid #B3B3B3;
    border-bottom: 1px solid #B3B3B3;
    border-left: 1px solid #B3B3B3;
    background-image: url(../top_img/seminar_back.gif);
    background-repeat: no-repeat;
    background-position: 1px 52px;
}
#seminar h3 {
    padding: 0px 0px 6px;
}
#seminar_formlist {
    height: 59px;
}
#seminar_formlist p {
    padding: 6px 0px 0px 7px;
}
#seminar_formlist p img {
    margin-right: 0px;
}
#seminar_formlist input {
    width: 92px;
}
#seminar_soushin {
    margin-left: 54px;
}
#seminar_shousai {
    padding-right: 10px;
    line-height: 130%;
    padding-top: 7px;
    height: 26px;
}

/* reputation styles
----------------------------------------------*/
#reputation {
    padding-bottom: 20px;
}
#reputation a {
    display: block;
    height: 138px;
    width: 160px;
    font-size: 1px;
    line-height: 1;
    background-image: url(../top_img/banner_reputation_over.jpg);
    background-repeat: no-repeat;
    background-position: 0px 140px;
}
#reputation a:hover {
    background-position: 0px 0px;
}
#reputation a:hover img {
    display: none;
}
#area {
    width: 138px;
    border: 1px solid #C8C8C8;
    padding: 10px;
    font-size: 93%;
    line-height: 140%;
    color: #787878;
}
#area h3 {
    font-size: 1px;
    line-height: 1px;
    padding: 0px 0px 7px;
}
/* news update styles
----------------------------------------------*/
#newsupdatebox {
    float: left;
    width: 392px;
}
#newsupdatebox h3 {
    padding-top: 32px;
    padding-bottom: 12px;
}
#newsupdatebox ul {
    width: 360px;
    list-style: none;
    padding-right: 16px;
    padding-left: 16px;
}
#newsupdatebox li {
    padding-bottom: 13px;
    display: block;
    line-height: 140%;
    color: #000000;
}
#newsupdatebox li a {
    color: #000000;
}
#newsupdatebox li a:visited {
    color: #323232;
}
#newsupdatebox li a:hover {
    color: #787878;
    text-decoration: none;
}
#newsupdatebox .newsupdate_date {
    background-image: url(../top_img/newsupdate_list.gif);
    background-repeat: no-repeat;
    background-position: 0px 4px;
    padding-left: 11px;
    float: left;
    color: #235377;
    width: 65px;
    line-height: 18px;
}
#newsupdatebox .newsupdate_naiyou {
    float: left;
    width: 284px;
    line-height: 17px;
}

#newsupdatebox .michishirube {
    padding-top: 32px;
    font-family: Verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
    font-size:16px;
    color:#333333;
}

#newsupdatebox .michishirube ul{
    width: 360px;
    padding-right: 16px;
    padding-left: 16px;
    list-style:none;
}

#newsupdatebox .michishirube li{
    text-decoration: underline;
    background: url(http://www.cms-izumi.com/image/list_small.png) no-repeat;
    padding-left:30px;
    margin:10px 0; 
}

#newsupdatebox .michishirube p{
    padding-left:16px;
}

/* right_menu styles
----------------------------------------------*/
#right_menu {
    padding-top: 32px;
}

/* operator styles
----------------------------------------------*/
.operator {
    padding-bottom: 10px;
}

.ope_profile {
    float: left;
    width: 90px;
    padding-top: 15px;
}
.ope_yakushoku {
    font-size: 93%;
    color: #323232;
    line-height: 130%;
}
.ope_name {
    font-size: 120%;
    color: #000000;
    line-height: 130%;
    padding-bottom: 5px;
}
.ope_shikaku {
    color: #505050;
    line-height: 130%;
}
.ope_photo {
    width: 102px;
    padding-left: 8px;
    float: left;
}

/* company styles
----------------------------------------------*/
.companybox {
    background-color: #F3ECE4;
    padding-top: 7px;
    padding-bottom: 7px;
    margin-bottom: 10px;
    position: relative;
}

#company_illust {
    top: 51px;
}
#company li#companymenu_01 a {
    background-image: url(../img/rig_btn_company_over2.gif);
    background-repeat: no-repeat;
    background-position: 0px 30px;
}
#company li#companymenu_02 a {
    background-image: url(../img/rig_btn_new_over.gif);
    background-repeat: no-repeat;
    background-position: 0px 30px;
}

/* contact styles
----------------------------------------------*/
#contact {
    padding-bottom: 20px;
}

/* my home
----------------------------------------------*/
.enclose01 {
    margin-top: 10px;
    border: 1px solid #CCCCCC;
    padding: 0px;
}

/* GOOGLE +1
----------------------------------------------*/
.plus1{
    background-color: #F3ECE4;
    padding-top: 7px;
    padding-bottom: 7px;
    margin-bottom: 10px;
    position: relative;
}

.plus1 p{
   margin: 3px;
}
.plus1 span{
    margin: 3px;
    font-size: 83%;
    color: #804F1B;
    padding-bottom: 6px;
    line-height: 130%;
}