@charset "UTF-8";

/* リセット */
*{ margin:0;}
li{list-style:none;}
.clear{ clear:both;}
hr.clear{ clear:both; border:none; height:0px;}
hr{ clear:both; border:none; height:0px;}
/* 共通部分 */
body{color:#393939; font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif; font-size:14px; line-height:18px; border-top: 5px solid #d70c18;}
.onlysp{}
.onlypc{ display:none;}
img{ max-width: 100%;}
.clearfix:after {content: "";display: table;clear: both;}

/* 文字 */
p{font-size:14px; line-height:18px;}
.hired{color:#BE0A0A;}
i{ padding-right:2px;}
.small{ font-size:12px;}
/***フロート***/
.left{ float:left;}
.right{ float:right;}

/* 注記 */
ul.chuki{ padding:5px; margin-left:1em;}
ul.chuki li{ text-indent:-1em; margin-left:1em; padding-bottom:5px; text-align:left; font-size:12px;}

/* リンクアイコン */
a{ color:#333;}
a.pdf{ background:url(/parts/img/com_icon_pdf.png) no-repeat left top; padding: 2px 0 3px 25px; background-size:20px;}
span.pdf{ font-size:10px;}
a.web{ background:url(/page/hiwp/img/com_icon_web.png) no-repeat left top; padding: 2px 0 3px 25px; background-size:20px;}

/* 表１ */
table.hyo1{ border:2px solid #999;border-collapse: collapse; margin:0 auto; background-color:#FFFFFF;}
table.hyo1 th{ border:1px solid #999;border-collapse: collapse; padding:10px;}
table.hyo1 td{ border:1px solid #999;border-collapse: collapse; padding:10px;}

/**********************************************************************/
header h1{ text-align: left;}
header h1 img{ max-width: 140px;}
h2{text-align:center; font-size:30px;letter-spacing:2px;}
h3{text-align:center; font-size:18px; font-weight:bold;padding:10px 0; line-height: 30px; letter-spacing:2px; color:#000;}
h4{text-align:center; font-size:20px; padding:10px 0; font-weight:normal; line-height:30px; color:#000;}
h4 span{ display: block;text-align:center; font-size:12px; line-height: 18px; padding:5px; font-weight:normal; color:#666; letter-spacing: 2px;}
h5{text-align:center; font-size:16px; padding:20px 0; color:#000; }

#page_en h1{ font-size:10px; letter-spacing:1px;}

/**********************************************************************/

/* 共通：ヘッダー*/
header{}
#top header hgroup{}
/* 共通：フッター*/
footer { padding-top: 30px;}
footer h1{background:url(/parts/img/common/hi_logo.png) no-repeat center top; background-size: 100px; padding: 60px 0 0; text-align: center; width: 150px; margin: 30px auto; clear: both;}
footer ul{ display: flex; flex-wrap: wrap;}
footer ul li{ width: 50%; border-bottom: 1px solid #fff;}
footer ul li:nth-child(2n) {border-left: 1px solid #fff; box-sizing: border-box;}
footer ul li p{ display:none;}
footer ul li h2{ font-size: 14px; line-height: 24px; text-align:center;}
footer ul li p a{text-decoration: none;  color: #99191B; display: block; border: 1px solid #99191B; padding: 6px; text-align: center; margin: 10px 5px 0;}
footer ul li h2 a{text-decoration: none;  color: #fff; display: block; padding: 10px; text-align: center; background: #99191B;}
footer ul li p span{ font-size: 10px;}

footer .pmark{width: 50px; position: absolute; top:40px; right: 20px;}
footer .pmark img{width: 100%;}
footer ol{ display: flex; flex-wrap: wrap;justify-content: center;}
footer ol li{ width: 50%; margin: 0 ; text-align: center; padding: 10px 0;}
footer ol li p{ font-size: 12px;}
footer #copyright{ text-align:center; font-size:10px; letter-spacing:1px; padding:5px;  margin-top:10px; font-weight:normal;}

section{}
/* 共通：左上ロゴ*/
hgroup{ text-align: left; padding: 20px;}
hgroup img{ width: 100px;}
#pankuzu{ display:none;list-style:none;}
#pankuzu li{list-style:none;}
/* 共通：グローバルナビ*/
header nav { display: none;}
header nav ul{ width:780px;}
header nav li{ float:left; width:130px;}
header nav li a{ text-decoration: none; display: block; padding: 10px; text-align: center; font-weight: bold;}
header nav li a.here{ background-color:#555;}
header nav li a span{ font-size: 8px; letter-spacing: 2px; color: #666;padding: 5px; display: block;}
header #language{ position: absolute; top: 45px; right: 30px; width: 100px;}
header #language a{ display: block; text-decoration: none;font-size: 10px; padding: 5px 10px; font-weight: bold; text-align:center; border: 1px solid #ccc;  letter-spacing: 2px;
border-radius: 5px ;        /* CSS3草案 */  
-webkit-border-radius: 5px ;    /* Safari,Google Chrome用 */  
-moz-border-radius: 5px ;   /* Firefox用 */}
header #menu_btn{ position: fixed;top: 0px; right: 30px; width: 100px;}
header #menu_btn a{ display: block; text-decoration: none;font-size: 10px; padding: 7px 10px 5px; font-weight: bold; text-align:center; background-color:#d70c18; color:#FFF; letter-spacing: 2px;
border-radius: 0 0 5px 5px ;        /* CSS3草案 */  
-webkit-border-radius: 0 0 5px 5px ;    /* Safari,Google Chrome用 */  
-moz-border-radius: 0 0 5px 5px ;   /* Firefox用 */}

/* 共通：ページ先頭へ***/
#pagetop{position: fixed;bottom: 60px; right:10px; z-index:900;}
#pagetop a{ width:30px; height:30px; line-height: 30px; margin:0 auto; color:#FFF; text-decoration:none; text-align:center; display:block; background-color:#99191B;opacity: 0.9;
border-radius: 100px;    /* CSS3草案 */  
-webkit-border-radius: 100px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 100px;   /* Firefox用 */
background-image:url(/hiwp/img/common/com_arrow2.png); background-repeat:no-repeat; background-position: center center;} 
#pagetop a:hover{ }


/**********************************************************************/

/* ボタン***/

#newslist p.btn,
#newspage p.btn,
p.btn{ width:200px;margin:20px auto;}
#newslist p.btn a,
#newspage p.btn a,
p.btn a{ display: block; padding: 10px; text-align: center; background: #333; color: #fff; text-decoration: none;
border-radius: 3px; /* CSS3草案 */-webkit-border-radius: 3px;/* Safari,Google Chrome用 */-moz-border-radius: 3px; /* Firefox用 */}
#newslist p.btn a:hover,
#newspage p.btn a:hover,
p.btn a:hover{ background: #666; transition: 1s;}


/* ニュース***/
#newslist h3{ text-align: center;}


#newslist{}
#newslist ul{}
#newslist ul li:first-child { border-top:1px dotted #999;}
#newslist ul li { border-bottom:1px dotted #999;padding:20px 0; display: flex; flex-wrap: wrap;}
#newslist ul li p.date{ width:100px; font-size:12px; padding:2px 0; margin-left: 10px;}
#newslist ul li p.category{width:80px;}
#newslist ul li p.category span{ display:block; width:60px; font-size:10px;color:#fff; text-align:center;
border-radius: 3px; /* CSS3草案 */-webkit-border-radius: 3px;/* Safari,Google Chrome用 */-moz-border-radius: 3px; /* Firefox用 */}
#newslist ul li p.category span.press{background-color: #096;}
#newslist ul li p.category span.info{background-color:#900;}
#newslist ul li h4{ min-width: 280px; font-size:14px; text-align:left;  margin: 5px 10px; line-height:18px;}

#newslist h3{}
#newslist p.summary{border:none; padding:20px;}
#newslist ul.pagination{}
#newslist ul.pagination li{float:left;border:none;}
#newslist ul.pagination li a{ text-decoration:none; border:#999 1px solid; padding:5px 10px; margin:3px;}
#newslist ul.pagination li.active a{ background-color:#333;text-decoration:none; border:#999 1px solid;background-image:none; font-size:12px; color:#FFFFFF;}

/* ニュース（詳細）***/
#newspage h4{ text-align: left; padding: 10px 20px; border-bottom: 1px dotted #ccc; border-left: 5px solid #d70c18; margin: 0;}
#newspage p.date{font-size:12px; padding:15px; text-align:right; letter-spacing:1px;}
#newspage .kiji-box{ padding: 10px;}
#newspage .kiji-box p{ font-size: 16px; line-height: 24px; padding-bottom: 10px;}
#newspage h5{padding: 30px 0 20px; font-weight: bold; font-weight: bold; font-size: 20px; line-height: 140%; text-align: left;}
#newspage .wp-block-gallery {display: flex; flex-wrap: wrap; padding: 20px 0;}
#newspage .wp-block-gallery .wp-block-image {flex-grow: 0; text-align: center; padding: 5px 0;}
#newspage .wp-block-image img { max-width: 95%; height: auto;}

#newspage table{ border:2px solid #999;border-collapse: collapse; margin:0 auto; background-color:#FFFFFF; padding: 30px 0;}
#newspage table th{ border:1px solid #999;border-collapse: collapse; padding:10px;}
#newspage table td{ border:1px solid #999;border-collapse: collapse; padding:10px;}

/**********************************************************************/

/* INDEX：ピックアップ***/
#top #pickup{ margin-top: 20px;}
#top #pickup h3{ margin-top: 30px;}
#top #pickup h3 span{ font-size: 12px; line-height: 24px;}
#top #pickup ul{ padding: 5px;}
#top #pickup li{}
#top #pickup li a{ background: #FF0004; margin: 10px 5px 0 5px; display: block; height: 150px; text-decoration: none;}
#top #pickup li.pickup01{}
#top #pickup li.pickup01 a{background:url(/parts/img/iota/iota_mainv.png) no-repeat center center; background-size:100% auto;}
#top #pickup li.pickup02{}
#top #pickup li.pickup02 a{background:url(/parts/img/rasman/rasman_mainv.png) no-repeat center center; background-size:100% auto;}
#top #pickup li.pickup03{}
#top #pickup li.pickup03 a{background:url(/parts/img/pulse/pulse_mainv.png) no-repeat center center; background-size:100% auto;}
#top #pickup li.pickup04{}
#top #pickup li.pickup04 a{background:url(/parts/img/top/top_youtube.png) no-repeat center center; background-size:100% auto;}
#top #pickup li span{ font-weight: bold; color: #fff; padding: 10px; text-decoration: none;}
#top #pickup li span.new{ display: block;background:url(/parts/img/top/top_icon_new.png) no-repeat top right; background-size: 70px; height: 100%;}
#top #pickup li span.check{display: block;background:url(/parts/img/top/top_icon_check.png) no-repeat top right; background-size: 70px; height: 100%;}


/* 2階層目（共通）***/
.box{padding:10px;margin:0 auto;}
.lead{margin:0 auto; padding: 10px;}
.lead p{ line-height: 24px; padding-bottom:10px; text-indent:0em; text-align:left;}

#top .lead{ padding: 30px 0 15px;}
#top .lead p{ padding-bottom:10px; text-indent:0em; text-align:center; font-size: 12px; font-weight: bold;line-height: 18px;}
#top .lead p strong{ color: #d70c18;}

/*　見出し */
#top #mainv{}
#top #mainv h2{ padding: 10px 0; font-size: 18px; line-height: 30px;}
#top #mainv p{ text-align: center; padding: 10px;}
#top #mainv ul{ padding: 10px 0; background:url(/parts/img/top/top_mainv.png) no-repeat center center; background-size: auto 100%;}
#top #mainv ul li{ float: left; width: 50%;}
#top #mainv ul li a{ text-decoration: none; text-align: center; color: #fff; padding-top: 80px; display: block;}
#top #mainv ul li.contact-icon01 a{background:url(/parts/img/top/top_mainv_icon01.png) no-repeat center top; background-size: 70px auto;}
#top #mainv ul li.contact-icon02 a{background:url(/parts/img/top/top_mainv_icon02.png) no-repeat center top; background-size: 70px auto;}
#top #mainv ul li.contact-icon03 a{background:url(/parts/img/top/top_mainv_icon03.png) no-repeat center top; background-size: 70px auto;}
#top #mainv ul li.contact-icon04 a{background:url(/parts/img/top/top_mainv_icon04.png) no-repeat center top; background-size: 70px auto;}
#products #mainv{ width: 100%;}
#corporate #mainv{background:url(/parts/img/common/corporate_mainv.png) no-repeat center center; background-size: 100% auto; width: 100%;}
#corporate #mainv p{ color: #fff; line-height: 100px; padding: 0; margin: 0 20px; font-size: 16px; }
#page_recruit #mainv{background:url(/parts/img/common/recruit_mainv.png) no-repeat center center; background-size: 100% auto; width: 100%;}
#page_recruit #mainv p{ color: #fff; line-height: 100px; padding: 0; margin: 0 20px; font-size: 16px; }
#page_products #mainv{background:url(/parts/img/common/products_mainv.png) no-repeat center center; background-size: 100% auto; width: 100%;}
#page_products #mainv p{ color: #fff; line-height: 100px; padding: 0; margin: 0 20px; font-size: 16px; }

/**********************************************************************/
/* 製品情報分岐（サンプル）***/
#products-list{ padding-bottom: 70px;}
#products-list section a{ margin-bottom: 50px; text-decoration: none;}
#products-list section a:hover{opacity: 0.7;}
#products-list section figure{ width: 100%; height: 200px; text-align: center; overflow: hidden; display: none;}
#products-list section figure img{ width: 100%;}
#products-list section div{ padding: 5px; margin-bottom: 30px; border: 2px solid #666;
    border-radius: 10px ;        /* CSS3草案 */  
-webkit-border-radius: 10px ;    /* Safari,Google Chrome用 */  
-moz-border-radius: 10px ;   /* Firefox用 */}
#products-list section div h5{}
#products-list section div h5 strong{ font-size: 30px; line-height: 42px;}
#products-list section div h5 span{ display: block;color: #0BA785;}
#products-list section div p{ padding-bottom: 10px;}
#products-list section div ul{ display: flex; flex-wrap: wrap; justify-content: center;padding: 0; margin: 0;}
#products-list section div ul li{ margin: 5px 5px; height: 45px; width: 155px;
    border-radius: 5px ;        /* CSS3草案 */  
-webkit-border-radius: 5px ;    /* Safari,Google Chrome用 */  
-moz-border-radius: 5px ;   /* Firefox用 */}
#products-list section div ul li.cat-tsushin{ background: #36846c;}
#products-list section div ul li.cat-ai{ background: #782d40;}
#products-list section div ul li.cat-security{ background:#006885; }
#products-list section div ul li.cat-iot{ background: #402c67;}
#products-list section div ul li span{ text-align: center; font-size: 14px;line-height: 14px; color: #fff; display: block; padding: 0; margin: 0;}
#products-list section div ul li.line1 span{ padding: 16px 0;}
#products-list section div ul li.line2 span{ padding: 16px 0;}
#products-list section div ul li.line3 span{ padding: 10px 0;}
#products-list section div h6{ width: 150px; margin: 10px auto; border: 1px solid #999; color: #999; padding: 5px; text-align: center;
    border-radius: 50px ;        /* CSS3草案 */  
-webkit-border-radius: 50px ;    /* Safari,Google Chrome用 */  
-moz-border-radius: 50px ;   /* Firefox用 */}

/* 製品情報分岐（2023年10月までの製品トップ）
#product-list{ padding: 10px 0 50px;}
#product-list ul{ display: flex; flex-wrap: wrap; justify-content: center;}
#product-list ul li{ width: 30%; margin-top: 20px;}
#product-list ul li p{ text-align: center; font-size: 16px; line-height: 24px; font-weight: bold;}

#product-list ul li p span{ font-size: 12px; line-height: 16px; display: block;}
#product-list ul li a{ text-decoration: none; text-align: center; display: block;}
#product-list ul li img{ width: 80%; text-align: center;
    border-radius: 200px ;
-webkit-border-radius: 200px ;
-moz-border-radius: 200px ;}***/

/* 製品情報分岐TEST（リード）
#products #comment .lead{ margin-top:20px;}
#products #comment .lead p{ line-height: 36px;}

#products ul#productlist{ background: red;}
#products ul#productlist li{ text-align:center; font-size:18px; color:#999; padding:20px; border-bottom:1px dotted #666;}
#products ul#productlist li{ width:50%; float:left; padding:20px 0; border:none;}
#products ul#productlist li a{ color:#CCC;padding:5px 20px 5px 20px;background:url(/hiwp/img/common/com_pankuzu_arrow.png) no-repeat left; font-size:12px;}

#products .old_products{ padding: 30px; border-top: 1px dotted #999; margin: 50px auto 0; clear: both;}
#products .old_products p{ padding: 10px;}

#aboutus .old_products{ padding: 30px; border-top: 1px dotted #999; margin: 50px auto 0; clear: both;}
#aboutus .old_products p{ padding: 10px;}
#aboutus .old_products p a{ color: #fff;}***/

/* ムービー集***/
#moviegallery{}
#moviegallery ul{}
#moviegallery ul li{ text-align:center;}
#moviegallery ul li iframe{ width:320px; height:180px;}

/* 製品情報個別ページ*/
#products #tokuchou,
#products #tokuchou_3f,
#products #kinou,
#products #guide,
#products #shiyou{ background-color:#FFF; border-bottom:1px solid #999;}
#products #kinou img { max-width:100%;}
#products .box{ padding: 20px 0;}
#products .new{ font-size:10px; color: #C00; font-weight:bold; padding:0 10px;}
#products p.hosoku{ margin:0 auto; text-align:left;}

/* 製品情報（VIT仕様）*/
#products #shiyou .box .box2 dl{ margin:0 auto;}
#products #shiyou .box .box2 dl dt{ padding:20px 10px 10px; font-weight:bold; font-size:16px;}
#products #shiyou .box .box2 dl dd{ padding:5px 20px 20px 30px; text-align:left; border-bottom:1px dotted #CCC;}

/* 製品情報（画像とキャプション*/
#products .box figure{ text-align:center; padding:5px; margin:20px auto;}
#products .box figure img{}
#products .box figure figcaption{ font-size:14px; text-align:center; padding:5px;}
#products .box p{ text-align:left;}
/* 製品情報（機能リスト２カラム）*/
#products .box dl.kinoulist{ width:450px; margin:0 auto;}
#products .box dl.kinoulist dt{text-align: left;}
#products .box dl.kinoulist dd{}
#products .box dl.kinoulist_full{ width:800px; margin:0 auto; clear:both; padding-top:20px;}
#products .box dl.kinoulist_full dt{ text-align:center;}
#products .box dl.kinoulist_full{}
/* 製品情報（製品仕様）*/
#products .box #seihinshiyou{ width:960px; margin:0 auto;}
#products .box #seihinshiyou dl{ width:240px; float:left;}
#products .box #seihinshiyou dl dt{font-weight:bold; padding:20px; text-align:center;}
#products .box #seihinshiyou dl dd{ padding:10px;margin:0 10px;}
#products .box #seihinshiyou dl dd span{ font-size:12px;}
/* 製品情報（UIC動作環境）*/
#products .box #dousakankyou{ width:800px; margin:0 auto;}
#products .box #dousakankyou dl{ width:400px; float:left;}
#products .box #dousakankyou dl dt{font-weight:bold; padding:20px; text-align:center;}
#products .box #dousakankyou dl dd{ padding:10px;margin:0 20px;}
#products .box #dousakankyou dl dd span{ font-size:12px;}
#products .box #dousakankyou hr{ margin:0; padding:0;border: dotted #666;border-width:1px 0 0 0;height:1px;/* for IE6 */clear:both;/* for IE6 */}
/* 製品情報（HIG動作環境）*/
#products .box #hig_dousakankyou{ width:760px; margin:0 auto;}
#products .box #hig_dousakankyou dl{ width:760px;}
#products .box #hig_dousakankyou dl dt{ float:left; width:220px; font-weight:normal; font-size:14px; padding:10px 0; border-top:1px dotted #666; }
#products .box #hig_dousakankyou dl dd{ float:left; width:540px; border:0; padding:10px 0; border-top:1px dotted #666;}
#products .box #hig_dousakankyou dl dt.last,
#products .box #hig_dousakankyou dl dd.last{  border-bottom:1px dotted #666;}
#products .box #hig_dousakankyou dl dd span{ font-size:12px;}


/* 【IoTA他】 */

#products h3{ padding-bottom: 10px; font-size: 18px;}
#products #iota_mainv{ position:relative;background:url(/parts/img/iota/iota_mainv.png) no-repeat center center #000; background-size: auto 100%; height:160px;}
#products #pulse_mainv{ position:relative;background:url(/parts/img/pulse/pulse_mainv.png) no-repeat center center #000; background-size: auto 100%; height:160px;}
#products #rasman_mainv{ position:relative;background:url(/parts/img/rasman/rasman_mainv.png) no-repeat center center #000; background-size: auto 100%; height:160px;}

#products #iota_mainv h2,
#products #pulse_mainv h2,
#products #rasman_mainv h2{ clear:both; position:absolute; left:0; top:80px;font-size: 14px; text-align: center;line-height:20px;color:#fff; background-color: rgba(0,0,0,0.6); width: 100%;}

#products #iota_mainv h2 span,
#products #pulse_mainv h2 span,
#products #rasman_mainv h2 span{ font-size:12px;}

#products #iota_mainv h2 strong,
#products #pulse_mainv h2 strong,
#products #rasman_mainv h2 strong{font-size:12px;font-weight:normal;}

#products figure{ text-align: center;}

#products dl.iota_kinou dt,
#products dl.pulse_kinou dt,
#products dl.rasman_kinou dt,
#products dl.vit_kinou dt,
#products dl.affinity_kinou dt{ background: #0e7374; color: #FFF; text-align: center; padding: 10px 0; width: 200px; margin-top: 30px;}
#products dl.iota_kinou dd,
#products dl.pulse_kinou dd,
#products dl.rasman_kinou dd,
#products dl.vit_kinou dd,
#products dl.affinity_kinou dd{ padding: 20px 30px; border-bottom: 1px dotted #ccc;}


/* 製品情報（VIT仕様）*/
#products .box .box2 dl{}
#products .box .box2 dl dt{ padding:20px 0px 5px; font-weight:bold;}
#products  .box .box2 dl dd{ padding:5px 10px 10px; text-align:left; border-bottom:1px dotted #CCC; font-size:12px;}

#products dl.targetlist dt{ padding: 10px 0;margin: 30px auto 5px; text-align: center; font-weight: bold; font-size: 18px; border-bottom: 3px solid #38d2d5; width: 220px;}
#products dl.targetlist dd{ padding: 20px 10px; text-align: center; font-size: 18px;}

/**********************************************************************/

aside#sidemenu{ display: none;position: fixed; z-index: 999; width: 200px; top: 150px; right: 0;}
aside#sidemenu ul{ background:rgba(178,25,28,.9);}
aside#sidemenu ul li a{ display: block; padding: 15px 20px; text-decoration: none; color: #fff; border-bottom: 1px solid #B2191C;}
aside#sidemenu ul li a:hover{ background: #B2191C;}
aside#sidemenu ul li:last-child a{ border: none;}

/* 企業情報（概要）*/
#corporate #profile{}
#corporate #profile .profile_hyo{ margin:10px;}
dl.hyo { padding-bottom: 30px; border-bottom: 1px dotted #ccc;}
dl.hyo dt{ font-weight: bold; padding: 10px 0 5px 0; border-bottom: 1px dotted #ccc;}
dl.hyo dd{ padding: 5px 10px 10px; font-size: 14px;}
dl.hyo dd span{ font-size: 10px;}

/*-- 英吾表記------------------------------------------*/
#corporate #profile dl.hyo dd.last ul.en_local_train li{} 
/*-----------------------------------------------------*/

/* アクセス*/
#access .box{ text-align: center;}

/*-----------------------------------------------------*/
/* 企業情報（取引先）*/
#client{}
#client dl.clientlist{ margin: 10px;}
#client dl.clientlist dt{ text-align:center; font-size:14px; font-weight:bold; padding: 10px 0; margin: 0 5px; border-bottom: 1px solid #ccc;}
#client dl.clientlist dd{padding:5px;}
#client dl.clientlist p{ text-align:right; clear:both; padding:20px 5px 10px; font-size:14px; color:#999;}
#client dl dd.tel{ font-size:18px; font-weight:bold;}

/* 企業情報（沿革）*/
#history{background:url(/hiwp/img/common/corporate_bg_history.png) no-repeat left bottom; background-color:#fff;}
#history th{ padding:2px; font-size: 12px;}
#history th.year{width:50px;}
#history th.manth{width:30px;}
#history td{  padding:2px; font-size:14px;}

/* 企業情報（電子公告）*/
#corporate #koukoku{}
#corporate #koukoku ul li{ text-align: center;}

/**********************************************************************/

/* PDF */
p.link_pdf{ margin:10px 20px;}
p.link_pdf a{ background:url(/parts/img/com_icon_pdf.png) no-repeat 0 2px; ; background-size: 18px; padding-left:24px; padding-bottom:5px;}


/* フォーム***/
#form-box{}
#form-box dl{ margin: 0 auto;padding:20px 0;}
#form-box dl dt{padding:10px; font-weight: bold;}
#form-box dl dt span{ color:#999;; padding: 0 5px; font-size: 12px;}
#form-box dl dd{padding:0 5px 10px; border-bottom: 1px solid #ccc;}


/* 採用情報（概要）*/
#page_recruit #youkou_box { margin: 10px;}

/*-- 表（dl使用） --*/



/* 採用情報（応募方法）*/
#page_recruit #oubo_box .box ul.oubo_wrap{ padding: 30px 0; margin: 10px; 
    border-radius: 5px ;        /* CSS3草案 */  
-webkit-border-radius: 5px ;    /* Safari,Google Chrome用 */  
-moz-border-radius: 5px ;   /* Firefox用 */}
#page_recruit #oubo_box .box ul.oubo_wrap>li{ text-align: center;}
#page_recruit #oubo_box .box ul.oubo_wrap>li h5{ font-size: 20px;}
#page_recruit #oubo_box .box ul.oubo_wrap>li:last-child { border-left: 1px dotted #ccc; box-sizing: border-box;}
#page_recruit #oubo_box .box ul.oubo_wrap>li:last-child p{ margin: 20px 0;}
#page_recruit #oubo_box .box ul.oubo_wrap>li:last-child ol{ margin-left: 80px;}
#page_recruit #oubo_box .box ul.oubo_wrap>li:last-child ol li{ text-align: left;}

/**********************************************************************/


/* ご利用上の注意***/
#aboutsite #chui{ background-color:#FFF; border-bottom:1px solid #999; margin-top:30px;}
#aboutsite #chui .box dl{ margin:0 auto;}
#aboutsite #chui .box dl dt{ padding:20px 10px 10px; font-weight:bold; font-size:14px; text-align:left;}
#aboutsite #chui .box dl dd{ padding:5px 20px 20px 30px; text-align:left; border-bottom:1px dotted #CCC;font-size:14px;}
#aboutsite #chui .box dl dd ul{ border:1px dotted #666666; padding:10px 20px;}
#aboutsite #chui .box dl dd li{ padding:5px; list-style-type:disc;margin-left:2em;}
#aboutsite #chui ul{ padding:20px 0;}
#aboutsite #chui ul li{ padding:5px; list-style-type:disc;margin-left:2em;}

/**********************************************************************/