/* 
    Document   : print
    Created on : 2015/05/01
    Author     : tokei
    Description:
        Purpose of the stylesheet follows.
*/

@import "/css/contents.css";
@import "/css/business2.css";
@import "/css/company2.css";
@import "/css/message2.css";
@import "/css/recruit2.css";


/****** 全ページ共通 ******/


/****** エントリーエリア ******/
div#entryarea_in div#toplist{
    width: 35%; 
}

/****** ヘッダ ******/
div#toplist ul{
    margin-right: 8px;
}
div#toplist ul li{
    font-size: 13px;
}
div#header_in #leftpane{
    width: 30%;
}
div#header_in #leftpane #logo img{
    max-width: 200px;
    height: auto;
}
div#header_in #rightpane{
    width: 66%;
    border-left: 1px dotted #737373;
    margin-top: 27px;
}
div#main-nav-wide ul li{
    width: 19.4%;
    font-size: 13px;
}

/****** メイン画像 ******/
div#topimage{
    margin-top: 15px;
    margin-bottom: 15px;
}

/****** フッター ******/
#footerarea ul.bottomframe span.index a{
    font-size: 15px;
}
#footerarea{
    padding: 30px 0px 30px 0px;
    width: 820px;
    max-width: 87%;
}
#footerarea ul.bottomframe li{
    list-style-type: none;
    font-size: 12px;
    margin-bottom: 3px;
}
#footerarea ul.bottomframe li#bottominner_work{
    width: 19%;
    padding-left: 1%;
}
#footerarea ul.bottomframe li#bottominner_message{
    width: 28%;
    padding: 0 5% 0 6%;
}
#footerarea ul.bottomframe li#bottominner_company{
    width: 12%;
    padding-right: 7%;
}
#footerarea ul.bottomframe li#bottominner_recruit{
    width: 20%;
}


/****** ページトップに戻るボタン表示 ******/
p#page-top{
    display: none;
}

#copylight{
    font-size: 11px;
}

/****** 左側 ******/
/****** メニュー ******/
#maincontents_in div.left{
    width: 26%; 
    margin-right: 20px;
}
div.left div#sidemenu ul li,div.left div#sidemenu ul li.li_btm{
    line-height: 40px;
    text-indent: 10px;
    background-color: #FFFFFF;
    font-size: 11px;
}
div#ac_menu div.archive,div#ac_menu div.archive_btm{
    line-height: 40px;
    text-indent: 10px;
    background-color: #FFFFFF;
    font-size: 12px;
}

/****** 右側 ******/
#maincontents_in div.right{
    width: 70%;
}



/****** 各コンテンツページトップ 共通 ******/
#maincontents_in div.right div#contentsmenu{
    margin-top: 0;
    margin-bottom: 0;
}
/****** 見出し ******/
div.right h1{
    font-size: 20px;
    font-weight: normal;
    text-indent: 10px;
    padding-top: 4px;
    padding-bottom: 1px;
}
#maincontents_in div.right h1{
    margin-bottom: 10px;
}
/****** 大見出し下 捕捉メッセージ ******/
div.right div#contentsmenu p.explain{
    margin-bottom: 10px;
    text-indent: 0;
    font-size: 12px;
}
/****** コンテンツボックス ******/
div#contents_information div.list_l{
    margin-right: 15px;
}
#contents_information div.con_img{
    margin: 0 auto;
    width: 80%;
}
#contents_information ul li div.conbox{
    width: 90%;
    margin: 0 auto;
    background-color: #FFFFFF;
    padding: 10px 0;
    border: 1px solid #DDDDDD;
}
/****** コンテンツボックス見出し ******/
div.right div#contentsmenu h2{
    font-size: 15px;
    margin-bottom: 10px;
    font-weight: normal;
    text-align: center;
    color: #000000;
    border-bottom: 1px solid #000000;
}
/****** コンテンツボックス説明文 ******/
#contents_information div.explain{
    margin: 15px auto 0;
    height: 95px;
}
#contents_information div.explain p{
    font-size: 11px;
    line-height: 15px;
}
#contents_information div.button p{
    text-align: center;
    font-size: 12px;
    line-height: 22px
}
/****** コンテンツボックス枠の設定 ******/
#contents_information ul li{
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 10px;
}


