/* ======================================== サイト全体に適用*/
* { /* 全ての要素の間隔・余白を０へ */
margin:0;
padding:0;
/** font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; **/
font-family: "メイリオ", "Meiryo";
font-size: 13px;
}



body {
    margin: 0;
    color: #555555;
    text-align: center;
    background-color: #FFFFFF;
    line-height: 1.5;
}

a {
    text-decoration: none;
}

a:img {
    border: none;
    border-style:none;
}

a:link {
    color: #2C70D3;
    text-decoration: none;
}

a:visited {
    color: #2C70D3;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

p, /* 文章の行間を指定 */
#main ul,
#main ol,
#menuL ul,
#menuL ol,
dl
{
    line-height: 160%;
}



/* ========================================  #page ページ外枠 */
#page {
    width: 900px;
    padding: 0px 20px;
    margin: 0px auto;
    text-align: left;
    background-color: #FFFFFF;
}


/* ========================================  #header 画面上部 */
#header {
    padding: 10px 0 0;
    margin: 0;
}


#header #header_title {/* ヘッダー左上のタイトルスペース */
    display: inline;
    float: left;
    color: #666666;
    margin: 0px 0px 1px;
    padding: 0px;
    height: 50px;
    width: 350px;
}


#header_cmnt { /* ヘッダー上の文字スペース */
    position: absolute;
    float:left;
    text-align: left;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 130px;
    width: 280px;
    line-height: 1;
}


#header_right { /* ヘッダー右上の文字スペース */
    text-align: right;
    margin-right: 0px;
    margin-bottom: 0px;
    line-height: 1;
}


#header_toiawase { /* ヘッダー右上の問い合わせポジション */
    text-align: right;
    padding: 3px 0px 0px 0px;
}

#header_toiawase a { /* 問い合わせボタン */
    display: block;
    float: right;
    height: 34px;
    width: 134px;
    background-image: url(img/btn_toiawase.png);
}

#header_toiawase a:hover, #header_toiawase a.hover{
    background-image: url(img/btn_toiawase_t.png);
}


#header #headerimg #msg { /* ヘッダー内メッセージ */
    color:#999999;
    margin:60px auto auto;
    text-align:center;
    font-size: 24px;
    font-weight: bold;
}



#header img {
    border: none;
}



/* ========================================  #menu 上部メニュー */
#menu {
    border-right: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
}



ul.menu_f01{ /* 上部メニュー */
    background-color: #F0F0F0;
    height: 41px;
    border-bottom: 1px solid #F0F0F0;
    margin: 0px;
    border-top: 1px solid #F0F0F0;
}


ul.menu_f01 li{
    float: left;
    border-right: 0px solid #F0F0F0;
    display: block;
}


ul.menu_f01 li a{
    height: 40px;
    width: 158px;
    padding: 1px 0px 0px;
    font-size: 14px;
    font-weight: bold;
    color: #666666;
    text-decoration: none;
    display: block;
    text-align: center;
}


ul.menu_f01 li a.nowthis{
    background-color: #F0F0F0;
}


ul.menu_f01 li a:hover , ul.menu_f01 li a.nowthis{
    background-color: #E8E8E8;
}

/* ======================================== #navi01 */
li #navi01{
    height: 50px;
    width: 220px;
    padding: 0px 0px 0px;
    text-decoration: none;
    display: block;
}


#navi01{
    background-image: url(img/home.png);
    background-color: #FFFFFF;
}


#navi01:hover, #navi01.hover{
    background-image: url(img/home_t2.png);
    background-color: #E8E8E8;
}

/* ======================================== #navi02 */
li #navi02{
    height: 50px;
    width: 220px;
    padding: 0px 0px 0px;
    text-decoration: none;
    display: block;
}


#navi02{
    background-image: url(img/company.png);
    background-color: #FFFFFF;
}


#navi02:hover, #navi02.hover{
    background-image: url(img/company_t2.png);
    background-color: #E8E8E8;
}


/* ======================================== #navi03 */
li #navi03{
    height: 50px;
    width: 220px;
    padding: 0px 0px 0px;
    text-decoration: none;
    display: block;
}


#navi03{
    background-image: url(img/business.png);
    background-color: #FFFFFF;
}


#navi03:hover, #navi03.hover{
    background-image: url(img/business_t2.png);
    background-color: #E8E8E8;
}


/* ======================================== #navi04 */
li #navi04{
    height: 50px;
    width: 220px;
    padding: 0px 0px 0px;
    text-decoration: none;
    display: block;
}


