@charset "utf-8";
/* css document */

/*注：ie6用にスターハック使ってるところはその他のブラウザ用にhtml>body付けてるところがあります*/

/* リセット＆調整　-----------------------------------------------*/
body, div, dl, dt, dd, ul, h1, h2, h3, h4, h5, h6, pre, form, fieldest, input, textarea, p, blockquote, th, td
{margin: 0; padding: 0; list-style: none;}
fieldset, img {border-style: none;
    border-color: inherit;
    border-width: 0;
    margin-left: 0px;
}
abbr, acronym {border: 0;}
address, caption, cite, code, dfn, em, strong, th, var
{font-style: normal; font-weight: normal;}
h1, h2, h3, h4, h5, h6 {font-size: 100%; font-weight: normal;}
h1 {display: none;}
/*---------------------------------------------------------------*/

body {list-style: none; line-height: 1.6em; font-size: 13px; background-image: url(../image/top/main_bg.jpg); background-repeat: no-repeat; 
      background-color: #ffffff; color: #333333;}

/* 画像位置中央 */
img.tel {vertical-align: middle;}
/*ie6*/* html img.tel {vertical-align: middle; margin-top: 2px;}
/* ie7 */*:first-child + html img.tel {vertical-align: middle;}

/* 右寄せ */
.right {text-align: right; clear: both;}

a:link {color: #333333; text-decoration: none;}
a:active {color: #6cf;}
a:visited {color: #333333; text-decoration: none;}
a:hover {color: #6cf;}

/* 白リンク -----------------------------------------------------*/
a.white:link {color: #ffffff; text-decoration: none;}
a.white:active {color: #39c;}
a.white:visited {color: #ffffff; text-decoration: none;}
a.white:hover {color: #39c;}
/*---------------------------------------------------------------*/

/* メインメニューリンク -----------------------------------------*/
a.blue:link {width: 180px; height: 50px; color: #039; text-decoration: none; display: block;}
a.blue:active {color: #ffffff;}
a.blue:visited {color: #039; text-decoration: none;}
a.blue:hover {width: 226px; height: 50px; color: #ffffff; display: block; background-image: url(../image/top/menu_bg2.jpg); background-repeat: no-repeat;}
/*---------------------------------------------------------------*/

/* 基本 ---------------------------------------------------------*/
div#wrapper {width: 950px; margin-left: auto; margin-right: auto;}

div#header {width: 935px; height: 25px; padding: 5px 5px 5px 10px; background-color: #ffffff; font-size: 0.8em; letter-spacing: 0.1em;}
.menu2 {float: right; line-height: 25px;}

div#mainmenu {width: 945px; height: 50px; padding-left: 20px; background-image: url(../image/top/menu_bg.gif); background-repeat: no-repeat; 
              font-size: 0.9em; font-family: "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", "メイリオ", meiryo, osaka, "ｍｓ ｐゴシック", "ms pgothic", sans-serif;}
html>body .menu {width: 226px; height: 50px; float: left; text-align: center; line-height: 63px; letter-spacing: 0.1em; border-left: 1px solid #ffffff;}
html>body .menuright {width: 226px; height: 50px; float: left; text-align: center; line-height: 63px; letter-spacing: 0.1em; 
            border-left: 1px solid #ffffff; border-right: 1px solid #ffffff;}
/*ie6*/* html .menu {width: 226px; height: 50px; float: left; line-height: 63px; text-align: center; letter-spacing: 0.1em; border-left: 1px solid #ffffff; overflow: hidden;}
/*ie6*/* html .menuright {width: 226px; height: 50px; float: left; line-height: 63px; text-align: center; letter-spacing: 0.1em; 
            border-left: 1px solid #ffffff; border-right: 1px solid #ffffff; overflow: hidden;}
div#footer {width: 925px; height: 40px; padding-top: 10px; padding-left: 15px;  padding-right: 10px; margin-top: 5px; 
            background-image: url(../image/top/fotter.gif); background-repeat: no-repeat; font-size: 0.9em; letter-spacing: 0.1em; clear: both;}
.copy {float: right; color: #666666;}
.footmenu {float: left; color: #ffffff;}
/*--------------------------------------------------------------*/

/* トップ ------------------------------------------------------*/
div#mainimage {width: 950px; height: 321px; margin-top: 12px; margin-bottom: 7px; background-image: url(../image/top/fla_bg.gif); 
               background-repeat: no-repeat; text-align: center; overflow: hidden; padding-top: 9px;}
div#contents {width: 950px; height: auto;}
div#news {width: 520px; height: 344px; padding: 10px; background-image: url('../image/top/alpha.png'); float: left; font-size: 0.8em; letter-spacing: 0.1em;}
/*ie6*/* html div#news {width: 520px; height: 338px; padding: 10px 10px 7px 10px; background-color: #ffffff; float: left; font-size: 0.8em; 
          letter-spacing: 0.1em;}
#news a:hover{color: #00afc0;}
.news_txt {width: 520px; height: auto; overflow: auto; font-size: 1.2em; line-height: 2.1em;}
/*ie6*/* html .news_txt {width: 520px; height: auto; overflow: auto; font-size: 1.2em;}
div#mainbanner {width: 400px; height: auto; float: right; margin-bottom: 10px;}
div#mainbanner img {border: solid 1px #999999;}
div#contents2 {width: 950px; height: auto; margin-bottom: 10px; margin-top: 10px; margin-bottom: 5px;}
/*ie6*/* html div#contents2 {width: 950px; height: 160px; background-color: #ffffff; margin-top: 5px; margin-bottom: 10px;}
.products {width: 237px; height: 150px; background-image: url(../image/top/grd_1.jpg); background-repeat: repeat-x; 
           background-position: bottom; float: left; text-align: center; border-right: dotted 1px #d3d3d3;}
.products1 {width: 236px; height: 150px; background-image: url(../image/top/grd_1.jpg); background-repeat: repeat-x; 
           background-position: bottom; float: left; text-align: center;}
.protx {margin: 8px; text-align: justify; font-size: 0.8em; line-height: 1.7em; color: #666666;}
img.main2 {margin-top: 6px;}
.trade_box {width: 940px; height: auto; background-color: #F1F1F1; font-size: 0.8em; line-height: 1.7em; color: #666666; border-top: solid 1px #d3d3d3; text-align: right; padding: 5px;}
/*-------------------------------------------------------------*/

/* サブメニュー -----------------------------------------------*/
div#sub_menu {width: 145px; height: auto; margin-left: 20px; line-height: 1.8em; font-size: 0.9em;}
.submenu_a a:hover{color: #ffffff;}
/*-------------------------------------------------------------*/

div#submenu {width: 310px; height: 150px; margin-top: 5px; float: right; border-left: 1px dotted #cccccc;}
.submenu_in {width: 140px; height: 70px; margin: 0px 5px 5px 5px; float: right;}
div#contents3 {width: 950px; height: auto; background-color: #ffffff; margin-bottom: 10px;}
/*ie6*/* html div#contents3 {width: 950px; height: auto; background-color: #ffffff; margin-bottom: 10px; overflow: hidden;}
div#round {width: 950px; height: auto;}
.main {width: 710px; height: 100%; float: right; padding: 0px 20px 0px 20px; background-color: #ffffff;}
/*ie6*/* html.main {width: 670px; height: 100%; float: right; margin: 0px 20px 0px 20px; background-color: #ffffff;}
.sub {width: 190px; height: 100%; padding-left: 10px; float: left; background-image: url(../image/grd2.jpg); 
      background-repeat: repeat-y; background-position: right; background-color: #ffffff;}
/*製品ページ説明文*/
.intro {width: 50em; height: 100%; margin-left: 30px; font-size: 0.9em; color: #666666; clear: both; line-height: 1.7em;}
p strong {color: #ff6666; font-weight: bold;}

/*製品ページ注釈*/
.annotation {width: 60em; height: 100%; margin-left: 30px; font-size: 10px; color: #666666; clear: both;}
/*製品ページ・問い合わせ注釈(インデント無)*/
.annotation2 {font-size: 10px;}
/*製品ページ・問い合わせ注釈(インデント無)赤*/
.annotation_red {font-size: 10px; color: red;}

/*青見出し*/
.blue_crosshead {height: 1.6em; font-size: 1.1em; color: #0099cc; font-weight: bold; border-bottom: dotted 1px #0099cc;}

/* under -------------------------------------------------------*/
.round_und {width: 950px; height: 25px; background-image: url(../image/under/round2.gif);}
.round_und2 {width: 950px; height: 25px; background-image: url(../image/under/round2.gif); background-position: 0px -25px;}
html>body div#leftbox {width: 165px; height: 100%; padding: 0px 10px 0px 10px; background-image: url(../image/top/alpha.png);}
.left_wrap {width: 165px; height: 100%; margin: 10px 0px 10px 0px; float: left;}
html>body .round_left {width: 185px; height: 25px; background-image: url(../image/under/left_round2.png);}
html>body .round_left2 {width: 185px; height: 25px; background-image: url(../image/under/left_round2.png); background-position: 0px -25px;}
/*ie6*/* html div#leftbox {width: 165px; height: 100%; padding: 0px 10px 0px 10px; background-color: #ffffff;}
/*ie6*/* .round_left {width: 185px; height: 25px; background-image: url(../image/under/left_round_ie6.gif);}
/*ie6*/* .round_left2 {width: 185px; height: 25px; background-image: url(../image/under/left_round_ie6.gif); background-position: 0px -25px;}
div#contents_und {width: 850px; height: auto; padding: 0px 50px 0px 50px; background-color: #ffffff;}
.content_wrap {width: 950px; height: auto; margin: 10px 0px 10px 0px; margin-bottom: 10px; float: right;}
.content_in {margin-left: 100px;}
/*--------------------------------------------------------------*/

/* 赤リンク ----------------------------------------------------*/
a.red:link {color: #333333; text-decoration: none;}
a.red:active {color: #cc0033}
a.red:visited {color: #333333; text-decoration: none;}
a.red:hover {color: #cc0033;}
/*--------------------------------------------------------------*/
.wg_crosshead {height: 1.3em; width: 670px; font-size: 1.3em; color: #cc0000; font-weight: bold; border-bottom: solid 1px #cc0000; margin-top: 20px; margin-bottom: 10px;}

/*赤太字*/
.red {color: #cc0000; font-weight: bolder;}
/*ie6*/* html .red {color: #cc0000; font-weight: bold; font-size: 7pt;}
/*青太字*/
.blue {color: #0066cc; font-weight: bold;}
/*ie6*/* .blue {color: #0066cc; font-weight: bold; font-size: 9pt;}

/*強力な機能*/.powerful {color: #ffffff; margin-left: 30px; font-size: 0.9em; background-color: #cc3333; border: solid 2px #cc3333;}
/*簡単な設定*/.easy {color: #ffffff; margin-left: 30px; font-size: 0.9em; background-color: #0099cc; border: solid 2px #0099cc;}

/* 仕様表 ------------------------------------------------------*/
table#specification {width:600px; border: solid 1px #666666; border-spacing: 0; border-collapse: collapse; font-size: 0.8em; 
                     line-height: 1.3em; text-align: center; margin-left: 30px;}
table#specification tr {border: solid 1px #666666;}
table#specification td {border: solid 1px #666666; padding: 5px;}
/*型番*/
.serial {background-color: #999999; color: #ffffff;}
/*見出し*/
.item {background-color: #cccccc; text-align: left;}

/* 機能表 ------------------------------------------------------*/

table#function {width:600px; border: solid 1px #666666; border-spacing: 0; border-collapse: collapse; font-size: 0.8em; line-height: 1.3em; 
                text-align: left; margin-left: 30px;}
table#function td {width: 50%; padding: 10px; vertical-align: baseline;}


/* 店舗案内 -----------------------------------------------------*/
div#mobile_map {width: 670px; height: auto; margin: 0px 0px 0px 30px;}
/*ie6*/* html div#mobile_map {width: 640px; height: auto; margin: 0px 0px 0px 30px;}
.map {width: 321px; height: 337px; float: left;}
.shopname {width: 300px; height: 337px; float: right; font-size: 0.9em;}
div#shop {width: 670px; height:auto; margin-left: 30px;}
/*ie6*/* html div#shop {width: 640px; height:auto; margin-left: 30px;}
.name {width: 530px; height: 37px; margin: 0px 0px 10px 0px; padding-left: 85px; line-height: 40px; border-bottom: solid 1px #ff6600; 
       font-size: 1.2em; color: #333333; background-image: url(../image/mobile/aulogo.jpg); background-repeat: no-repeat; font-weight: bold;}
.name_will {width: 530px; height: 37px; margin-bottom: 10px; padding-left: 85px; line-height: 40px; border-bottom: solid 1px #0066cc; 
            font-size: 1.2em; color: #333333; background-image: url(../image/mobile/willlogo.jpg); background-repeat: no-repeat; font-weight: bold;}
.shop_map {width: 500px; height: auto; margin-top: 20px;}
.map_txt {width: 500px; height: 2em; font-size: 0.9em; color: #666666; border-bottom: dotted 1px #999999;}
.photo {width: 330px; height: auto; padding: 5px; margin-right: 20px; border: solid 1px #999999; float: left;}
.prof {width: 195px; height: 300px; font-size: 1.1em; float: left; line-height: 2.8em; color: #6B684E; padding-left: 25px; padding-top: 40px; background-image: url(../image/mobile/prof_bg.gif); background-repeat: no-repeat;}
table.shop_address {width: 250px; height: auto; font-size: 0.9em; color: #666666;}
.koumoku {width: 70px; vertical-align: top;}
div#mobile_contents {width: auto; height: auto; clear: both;}
/* auリンク -----------------------------------------------------*/
a.au:link {color: #333333; text-decoration: none;}
a.au:active {color: #ff6600;}
a.au:visited {color: #333333; text-decoration: none;}
a.au:hover {color: #ff6600;}
/*---------------------------------------------------------------*/

/* お問い合わせ＆採用ページ -------------------------------------*/
.intro2 {width: 52em; height: 100%; margin-left: 30px; font-size: 0.9em; color: #666666; clear: both; line-height: 1.7em;}
div#agrees {width: 600px; height: 300px; overflow: auto; padding: 10px; margin: 20px 0px 20px 30px; border: solid 1px #999999; font-size: 0.9em;}
div#agrees_i {width: 600px; height: 600px; overflow: auto; padding: 10px; margin: 20px 0px 20px 30px; border: solid 1px #999999; font-size: 0.9em;}
div#agrees_btn {width: 450px; height: 50px; padding: 10px; margin: 10px 0px 10px 50px; text-align: center;}
#common_box {width: 500px; height: auto; padding: 20px 0px 10px 30px; background-color: #ffffff}
/*ie6*/* html #common_box {width: 500px; height: auto;}
#common_s_ti {width: 400px; font-weight: bold; font-size: 9pt; border-style: dotted; border-color: #c0c0c0; border-width: 0px 0px 1px 0px; text-align: left; margin: 10px 0px 0px 20px;}
/*ie6*/* html #common_s_ti {width: 400px; font-weight: bold; font-size: 9pt; border-style: dotted; border-color: #c0c0c0; border-width: 0px 0px 1px 0px; text-align: left; margin: 10px 0px 0px 20px;}
#common_date {width: 400px; height: auto; padding: 0px 0px 25px 130px; text-align: right;}
#common_inq {width: 560px; height: auto; padding: 20px 0px 0px 0px; text-align: left; margin-bottom: 10px;}
/*ie6*/* html #common_inq {width: 500px; height: 20px; text-align: left;}
#recruite_line {width: 190px; height: auto; border-style: solid; border-color: #c0c0c0; border-width: 0px 0px 1px 0px; text-align: right; padding-left: 20px;}
.common_txt {padding: 10px 0px 20px 30px; width: 42em; height: auto; text-align: left; margin-left: 15px;}
#common_list {width: 480px; height: auto; font-size: 9pt; padding: 0px 0px 25px 50px; line-height: 16pt;}
#disclosure_list {width: 520px; height: auto; font-size: 9pt; padding: 0px 0px 25px 50px; line-height: 16pt;}
#inquiry_list {width: 540px; height: auto; font-size: 9pt; padding: 0px 0px 25px 50px; line-height: 16pt;}
#common_dis {width: 400px; height: 20px; padding: 0px 0px 40px 130px; text-align: right; margin-bottom: 20px;}
div#inquiry_form {width: 450px; height: auto; margin: 40px 0px 0px 70px; font-size: 0.9em; color: #666666;}
table#form {width: 450px; height: auto;}
td.koumoku_form {width: 140px; height: 70px; vertical-align: top; padding-top: 2.6em;}
td.naiyou_form {width: auto; height: auto; vertical-align: top; padding-top: 2.6em;}
/*---------------------------------------------------------------*/

/* ニュース -----------------------------------------------------*/
.news_txt2 {width: auto; height: 500px; line-height: 2.5em; margin-left: 30px;}
/*---------------------------------------------------------------*/

/* プライバシー/アバウトサイト ----------------------------------*/
#pryvacy_box {width: 630px; height: auto; padding: 20px 0px 10px 0px; margin-top: 30px;}
.privacy_title {color: #000000; border-left: 10px solid #000000; border-bottom: 1px solid #999999; padding: 2px 0 2px 5px; font-size: 11pt; font-weight: bold;}
#privacy_s_ti {width: 600px; font-weight: bold; font-size: 9pt; border-style: dotted; border-color: #c0c0c0; border-width: 0px 0px 1px 0px; text-align: left; margin: 10px 0px 0px 20px;}  
.privacy_txt {padding: 10px 0px 20px 50px; width: 42em; height: auto; text-align: left;}
p.p_list {text-indent: -0.5em; padding-left: 1em;}
table#privacy td.dot {padding-left: 20px; vertical-align: top; font-weight: bold;}
#privacy_date {width: 400px; height: auto; padding: 0px 0px 60px 190px; text-align: right; margin-bottom: 20px;}
#privacy_dis {width: 400px; height: 20px; padding: 0px 0px 40px 190px; text-align: right; margin-bottom: 20px;}
#privacy_inq {width: 570px; height: auto; padding: 5px 0px 30px 10px; text-align: left; margin-bottom: 30px;}
.privacy_mark {width: 590px; height: 180px; margin-top: 20px; margin-bottom: 20px;}
.mark_left {width: 260px; height: 165px; float: left; margin-left: 45px; font-size: 10px; line-height: 1.7em; margin-top: 5px;}
.mark_right {width: 230px; height: 190px; float: right;}
/*----------------------------------------------------------------*/

/* pdf画像リンク -------------------------------------------------*/
a.pdf:link {font-weight: bold; color: #0099cc; border-bottom-style: solid; border-color:#0099cc; border-width: 1px;}
a.pdf:active {color: #00C0F4;}
a.pdf:visited {font-weight: bold; color: #0099cc; border-bottom-style: solid; border-color:#0099cc; border-width: 1px;}
a.pdf:hover {color: #00C0F4;}
/*----------------------------------------------------------------*/

/* ポリシー関連リンク --------------------------------------------*/
a.policy:link {color: #0099cc; font-weight: bold;}
a.policy:active {color: #00C0F4;}
a.policy:visited {color: #0099cc; font-weight: bold;}
a.policy:hover {color: #00C0F4;}
/*----------------------------------------------------------------*/

/* list調整 ------------------------------------------------------*/
ol{font-weight:bolder ;}
.lic{font-weight:normal ;}
/*----------------------------------------------------------------*/

/* 会社概要 ------------------------------------------------------*/
table#company {width: 670px; height: auto; margin-left: 100px;}
table#company td.left {width: 110px; height: auto; padding-left: 20px;}
table#company td.left2 {width: 400px; height: auto; vertical-align: top;}
table#company td.right2 {width: 80px; height: auto;}
table#company tr {width: auto; height: auto;}
table#company hr {width: 100%; height: 1px;  border-style:none none dotted none; border-color: #c0c0c0; border-width: 1px;}
.left1 {width: 300px; height: auto; float: left;}
.right1 {width: auto; height: 100%; float: right; vertical-align: bottom; margin-top: 190px;}
/*----------------------------------------------------------------*/

/* ロゴ文章タイトル ----------------------------------------------*/
.a {line-height:1.6em; height: 1.6em; font-size: 1.1em; color: #0099cc; font-weight: bold; border-bottom: solid 1px #0099cc;}
/*----------------------------------------------------------------*/

/* 沿革 ----------------------------------------------------------*/
.history {font-size: 1.1em; background-image: url(/site/koga img/icon.gif); background-repeat: no-repeat; background-position: 0px; 
          padding-left: 22px;}
/*----------------------------------------------------------------*/

/* 年商　左-------------------------------------------------------*/
.company3_left {padding-left: 30px; padding-top: 10px; height: 250px; border-bottom: dotted 1px #c0c0c0;}
/*----------------------------------------------------------------*/

/* 年商　右-------------------------------------------------------*/
.company3_right {padding-left: 30px; padding-top: 10px; height: 250px; border-bottom: dotted 1px #c0c0c0;}
/*----------------------------------------------------------------*/

/* 事業概要　左---------------------------------------------------*/
.outline_left {padding-left: 30px; padding-top: 10px; height: 80px; border-bottom: dotted 1px #c0c0c0;}
/*----------------------------------------------------------------*/

/* 事業概要　右---------------------------------------------------*/
.outline_right {padding-left: 0px; padding-top: 10px; height: 80px; border-bottom: dotted 1px #c0c0c0;}
/*----------------------------------------------------------------*/

/* 取引　左-------------------------------------------------------*/
.change_left {padding-left: 30px; padding-top: 10px; height: 80px;}
/*----------------------------------------------------------------*/

/* 取引　右-------------------------------------------------------*/
.change_right {padding-left: 0px; padding-top: 10px; height: 80px; }
/*----------------------------------------------------------------*/

/* 情報通信事業ページ---------------------------------------------*/
.info_body {width: 670px; height: auto; padding-top: 20px;}
.info_box {width: 670px; height: 120px;}
.info_box1 {width: 670px; height: 480px;}
.info_l {width: 150px; height: 120px; float: left; font-weight: bold; color: #0099cc;}
.info_c {width: 370px; height: 120px; float: left; font-size: 9pt; color: #666666;}
.info_r {width: 150px; height: 120px; float: right; text-align: center;}
/*----------------------------------------------------------------*/

/* メッセージページ　 --------------------------------------------*/
.mess {font-weight: bold; font-size: 1.1em; color: #666666;}
.mess_a {width: 480px; padding-top: 10px; margin-left: 50px; padding: 0px 50px 0px 20px; font-size: 0.9em; 
         border-bottom: dotted 1px #c0c0c0; text-align: justify;}
.mess_l {width: 250px; height: auto; border-left: 8px solid #000000; margin-left: 20px; padding-left: 15px; font-weight: bold; margin-bottom: 25px; float: left;}
.mess_r {width: 330px; height: auto; border-left: 1px solid #d3d3d3; padding-left: 20px; margin-bottom: 25px; float: right; line-height: 1.9em;}
/*----------------------------------------------------------------*/

/* 募集要項ページ ショップ文章------------------------------------*/
.mess_shop {width: 430px; font-size: 0.9em; text-align: justify;}
/*----------------------------------------------------------------*/

/* 募集要項ページ auタイトル--------------------------------------*/
.mess_t1 {height: 1.6em; font-size: 1.1em; color: #ffa500; font-weight: bold; border-bottom: solid 1px #ffa500;}
/*----------------------------------------------------------------*/

/* 募集要項ページ システムエンジニアタイトル----------------------*/
.mess_t2 {height: 1.6em; font-size: 1.1em; color: #00ced1; font-weight: bold; border-bottom: solid 1px #00ced1;}
/*----------------------------------------------------------------*/

/* 募集要項ページ デザイナータイトル------------------------------*/
.mess_t3 {height: 1.6em; font-size: 1.1em; color: #95cb88; font-weight: bold; border-bottom: solid 1px #95cb88;}
/*----------------------------------------------------------------*/

/* スタッフ募集ページ　見出し-------------------------------------*/
.sta {height: 1.4em; font-weight: bold; color: #000000;  border-bottom: dotted 1px #c0c0c0;}
/*----------------------------------------------------------------*/

/* フロー --------------------------------------------------------*/
.step_box {width: 560px; height: auto; margin-bottom: 35px; border-bottom: dotted 1px #d3d3d3; margin-left: 50px;}
.step {width: 66px; height: 41px; color: #ffffff; padding-top: 25px; font-size: x-large; text-align: center;
       background-image: url(../image/imn/step.gif); background-repeat: no-repeat; float: left; margin-bottom: 10px;}
.step_txt {width: 480px; height: 58px; float: left; padding: 4px 0px 0px 8px; margin-bottom: 10px;}
.flow_tit {width: 644px; height: 29px; font-size: 1.3em; font-weight: bold; background-image: url(../image/imn/tit_bg.jpg); background-repeat: no-repeat; margin-bottom: 25px; padding-top: 8px; padding-left: 12px;}
.flow_l {width: 90px; height: 90px; float: left; margin: 10px 0px 10px 0px; font-size: x-large; color: #ffffff; padding-left: 80px;}
.flow_r {width: 385px; height: 76px; float: left; border-top: solid 1px #d3d3d3; border-right: solid 1px #d3d3d3; border-bottom: solid 1px #d3d3d3;
         margin-top: 10px; text-align: center; vertical-align: middle; padding-top: 12px;}
/*----------------------------------------------------------------*/

/* 情報セキュリティexpoページ ------------------------------------*/
.expo_tit {width: 400px; height: auto; border-left: solid 6px #1190BF; padding: 3px; border-bottom: solid 1px #1190BF; margin: 15px 0px; font-size: 1.1em;}
.expo_txt {width: 45em; margin: auto; padding: auto;}
.tit_bar {width: 568px; height: 23px; background-image: url(../image/expo/tit_bar.gif); background-repeat: no-repeat; margin-top: 20px; color: #ffffff; font-weight: bold; padding-left: 23px; padding-top: 3px;}
.expo_img {width: 130px; height: 60px; float: left; margin-top: 5px;}
.expo_int {width: 200px; height: 51px;  font-size: 12px; font-weight: bold; float: left; padding-left: 3px; padding-top: 24px; margin-top: 5px;}
.expo_int1 {width: 200px; height: 60px;  font-size: 12px; font-weight: bold; float: left; padding-left: 3px; padding-top: 15px; margin-top: 5px;}
/* 情報セキュリティ応募フォーム ------------------------------------*/
div#expo_form {width: 550px; height: auto; margin: 20px 0px 30px 70px; font-size: 0.9em; color: #666666;}
table#e_form {width: 450px; height: auto;}
td.txt {width: 100px; height: 30px; vertical-align: top; padding-top: 8px;}
td.form {width: auto; height: auto; vertical-align: top; padding-top: 8px;}
/*----------------------------------------------------------------*/

/* セキュリティexpoお礼ページ ------------------------------------*/
#expo_thx {width: 45em; height: auto; margin-left: 40px;}
.photo {width: auto; height: auto; border: solid 1px #999999; padding: 5px; margin-top: 10px;}
/*----------------------------------------------------------------*/

/* セミナー開催ページ --------------------------------------------*/
.semi_ti {font-size: 1.1em; font-weight: bold; margin-top: 20px; margin-bottom: 20px;}
.semi_l {width: 160px; height: auto; float: left; margin-left: 20px; margin-bottom: 40px;}
.semi_l2 {width: 160px; height: auto; float: left; margin-left: 20px; margin-bottom: 40px; letter-spacing: 25px;}
.semi_l3 {width: 160px; height: auto; float: left; margin-left: 20px; margin-bottom: 40px; letter-spacing: 6px;}
.semi_r {width: 460px; height: auto; float: right; margin-bottom: 35px;}
.semi_l_s {width: 80px; height: auto; float: left; margin-bottom: 10px;}
.semi_r_s {width: 350px; height: auto; float: right; margin-bottom: 10px;}
/*----------------------------------------------------------------*/

/* リクルート　トップ画像 ----------------------------------------*/
#recruite_main {width: 600px; height: 150px; margin: 40px 0px 0px 35px; background-color: #ffffff;}
#recruite_sub {width: 500px; height: 130px; margin: 20px 0px 30px 35px; background-color: #ffffff;}
/*----------------------------------------------------------------*/

/* リクルート　ショップページ  text-------------------------------*/
.shop_title {font-size: 1.1em; margin: 0px 0px 0px 34px;  font-weight: bold; color: #ee9a01;}
.shop_text {width: 43em; height: auto; margin: 0px 0px 10px 60px;}
/*----------------------------------------------------------------*/

/* リクルート　エンジニアページ  text-----------------------------*/
.engineer_title {font-size: 1.1em; margin: 0px 0px 0px 34px;  font-weight: bold; color: #009294;}
.engineer_text {width: 43em; height: auto; margin: 0px 0px 10px 60px;}
/*----------------------------------------------------------------*/

/* リクルート　エンジニア　テーブル-------------------------------*/
table#recruite_e {margin-left: 70px; width: 540px; height: auto; border: solid 1px #666666;}
table#recruite_e td {color: #666666; padding: 8px 15px; border-bottom: dotted 1px #666666; font-size: small;}
/*----------------------------------------------------------------*/

/* リクルート　デザイナーページ  text-----------------------------*/
.designer_title {font-size: 1.1em; margin: 0px 0px 0px 34px;  font-weight: bold; color: #729f68;}
.designer_text {width: 43em; height: auto; margin: 0px 0px 10px 60px;}
/*----------------------------------------------------------------*/

/* リクルート　営業ページ  text-----------------------------------*/
.sales_title {font-size: 1.1em; margin: 0px 0px 0px 34px;  font-weight: bold; color: #ED6D4B;}
.sales_text {width: 43em; height: auto; margin: 0px 0px 20px 50px;}
/*----------------------------------------------------------------*/

/* リクルート　共通　テーブル-------------------------------------*/
table#recruite_box {width: 600px; height: auto; background-color: #f8f8f8; border: solid 1px #d3d3d3; margin-left: 30px; padding: 0px 10px 10px 10px; margin-bottom: 15px;}
table#recruite_box td.left {width: 125px; height: auto; text-align: center; padding-left: 5px; border-bottom: dotted 1px #d3d3d3; padding: 5px 0px 5px 10px;}
table#recruite_box td.right {width: 380px; height: auto; vertical-align: top; text-align: left; border-bottom: dotted 1px #d3d3d3; padding-right: 20px; padding: 5px 0px 5px 10px;}
table#recruite_box td.noline_l {width: 125px; height: auto; text-align: center; padding-left: 5px; padding-top: 10px; padding-bottom: 10px;}
table#recruite_box td.noline_r {width: 380px; height: auto; vertical-align: top; text-align: left; padding-right: 20px; padding-left: 15px; padding-top: 10px; padding-bottom: 10px;}
/*----------------------------------------------------------------*/

/* guideline　ページ----------------------------------------------*/
.guideline_l {width: 108px; height: 108px; float: left;}
.guideline_r {width: 450px; height: auto; float: left; font-size: 13px; color: #7D7D7D; line-height: 1.6em; margin-left: 10px;}
.guideline_str {width: 450px; height: auto; font-size: 15px; font-weight: bold; color: #F39939; line-height: 1.1em; border-bottom: solid 1px #F39939; margin-bottom: 10px; margin-top: 5px;}
.guideline_r1 {width: 450px; height: auto; float: left; font-size: 13px; color: #7D7D7D; line-height: 1.6em; margin-left: 10px;}
.guideline_str1 {width: 450px; height: auto; font-size: 15px; font-weight: bold; color: #26B7BC; line-height: 1.1em; border-bottom: solid 1px #26B7BC; margin-bottom: 10px; margin-top: 5px;}
.guideline_r2 {width: 450px; height: auto; float: left; font-size: 13px; color: #7D7D7D; line-height: 1.6em; margin-left: 10px;}
.guideline_str2 {width: 450px; height: auto; font-size: 15px; font-weight: bold; color: #EC6D65; line-height: 1.1em; border-bottom: solid 1px #EC6D65; margin-bottom: 10px; margin-top: 5px;}
/*----------------------------------------------------------------*/

/*タブ採用ページ shop---------------------------------------------*/
#tab-container {width: 560px; height: 30px; padding-left: 60px; margin-top: 30px;}
#tab-container-1-nav li {height: 30px;  width: 80px; list-style: none; float: left;}
#tab-container-1-nav li a{height: 30px; width: 80px; background-color: #999999; float: left; text-align: center; color: #ffffff; line-height: 32px; font-size: 10px; font-weight: bold;}
#tab-container-1-nav li a:hover{height: 30px; width: 80px; background-color: #666666; float: left; text-align: center; color: #ffffff; line-height: 32px; font-size: 10px; font-weight: bold;}
.tab {height: auto; width: 560px; border: solid 1px #a2acb4; margin-left: 60px; margin-bottom: 30px;}
.rec_txt {height: auto; width: 500px; border-bottom: dotted 1px #999999; margin-left: 30px; margin-top: 10px;}
.rec_txt2 {height: auto; width: 500px; margin-left: 30px; margin-top: 10px;}
.text_left {height: auto; width: 110px; float: left;}
.text_right {height: auto; width: 380px; float: right;  padding-bottom: 10px;}
.text_divi1 {height: auto; width: 150px; float: left;  padding-bottom: 10px; padding-left: 10px; margin-right: 20px;}
.text_divi2 {height: auto; width: auto; float: left;  padding-bottom: 10px}
.empty {clear: both;}
/*firebox タブ-----------------------------------------------------*/
.text_wg_l {height: auto; width: 190px; float: left; font-size: 11px; line-height: 1.4em;}
.text_wg_r {height: auto; width: 300px; float: right;  padding-bottom: 10px; font-size: 11px; line-height: 1.4em;}
/*-----------------------------------------------------------------*/

/* portfolio-----------------------------------*/
.portfo_in {width: 650px; height: auto; margin-bottom: 20px; border-bottom: dotted 1px #d3d3d3; padding-bottom: 5px;}
.portfo_l1 {width: 86px; height: 66px; font-size: 1.1em; padding-top: 20px; font-weight: bold; float: left; background-image: url(../image/imn/shop_icon.gif); background-repeat: no-repeat; text-align: center;}
.portfo_l2 {width: 337px; height: 86px; padding-left: 3px; float: left;}
.portfo_l3 {width: 180px; height: 86px; float: left;}
/*----------------------------------------------------------------*/