@charset "utf-8";

/* =============================中ページ共通==================================== */

/*ページのフェードイン　js無し*/
body.naka {animation: fadeIn 0.6s ease 0s 0.7 normal;-webkit-animation: fadeIn 0.6s ease 0s 0.7 normal;}
@keyframes fadeIn {
	0% {opacity: 0.3}
	100% {opacity: 1}
}
@-webkit-keyframes fadeIn {
	0% {opacity: 0.3}
	100% {opacity: 1}
}



/*/////////////　header　//////////////////////////////*/


/*パンくず------------*/
.breadcrumb-box{width: 1100px;margin: 1px auto 0 auto;overflow: hidden;}
#breadcrumb{font-size: 72%;white-space: nowrap;/*! overflow: hidden; */font-weight:normal;}
#breadcrumb div{display:inline;color:#999;padding-right:10px;}
#breadcrumb div a{color:#444;margin-right:10px;text-decoration:underline;}
#breadcrumb div a:hover{color:#999;}



/* 中ページ共通の各セクション-------------------*/
body.naka .section{padding:50px 0 80px 0;}
body.naka .section.first{padding: 40px 0 90px 0;}
body.naka .section.end {padding: 60px 0 50px 0;border-top: 1px solid #ececec;background-color: #f9f9f9;}


/*sectionの背景色*/
.whiteglay-bg{background-color:#f5f5f5;}


/*PCとスマホで画像切り替え　640px*/
.pc-cont{}
.sp-cont{display:none;}


/* =============中ページ共通のスタイル================== */
/*見出し----------------*/
h2{font-size:200%;line-height:1.5;color:#000;text-align: center;margin:10px 0 50px 0;font-family:'Noto Sans JP';font-weight:600;}

h3{font-size:136%;line-height:1.3;margin: 10px 0 20px 0;color: #000;font-family:'Noto Sans JP';font-weight:500;}

h4{font-size:136%;line-height:1.2;color:#003e74;padding-bottom:17px;border-bottom:1px solid #003e74;margin-bottom:17px;font-family:'Noto Sans JP';font-weight: 600;letter-spacing: 0.05em;}

.midashi5{font-size:136%;line-height:1.2;color:#003e72;background-color:rgba(0,0,0,0.06);padding:9px 0 9px 20px;border-left:2px solid #003e72;margin-bottom:15px;text-align: left;font-weight: bold;letter-spacing: 0.05em;}

.midashi6{font-size:108%;line-height:1.2;font-weight:bold;color:#333;padding-bottom:5px;border-bottom:1px dotted #666;margin-bottom:10px;}

.midashi7{position: relative;font-size:108%;line-height:1.2;color:#000;margin-bottom:20px;}
.midashi7:before {content: "";display: block;width:50px;height: 1px;background: #666;position: absolute;bottom: -8px;left: 0;}


/*字下げ*/
.jisage{padding-left: 1em;text-indent: -1em;}
/*インデント*/
.indent{padding-left: 1em;}

/*色*/
.color1{color:#3155a4;}/*基本色 ブルー*/
.color-red{color:#cc0000;}
.color2{color:#cc3333;}/*注意色*/
.color3{color:#ac1e1e;}/*基本色 赤*/



/* ========= 管理者画面からのスタイル ============*/
/*文字サイズ*/
strong{font-weight:bold;}
big{font-size:122%;}

small,
.small{font-size: 76%;line-height: 1.3;}

.font-size8{font-size:51%;line-height:1.2;}
.font-size10{font-size:65%;line-height:1.2;}
.font-size12{font-size:79%;line-height:1.5;}
.font-size13{font-size:86%;line-height:1.5;}
.font-size14{font-size:93%;line-height:1.7;}
.font-size16{font-size:100%;line-height:1.7;}	
.font-size17{font-size:108%;line-height:1.7;}
.font-size19{font-size:122%;line-height:1.7;}
.font-size20{font-size:129%;line-height:1.5;}
.font-size23{font-size:136%;line-height:1.5;}
.font-size24{font-size:143%;line-height:1.4;}
.font-size28{font-size:156%;line-height:1.3;}
.font-size32{font-size:172%;line-height:1.3;}
.font-size36{font-size:184%;line-height:1.3;}
.font-size40{font-size:200%;line-height:1.2;}
.font-size50{font-size:232%;line-height:1.2;}
.font-size60{font-size:250%;line-height:1.2;}

.noaccent{font-weight:normal;}
.accent{font-weight: bold;}

.nowrap{white-space:nowrap;}

.textleft{text-align:left;}

/* 画像 */
.alignnone,
img.alignnone {margin:7px 0 7px 0;}
.alignleft,
img.alignleft {float: left;margin:7px 25px 7px 0;}
.alignright,
img.alignright {float: right;margin:7px 0 7px 25px;}
aligncenter,
img.aligncenter {clear: both;display: block;margin:7px auto 7px auto;}

/*キャプション付き画像*/
/*
.wp-caption {background: #fff;border: 1px solid #f0f0f0;max-width: 96%;padding: 5px 3px 10px;text-align: center;}
*/
.wp-caption{display: inline-block;}
.wp-caption.alignnone {margin:5px 0 5px 0;width:auto !important;overflow:hidden;}
.wp-caption.alignleft {float:left;margin:5px 20px 5px 0;width:auto !important;}
.wp-caption.alignright {float:right;margin:5px 0 5px 20px;width:auto !important;}
.wp-caption.aligncenter {margin:5px auto 5px auto;}
.wp-caption img {border: 0 none;margin-bottom:3px;padding: 0;/*max-width: 98.5%;width: auto;height: auto;---この3つを入れると管理者画面の画像編集で画像が変形できなくなる*/}
.wp-caption p.wp-caption-text {font-size:79%;line-height:1.2;color:#555555;margin-top:1px;padding:0;}




/*表テーブル*/
table{border-collapse: collapse;background-color:transparent;margin:10px 0 5px 0;width: 100% !important;background-color:#fff;max-width: 100%;}
/* Only Chrome  tableにmax-wdthを指定しているにも関わらず適用されないため */
@media screen and (-webkit-min-device-pixel-ratio:0){
.entry-content table{display: table-row;}
}
table caption{text-align: left;font-weight: bold;}
table tr{vertical-align:middle;}
table th{font-size:86%;padding:7px 8px 6px 8px;line-height: 1.5;font-weight:normal;background-color:#eeeded;color:#000;vertical-align: middle;border: 1px solid #bbb;}
table th.title{background-color:#ff7457;color:#fff;}
table td{font-size:86%;padding:7px 12px 6px 12px;line-height:1.5;text-align:center;border:1px solid #bbb;font-weight:normal;}
table td .alignnone,
table td img.alignnone,
table td .wp-caption.alignnone {margin: 2px -8px 5px 2px;}

table.border-zero{width: auto;margin: 10px auto 5px auto;}
table.border-zero,
table th.border-zero,
table td.border-zero{border:none;text-align:left;vertical-align:top;background-color: transparent;}

table.border-bottom,
table td.border-bottom,
table th.border-bottom,
table.border-bottom th{border-bottom:1px dotted #999;border-top:none;border-left:none;border-right:none;background-color: transparent;}

/*表テーブル スマホ対応用*/
.responsive_table_mask{display:none;}
/*スマホのときだけ表示
.sm-only640{display:none;}
@media screen and (max-width: 640px) {
	.sm-only640{display:block;margin:40px 0 -20px 0;text-align:center;}
}*/
@media screen and (max-width: 640px) {
.scroll-table{overflow: auto;white-space: nowrap;position: relative;}
.scroll-table::-webkit-scrollbar{height: 3px; /* スクロールバーの高さ */}
.scroll-table::-webkit-scrollbar-track{background: #F1F1F1; /* スクロールバーの背景色 */}
.scroll-table::-webkit-scrollbar-thumb {background: #ffa566; /* スクロールバーの色 */}
.scroll-table td,
.scroll-table th{white-space: nowrap;　/* 文字の折返しを禁止 */}
.responsive_table_mask {width: 100%;height: 100%;position: absolute;top: 0;left: 0;background:rgba(0,0,0,0.3) url( '../img/icon_swipe.png' ) no-repeat center 30px;background-size: auto 90px;z-index:2;cursor: pointer;display:block;}
}



/*改行しない*/
.white-space{white-space:nowrap;}

/*リスト*/
body.naka .section ol,
body.naka .section ul{margin-left: 20px;}
/*IE8以上*/
body.naka .section ol,
body.naka .section ul{margin-left: 27px\0;}

body.naka .section ol li,
body.naka .section ul li{line-height:1.4;margin-bottom:8px;}
body.naka .section ol li strong,
body.naka .section ul li strong{padding-top:6px;display: inline-block;}

/*iframe地図*/
#wrapper iframe{border:none;}


/*このボタンは、中ページ全ページで使用*/
/*cssだけでつくったボタンの場合*/
.naka-kuwashii{text-align:center;line-height:1.1;margin-top:50px;}
.naka-kuwashii a{min-width: 220px;font-size: 100%;color: #fff;line-height: 1.0;text-align: center;text-decoration:none !important;display: inline-block;padding:19px 35px 19px 55px;background:#040429 url(../img/arrow_boldwhite15-17.png) no-repeat 30px center;border:1px solid #000;position: relative;z-index: 2;}
.naka-kuwashii a::before,
.naka-kuwashii a::after {position: absolute;z-index: -1;display: block;content: '';}
.naka-kuwashii,
.naka-kuwashii a::before,
.naka-kuwashii a::after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-transition: all .3s;transition: all .3s;}
.naka-kuwashii a:hover{background:#E6EDF2 url(../img/arrow_boldpastelblue15-17.png) no-repeat 30px center;border:;border-color: #3155a4;color:#3155a4;transition: 0.8s;}
.naka-kuwashii a::before,
.naka-kuwashii a::after {top: 0;width: 50%;height: 100%;}
.naka-kuwashii a::before {right: 0;}
.naka-kuwashii a::after {left: 0;}
.naka-kuwashii a:hover::before,
.naka-kuwashii a:focus::before,
.naka-kuwashii a:hover::after,
.naka-kuwashii a:focus::after {width: 0;background-color:#3155a4;}



/*PDFボタン*/
.btn-pdf{font-size:100%;line-height: 1.1;background:url(../img/icon_pdf.gif) no-repeat 0px 0px;padding:0 0 13px 24px;margin-top:10px;}
/*IE8以上*/
.btn-pdf{padding:2px 0 13px 24px\0;}
.btn-pdf a{text-decoration: underline;color: #1e4d90;}
.btn-pdf a:hover{}


/*xlsボタン*/
.btn-xls{font-size:100%;line-height: 1.1;background:url(../img/icon_xls.gif) no-repeat 0px 0px;padding:0 0 13px 24px;margin-top:10px;}
/*IE8以上*/
.btn-xls{padding:2px 0 13px 24px\0;}
.btn-xls a{text-decoration:underline;}
.btn-xls a:hover{}


/*PDF枠付きボタン*/
.btn-pdf2{display: table;margin:20px auto 0 auto;text-align: center;}
.btn-pdf2 a{text-decoration: none;background:#040429 url(../img/icon_pdf2.png) no-repeat 20px center;padding: 16px 25px 15px 57px;display: inline-block;font-size: 115%;color:#fff;line-height: 1;width: 100%;/*! background-size: 28px; */}
.btn-pdf2 a:hover{opacity:0.6;}

/*xlsボタン
.btn-xls{display: table;border: 1px solid #7fb1da;margin:20px auto 0 auto;text-align: center;border-radius: 5px;}
.btn-xls a{text-decoration: none;background: url(../img/icon_xls.gif) no-repeat 20px center;padding: 12px 25px 11px 45px;display: inline-block;font-size: 115%;line-height: 1;}
.btn-xls a:hover{color:#003399;background-color:#ecf5fb;}
*/


/*グレイ色の枠*/
.waku-glay{padding:12px 15px;background-color:#fafafa;border:1px solid #bbb;}
/*注意色の枠*/
.waku-chuui{padding:12px 15px;background-color:#fbfbdd;border:1px solid #e2dfa8;}



/*--------------------------------
     SNS
---------------------------------*/





/*///////////////////////////////////////////////////////////////////////////////*/
/*                 　中ページ共通のmain                                              */
/*///////////////////////////////////////////////////////////////////////////////*/

/*ページ上部の大きな画像-------------*/
body.naka .headerimgs-wrapper{}
body.naka #headerimgs{background:url(../business/img/nakaheaderimg_business.jpg) no-repeat center center;height:200px;width:100%;display:table;}
body.naka #headerimgs ul{vertical-align: middle;display: table-cell;}
/*ページ上部のh1タイトル*/
body.naka #headerimgs ul li h1{text-align:center;color:#fff;font-size:180%;letter-spacing:0.2em;font-family:'Noto Sans JP';font-weight:600;line-height: 1;padding-bottom: 8px;}



/*============　事業内容  business/　=============*/
body.naka#business #headerimgs{background:url(../business/img/nakaheaderimg_business.jpg) no-repeat center center;}

body.naka .section.business-bg1{padding:0 0 50px 0;background:url(../business/img/business_img1_bg.jpg) no-repeat center bottom;}
body.naka .section.business-bg2{padding:130px 0 50px 0;background:url(../business/img/business_img2_bg.jpg) no-repeat center bottom;}
body.naka .section.business-bg3{padding:130px 0 50px 0;background:url(../business/img/business_img3_bg.jpg) no-repeat center bottom;}
body.naka .section.business-bg4{padding:130px 0 50px 0;background:url(../business/img/business_img4_bg.jpg) no-repeat center bottom;}
body.naka .section.business-bg5{padding:130px 0 50px 0;background:url(../business/img/business_img5_bg.jpg) no-repeat center bottom;}

.container.business{width: 100%;max-width: 1390px;}

.business-box{position:relative;z-index:2;width: inherit;}
.business-box dl{}
.business-box dl dt.left{float:left;}
.business-box dl dd.right{float:right;position:absolute;right:0;top:60px;box-shadow: 10px 10px 0 #fff;min-height: 346px;background:#0f3e75 url(../business/img/sankaku.png) no-repeat right bottom;}

.business-box dl dt.right{float:right;}
.business-box dl dd.left{float:left;position:absolute;left:0;top:60px;box-shadow: 10px 10px 0 #fff;min-height: 346px;background:#0f3e75 url(../business/img/sankaku.png) no-repeat right bottom;}


.business-box dl dt{width:61%;}
.business-box dl dt img{height:auto;max-width:100%;}

.business-box dl dd{width:47%;background:#070747;text-align:left;padding:40px 50px 35px 55px;color:#fff;}
.business-box dl dd .midashi{font-size:158%;font-weight:bold;line-height:1.1;border-left: 2px solid #3399ff;height: 100px;display: table-cell;vertical-align: middle;letter-spacing: 0.3em;padding-left: 35px;}
.business-box dl dd .com{line-height:1.8;margin-top:20px;font-size: 93%;}
.business-box dl dd .business-kuwashiku a{margin-top:20px;background:url(../img/arrow_boldwhite15-17.png) no-repeat 0 center;padding:0 0 0 24px;color:#fff;margin-top: 10px;display: inline-block;text-decoration: underline;font-size: 90%;font-weight: bold;}
.business-box dl dd .business-kuwashiku a:hover{opacity:0.6;background-position:4px center;color:#fff;padding:0 0 0 28px;}




/*============　ホームページ制作  website/　=============*/
body.naka#website #headerimgs{background:url(../website/img/nakaheaderimg_website.jpg) no-repeat center center;}

.naka-img{margin-top:50px;}

.website-com span{display:block;}

.section.website2-bg{background:url(../website/img/website2_bg.jpg) no-repeat center center;}
dl.website-teian-waku{width:100%;max-width:1100px;margin:50px auto 0 auto;position:relative;}
dl.website-teian-waku dt{float:left;padding: 10px 0 0 0;width: 39%;text-align: left;}
dl.website-teian-waku dt .title{border-left: 5px solid #003e75;height: 70px;line-height: 70px;padding-left: 18px;font-size: 156%;font-weight: bold;color: #003e75;letter-spacing: 0.1em;}
dl.website-teian-waku dt .com{margin-top: 30px;font-size: 100%;line-height: 2;}
dl.website-teian-waku dd{float:right;width: 56.5%;}
/*
dl.website-teian-waku dt{float:left;position:absolute;top:42px;width:55%;border:20px solid #e8e8ec;background-color:#fff;padding:25px 20px 20px 35px;height: 260px;z-index:5;}
dl.website-teian-waku dt .title{border-left: 3px solid #666;height: 55px;line-height: 75px;padding-left: 12px;font-size: 115%;font-weight: bold;color: #666;}
dl.website-teian-waku dt .com{margin-top: 15px;font-size: 93%;line-height: 2;}
*/

/*当社の評価*/
h3.website-red{font-size:143%;color:#b00303;line-height:2;}





/*============　システム開発  system/　=============*/
body.naka#system #headerimgs{background:url(../system/img/nakaheaderimg_system.jpg) no-repeat center center;}

.system-dl-waku{max-width:1260px;margin:15px auto 0 auto;text-align: left;display:table;border-spacing:29px;}
.system-dl-waku.ri05{margin:-29px auto 0 auto;}

.system-dl-waku-tr{display:table-row;}
dl.system-dl{display:table-cell;vertical-align:top;background-color:#f0f0f0;width:50%;border:8px solid #fff;box-shadow: 0 0 0 1px #ccc, 0 0 0 5px #fff, 0 0 0 6px #ccc;padding:25px 20px 20px 20px;}
dl.system-dl dt{float:left;width:85px;}
dl.system-dl dd{padding: 5px 0 0 120px;}
dl.system-dl dd .midashi{font-size:122%;font-weight:bold;color:#003e74;line-height:1.2;}
dl.system-dl dd .com{font-size:86%;line-height:1.6;margin-top: 20px;}


.section.system2-bg{background:url(../system/img/system2_bg.jpg) no-repeat center center;}

ul.system-ul{max-width:1220px;margin:40px auto 0 auto !important;text-align: center;}
ul.system-ul li{display:inline-block;width:29%;margin:0 1%;}
ul.system-ul li div{position:relative;width:100%;padding-bottom: 96%;border-radius: 50%;background-color:#f0f0f0;border: 7px solid #fff;box-shadow: 0 0 0 1px #ccc, 0 0 0 5px #fff, 0 0 0 6px #ccc;}
ul.system-ul li div .ri-no{position:absolute;right:0;left:0;top: 14%;width: 85px;margin: 0 auto;}
ul.system-ul li div .com{position:absolute;top: 50%;font-weight: bold;line-height: 1.8;color: #444;right: 0;left: 0;}


dl.system-dl2{text-align: left;margin-top:15px}
dl.system-dl2 dt{background-color:#f0f0f0;font-size:108%;font-weight:bold;line-height:1.2;padding:12px 0 12px 1em;margin-bottom:10px;}
dl.system-dl2 dd{margin:0 0 35px 20px;line-height: 1.4;}

/*一覧はこちら
.btn-works-rei a {font-size:100%;font-weight:bold;color: #fff;width:320px;line-height:60px;height:65px;letter-spacing: 0.05em;margin-top:20px;
  position: relative; z-index: 2;display: inline-block;border: 2px solid #003e75;text-align: center;text-decoration: none;outline: none;-webkit-perspective: 300px;perspective: 300px;-webkit-transform-style: preserve-3d;transform-style: preserve-3d;}
.btn-works-rei a::before,
.btn-works-rei a::after {position: absolute;z-index: -1;display: block;content: '';}

.btn-works-rei a,
.btn-works-rei a::before,
.btn-works-rei a::after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-transition: all .3s;transition: all .3s;}

.btn-works-rei a:hover {color:#003e75;}

.btn-works-rei a::after {top: 0;left: 0;width: 100%;height: 100%;background-color:#003e75;-webkit-transform-origin: center bottom;transform-origin: center bottom;-webkit-transform: rotateX(0);transform: rotateX(0);}

.btn-works-rei a:hover::after {-webkit-transform: rotateX(-180deg);transform: rotateX(-180deg);}
*/




/*============　システム開発＞建築業向け 業務管理システム  system-management/　=============*/
body.naka#system-management #headerimgs{background:url(../system/img/nakaheaderimg_system.jpg) no-repeat center center;}

.system-m-ukidashi{position:relative;padding:15px;background-color:#ddd;margin:70px 5% 0 5%;}
.system-m-ukidashi:before{content:"";position:absolute;top:100%;left:50%;margin-left:-12px;border:12px solid transparent;border-top:15px solid #ddd;}
.system-m-ukidashi p{text-align:center;font-size:136%;line-height:1;letter-spacing:0.5em;font-weight:bold;}
	
ul.system-m-ul{margin:35px 0 80px 0 !important;}
ul.system-m-ul li{font-size:108%;font-weight:bold;text-align:center;line-height:1.2;margin-top:20px;}

body.naka#system-management h4{font-size: 158%;}

dl.system-m-dl{margin-top:20px;text-align:left;}
dl.system-m-dl dt{position:relative;font-size:122%;line-height:1.3;color:#003e72;font-weight:bold;padding-left:65px;margin-bottom:8px;}
dl.system-m-dl dt span{position:absolute;display:block;font-size:80px;font-family: "centurygothic";line-height: 0.95;color:#668bac;top:0;left:0px;}
dl.system-m-dl dd{line-height:1.4;padding-left:65px;margin-bottom:35px;}

/*パララックス画像*/
body.naka#system-management #wrapper{background-color:transparent;}
.parallax-inner{background-color: rgba(255,255,255,0.9);padding: 60px 60px 30px 60px;width: 1200px;margin: 0 auto;text-align: center;}
.parallax-window {padding:120px 0;}



/*導入のメリット*/
body.naka#system-management h4.merit{color:#993346;margin-top:70px;}

dl.system-m-dl.merit{}
dl.system-m-dl.merit dt{color:#993346;}
dl.system-m-dl.merit dt span{color:#b97f8b;}

.system-m2{margin-top: 20px;}

/*ITシステム開発実績*/
.system-m-it-rei{width:170px;margin:25px auto 15px auto;background-color:#003e74;color:#fff;line-height:24px;height:26px;text-align:center;}

dl.system-m-dl2{border-bottom:1px solid #ccc;line-height:1.3;text-align: left;}
dl.system-m-dl2.first{border-top:1px solid #ccc;}
dl.system-m-dl2 dt{float:left;width:50%;padding:12px 0 12px 28%;color:#003e73;}
dl.system-m-dl2 dd{padding:12px 0 12px 51%;}

/*標準機能一覧*/
table.system-m-table{}
table.system-m-table tr.color-beige{background-color:#edf5ff;}
table.system-m-table th{background-color:transparent;white-space:nowrap;}
table.system-m-table td{text-align:left;}

/*システム画面一例*/
.system-m-midashi{color:#005eb3;font-size: 110%;text-align: left;margin-bottom: 3px;line-height: 1.4;}
.system-m3{text-align:left;margin-top: 5px;}
.system-m-com{text-align:left;font-size:86%;line-height:1.4;margin:7px 0 0 5px;}

.system-m-harf{float: left;width: 48%;margin-right: 4%;}
.system-m-harf:nth-of-type(2n){margin-right:0;}
ul.system-m-ul2{margin: 0 0 50px 0 !important;text-align: left;}
ul.system-m-ul2 li{display:inline-block;vertical-align:top;width:47%;margin-bottom: 40px !important;}
ul.system-m-ul2 li:nth-child(2){margin-left:5%;}
ul.system-m-ul2 li img{height:auto;max-width: 100%;}
.system-m-harf ul.system-m-ul2 li {width: 100%;}
.system-m-harf ul.system-m-ul2:last-of-type{margin: 0 !important;}

/*デモサイトご利用お申し込み*/
.demoMoshikomiBox{
	background-color:#f5f5f5!important;
	padding:50px 0!important;
}
.demoMoshikomiBtn a{
	display:inline-block;
	font-size:130%;
	font-weight:bold;
	padding:1em 2em;
	line-height:1.5;
	background-color:#037;
	color:#fff;
	text-decoration:none;
	transition: 0.5s;
}
.demoMoshikomiBtn a:hover{
	background-color:#36c;
}



/*============　Webセキュリティ診断サービス  web-security/　=============*/
body.naka#websecurity #headerimgs{background-image:url(../web-security/img/nakaheaderimg_websecurity.jpg);}

.security-bg{background:url(../web-security/img/websecurity_bg.jpg) no-repeat center top;background-size:cover;}

dl.website-teian-waku dt ul{list-style: disc;margin-top: 40px;}
dl.website-teian-waku dt ul li{}

body.naka#websecurity dl.website-teian-waku dd {width: 56.5%;}

dl.website-teian-waku.security-margin1{margin-top:60px;}
dl.website-teian-waku.security-margin1 dt{float:none;width:100%;}

.security-gai-midashi{background-color: #5e6c7c;font-size: 122%;font-weight: bold;line-height: 1.2;padding: 12px 0 12px 1em;margin:25px 0 15px 0;color: #fff;}

.security-com1{margin:15px 0 0 15px;font-size:90%;line-height:1.6;}

.websecurity2{float:right;width:310px;margin-top:60px;}

.security-midashi2-box{padding:0 340px 0 0;}

.security-midashi2{margin-top: 30px;font-size: 115%;font-weight: bold;}
.security-com2{margin: 0 0 0 1em;}
.security-box1{background:rgba(255,255,255,0.6);padding:0.6em 1em;line-height:1.7;margin:10px}

.container.server-shindan{text-align:left;}

.section.security-flow{background: #f5f5f5 url(../web-security/img//arrrow_whitedown111-56.png) no-repeat center top;}

h2.security-flow{margin-top: 20px;color: #003e73;font-size: 190%;letter-spacing: 0.2em;}

ul.security-flow-ul{}
ul.security-flow-ul li{position:relative;color:#003e73;display: inline-block;border:1px solid #376386;border-radius:10px;min-height:440px;
	-ms-writing-mode: tb-lr;writing-mode: vertical-lr;text-orientation: upright;font-feature-settings: normal;vertical-align: top;
	margin-right:3%;padding: 1.5em 1em;
}
ul.security-flow-ul li:after{position: absolute;top:30px;right: -28%;content: url(../img/arrow_blue5-9.png);width: 5px;}

ul.security-flow-ul li dl{display:table;font-size: 122%;}
ul.security-flow-ul li dl dt{display:table-cell;padding-bottom:1em;font-weight: bold;vertical-align: middle;}
ul.security-flow-ul li dl dd{display:table-cell;font-weight: bold;text-align: left;}
ul.security-flow-ul li dl dd span{font-size:86%;}

ul.security-flow-ul li.dan2{}
ul.security-flow-ul li.dan2:after{right: -18%;}

ul.security-flow-ul li:last-child:after{display:none;}

.websecurity4{margin-top:40px;}





/*============　インターネット広告  web-advertising/　=============*/
body.naka#web-advertising #headerimgs{background:url(../web-advertising/img/nakaheaderimg_web-advertising.jpg) no-repeat center center;}

#hp-koukoku-table th{}
#hp-koukoku-table td{text-align:left;padding: 12px 12px 11px 12px;}
#hp-koukoku-table td.strong{width: 20%;font-size:108%;}
#hp-koukoku-table td span{background:url(../web-advertising/img/hp_koukoku_arrow1.gif) no-repeat center bottom;display:block;margin-top:7px;height:180px;}	

.advert-com{text-align:left;margin-top: 30px;}

.hp-koukoku-table2-waku{margin-top: 30px;background-color: rgba(255,255,255,0.5);padding: 20px 30px 5px 30px;border: 1px solid #6e9fca;}

#hp-koukoku-table2{background-color: transparent;}
#hp-koukoku-table2 tr{vertical-align:top;}
#hp-koukoku-table2 th{background:url(../web-advertising/img/hp_koukoku_arrow2.png) no-repeat right top;font-size:40px;text-align:center;width:65px;border: none;color: #fff;padding:22px 6px 15px 0;font-family: "centurygothic";vertical-align: top;}
#hp-koukoku-table2 td{font-size:13px;padding:5px 0 0 10px;min-height:130px;border: none;text-align: left;font-size: 93%;display: block;}
#hp-koukoku-table2 td strong{font-size:129%;display:block;}
#hp-koukoku-table2 td strong.ichi{padding-top: 28px;}
#hp-koukoku-table2 td span{display:block;padding:5px 0 0 20px;}

.hp-koukoku-table2-box{}
.hp-koukoku-table2-box .title{font-weight:bold;}
.hp-koukoku-table2-box .com{padding-left:20px;}

.section.advert-bg{background:url(../web-advertising/img/advert_bg.jpg) no-repeat center center;}

ul.koukoku-ul{width:90%;margin:0 auto !important;list-style:disc;text-align: left;font-size: 93%;color: #333;}



/*============　Webサポート情報  support/　=============*/
body.naka#support #headerimgs{background:url(../support/img/nakaheaderimg_support.jpg) no-repeat center center;}

.support-com{}

.serverinfo-waku{border:1px solid #ccc;background-color:#fff;padding:25px 5px;text-align:center;margin-top:20px;line-height:1.5;}

.serverinfo-waku dl{margin-top: 10px;}
.serverinfo-waku dl dt{display:inline-block;width:180px;font-weight:bold;vertical-align:top;text-align: left;}
.serverinfo-waku dl dd{display:inline-block;text-align: left;width: 355px;}
.serverinfo-waku p{margin-bottom:7px;}

.support-renraku{text-align: left;}
.support-renraku span{display: inline-block;}			




/*============　ホームページ制作実績一覧  works/　=============*/
body.naka#works #headerimgs{background:url(../works/img/nakaheaderimg_works.jpg) no-repeat center center;}
	
body.naka#works .section 		{padding:50px 0 0px 0;}
body.naka#works.fb .section {padding:20px 10px 0px 10px;}

ul.works-wake-ul{text-align:center;margin: 30px 0 0 0 !important;}
ul.works-wake-ul li{display:inline-block;margin:0 2%;width:43%;vertical-align: top;}
ul.works-wake-ul li .midashi{position: relative;display:table;color:#fff;height:70px;line-height:1.3;font-weight:bold;font-size:108%;background-color:#00173c;padding:10px;border-radius:5px;margin:0 auto;width: 90%;min-width: 322px;}
ul.works-wake-ul li .midashi span{display:table-cell;vertical-align:middle;font-weight:bold;}
/*画像無しのフキダシ*/
ul.works-wake-ul li .midashi:after{content:'';height: 0;width: 0;position: absolute;top: 100%;left:50%;margin-left: -10px;border: 10px solid transparent;border-top-color:#00173c;}

.works-com{text-align:left;line-height:1.5;margin-top:15px;}

body.naka#works .midashi5{margin:60px 0 30px 0;}

.works-box-outer{width:100%;overflow:hidden;}
.works-box{text-align:left;width:106%;margin-top: -20px;}
.works-box article{/*float:left;*/display: inline-block;vertical-align: top;margin: 0 5.9% 30px 0;width:27%;}
.works-box article dl.hpworks-dl{padding-top: 35px;border-top: 1px solid #ddd;}
.works-box article dl.hpworks-dl dt{width:100%;height:0;padding-top:65%;background-size: cover;position: relative;box-shadow: 2px 2px 1px 0px #bbb;margin-bottom:10px;}
.works-box article dl.hpworks-dl dt a{display: block;position: absolute;top: 0;width: 100%;height: 100%;background:url(../works/img/arrow_works.png) no-repeat center bottom 47%;opacity:0;transition: 0.5s;}
.works-box article dl.hpworks-dl dt a:hover{background: rgba(0,0,0,0.4) url(../works/img/arrow_works.png) no-repeat center center;opacity:1;text-decoration: none;}
.works-box article dl.hpworks-dl dt.blog-img{}
.works-box article dl.hpworks-dl dd{line-height:1.3;color: #bbb;}
.works-box article dl.hpworks-dl dd a{text-decoration:none;color:#003d73;}
.works-box article dl.hpworks-dl dd a:hover{opacity:0.5;}
.works-box article dl.hpworks-dl dd .site-name{margin:0 0 2px 0;font-size:80%;}
.works-box article dl.hpworks-dl dd .site-com{font-size:70%;color: #bbb;}
.works-box article dl.hpworks-dl dd a .site-name{background: url(../img/arrow_blue4-5.png) no-repeat left top 6px;padding-left: 8px;}
.works-box article dl.hpworks-dl dd a .site-com{color: #777;}




/*and more*/
.ajaxLoad{max-width:460px;height:34px;margin:50px auto 70px auto;text-decoration:none;}
.ajaxLoad img{margin:0 auto 0 auto;}
.ajaxLoad a{font-size:17px;line-height:32px;text-align:center;background-color:#888;color:#fff;border:1px solid #e9e8e7;border-radius:5px;text-decoration:none;display:block;transition: 0.6s ease-in-out;margin-right: 6%;}
.ajaxLoad a:hover{background-color:#4890c7;color:#fff;}


/*東京印刷facebookのホームページ制作実績一覧ページ用  hpworks_fblist_skin.html */
body.fb.naka .section {padding: 20px 0 0px 0;}
body.fb.naka .container {width: 100%;font-size: 93%;text-align: left;}
body.fb h2{font-size: 150%;}
body.fb h4{font-size: 129%; padding-bottom: 13px;margin-bottom: 0;}
body.fb.naka#works h3 {font-size: 115%;}
body.fb.naka#works .midashi5 {margin: 30px 0 20px 0;font-size: 122%;}
body.fb .works-box {width: 102%;}
body.fb .works-box article {margin: 0 3.5% 30px 0;width:29%;}
body.fb .works-box article dl.hpworks-dl dd .site-name {margin: 3px 0 0 0;font-size: 79%;font-weight: bold;}







/*============　システム開発実績一覧  system-works/　=============*/
body.naka#works h3.systemworks{font-size: 122%;margin: 0 0 15px 0;padding-top: 10px; text-align: left;}
.works-com.systemworks{margin-top:7px;}
/*画像なし*/
/*
.noimgs-clear{display:inline;}
.noimgs-clear.code10005{clear: both;display: block;}
*/
.noimgs-box{border-top: 1px solid #ccc;margin-top: 50px;}
.works-box .noimgs-box article {margin: 0 5.9% 0 0;}
.works-box .noimgs-box article dl.hpworks-dl {padding-top:25px;border-top:none;}	
.works-box .noimgs-box article.noimgs dl.hpworks-dl dd {color: #444;}
.works-box .noimgs-box article.noimgs dl.hpworks-dl dd .site-com{color: #777;}

.works-box .noimgs-box article dl.hpworks-dl dd .site-name {color: #000;}



/*東京印刷facebookのシステム開発実績一覧ページ用  systemworks_fblist_skin.html */
body.fb.naka#works h3.systemworks{font-size: 115%;}

.waku-box{padding:0 4%;}





/*==========　お問合せ   toiawase/  ==========*/
body.naka#toiawase #headerimgs{background:url(../toiawase/img/nakaheaderimg_toiawase.jpg) no-repeat center center;}

h2.toiawase-title{font-size:170%;font-weight:bold;color:#666;line-height:1.2;text-align:center;}
h2.toiawase-title span{font-weight: 600 !important;}

/*お急ぎの方は*/
.toiawase-com1{font-size: 100%;line-height: 1.3;text-align: center;margin-top: 30px;}
.toiawase-tel{margin-top:10px;text-align:center;}
.toiawase-tel a{background:url(../img/tel_red.png) no-repeat 0 9px;background-size:25px;line-height: 1.0;padding-left:27px;color:#cc0000;font-family: "centurygothic";font-size: 200%;font-weight: 500;margin-right: 15px;text-shadow: 1px 0px 0.3px #539f20;}


/*携帯電話のメールアドレスをご利用の方へ*/
#chuui-waku{margin:30px auto 0 auto;width:900px;border:1px dotted #999;padding:13px 15px 7px 15px;font-size:87%;line-height:1.2;text-align: left;}
#chuui-waku .keitai-midashi{color:#ff0000;font-weight:bold;margin-bottom:4px;}
#chuui-waku ul{list-style: disc none outside;margin-left: 0;}
#chuui-waku ul li{margin:0 0 3px 15px;}


/*お問い合わせフォーム*/
#form-box{}
#toiawase-form{width: 900px;margin:50px auto 0 auto;text-align:left;}
.chuui-com{font-size:87%;line-height:1.5;margin-bottom:5px;}
#toiawase-form dl{width:100%;margin: 0 auto;border-top: 1px dashed #bbbbbb;}
#toiawase-form dt.title{float: left;width:200px;font-size:100%;line-height: 49px;height: 50px;letter-spacing: 0;font-weight:bold;text-align: left;padding-left: 50px;}
#toiawase-form dt.title.need{background:url(../img/toiawase_hitu.png) no-repeat 0 center;}
#toiawase-form dt.title.unneed{background:url(../img/toiawase_nin.png) no-repeat 0 center;}
#toiawase-form dd {font-size:94%;line-height:1.4;padding: 10px 0px 10px 210px;}
#toiawase-form dd.toi span{display:inline-block;margin-right:15px;}

.toiawase-com2{font-size:93%;color:#666;line-height:1.3;margin-top:3px;}

/*クリックで展開-----------このサイトでは使っていない
.youkou-btn{font-size:108%;color:#fff;background-color:#666666;text-align:center;line-height:36px;box-shadow: 0 3px 0 #b2b2b2;text-shadow: 0 1px 1px rgba(0, 0, 0, .8);border-radius: 4px;margin-bottom:5px;}
.youkou-btn{line-height:1.2\0;padding:9px 0 5px 0\0;}/*IE8以上*//*
.youkou-btn:hover {background-color:#486a00;box-shadow: 0 3px 0 #a3b47f;}
.youkou-pul-box{margin:0 0 0 0;background-color:#f3fcde;}/*display:none;*/



/*フォームのもろもろ*/
input.etc-text{margin: 5px 0 0 -20px;}	/*お問合せ項目のその他の入力テキスト*/

form{padding:0;margin:0;}
select {border:1px  solid #bbb;padding:1px 1px 1px 3px;font-size:14px;line-height:120%;margin-right:2px 3px 0 2px;}
textarea{width:100%;margin:0;background-color:#f7f7f7;border: 1px solid #ccc;padding: 3px;font-size: 14px;line-height:130%;border-radius: 0;-webkit-appearance: none;/*iPhoneの装飾をクリアにする為のCSS*/}

input{border:1px solid #ccc;padding:5px 5px;font-size:14px;background-color:#f7f7f7;vertical-align: middle;border-radius: 0;-webkit-appearance: none;/*iPhoneの装飾をクリアにする為のCSS*/}
input[type='submit']{cursor: pointer;font-weight:500;font-style: normal;
			font-family:Hiragino Kaku Gothic Pro, "ヒラギノ角ゴ Pro W3" , "メイリオ" , Meiryo , "Meiryo UI" , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;}
input[type='text'],
input[type='password']{}
input[type='checkbox']{margin-bottom: 7px;-webkit-appearance:checkbox;}
input[type='radio']		{margin-bottom: 7px;-webkit-appearance:radio;}


#input-wide100{width:100%;}
#input-wide0{width:60px;}
#input-wide1{width:100px;}
#input-wide2{width:150px;}
#input-wide3{width:200px;}
#input-wide4{width:300px;}
#input-wide5{width:400px;}
#input-wide6{width:600px;}
.input-wide11{padding:5px 0 6px 0;font-size:18px;cursor:pointer;}
.input-wide12{padding:5px 0 6px 0;font-size:18px;cursor:pointer;font-weight:bold;}

/*プレースホルダー用*/
:placeholder-shown {color:#8a8a8a;}
/* Google Chrome, Safari, Opera 15+, Android, iOS */
::-webkit-input-placeholder {color:#8a8a8a;}
/* Firefox 18- */
:-moz-placeholder {color:#8a8a8a;}
/* Firefox 19+ */
::-moz-placeholder {color:#8a8a8a;}
/* IE 10+ */
:-ms-input-placeholder {color:#8a8a8a;}


/*個人情報*/
.privacy-box{border-top: 1px dashed #bbbbbb;}
.privacy-box ol{list-style: disc;border: 1px dotted #8e8e8e;padding: 7px;font-size: 93%;margin: 20px 0 7px 0 !important;height: 200px;overflow: auto;}
.privacy-box li{font-size: 86%;line-height: 1.5 !important;margin-left: 25px;}
.check-space{color: red;display: block;width: 270px;margin: 0 auto 5px auto;}
.check-space.need{background:url(../images/toiawase_hitu.png) no-repeat 0 center;padding-left:25px;}
.privacy-com{font-size:87%;color:#666;line-height:1.3;margin-top:3px;}


/*確認する＆送信するボタン*/
.form-submit{text-align:center;margin-top:25px;}
.form-submit input{cursor:pointer;background-color:#040429;line-height: 48px;height: 50px;color: #fff;font-size: 108%;width:360px;padding: 0;border: none;display:inline-block;margin: 0 auto;}
/*IE8以上*/
.form-submit input{line-height: 53px\0;}

.form-submit input:hover{opacity: 0.7;}
/*リセットボタン & 戻るボタン
.form-submit input.reset{width:120px;margin-left:30px;font-size:93%;background-color:#999;border:1px solid #999;}
IE8以上
.form-submit input.reset{line-height:46px\0;}

.form-submit input.reset:hover{background-color:#ddd;border:1px solid #999;color:#555;}
*/



/*送信内容のエラー処理表示------------------------*/
/*-----Error-----*/
.errorBox{border:1px #d44 solid;padding:10px;background-color:#fffcdd;margin:15px 0;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;}
.errorBox .errorTitle{font-size:100%;line-height:1.2;color:#fff;padding:4px 2px 2px 2px;background-color:#d44;margin:0 0 8px 0;text-align:center;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;}
.errorBox .errorComm{font-size:93%;line-height:1.6;color:#d44;text-align:left;margin:0;}
/*-----Error form-----*/
fieldset{margin:0;padding:0;border:none;}
.errorForm{background-color:#fffcdd;border:1px solid #d44 !important;}	


/*Contact Form 7のエラーメッセージの文字色 wp-content\plugins\contact-form-7\includes\css\style.cssの上書き-------未使用
div.wpcf7-validation-errors {border: 2px solid #f7e700;padding: 7px 7px;background:#ffffcc;color:#ff0000;}
.wpcf7-form-control-wrap {position:inherit;}
span.wpcf7-not-valid-tip {position: static;display: block;clear: both;z-index:5 !important;background-color:#fff0f0 !important;border: 1px solid #ff0000;font-size: 10pt;padding: 2px 7px;color:#ff0000;}
.wpcf7-not-valid {background: pink;}
*/


/* 内容確認用のスタイル------------*/
.form-kakunin1{font-size:143%;font-weight:bold;color:#aa0000;line-height:1.3;text-align: center;}
.form-midashi1 {font-size:115%;color: #fff;font-weight:bold;background-color: #666;line-height: 34px;height: 33px;text-align: center;letter-spacing: 0.2em;margin-top: -10px;}
#toiawase-form.kakunin dd {font-size:100%;line-height:1.4;padding: 14px 0px 9px 210px;}
#toiawase-form.kakunin dl.last {border-bottom: 1px dashed #bbbbbb;}
.form-kakunin2{font-size:93%;line-height:1.5;margin-top: 40px;text-align: center;}


/*送信完了ページ*/
.form-kanryo-midashi1{font-size: 186%;font-weight:bold;line-height: 1.1;color:#444;letter-spacing: 0.05em;margin: 0 0 40px 0;text-align: center;}
.kanryou-waku{width: 90%;padding:20px 0 0 0;margin: 0 auto;}
.kanryou-waku .form-kanryo1{font-size:129%;line-height:1.5;font-weight:bold;margin-bottom:30px;color:#333;text-align: center;}
.kanryou-waku .form-kanryo2{font-size:100%;line-height:1.8;margin-bottom: 30px;text-align: center;}
.kanryou-waku .form-kanryo2 span{display:block;}
.kanryou-waku .form-kanryo4{font-size:100%;line-height:1.8;margin-bottom: 30px;text-align: center;}
.kanryou-waku .form-kanryo3{text-align: center;}



/*==========　404ページ専用のスタイル==========*/
.midashi404{font-size: 129%;line-height: 1.2;margin-bottom: 30px;font-weight:bold;color: #555;text-align:center;}
.com404{text-align:center;margin-bottom:40px;}