#navi04{
    background-image: url(img/recruit.png);
    background-color: #FFFFFF;
}


#navi04:hover, #navi04.hover{
    background-image: url(img/recruit_t2.png);
    background-color: #E8E8E8;
}


/* ======================================== #navi05 */
li #navi05{
    height: 50px;
    width: 220px;
    padding: 0px 0px 0px;
    text-decoration: none;
    display: block;
}


#navi05{
    background-image: url(img/partner.png);
    background-color: #FFFFFF;
}


#navi05:hover, #navi05.hover{
    background-image: url(img/partner_t2.png);
    background-color: #E8E8E8;
}


/* ======================================== #subinfo_recruit */
li #subinfo_recruit{
    height: 50px;
    width: 220px;
    padding: 0px 0px 0px;
    text-decoration: none;
    display: block;
}


#subinfo_recruit{
    background-image: url(img/recruit_site_t.png);
    background-color: #FFFFFF;
}


#subinfo_recruit:hover, #subinfo_recruit.hover{
    background-image: url(img/recruit_site_t2.png);
    background-color: #E8E8E8;
}


/* ======================================== #subinfo_kunren */
li #subinfo_kunren{
    height: 50px;
    width: 220px;
    padding: 0px 0px 0px;
    text-decoration: none;
    display: block;
}


#subinfo_kunren{
    background-image: url(img/kunren_site_t.png);
    background-color: #FFFFFF;
}


#subinfo_kunren:hover, #subinfo_kunren.hover{
    background-image: url(img/kunren_site_t2.png);
    background-color: #E8E8E8;
}


/* ======================================== #subinfo_seminar */
li #subinfo_seminar{
    height: 90px;
    width: 220px;
    padding: 0px 0px 0px;
    text-decoration: none;
    display: block;
}


#subinfo_seminar{
    background-image: url(img/seminar_t3.png);
}


#subinfo_seminar:hover, #subinfo_seminar.hover{
    background-image: url(img/seminar_t3.png);
}


/* ======================================== #subinfo_seminar2 */
li #subinfo_seminar2{
    height: 90px;
    width: 220px;
    padding: 0px 0px 0px;
    text-decoration: none;
    display: block;
}


#subinfo_seminar2{
    background-image: url(img/candybucket_t.png);
}


#subinfo_seminar2:hover, #subinfo_seminar2.hover{
    background-image: url(img/candybucket_t.png);
}

/* ======================================== #contents 画面中央部 #mainとサイドメニューの外枠 */
#contents{
    padding: 15px 0px 0px;
    margin: 0px;
    background-color: #FFFFFF;
    background-position: top;
    background-repeat: repeat-x;
}



/* ========================================  #main ページの本文 */
#main {
    float: right;
    width: 670px;
    padding: 0;
    margin: 0;
    background-color: #FFF;
}



.contentswrap { /* #main中の間隔調整 */
    margin:20px 0px 20px;
    padding:0;
}

.contentswrap2 { /* #main中の間隔調整(セミナー用) */
    margin:20px 0px 20px;
    padding:0;
    font-size:16px;
}

.contentswrap2 b {
    margin:20px 0px 20px;
    padding:0;
    font-size:16px;
    font-weight: bold;
}

.contentswrap2 a {
    margin:20px 0px 20px;
    padding:0;
    font-size:16px;
}

#main #imgtitle {
    clear: both;
    height: 280px;
    margin: 2px 0 0;
    border-bottom: 1px solid #EEEEEE;
    background-image: url(img/main.png);
    background-position: center center;
    background-repeat: no-repeat;
}


#breadNavi {
    height: 50px;
    padding: 15px 0 0 2px;
    margin: 5px 0 20px;
}


#main h1 { /* 本文の見出し */
    background-image:url(img/h1bar001.png);
    background-repeat:no-repeat;
    clear:left;
    color:#FFF;
    font-size:18px;
    height:50px;
    margin:0;
    padding:16px 0 0 20px;
}



#main h2 { /* 本文の見出し2 */
    background-image:url(img/h2.png);
    background-position:left top;
    background-repeat:no-repeat;
    clear:left;
    color:#666666;
    font-size:16px;
    margin:0;
    padding:12px 0 0px 25px;
    height: 35px;
    line-height: 1;
}



#main h3 { /* 本文の見出し3 */
    margin-left:10%;
    background-color: #F6F6F6;
    border-left: 5px solid #00CED1;
    padding: 3px 0px 3px 5px;
    font-size: 14px;
    border-bottom: 1px solid #CCCCCC;
}


#main #h3main { /* 本文の見出し3以降の内容 */
    margin-left:10%;
}


