@charset "UTF-8";
* {
margin: 0;
padding: 0;
list-style: none;
font-size: 100%;
border: none;
}
img {
vertical-align: top;
}


/* 基本
---------------------------------------------*/
html:\66irst-child body { font-size: 66%;}
body { color: #3C3C3C; font-size: 72%; *font-size: 69%; font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif; background-color:#ecebeb;}

img { vertical-align: top;}


/* リンク色
---------------------------------------------*/
a { color: #3C3C3C; text-decoration: none;}
a:visited { color: #3C3C3C; text-decoration: none;}
a:hover, a:focus { color: #3C3C3C; text-decoration: underline;}
a:active { color: #3C3C3C; text-decoration: underline;}

a:hover img,a:focus img { filter: alpha(opacity=70); -moz-opacity:0.70; opacity:0.70;}
a:active img { filter: alpha(opacity=70); -moz-opacity:0.70; opacity:0.70;}

#footer a { color: #646464; text-decoration: none;}
#footer a:visited { color: #646464; text-decoration: none;}
#footer a:hover, #footer a:focus { color: #646464; text-decoration: underline;}
#footer a:active { color: #646464; text-decoration: underline;}

#f_right a { color: #7C9F23; text-decoration: none; font-weight:bold;}
#f_right a:visited { color: #7C9F23; text-decoration: none; font-weight:bold;}
#f_right a:hover, #f_right a:focus { color: #7C9F23; text-decoration: underline; font-weight:bold;}
#f_right a:active { color: #7C9F23; text-decoration: underline; font-weight:bold;}


#pagetop a { color: #787878; text-decoration: none;}
#pagetop a:visited { color: #787878; text-decoration: none;}
#pagetop a:hover, #pagetop a:focus { color: #787878; text-decoration: underline;}
#pagetop a:active { color: #787878; text-decoration: underline;}

.link_blue a { color: #446496; text-decoration: none;}
.link_blue a:visited { color: #446496; text-decoration: none;}
.link_blue a:hover, .link_blue a:focus { color: #446496; text-decoration: underline;}
.link_blue a:active { color: #32A4E1; text-decoration: underline;}


/* 文字間 設定
---------------------------------------------*/
#main p { line-height: 1.8;}
#main_b p { line-height: 1.8;}
#side p { line-height: 1.6; }
#side_b p { line-height: 1.6; }
#blog_past p { line-height: 1.8;}
#main_com p { line-height: 1.8;}
#main_sitemap p { line-height: 1.6;}
#footer p { line-height: 1.8;}
p { *letter-spacing:0.1em;}
#main_c p { line-height: 1.8;}

/* 文字大きさ 設定
---------------------------------------------*/
#logo { font-size: 85%; *font-size: 85%;}
#f_left { font-size: 85%;}
#f_right { font-size: 85%;}
#te_bg { font-size: 93%;}
.px13 { font-size:113%;}
#so_bg { font-size: 93%;}
#tc_bg_right { font-size: 93%;}
#em_bg { font-size: 93%;}
#side_bg_right { font-size: 86%;}
#side_case_bg02 { font-size: 93%;}
.px11 { font-size: 93%;}
#path_list { font-size: 93%;}
#so_menu_bg { font-size: 93%;}
#case_right { font-size:123%; font-weight:bold;}
#case_menu_bg02 { font-size:113%;}
#co_left02 { font-size:113%;}
#co_trade01 { font-size:113%;}
#co_trade02 { font-size:113%;}
#con_left01 { font-size:113%; font-weight:bold;}
#con_title { font-size:123%; font-weight:bold; color:#446496;}

#txt_title { font-size:123%; font-weight:bold; color:#446496;}
#txt_title02 { font-size:138.5%; font-weight:bold;}
#txt_title03 { font-size:113%;}
#txt_title04 { font-size:113%; font-weight:bold;}

#ca01 { font-size:167%; font-weight:bold;}


/* レイアウト
---------------------------------------------*/
#wrapper { margin: 0 auto; width:900px; background-color:#FFFFFF;}
#header { width: 850px; margin: 0 auto; position: relative; padding-top:23px;}
#contents { width: 850px; margin: 0 auto;  position: relative; background-color:#FFFFFF; padding:0 0 13px 0;}
#main { float:left; width: 546px; padding:18px 54px 0 0;}
#side { float:left; width: 250px; padding:18px 0 0 0;}
#sentence { padding-bottom:36px;}
#main_b { float:left; width: 605px; padding:30px 0 0 0;}
#side_b { float:left; width: 205px; padding:30px 0 0 40px;}
#main_c { width: 850px; padding:30px 0 0 0;}

#page_top { width: 850px; margin: 0 auto; position: relative; padding:20px 0 8px 0;}

#footer { width: 850px; margin: 0 auto; position: relative; border-top:1px solid #C8C8C8; padding-top:8px;}

/* サイドメニュー
---------------------------------------------*/
#side_left { float:left; width:27px;}
#side_right { float:right; width:171px; padding:8px 0 0 7px;}
#side_case_bg01 { padding:0 8px 0 8px; background:url(../images/side_case_bg01.gif);}
#side_case_bg02 { padding:7px 9px 0 9px; background:url(../images/side_case_bg02.gif);}
#side_bg_left { float:left; max-width:59px;}
#side_bg_right { float:right; text-align:right; max-width:130px;}

/* トップ
---------------------------------------------*/
#te_bg { padding:15px 10px 0 10px; background:url(../images/top_en_bg.gif);}
#so_bg { padding:12px 20px 0 20px; background:url(../images/top_so_bg.gif);}
#tc_bg01 { padding:0 9px 0 9px; background:url(../images/top_case_bg01.gif);}
#tc_bg02 { padding:7px 9px 0 9px; background:url(../images/top_case_bg02.gif);}
#tc_bg_left { float:left;}
#tc_bg_right { float:right; padding-top:10px;}
#s_img { padding:0 0 0 0; margin:0 0 0 0;}

/* エンジニアリング事業
---------------------------------------------*/
#en_left { float:left; width:220px;}
#en_right { float:right;}
#em_bg { padding:15px 10px 0 10px; background:url(../images/en_menu_bg.gif);}

/* 導入事例
---------------------------------------------*/
#ca01 { float:left;}
#ca02 { float:right;}
#ca03 { float:left; width:445px;}
#ca04 { float:right; width:104px; padding:0 28px 0 28px;} 
#ca05 { background:url(../images/ca_info_bg.gif);}
#ca05 td { padding-top:12px;}
#ca06 { float:left; width:250px; padding-left:12px;}
#ca07 { float:left; width:330px; padding-left:12px; border-left:1px solid #C8C8C8;}

/* 文章流し込み
---------------------------------------------*/
#txt01 { float:left; width:38px; padding-right:20px;}
#txt02 { float:left; width:547px;}
#txt03 { float:left; width:32px; padding-right:10px;}
#txt04 { float:left; width:563px;}
#txt_title { font-size:123%; font-weight:bold; color:#446496;}

#txt05 { float:left; width:32px; padding-right:10px;}
#txt06 { float:left; width:318px; padding-right:10px;}
#txt07 { float:left; width:235px;}

#txt08 { float:left; width:360px; padding-right:10px;}
#txt09 { float:left; width:235px;}

#txt10 { float:left; width:375px; padding-right:35px;}
#txt11 { float:left; width:195px;}

#txt12 { float:left; width:353px; padding-right:10px; padding-left:42px;}
#txt13 { float:left; width:200px;}

#txt14 { float:left; width:38px; padding-right:10px;}
#txt15 { float:left; width:312px;}

#txt16 { float:left; width:375px; padding-right:30px;}
#txt17 { float:left; width:200px;}

#txt18 { float:left; width:401px; padding-right:30px;}
#txt19 { float:left; width:174px;}

#box01 { padding-bottom:15px;}
#box01 th { background-color:#F4F4F4; padding:2px 0 0 12px; font-weight: normal; border-top:1px solid #C8C8C8;}
#box01 td { padding:2px 0 0 12px; border-top:1px solid #C8C8C8;}


/* ソフトウェア製品
---------------------------------------------*/
#so_menu_bg { padding:12px 20px 0 20px; background:url(../images/so_menu_bg.gif);}
#so_navi { border-bottom:1px solid #C8C8C8;}

#so_navi li { float:left;}
#so_navi li a { display: block; text-decoration: none; text-indent: -9999px; height: 30px; overflow:hidden;}

#sn01 a { width: 238px; background: url("../images/so_navi01.gif") top left no-repeat; padding-right:4px;}
#sn02 a { width: 238px; background: url("../images/so_navi02.gif") top left no-repeat;}
#sn03 a { width: 238px; background: url("../images/so_navi03.gif") top left no-repeat; padding-right:4px;}
#sn04 a { width: 238px; background: url("../images/so_navi04.gif") top left no-repeat;}
#sn05 a { width: 238px; background: url("../images/so_navi05.gif") top left no-repeat;}
#sn06 a { width: 238px; background: url("../images/so_navi06.gif") top left no-repeat;}

#sn01.gn_on a { width: 238px; background: url("../images/so_navi01.gif") top left no-repeat; background-position: 0 -30px;}
#sn02.gn_on a { width: 238px; background: url("../images/so_navi02.gif") top left no-repeat; background-position: 0 -30px;}
#sn03.gn_on a { width: 238px; background: url("../images/so_navi03.gif") top left no-repeat; background-position: 0 -30px;}
#sn04.gn_on a { width: 238px; background: url("../images/so_navi04.gif") top left no-repeat; background-position: 0 -30px;}
#sn05.gn_on a { width: 238px; background: url("../images/so_navi05.gif") top left no-repeat; background-position: 0 -30px;}
#sn06.gn_on a { width: 238px; background: url("../images/so_navi06.gif") top left no-repeat; background-position: 0 -30px;}

#so_navi a:hover, #so_navi a:active, #so_navi a.selected { background-position: 0 -30px;}

/* 事例
---------------------------------------------*/
#case_menu_bg01 { padding:0 17px 0 17px; background:url(../images/case_menu_bg01.gif);}
#case_menu_bg02 { padding:12px 17px 0 17px; background:url(../images/case_menu_bg02.gif);}
#case_left { float:left;}
#case_right { float:right;}
#case_float { float:left; padding-right:4px;}

/* 会社情報
---------------------------------------------*/
#co_left01 { float:left; width:320px;}
#co_right01 { float:right; width:498px; padding-left:32px;}
#co_left01 li { float:left; padding-bottom:5px;}
#co_li01 { width:15px;}
#co_li02 { width:305px;}
#co_left02 { float:left; width:438px;}
#co_right02 { float:right; width:380px; padding-left:32px;}
#co_td01 { border-left:1px solid #C8C8C8; padding-left:15px;}
#co_left03 { float:left; width:420px;  border-left:1px solid #C8C8C8; border-right:1px solid #C8C8C8; border-bottom:1px solid #C8C8C8;}
#co_right03 { float:right; width:420px; margin-left:6px; border-left:1px solid #C8C8C8; border-right:1px solid #C8C8C8; border-bottom:1px solid #C8C8C8;}
#co_trade01 { background-color:#F8FAFA; border-top:1px solid #C8C8C8; padding:2px 0 2px 20px;}
#co_trade02 { border-top:1px solid #C8C8C8; padding:2px 0 2px 20px;}

/* お問い合わせ
---------------------------------------------*/
#con_left01 { float:left;}
#con_right01 { float:right;}

#pri01 li {list-style-type:decimal; margin-left:20px;}
#pri01 { padding-left:20px;}
#pri02 li { float:left; padding-bottom:5px;}
#pri_li01 { width:15px; padding-left:20px;}
#pri_li02 { width:815px;}

/* パンくずリスト
---------------------------------------------*/
#path_list { padding-top:8px;}

/* サイトマップ
---------------------------------------------*/
#sit01 { padding:10px 0 0 20px;}



/* ヘッダー
---------------------------------------------*/
#logo { float:left;}
#h_right { float:right; padding-bottom:25px;}
#h_side { padding-top:13px;}
#h_side a { padding-left:10px;}

/* フッター
---------------------------------------------*/
#pt_left { float:left;}
#pt_right { float:left; padding-left:288px; padding-top:15px;}
#pt_left02 { float:left; padding-top:40px;}
#pt_right02 { float:right; padding-top:40px;}
#f_left { float:left; padding-top:15px;}
#f_right { float:right; text-align:right; padding:15px 0 15px 0;}


/* スペース
---------------------------------------------*/
.side_space { padding-top:5px;}
.side_space02 { padding-bottom:20px;}
.title_space { padding-top:36px;}
.title_space02 { padding-top:36px; padding-bottom:4px; }
.title_space03 { padding-top:20px;}
.title_space04 { padding-top:20px; padding-bottom:4px; }
.title_space05 { padding-top:13px;}
.title_space06 { padding-bottom:20px;}
.title_space07 { padding-top:40px; padding-bottom:20px;}
.title_space08 { padding-top:25px;}
.title_space09 { padding-top:80px;}


.txt_space { padding-top:20px;}
.txt_space02 { padding-top:5px;}
.txt_space03 { padding-top:16px;}



/* img設定
---------------------------------------------*/
#path_list img { vertical-align: middle;}
#pagetop img { vertical-align: middle;}
#case_right img { vertical-align: middle;}
#tc_bg_right img { vertical-align: middle;}



/* メニュー
---------------------------------------------*/
#navi { padding-bottom:22px;}

#globalNavigation li { float:left;}
#globalNavigation li a { display: block; text-decoration: none; text-indent: -9999px; height: 36px; overflow:hidden;}

#gn01 a { width: 109px; background: url("../images/menu01.gif") top left no-repeat;}
#gn02 a { width: 205px; background: url("../images/menu02.gif") top left no-repeat;}
#gn03 a { width: 205px; background: url("../images/menu03.gif") top left no-repeat;}
#gn04 a { width: 110px; background: url("../images/menu04.gif") top left no-repeat;}
#gn05 a { width: 110px; background: url("../images/menu05.gif") top left no-repeat;}
#gn06 a { width: 111px; background: url("../images/menu06.gif") top left no-repeat;}

#gn01.gn_on a { width: 109px; background: url("../images/menu01.gif") top left no-repeat; background-position: 0 -36px;}
#gn02.gn_on a { width: 205px; background: url("../images/menu02.gif") top left no-repeat; background-position: 0 -36px;}
#gn03.gn_on a { width: 205px; background: url("../images/menu03.gif") top left no-repeat; background-position: 0 -36px;}
#gn04.gn_on a { width: 110px; background: url("../images/menu04.gif") top left no-repeat; background-position: 0 -36px;}
#gn05.gn_on a { width: 110px; background: url("../images/menu05.gif") top left no-repeat; background-position: 0 -36px;}
#gn06.gn_on a { width: 111px; background: url("../images/menu06.gif") top left no-repeat; background-position: 0 -36px;}

#globalNavigation a:hover, #globalNavigation a:active, #globalNavigation a.selected { background-position: 0 -36px;}


/* ページトップ
---------------------------------------------*/
#pagetop { padding-top:21px;}

/* クリア
---------------------------------------------*/
.c-both { clear:both; height:0px; font-size:0px; line-height:0%; }

/* テキスト装飾
---------------------------------------------*/
.important { font-weight:bold; font-size:100%;}
.important02 { font-weight:bold; font-size:150%;}
.important03 { font-weight:bold; font-size:116%;}
.title { font-size:115%;}
.line { padding:5px 0 5px 0;}
.img_bottom img { vertical-align: bottom;}
.img_mid img { vertical-align: middle;}
.img_top img { vertical-align: top;}

.m_0 { margin:0 0 0 0;}
.border_btm { border-bottom:1px solid #C8C8C8;}
.border_b { border-bottom:1px solid #C8C8C8;}
.border_r { border-right:1px solid #C8C8C8;}
.border_l { border-left:1px solid #C8C8C8;}
.border_top { border-top:1px solid #C8C8C8;}

.float_l {foat:left;}
.float_r {foat:right;}

.img_right { float:right; padding:0 25px 0 15px;}
.img_left { float:left; padding:0 20px 0 0;}
.img_left02 { float:left; padding:0 30px 0 0;}
.img_waku {  padding:2px 2px 2px 2px; border:1px solid #CCCCCC;}
.form { border:1px solid #C8C8C8; padding:5px 5px 5px 5px}
.form_space {padding-top:5px;}

.lh80 { line-height:80%; }
.lh100 { line-height:100%; }
.lh120 { line-height:120%; }
.lh150 { line-height:150%; }
.p_b_50 { padding-bottom:50px;}
.p_b_30 { padding-bottom:30px;}
.p_b_20 { padding-bottom:20px;}
.p_b_15 { padding-bottom:15px;}
.p_b_10 { padding-bottom:10px; }
.p_b_8 { padding-bottom:8px; }
.p_b_3 { padding-bottom:3px; }
.p_b_5 { padding-bottom:5px; }
.p_t_8 { padding-top:8px; }
.td_ph10ps5 { padding:10px 5px 10px 5px; }
.pad5 { padding:5px 5px 5px 5px; }
.p_b_5 { padding-bottom:5px; }
.p_10 { padding:10px; }
.p_8 { padding:8px; }
.p_5 { padding:5px; }
.p_0 { padding:0px; }
.p_t_2 { padding-top:2px; }
.p_t_5 { padding-top:5px; }
.p_t_10 { padding-top:10px; }
.p_t_15 { padding-top:15px; }
.p_t_20 { padding-top:20px; }
.p_t_25 { padding-top:25px; }
.p_l_5 { padding-left:7px; }
.p_l_7 { padding-left:7px; }
.p_l_9 { padding-left:7px; }
.p_l_10 { padding-left:10px; }
.p_l_14 { padding-left:14px; }
.p_l_15 { padding-left:15px; }
.p_l_20 { padding-left:20px; }
.p_l_30 { padding-left:30px; }
.p_l_40 { padding-left:40px; }
.p_l_70 { padding-left:70px; }
.p_l_80 { padding-left:80px; }
.p_r_5 { padding-right:10px; }
.p_r_10 { padding-right:10px; }
.p_r_15 { padding-right:15px; }
.p_r_20 { padding-right:20px; }
.p_r_30 { padding-right:30px; }
.p_r_40 { padding-right:40px; }

.m_r_2 { margin-right:2px; }
.m_r_3 { margin-right:3px; }
.m_r_5 { margin-right:5px; }
.m_r_10 { margin-right:10px; }
.m_t_2 { margin-top:2px; }
.m_t_3 { margin-top:3px; }
.m_t_5 { margin-top:5px; }
.m_t_8 { margin-top:8px; }
.m_t_10 { margin-top:10px; }
.m_t_15 { margin-top:15px; }
.m_t_20 { margin-top:20px; }
.m_t_25 { margin-top:25px; }
.m_t_30 { margin-top:30px; }
.m_b_30 { margin-bottom:30px; }
.m_b_20 { margin-bottom:20px; }
.m_b_18 { margin-bottom:18px; }
.m_b_15 { margin-bottom:15px; }
.m_b_10 { margin-bottom:10px; }
.m_b_8 { margin-bottom:8px; }
.m_b_5 { margin-bottom:5px; }
.m_b_3 { margin-bottom:3px; }
.m_b_2 { margin-bottom:2px; }
.m_b_1 { margin-bottom:1px; }
.m_l_2 { margin-left:2px; }
.m_l_5 { margin-left:5px; }
.m_l_6 { margin-left:6px; }
.m_l_7 { margin-left:7px; }
.m_l_8 { margin-left:8px; }
.m_l_10 { margin-left:10px; }
.m_l_15 { margin-left:15px; }
.m_l_18 { margin-left:18px; }
.m_l_20 { margin-left:20px; }

.bg_white { background-color:#FFFFFF;}
.gray { color:#666666;}
.white { color:#FFFFFF;}
.yellow { color:#ca9933;}
.green { color:#99CC33; }
.blue { color:#B6C7DD; }
.blue02 { color:#446496; }
.red { color:#F03C00; }
.pink { color:#D7489C; }
.bld { font-weight:bold;}
.nml { font-weight:normal;}



/* テーブル共通指定
----------------------------------------------- */
#con_form table  {
    margin: 15px 0 0 0;
    border-top: 1px solid #C8C8C8;
    border-left: 1px solid #C8C8C8;
    border-collapse: collapse;
    text-align: left;
}
#con_form table th {
    padding: 10px;
    border-right: 1px solid #C8C8C8;
    border-bottom: 1px solid #C8C8C8;
    background-color: #F8F8F8;
    font-weight: normal;
vertical-align:top;
}
#con_form table td {
    padding: 10px;
    border-right: 1px solid #C8C8C8;
    border-bottom: 1px solid #C8C8C8;
}


/* テキストフィールド
----------------------------------------------- */
 input[type='text'] {
    border: solid 1px #ccc; padding:2px;
}

input[type='password'] {
    border: solid 1px #ccc; padding:2px;
}

/* ボタン
----------------------------------------------- */
input[type='image'] {
    border: none;
}

input[type='image'].box190 {
    width: 190px;
    height: 30px;
}

input[type='image'].box180 {
    width: 180px;
    height: 30px;
}

input[type='image'].box150 {
    width: 150px;
    height: 30px;
}

input[type='image'].box140 {
    width: 140px;
    height: 30px;
}

input[type='image'].box130 {
    width: 130px;
    height: 30px;
}

input[type='image'].box51 {
    width: 51px;
    height: 22px;
}

/* 会員登録
----------------------------------------------- */
 .box320 {
    width: 320px;
    margin: 5px 0 0 0;
    padding: 2px;
    border: 1px solid #ccc;
}



.area470 {
    width: 700px;
    height: 300px;
    margin: 5px 0 0 0;
    padding: 2px;
    border: 1px solid #ccc;
}

.area660 {
    width: 660px;
    height: 100px;
    margin: 5px 0 0 0;
    padding: 2px;
    border: 1px solid #ccc;
}


#quantity_level li {
    display: inline;
    padding: 3px;
}

/* お問い合わせ
----------------------------------------------- */
 .box120 {
    width: 120px;
    padding: 2px;
    border: 1px solid #ccc;
}

.box160 {
    width: 140px;
    padding: 2px;
    border: 1px solid #ccc;
}

.box60 {
    width: 60px;
    padding: 2px;
    border: 1px solid #ccc;
}

.box380 {
    width: 380px;
    margin: 5px 0 0 0;
    padding: 2px;
    border: 1px solid #ccc;
}
.box300 {
    width: 200px;
    margin: 5px 0 0 0;
    padding: 2px;
    border: 1px solid #ccc;
}

.area380 {
    width: 380px;
    height: 250px;
    margin: 5px 0 0 0;
    padding: 2px;
    border: 1px solid #ccc;
}

.zipimg img {
    margin: 5px 0 0 0;
}


#undercolumn_entry { font-size:100%;}

select { border: solid 1px #ccc;}
option { padding:2px;}

.attention { color: #ff0000; }
.mini { font-size: 90%; }