/* 基本構造 */
body { background: #F3FFF9 ; }
h1 { font-size: 16px; line-height: 20px; color: #666666; font-family: "ＭＳ Ｐゴシック" , "Hiragino Kaku Gothic Pro" , "ヒラギノ角ゴ Pro W3"; }
h2 { font-size: 13px; line-height: 20px; color: #666666; font-family: "ＭＳ Ｐゴシック" , "Hiragino Kaku Gothic Pro" , "ヒラギノ角ゴ Pro W3"; }
h3,p,div,th,td,dt,li,ol { font-size: 12px; line-height: 20px; color: #666666; font-family: "ＭＳ Ｐゴシック" , "Hiragino Kaku Gothic Pro" , "ヒラギノ角ゴ Pro W3"; }
a:link,a:active,a:visited { color: #21588e; text-decoration: none; }
a:hover { color: #0080fe; text-decoration: underline; }
small { font-size: 11px; line-height: 16px; }
div#STAGE { width: 902px; background: #FFFFFF url("../img/bg.gif") repeat-y; }
p { margin: 0 0 0 0; }
form { margin: 0 0 0 0; }
.red { color: #CC0000; }
.green { color: #009933; }

/* ヘッダー */
div#header { position: relative; width: 900px; height: 63px; }
div.header_rogo { z-index: 1; position: absolute; left: 21px; top: 10px; width: 184px; height: 28px; }
div.header_home { z-index: 1; position: absolute; left: 747px; top: 17px; width: 46px; height: 11px; }
div.header_sitemap { z-index: 1; position: absolute; left: 812px; top: 17px; width: 73px; height: 11px; }

/* グローバルナビ */
div#G_NAVI { margin: 0 0 1px 0; }

/* トップページ　左右分割 */
div#TOP_L_R { width: 902px; background: #FFFFFF url("../img/top_L_R_bg.gif") repeat-y; }
div#TOP_L { float: left; width: 651px; margin: 0 0 0 0; text-align: left; }
div#TOP_R { float: right; width: 251px; margin: 0 0 0 0; text-align: left; }
.clears { clear: both; }
div.top_l_in { width: 610px; margin: 0 20px 0 21px; }

/* トップページ */
div.top_read { width: 610px; margin:  20px 0 20px 0; }

div.top_clm_bg { background: #FFFFFF url("../img/top_clm_bg.gif") repeat-y; margin-bottom: 40px }
div.top_clm { width: 295px; background: url("../img/top_clm_up.gif") no-repeat; }
div.top_clm_table table { z-index: 20; margin: 25px 10px 0 10px; width: 275px; padding: 13px 0 13px 0;  }
div.top_clm_ttl { margin-bottom: 5px; }
div.top_clm_ph_bg { width: 94px; height: 94px; background: #FFFFFF url("../img/top_clm_ph_bg.gif") no-repeat; }
div.top_clm_ph { width: 88px; height: 88px; margin: 0 3px 0 3px; padding: 3px 0 0 0; }
div.top_clm_kuhaku { background: #FFFFFF; width: 295px; }

/*  トピックス  */
#topics{
	width:510px;
	border-style:solid;
	border-width:0.5pt;
	border-color:#cccccc;
	background-color:#FFFFFF;
}


/* コンテンツ枠配置 */
div.content { margin:0 0 0 0px; float: left;}

/* トップニュース */
div.top_news { background: #e9f9e9; width: 590px; float: left; margin:0 0 30 20px !important; margin /**/: 0 10 30 10px;
            padding:10 10 10 10px !important;
            padding:10 10 10 10px /**/;
            text-align: left;}
div.top_news img{ background: #e9f9e9; margin:0 0 0 0px;}
div.top_news h3{ font-size: 16px; line-height: 20px; color: #cc33cc; font-family: "ＭＳ Ｐゴシック" , "Hiragino Kaku Gothic Pro" , "ヒラギノ角ゴ Pro W3"; }

div.top_news p{ font-size: 13px; line-height: 20px; color: #5555aa; font-family: "ＭＳ Ｐゴシック" , "Hiragino Kaku Gothic Pro" , "ヒラギノ角ゴ Pro W3"; }

div.top_news_info { background: #e9f9e9; width: 610px; float: left; margin:0 0 30 0px;
            padding:10 10 10 110px !important;
            padding:10 10 10 15px /**/;
            text-align: left;}
div.top_news_info img{ background: #e9f9e9; margin:0 0 0 0px;}
div.top_news_info h3{ font-size: 16px; line-height: 20px; color: #cc33cc; font-family: "ＭＳ Ｐゴシック" , "Hiragino Kaku Gothic Pro" , "ヒラギノ角ゴ Pro W3"; }

div.top_news_info p{ font-size: 13px; line-height: 20px; color: #5555aa; font-family: "ＭＳ Ｐゴシック" , "Hiragino Kaku Gothic Pro" , "ヒラギノ角ゴ Pro W3"; }


/* サブタイトル */
div.subtitle { font-size: 16px; line-height: 20px; color: #0080fe; font-family: "ＭＳ Ｐゴシック" , "Hiragino Kaku Gothic Pro" , "ヒラギノ角ゴ Pro W3"; }


/* コンテンツ枠配置 */
div.clm { background: #F9F9F9; width: 295px; float: left; margin:0 0 30 20px !important; margin /**/: 0 10 30 10px;}
div.clm_content { border-left: 1px solid #B2B2B2; border-right: 1px solid #B2B2B2; width: 293px !important; width /**/: 295px; height: 125px; margin:0 1 0 1 !important; margin /**/: 0 0 0 0;}
div.clm_p { background: #F9F9F9; width: 173px; margin:0 0 0 0px;
            padding:10 10 10 110px !important;
            padding:10 10 10 15px /**/;
            text-align: left;}
div.clm_ph1 { background: #FFFFFF; width: 295px; margin:0 0 0 0px;}
div.clm_ph2 { background: #FFFFFF; width: 88px; height: 88px; float: left; margin:20 0 0 10px;}
div.clear_both { clear: both;}


div.top_infomation { margin: 0 0 15px 0; }
div.top_r_in { width: 221px; margin: 0 15px 0 15px; }
div#TOP_INFO { margin-bottom: 20px; }
div.top_info_block { width: 221px; background: url("../img/top_info_arrow.gif") no-repeat; background-position: 0px 3px;  }
div.top_info_block_in { width: 204px; margin: 0 0 0 17px; }
div.top_info_line { margin: 6px 0 6px 0; }
div.top_r_banner { margin: 10px 0 5px 0; }


/* サービストップ */
div.in_l_line { margin: 15px 0 15px 0; }
div.protop_title { margin: 0 0 15px 0; }
div.top_detail { margin: 8px 0 0 0; }


/* サービス */
#PRODUCTS {  }
#PRODUCTS p { line-height: 21px; }
#PRODUCTS p.position { margin-top: 12px; }
#PRODUCTS div.mds_box { margin-bottom: 80px; }
#PRODUCTS div.mds_box div.mds_txt { margin-bottom: 20px; }
#PRODUCTS div.mds_box div.ph { margin-top: 45px; }
#PRODUCTS h1 { margin-bottom: 20px; }
#PRODUCTS p.position { margin-bottom: 30px; }
#PRODUCTS h2 { margin-bottom: 20px; }
#PRODUCTS div.unit { margin-bottom: 25px;  }
#PRODUCTS div.unit p {padding-left: 20px;  }
div.quest_box { position: relative; margin: 70px 0 60px 0; width: 610px; height: 82px; background: url(../img/info_base.gif) no-repeat; }
div.quest_box div.quest_btn { position: absolute; top: 24px; left: 378px; width: 230px; height: 54px; }
div.pro_go_list { width: 610px; margin: 60px 0 0 0; text-align: right; }


/* ITコンサルティング */
#CASESTUDY {  }
#CASESTUDY h1 { margin: 30px 0 20px 0; }
#CASESTUDY p.position { margin: 12px 0 30px 0; }
#CASESTUDY div.sys_ph { margin: 20px 0 25px 0; text-align: center; }
#CASESTUDY h2 { margin: 15px 0 20px 0; }
#CASESTUDY div.intro_box { margin-top: 40px; padding: 5px; border: 1px solid #c0c0c0; }
#CASESTUDY div.intro_box div.intro_box_in { padding: 10px 10px 10px 10px; background: #f3f3f3; text-align: center; }
#CASESTUDY div.intro_box div.intro_box_in div.intro_mds { margin-bottom: 8px; }
#CASESTUDY div.intro_box div.intro_box_in p { padding: 0 5px 0 5px; text-align: left; }
#CASESTUDY div.intro_box div.intro_box_in div.to_hp { margin: 10px 0 5px 0; text-align: right; }
#CASESTUDY div.to_back { margin-top: 63px; text-align: right; }
#CASESTUDY p.case_ad_mds { font-size: 14px; line-height: 22px; font-weight: bold; margin-bottom: 15px; }


div.table01 table { margin-top: 15px; }
div.table01 table th { width: 147px; text-align: left; background: url(../itconsult/img/table01_th_bg.gif) repeat-y; }
div.table01 table th div { padding: 5px 5px 5px 15px;  }
div.table01 table td { width: 463px; }
div.table01 table td div { padding:5px 5px 5px 15px; }

div.table02 { margin-top: 20px; }
div.table02 table {  }
div.table02 table th.title { padding: 3px 3px 3px 7px; background: #00AC96; font-weight: bold; color: #fff; text-align: left; border-bottom: none; }
div.table02 table th { width: 25%; padding: 3px 3px 3px 7px; background: #D4ECEB; text-align: left; border-bottom: 1px solid #ccc; }
div.table02 table td { width: 75%; padding: 3px 3px 3px 7px; background: #F7F7F7; border-bottom: 1px solid #ccc; }

div.table03 { margin-top: 20px; }
div.table03 table {  }
div.table03 table th.title { padding: 3px 3px 3px 7px; background: #0068b7; font-weight: bold; color: #fff; text-align: left; border-bottom: none; }
div.table03 table th { width: 25%; padding: 3px 3px 3px 7px; background: #d3edfb; text-align: left; border-bottom: 1px solid #ccc; }
div.table03 table td { width: 75%; padding: 3px 3px 3px 7px; background: #F7F7F7; border-bottom: 1px solid #ccc; }

div.table04 { margin-top: 20px; }
div.table04 table {  }
div.table04 table th.title { padding: 3px 3px 3px 7px; background: #E95377; font-weight: bold; color: #fff; text-align: left; border-bottom: none; }
div.table04 table th { width: 25%; padding: 3px 3px 3px 7px; background: #FADBDA; text-align: left; border-bottom: 1px solid #ccc; }
div.table04 table td { width: 75%; padding: 3px 3px 3px 7px; background: #F7F7F7; border-bottom: 1px solid #ccc; }
div.table04 table td.tdL { width: 50%;  padding: 3px 3px 3px 7px; background: #F7F7F7; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; border-left: 10px solid #FADBDA; }
div.table04 table td.tdR { width: 50%;  padding: 3px 3px 3px 7px; background: #F7F7F7; border-bottom: 1px solid #ccc; border-left: 10px solid #FADBDA; }

div.table05 { margin-top: 20px; }
div.table05 table {  }
div.table05 table th.title { padding: 3px 3px 3px 7px; background: #F7AB00; font-weight: bold; color: #fff; text-align: left; border-bottom: none; }
div.table05 table th { width: 25%; padding: 3px 3px 3px 7px; background: #FEEBBF; text-align: left; border-bottom: 1px solid #ccc; }
div.table05 table td { width: 75%; padding: 3px 3px 3px 7px; background: #F7F7F7; border-bottom: 1px solid #ccc; }

div.table06 { margin-top: 20px; }
div.table06 table {  }
div.table06 table th.title { padding: 3px 3px 3px 7px; background: #882087; font-weight: bold; color: #fff; text-align: left; border-bottom: none; }
div.table06 table th { width: 30%; padding: 3px 3px 3px 7px; background: #e7d9e3; text-align: left; border-bottom: 1px solid #ccc; }
div.table06 table td { padding: 3px 3px 3px 7px; background: #F7F7F7; border-bottom: 1px solid #ccc; }
div.table06 table td.subL { border-right: 1px solid #ccc; }
div.table06 table td.subR { background: #ffffff; }

#QUEST_VOX { position: relative; margin: 70px 0 60px 0; width: 610px; height: 82px; background: url(../products/img/pro_shop_t_base.gif) no-repeat; }
#QUEST_VOX div.quest_btn { position: absolute; top: 24px; left: 378px; width: 230px; height: 54px; }

div#IN_L_R { width: 902px; background: #FFFFFF url("../img/top_L_R_bg.gif") repeat-y; padding-bottom: 50px; }
div#IN_L { float: left; width: 651px; margin: 0 0 0 0; text-align: left; }
div#IN_R { float: right; width: 251px; margin: 0 0 0 0; text-align: left; }
div.in_l_in { width: 610px; margin: 0 20px 0 21px; }

/* 右側 */

div#IN_R div.lnavi_box { background: url(../img/lnavi_r_line.gif) no-repeat bottom;  }

div#IN_R div.lnavi_box div.r_line_in { padding: 8px 0 8px 0; background: #ececec;  }
div#IN_R div.lnavi_box div.r_line_in_on { padding: 0 0 8px 0; background: #ececec;  }
div#IN_R div.lnavi_box div.r_line_bottom { padding: 8px 0 0 0; background: #ececec;  }

/* グレイ */
div#IN_R div.lnavi_box div.in_info_block { width: 251px; background: #ececec url("../img/lnavi_btn_allowF.gif") no-repeat;  background-position: 15px 3px;  }
div#IN_R div.lnavi_box div.in_info_block_on { width: 251px; background: #ececec url("../img/lnavi_btn_allowN.gif") no-repeat;  background-position: 15px 3px; padding-bottom: 8px;  }
div#IN_R div.lnavi_box div.in_info_block_in a { display: block; width: 210px; margin: 0 8px 0 33px; font-weight: bold; background: #ececec; }

/* ブルー */
div#IN_R div.lnavi_box div.in_info_block_blue { width: 251px; background: #ececec url(../products/img/pro_shop_t_sR_allowb.gif) no-repeat;  background-position: 15px 3px;  }
div#IN_R div.lnavi_box div.in_info_block_on_blue { padding-bottom: 8px; width: 251px; background: #ececec url(../products/img/pro_shop_t_sR_allowbN.gif)  no-repeat; background-position: 15px 3px;  }

/* グリーン */
div#IN_R div.lnavi_box div.in_info_block_green { width: 251px; background: #ececec url(../products/img/pro_shop_t_sR_allowg.gif) no-repeat;  background-position: 15px 3px;  }
div#IN_R div.lnavi_box div.in_info_block_on_green { padding-bottom: 8px; width: 251px; background: #ececec url(../products/img/pro_shop_t_sR_allowgN.gif) no-repeat; background-position: 15px 3px;  }

/* レッド */
div#IN_R div.lnavi_box div.in_info_block_red { width: 251px; background: #ececec url(../products/img/pro_shop_t_sR_allowr.gif) no-repeat;  background-position: 15px 3px;  }
div#IN_R div.lnavi_box div.in_info_block_on_red { padding-bottom: 8px; width: 251px; background: #ececec url(../products/img/pro_shop_t_sR_allowrN.gif) no-repeat; background-position: 15px 3px;  }

/* 黄色 */
div#IN_R div.lnavi_box div.in_info_block_yellow { width: 251px; background: #ececec url(../products/img/pro_shop_t_sR_allowy.gif) no-repeat;  background-position: 15px 3px;  }
div#IN_R div.lnavi_box div.in_info_block_on_yellow { padding-bottom: 8px; width: 251px; background: #ececec url(../products/img/pro_shop_t_sR_allowyN.gif) no-repeat; background-position: 15px 3px;  }

/* ムラサキ */
div#IN_R div.lnavi_box div.in_info_block_purple { width: 251px; background: #ececec url(../products/img/pro_shop_t_sR_allowp.gif) no-repeat;  background-position: 15px 3px;  }
div#IN_R div.lnavi_box div.in_info_block_on_purple { padding-bottom: 8px; width: 251px; background: #ececec url(../products/img/pro_shop_t_sR_allowpN.gif) no-repeat; background-position: 15px 3px;  }


div.lnavi_box_in { background: #ececec url(../img/lnavi_bg.gif) repeat-y; }
div.lnavi_box_in_in { width: 221px; margin: 0 15px 0 15px; }
div.lnavi_box_in_on { background: url(../img/lnavi_in_allow_on.gif) no-repeat; background-position: -3px 9px; padding: 5px 0 5px 0;  }
div.lnavi_box_in_off { background: url(../img/lnavi_in_allow.gif) no-repeat; background-position: -3px 9px; padding: 5px 0 5px 0;  }
div.lnavi_box_in_texin a { display: block; width: 200px; margin-left: 15px; }
div.lnavi_box_in_texin a:hover { text-decoration: none; }


/* サービストップ */
div.case_top_block table { margin-bottom: 10px; }
div.case_top_block a:link { color: #2c2b2b; text-decoration: none; font-weight: bold; }
div.case_top_block a:active { color: #2c2b2b; text-decoration: none; font-weight: bold; }
div.case_top_block a:visited { color: #2c2b2b; text-decoration: none; font-weight: bold; }
div.case_top_block a:hover { color: #00a5c8; text-decoration: underline; font-weight: bold; }
div.case_icon { margin: 5px 0 5px 0; }
div.case_icon img { margin: 0 3px 0 0; }
div.case_top_ph { position: relative; width: 60px; height: 60px; background: url(../itconsult/img/top_ph_bg.gif) no-repeat; }
div.case_top_ph_in { position: absolute; left: 3px; top: 3px; width: 54px; height: 54px; }
p.case_top_mds { font-size: 14px; line-height: 22px; font-weight: bold; }


/* 採用情報 */
#RECRUIT p.position { margin: 12px 0 30px 0; }
div#IN_R div.lnavi_box div.in_rec  { width: 251px; background: #ececec url("../img/lnavi_btn_allowN.gif") no-repeat;  background-position: 15px 3px; padding-bottom: 8px;  }
div#IN_R div.lnavi_box div.in_rec_in a { display: block; width: 200px; margin: 0 8px 0 33px; font-weight: bold; background: #ececec; }

div.recruit_top_read { margin-bottom: 50px; }
p.recruit_top_mds { width: 610px; border-top: 1px dotted #9e9e9e; font-size: 18px; line-height: 26px; font-weight: bold; padding-bottom: 3px; padding-top: 10px; margin-bottom: 10px; }
div.recruit_top_block { margin-bottom: 20px; }
p.recruit_in_mds { width: 610px; font-size: 18px; line-height: 26px; font-weight: bold; margin-bottom: 3px; }
div.recruit_in_line { margin-bottom: 20px; }
div.table_rec { margin: 20px 0 20px 0; }
div.table_rec table th { width: 147px; text-align: left; background: url(../corporate/img/table_cor_th_bg.gif) repeat-y; }
div.table_rec table th div { padding: 5px 5px 5px 0;  }
div.table_rec table td { width: 463px; }
div.table_rec table td div { padding:5px 5px 5px 15px; }
div.rec_entry_btn { width: 610px; margin-bottom: 100px; }
div.rec_go_top { width: 610px; margin-bottom: 50px; }
div.table_recE { margin: 20px 0 20px 0; }
div.table_recE table th { width: 147px; text-align: left; background: url(../recruit/img/table_cor_th_bgO.gif) repeat-y; }
div.table_recE table th.w { width: 147px; text-align: left; background: url(../recruit/img/table_cor_th_bgW.gif) repeat-y; }
div.table_recE table th.e { width: 147px; text-align: left; background: url(../recruit/img/table_cor_th_bgE.gif) repeat-y; }
div.table_recE table th.e div { color: #FFFFFF; }
div.table_recE table th div { padding: 5px 5px 5px 10px;  }
div.table_recE table td { width: 463px; }
div.table_recE table td div { padding:5px 5px 5px 15px; }
div.form_btn { margin: 0 0 80px 0; }
div.table_recE table td table td.table_con_in_tdL { width: 20px; }
div.table_recE table td table td.table_con_in_tdR { width: 400px; }
div.form_done { margin-bottom: 10px; }
div.form_go_top { margin: 20px 0 50px 0; }


/* 会社概要 */
#CORPORATE p.position { margin: 12px 0 30px 0; }
div.in_r_in { width: 221px; margin: 15px 15px 0 15px; }
div.cor_movie_btn  { width: 224px; margin: 5px 0 20px 0; }
div.table_cor { margin: 20px 0 20px 0; }
div.table_cor table th { width: 147px; text-align: left; background: url(../corporate/img/table_cor_th_bg.gif) repeat-y; }
div.table_cor table th div { margin: 0px 1px 0px 0; padding: 5px 5px 5px 10px; background:#ddeeff; }
div.table_cor table td { width: 463px; }
div.table_cor table td div { padding:5px 5px 5px 18px; }
div.cor_map { margin: 15px 0 0 0; }
p.ceo_name { font-size: 16px; line-height: 28px; font-weight: bold; }


/* 最新情報 */
#INFOMATION p.position { margin: 12px 0 30px 0; }
div.info_l_line { margin: 10px 0 10px 0; }
div.info_block { width: 140px; background: url("../infomation/img/allow.gif") no-repeat; background-position: 0px 6px;  }
div.info_block_in { width: 130px; margin: 0 0 0 10px; }
p.info_in_mds { font-size: 14px; line-height: 22px; color: #313131; font-weight: bold; }
div.info_l_line_in { margin: 3px 0 3px 0; }
div.info_go_list { width: 610px; margin: 30px 0 0 0; text-align: right; }

/* お問い合わせ */
#CONTACT p.position { margin: 12px 0 30px 0; }
div.table_con { margin: 20px 0 20px 0; }
div.table_con table th { width: 147px; text-align: left; background: url(../contact/img/table_cor_th_bgO.gif) repeat-y; }
div.table_con table th.w { width: 147px; text-align: left; background: url(../contact/img/table_cor_th_bgW.gif) repeat-y; }
div.table_con table th.e { width: 147px; text-align: left; background: url(../contact/img/table_cor_th_bgE.gif) repeat-y; }
div.table_con table th.e div { color: #FFFFFF; }
div.table_con table th div { padding: 5px 5px 5px 10px;  }
div.table_con table td { width: 463px; }
div.table_con table td div { padding:5px 5px 5px 15px; }
div.form_btn { margin: 0 0 80px 0; }
div.table_con table td table td.table_con_in_tdL { width: 20px; }
div.table_con table td table td.table_con_in_tdR { width: 400px; }
div.form_done { margin-bottom: 10px; }
div.form_go_top { margin: 20px 0 50px 0; }

/* ユーティリティ */
#UTILLITY p.position { margin: 12px 0 30px 0; }
p.utillity_mds { border-bottom: 1px solid #666666; padding-bottom: 2px; margin: 20px 0 10px 0; font-size: 14px; font-weight: bold; }


div#FOOTER_MENU { position: relative; width: 902px; height: 15px; background: #FFFFFF url("../img/top_L_R_bg.gif") repeat-y; }
div.footer_privacy { position: absolute; left: 10px; top: 0px; width: 106px; height: 15px; }
div.footer_about { position: absolute; left: 135px; top: 0px; width: 88px; height: 15px; }
div.footer_go_top { position: absolute; left: 810px; top: 0px; width: 84px; height: 15px; }


#tb-otoiawase01{
  width: 600px;
  margin-top: 10px;
  margin-bottom: 30px;
  border-collapse: collapse;
  border: 1px solid #ffffff;
}
#tb-otoiawase01 th{
  text-align: right;
  font-size: 75%;
  color: #444444;
  width: 120px;
  background-color: #ececec;
  padding: 15px;
}
#tb-otoiawase01 td{
  font-size: 85%;
  color: #333333;
  width: 480px;
  padding: 15px;
}

#tb-otoiawase01 span.require{
  font-weight:normal;
  color:red;
  font-size:110%;
  color:#ba1f00;
  margin-left:5px;
}


@media only screen and (max-width:767px){
body { background: #F3FFF9 ; }
}