#main p { /* 本文の段落 */
    margin:0 2px 1.5em 5px;
}


/*  margin:1em 20px 2em 40px;*/
#main ul , #main ol{ /* リスト表示 */
    margin:5px 0px 5px 10px;
    padding-left:25px;
}



#main dl { /* 定義リスト表示 */
    margin:0 0 1em 10px;
    padding:0 0 10px;
}



#main dt {
    float: left;
    clear: left;
    margin: 0 20px 0px 0;
}



#main dd {
    padding: 0 0 0 10px;
    margin: 0;
}



#main dd.link {
    margin: 0 0 0 110px;
    border-left: 1px solid #CCCCCC;
}



#main #subnavi {
    clear: both;
    padding: 0;
    margin: 10px 0 10px;
    border-top: 1px dashed #999;
    text-align: right;
}



#main .img { /* 図・写真用クラス：写真のような枠をつける */
    background-color:#CCC;
    border:1px solid #999;
    margin:0 0 20px 20px;
    padding:5px;
}


.toInfo {
    clear: left;
    margin: 0px !important;
    text-align: right;
    list-style-type: none;
}


.toInfo a {
    padding: 0px 0px 0px 20px;
    background-image: url(img/iconYa04.png);
    background-repeat: no-repeat;
}



/* ========================================  menuL 左サイドメニュー */
#menuL {
    float: left;
    clear: left;
    width: 220px;
    padding: 0;
    margin: 2px 0;
    color: #666666;
}

#menuL li {
    display: block;
    height: 50px;
}

.menuInfo { /* サイドボックス内のメッセージボックス */
    background-image:url(img/cor230.gif);
    background-repeat:no-repeat;
    color:#333;
    margin:10px 0 0;
    padding:1px 0;
}



.menuInfo p {
    padding: 0 0 0 10px;
    margin: 1em 10px 1em 5px;
}


.subinfo {　/* サイドボックのメニュー */
    margin:0 0 10px;
    background-image: url(img/submenuback001.png);
    display: block;
}

#subinfo_p {　/* Pマーク用 */
    display: block;
    padding: 40px 10px 0 0;
    margin:20 0 0px;
    float: left;
    text-align: center;
}

#subinfo_p a { /* Pマーク用 */
    display: block;
    height: 100px;
    width: 100px;
    background-image: url(img/10823228_100_JP.gif);
}

#subinfo_i {　/* ISMSマーク用 */
    display: block;
    padding: 40px 10px 0 0;
    margin:10 0 0px;
    float: right;
    text-align: center;
}

#subinfo_i a { /* ISMSマーク用 */
    display: block;
    height: 125px;
    width: 100px;
    background-image: url(img/ISO_IEC27001.jpg);
}

#subinfo_sa {　/* security_actionマーク用 */
    display: block;
    padding: 10px 0px 0 0;
    margin:0 0 0 13px;
    float: left;
    text-align: center;
}

#subinfo_sa a { /* security_actionマーク用 */
    display: block;
    height: 179px;
    width: 170px;
    background-image: url(img/security_action.png);
}

.subinfo .label { /* サイドボックのメニュー:ラベル */
    padding:3px 0px 0px 10px;
    color: #FFFFFF;
    font-weight: bold;
    background-image: url(img/sidemnu_labcak001.png);
    background-repeat: no-repeat;
    background-position: left top;
    margin: 0px;
    height: 28px;
}


.subinfo ul{ /* サイドボックのメニュー:リスト */
    margin: 0px;
}

#menuL .subinfo li {
    height: 30px;
}

.subinfo li {
    height: 29px;
    line-height: 29px;
    padding: 0px 0px 0px 10px;
    margin: 1px 0px 0px;
    font-size: 86%;
    color: #666666;
    list-style-type: none;
}


.subinfo li a{
    height: 29px;
    line-height: 29px;
    padding: 0px 0px 0px 10px;
    border-bottom: 1px solid #DDDDDD;
    border-left: 7px solid #CCCCCC;
    text-decoration: none;
    display: block;
}


.subinfo li a:hover{
    height: 29px;
    line-height: 29px;
    padding: 0px 0px 0px 10px;
    border-left: 7px solid #0086b7;
    text-decoration: underline;
    background-color: #e3e3e3;
}

#subinfo_hover{
    height: 29px;
    line-height: 29px;
    padding: 0px 0px 0px 10px;
    border-left: 7px solid #0086b7;
    text-decoration: none;
    background-color: #e3e3e3;
}