/****** 詳細ページ 共通 ******/
div#productdeveloper div.boxInner h2,div#systemsupport div.boxInner h2,div#supportcenter div.boxInner h2,div#itsolution div.boxInner h2,div#sales div.boxInner h2{
    color: #8E57A0;
    border-bottom: 1px solid #8E57A0;
}
#maincontents_in div.right div.boxInner{
    margin-bottom: 10px;
    padding: 15px 20px 10px 20px;
}
div.boxInner h2{
    font-size: 18px;
    margin-bottom: 10px;
}
div.boxInner h3{
    font-size: 14px;
    margin-bottom: 3px;
}
div.boxInner p{
    font-size: 11px;
    line-height: 15px;
    margin-bottom: 10px;
}
div.boxInner p.n_btm{
    font-size: 11px;
    line-height: 15px;
}
div.boxInner ul li{
    font-size: 11px;
    line-height: 15px;
}
div.boxInner ol li{
    font-size: 11px;
    line-height: 15px;
}

/****** 仕事紹介ページ ******/
/****** システムサポート ******/
#systemsupport div.boxInner div#syswork ul li{
    margin-bottom: 5px;
    line-height: 15px;
}
/******      営業       ******/
div#sales div.boxInner ul.disc{
    margin-bottom: 5px;
}

/****** メッセージページ ******/
/****** 共通 ******/
span.bold{
    font-weight: bold;
    font-size: 14px;
}
/****** 採用担当者より ******/
#saiyo div.boxInner ol li{
    margin-bottom: 4px;
    line-height: 15px;
}
#saiyo div.boxInner div.inner{
    padding: 10px 10px;
    margin-bottom: 15px;
}

/****** 会社情報ページ ******/
/****** 共通 ******/

/****** 会社概要ページ ******/
div.right #profile table{
    margin-bottom: 20px;
    font-size: 11px;
}
div.right #profile table th{
    width: 25%;
}
div.right #profile table td{
    padding: 10px;
    line-height: 16px;
}
div.right #profile table li{
    margin-left: 15px;
}
div.right #profile td.sitelink ul li{
    margin-bottom: 10px;
    line-height: 16px;
}
/****** 会社沿革ページ ******/
#history table{
    font-size: 10px;
}
#history table tr.header th,#history table tr.header td{
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 14px;
}
#history table th{
    padding-left: 4px;
    width: 28%;
}
#history table td{
    padding: 7px 5px 5px 10px;
    line-height: 14px;
}
/****** 所在地ページ ******/
#officelist ul li{
    float: left;
    margin-right: 28px;
    margin-bottom: 10px;
    list-style-type: none;
    background-image: url("/image/common2/arrow_bk.png");
    background-repeat: no-repeat;
    background-position: 0pt 2pt;
    text-indent: 16px;
    font-size: 11px;
}
#office table{
    font-size: 11px;
}
#office table td{
    padding-top: 15px;
    padding-bottom: 15px;
}
#office table td ul{
    margin-left: 0;
}
#office h2{
    color: #144E98;
    border-bottom: 1px solid #144E98;
}