.banner { /* サブメニュー内のバナー画像スペース */
    margin: 0px 0px 5px;
    width: 220px;
}

/* ========================================  #underNavi 画面下部サブナビゲーション */
#underNavi{
    clear: both;
    padding: 10px;
    border-top: 1px solid #CCCCCC;
}


/* ========================================  #footer 画面下部 */
#footerArea {
    clear: both;
    margin: 0px;
    border-top: 3px solid #009ad2;
    border-bottom: 1px solid #999999;
    text-align: center;
    background-color: #FFF;
    background-image: url(img/backS001.png);
}



#footerArea p {
    padding-top: 10px;
    padding-bottom: 10px;
}



/* ========================================  #templatelink 画面下部:著作リンク */
#templatelink {
    padding: 5px 0px;
    margin: 0px;
    font-size: 12px;
    text-align: right;
}



#templatelink a{
    color: #666666;
    text-decoration: none;
}



/* ========================================  そのほか個別設定 */
#newsbox {
    height: 250px;
    margin: 0px 0px 10px;
    overflow: auto;
    border: 0;
    background-position: left top;
    background-repeat: repeat-x;
}


.table, /* 表の整形・配色 */
.table2 {
    width: 600px;
}


table {
    margin: 0 0 2em 2px;
}



.table td {
    padding: 10px;
    border: 1px solid #CCC;
    background-color: #FFF;
}



.table td.tb {
    width: 100px;
    background-color: #F8F5EF;
}



.table2 td {
    padding: 10px;
}



.table2 td.tb {
    width: 100px;
    text-align: right;
    background-color: #EBEBEB;
}

.table3 {
    width: 670px;
    color: #222222;
}


table3 {
    margin: 0 0 2em 2px;
}



.table3 td {
    padding: 10px;
    border: 1px solid #CCC;
    background-color: #FFF;
}



.table3 td.tb {
    width: 100px;
    background-color: #F8F5EF;
}

table4 {
    margin: 0 0 0 0;
}

.table4 {
    width: 600px;
    color: #222222;
}

.table4 td.tb {
    width: 50px;
    text-align: center;
    color: #FF0000;
    background-color: #EBEBEB;
}

.table4 td {
    width: 80px;
    height: 40px;
    padding: 2px ;
    text-align: center;
    border: 1px solid #CCC;
    background-color: #FFF;
}

.padding0 {
    padding: 0px!important;
}

.itemList { /* .itemList #main内の段組用外枠 */
    clear:left;
    margin:0 0 1em;
}



.box { /* .itemList #main内の段組用内枠 */

    margin:0 0px 5px 0;
    width:310px;
}



.box h2 {
    margin: 0 0 10px;
}

.box ul {
    float: left;
    margin: 0 0 10px !important;
    list-style-position: outside;
}

.box_l { /* .itemList #main内の段組用内枠（左側） */

    margin:0 0px 5px 10px;
    float: left;
    width:220px;
}

.box_l h2 {
    margin: 0 0 10px;
}

.box_l ul {
    float: left;
    margin: 0 0 10px !important;
    list-style-position: outside;
}


.box_r { /* .itemList #main内の段組用内枠（右側） */

    margin:5px 0px 5px 0;
    float: right;
    width:440px;
}

.box_r h2 {
    margin: 0 0 10px;
}


.box_r ul {
    float: left;
    margin: 0 0 10px !important;
    list-style-position: outside;
}

.box334_l {
    float: left;
    margin:0 0px 5px 0;
    width:334px;
}
.box334_r {
    float: right;
    margin:0 0px 5px 0;
    width:334px;
}

.eyeCaImg { /* .itemList #main内の段組用：アイキャッチ画像 */
    float:left;
    margin:0 0 10px 2px;
}



strong {
    font-weight: bold;
    color: #CC6666;
}


hr { /* 水平線 flotクリア用 */
    clear:both;
    color: #CCCCCC;
    border: 1px solid #CCCCCC;
    margin: 0px;
    padding: 0px;
}

.style_01 {
    color: #FF0000;
}

.small {
    font-size: 10px;
}

/* Easy Slider */
    #slider ul, #slider li{
        margin:0;
        padding:0;
        list-style:none;
        }
    #slider, #slider li{
        /*
            define width and height of container element and list item (slide)
            list items must be the same size as the slider area
        */
        width:900px;
        height:280px;
        overflow:hidden;
        }
    span#prevBtn{}
    span#nextBtn{}
/* // Easy Slider */

.doubleline {/*二重取り消し線*/
background-image:url(img/doubleline.gif);
background-repeat:repeat-x;
background-position: center;
}