/****** 採用情報ページ ******/
/****** 共通 ******/
#career h2,#apply h2,#uiturn h2,div#benefit h2{
    color: #ED8343;
    border-bottom: 1px solid #ED8343;
}
/* 募集要項・中途採用 */
#newgraduate table td,#career table td{
    font-size: 11px;
}
/* 採用の流れ・中途採用 */
#flow,#flow_ng{
    font-size: 11px;
}
#flow td.detail,#flow_ng td.detail_ng{
    line-height: 15px;
}
#flow td.arrow,#flow_ng td.arrow_ng{
    padding: 15px 0 15px 0;
    text-align: center;
}
/****** 応募方法 ******/
div#ap_method img#entry_box,div#ap_method img#entry_box_career{
    margin-right: 0px;
}
div#ap_method table th{
    width: 28%;
    font-size: 15px;
}
div#ap_method table td{
    padding: 10px 0px 10px 20px;
    font-size: 12px;
}
div#ap_method ul li{
    font-size: 12px;
}
div#ap_method td{
    line-height: 150%;
}
/****** U.Iターン支援制度ページ ******/
#uiturn{
    font-size: 11px;
}
#uiturn table th{
    text-indent: 5px;
    width: 25%;
}
#uiturn #entrymethod div#right{
    margin-right: 10px;
}
/****** 福利厚生ページ ******/
.b_left{
    width: 45%;
}
.b_right{
    width: 47%;
    float: left;
}
/****** 社内イベントページ ******/
#event h2{
    font-size: 16px;
    color: #ED8343;
    border-bottom: 1px solid #ED8343;
}
/****** サイトのご利用条件ページ ******/
#terms h1{
    font-size: 20px;
    text-indent: 10px;
    padding-top: 4px;
    padding-bottom: 1px;
}
#termsInner h2{
    color: #000000;
    border-bottom: 1px solid #000000;
    font-size: 16px;
    margin-bottom: 7px;
}
#termsInner h3{
    font-size: 14px;
    margin-bottom: 3px;
}
#termsInner p{
    font-size: 11px;
    line-height: 15px;
    margin-bottom: 7px;
}
#termsInner p.l_btm{
    font-size: 11px;
    line-height: 15px;
    margin-bottom: 10px;
}
#termsInner ul li{
    font-size: 11px;
    line-height: 15px;
}
#termsInner ol li{
    font-size: 11px;
    line-height: 15px;
}
/****** 個人情報保護方針ページ ******/
#privacy h1{
    font-size: 20px;
    text-indent: 10px;
    padding-top: 4px;
    padding-bottom: 1px;
}
div#privacyInner h2{
    color: #000000;
    border-bottom: 1px solid #000000;
    font-size: 16px;
    margin-bottom: 7px;
}
div#privacyInner p{
    font-size: 11px;
    line-height: 15px;
    margin-bottom: 15px;
}
div#privacyInner ul li{
    font-size: 11px;
    line-height: 15px;
    margin-bottom: 5px;
}
div#privacyInner ol li{
    font-size: 11px;
    margin-bottom: 8px;
    line-height: 15px;
}
div#privacyInner div.r_s{
    font-size: 11px;
    line-height: 15px;
}
div#privacyInner ol ol{
    margin-left: 25px;
}
div#privacyInner ol ol li{
    color: #000000;
}
div#privacyInner ol ol ul li{
    margin-bottom: 0px;
}
div#privacyInner dl{
    line-height: 15px;
    font-size: 11px;
}
/****** サイトマップページ ******/
#sitemap h1{
    font-size: 20px;
    text-indent: 10px;
    padding-top: 4px;
    padding-bottom: 1px;
}
#sitemapInner h2{
    font-size: 16px;
    text-indent: 10px;
    color: #000000;
}
#sitemapInner li{
    margin-bottom: 3px;
    text-indent: 18px;
    margin-left: 0px;
    font-size: 11px;
}
#sitemapInner li.indent{
    margin-left: 15px;
}
#sitemapInner div.sec_l{
    width: 31%;
    float: left;
}
#sitemapInner div.sec_m{
    width: 38%;
    float: left;
}
#sitemapInner div.sec_r{
    width: 31%;
    float: left;
}

/****** エントリーページ ******/
div#step{
    font-size: 13px;
    padding: 4px 0 3px;
}
div#entryform h1{
    font-size: 20px;
    text-indent: 10px;
    padding-top: 4px;
    padding-bottom: 1px;
}
div#notice ul li{
    font-size: 13px;
    margin-left: 40px;
    line-height: 17px;
}
div#formInner p{
    font-size: 13px;
    line-height: 17px;
}
div#formInner h2{
    color: #000000;
    border-bottom: 1px solid #000000;
    font-size: 18px;
}
div#formInner table th{
    font-size: 12px;
    width: 28%;
    font-weight: normal;
}
div#formInner table tr{
    font-size: 12px;
}
div#formInner div#privacy{
    font-size: 12px;
    line-height: 17px;
}

div#contact{
    width: 40%;
}