/*
Theme Name: east2011
Theme URI: https://www.east.co.jp/
Description: イーストクリエイティブ
Version: 1.1
Author: イーストクリエイティブ
Author URI: https://www.east.co.jp/
*/
@charset "utf-8";

/* @group 初期設定 */

html {
	overflow-y: scroll;
}

body,
html {
	line-height: 0;
}

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header, 
hgroup, menu, nav, section, menu,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	font-weight: normal;
	font-style: normal;
	vertical-align:baseline;
	background:transparent;
}
img {
	vertical-align:top;
}
body {
	line-height:1;
}

article, aside, dialog, figure, footer, header, 
hgroup, nav, section { 
	display:block;
}

ul, menu {
	list-style:none;
}

blockquote, q {
	quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none;
}

a {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}

ins {
	background-color:#ff9;
	color:#000;
	text-decoration:none;
}

mark {
	background-color:#ff9;
	color:#000;	
	font-style:italic;
	font-weight:bold;
}

del {
	text-decoration: line-through;
}

abbr[title], dfn[title] {
	border-bottom:1px dotted #000;
	cursor:help;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

hr {
    display:block;
    height:1px;
    border:0;	
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
	vertical-align:middle;
}

/* @end */

/* @group フォントサイズ */
body {
	font-size: 75%;
	font-family: "Lucida Grande","Lucida Grande","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",sans-serif;
}

html>/**/body {
	font-size: 12px;
}

h3,p,ul,dl {
	line-height: 1.7;
}

/* @end */

/* @group リンクカラー */

a {
	color: #000000;
	text-decoration: none;
}

a:link {
	color: #000000;
	text-decoration: none;
}

a:visited {
	color: #000000;
	text-decoration: none;
}

a:active {
	color: #000000;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
	color: #00369B;
}

/* @end */

/* @group 共通 */

.splite {
	display: block;
	overflow: hidden;
	position: relative;
}
.splite img {
	position: absolute;
}

.tit_black {
	background: #333;
	margin-bottom: 21px;
	padding: 8px 0 8px 11px;
	line-height: 0;
}

.tit_red {
	background: #DB1725;
	margin-bottom: 10px;
	padding: 8px 0 8px 11px;
	line-height: 0;
}

.tit_yellow {
	background: #FF9900;
	margin-bottom: 10px;
	padding: 8px 0 8px 11px;
	line-height: 0;
}

.tit_sub {
	margin-bottom:17px;
}
.tit_sub2 {
	margin-bottom:10px;
}

.tit_border {
	background: url(images/inside/bg_tit-border.png) repeat-x center center;
	margin: 10px 0 30px 0;
}

.tit_border img {
	background: #FFF;
}

img.grayBorder {
	border:1px solid #CCCCCC;
}

.imgShadow {
	line-height: 0;
	background: url(images/inside/bg_img-shadow.png) no-repeat center bottom;
	padding-bottom: 6px;
	margin-bottom: 4px;
}

aside#sideBar {
	width: 189px;
	float: left;
	padding-bottom: 100px;
}

aside#sideBar section {
	text-align: center;
}

aside#sideBar section h2,aside#sideBar section p {
	margin-bottom: 20px;
}

/* aside#sideBar section ul li {
	margin-bottom: 2px;
} */

#breadcrumb {
	clear: both;
	width: 100%;
	padding-top: 70px;
}

#breadcrumb .kuzu {
	background: url(images/common/bg_breadcrumb.png) repeat-y left top;
	padding: 14px 20px 14px 20px;
	color: #666666;
}

#breadcrumb .kuzu a {
	color: #666666;
}

#bottomNav {
	width: 657px;
	margin: 0 auto;
	overflow: hidden;
}
#bottomNav .bottomNavLeft {
	width: 325px;
	float: left;
}
#bottomNav .bottomNavRight {
	width: 325px;
	float: right;
}

.blankUrl {
	background: url(images/production/works/ico_site-url.png) no-repeat center left #FFF;
	margin: 20px 0 0 0;
	padding: 0 0 0 24px;
}


/* @end */

/* @group ヘッダー */

header#siteHeader {
	width: 980px;
	height: 115px;
	margin: 0 auto;
	padding: 4px;
	background: url(images/header/bg_header.png) no-repeat;
	position: relative;
}

header#siteHeader h1 {
	position: absolute;
	top: 15px;
	left: 25px;
}

nav#sNav {
	position: absolute;
	top: 35px;
	left: 400px;
	width: 563px;
}

nav#sNav ul {
	width: 360px;
	padding-top: 4px;
	overflow: hidden;
	float: left;
}

nav#sNav ul li {
	float: left;
	margin-right: 15px;
}
nav#sNav ul li.last-child{
	margin-right:0;
}

nav#sNav form {
	width: 193px;
	float: right;
	overflow: hidden;
}

input#siteSearch {
	width: 177px;
	height: 20px;
	padding: 0 8px 0 28px;
	line-height:1.5;
	background: url(images/header/bg_search.png) top left no-repeat;
	color:#fff;
	border: none;
}
/*webkit 検索窓のフォントカラー*/
@media screen and (-webkit-min-device-pixel-ratio:0){
input#siteSearch{
	
  color: #626262;
}
}

input#siteSearch::-webkit-input-placeholder  { color:#999; }
input#siteSearch:-moz-placeholder { color:#999; }

nav#gNav {
	position: absolute;
	top: 84px;
	left: 4px;
	z-index:0;
}

nav#gNav ul#nav {
	width: 100%;
}

.home { width:96px; }
.production{ width:123px; }
.consulting{ width:194px; }
.system { width:139px; }
.smartphone { width:198px; }
.seo { width:133px; }
.idc { width:97px; }

nav#gNav ul li {
	float: left;
}

nav#gNav ul li a {
	display: block;
	height: 35px;
}

#nav li {
	position:relative;
}

nav#gNav ul li .dropMenu {
	position:absolute;
	visibility: hidden;
}

nav#gNav ul li .dropMenu li {
	width:210px;
	height:30px;
}
nav#gNav ul li .dropMenu li a {
	height:30px;
}

.updateIcon {
	position: absolute;
	top: 53px;
	left: 955px;
	z-index:999;
}

/* @end */

/* @group トップページ */

#topPage {
	margin-top: 6px;
}

#topPage #mainArea {
	width: 980px;
	margin: -203px auto 0;
	padding: 5px 0 70px 0;
	overflow: hidden;
	background-image: url(images/top_test/bg_main.png);
	background-repeat: no-repeat;
	background-position: center top;
	height:100%;
}

.bg_submain{
	background-image:url(images/top_test/bg_main_naka.png);
	background-position: center bottom ;
	background-repeat: repeat-y;
	width: 980px;
	margin-left:auto;
	margin-right:auto;
}

#topPage #mainArea article {
	width: 550px;
	padding: 21px 30px 0 20px;
	float: left;
}

#topPage #mainArea article header{
	margin-bottom: 45px;
}

#topPage #mainArea article header h2 {
	margin-bottom: 20px;
}

#topPage #mainArea article header p#illust{
	margin-top: 15px;
	background: url(images/top/bg_illust.png) no-repeat right center;
	padding-right: 130px;
	margin-bottom: 15px;
}

#topPage #topWorks{
	overflow: hidden;
	margin-bottom: 30px;
}

#topPage #topWorks p {
	float: left;
	margin-bottom: 39px;
}

#topPage p#works_02 {
	width: 265px;
	margin-right: 20px;
}

#topPage #topNews {
}

#topPage #topNews ul{
}

#topPage #topNews ul li{
	background: url(images/common/icon_list-square.gif) no-repeat left top;
	padding-left: 14px;
	line-height: 1.6;
}

#topPage aside#sWorks {
	width: 190px;
	float: left;
}

#topPage aside#sWorks header h2 {
	padding: 11px 0 12px 32px;
}

#topPage #sWorkList{
}

#topPage #sWorkList li {
	font-size: 85%;
	padding: 2px 10px;
	line-height: 1.8;
}

#topPage #sWorkList .pickup {
	padding: 0;
	border-bottom: 1px solid #fff;
}

#topPage #sWorkList .pickup a{
	border: 1px solid #999999;
	display: block;
	color: #fff;
	background: url(images/top/bg_swortk-list.png) no-repeat left center;
	padding: 10px 10px 8px 30px;
	zoom:1;
}
#topPage #sWorkList .pickup a:hover{
	background: url(images/top/bg_swortk-list-over.png) no-repeat left center;
}

#topPage #sWorkList .last {
	margin-bottom: 5px;
}

/* @end */

/* @group Eastcreative News */
#news {
}

#postNews{
}
#postNews #mainArea {
	overflow: hidden;
}
#postNews #mainArea article {
	width:748px; 
	padding: 28px 22px 0 20px; 
	float:left;
}

#postNews #mainArea article section.newsPost,#news #mainArea article section.newsPost {
	margin-bottom: 25px;
	padding-bottom: 23px;
	border-bottom: 1px dashed #d2d2d2;
}

#postNews .tit_postNews,#news .tit_postNews {
	font-size: 130%;
	font-weight: bold;
	line-height: 1.2;
}

#postNews .postArticle,#news .postArticle  {
	padding-top: 15px;
}

/* @end */

/* @group 中面 */

.inside {
	width: 100%;
	background: url(images/inside/bg_head.png) repeat-x left top;
	padding-top: 6px;
	overflow: hidden;
}

.inside .mainImage {
	width: 980px;
	margin: 0 auto;
	margin-top: -4px;
	padding: 0 4px;
}

.inside .mainImage p {
	line-height: 0;
}

.inside #mainArea {
	width: 979px;
	margin: 0 auto 0 auto;
	padding: 0 5px 0 6px;
	overflow: hidden;
	background: url(images/inside/bg_main.png) repeat-y;
}

.noMainImg #mainArea {
	margin-top: -4px;
}

.inside #mainArea article {
	width: 748px;
	padding: 28px 22px 0 20px;
	float: left;
	background: url(images/inside/bg_article.png) repeat-x left top;
}

.noMainImg #mainArea article {
	padding: 0 22px 0 20px;
}

.noMainImg #mainArea article .mainImage {
	width: 790px;
	margin: 0 -22px 20px -21px;
	padding: 0 0 3px 0;
	background: url(images/inside/bg_article.png) repeat-x left bottom;
	line-height: 0;
}

.inside #mainArea article section {
	width: 100%;
	overflow: hidden;
	padding-bottom: 30px;
}

.inside #mainArea article .text {
	margin-bottom: 20px;
	padding: 0 5px;
}

.inside #mainArea article .img {
	margin-bottom: 20px;
}

.inside #mainArea article .center {
	text-align:center;
}

dl.productDl {
	margin-bottom: 20px;
	padding: 0 5px;
	width:100%;
	overflow:hidden;
}

dl.productDl dt{
	float:left;
	background:url(images/common/bg_separate-dot.png) no-repeat right 50%;
	padding-right:10px;
	margin-right:10px;
}

dl.productDl dd{
	float:left;
	background:url(images/common/icon_blank.png) no-repeat right 50%;
	padding-right:22px;
	margin-right:30px;
}
dl.productDl dd.none{
	background:none;
}

.inside #mainArea article a,
.inside #mainArea article a:link,
.inside #mainArea article a:visited{
	text-decoration:underline;
}

.inside #mainArea articlea:active,
.inside #mainArea article a:hover{
	text-decoration:none;
}

ul.column3 {
	width:962px;
	overflow:hidden;
	margin-bottom:20px;
}
ul.column3 li {
	width:240px;
	float:left;
	margin-right:14px;
}
#mainArea article h2.heading {
	margin-bottom: 22px;
}
#mainArea article div.box {
	width:100%;
	overflow:hidden;
}

#mainArea article div.left {
	margin-right: 20px;
	width: 428px;
	float: left;
	overflow:hidden;
}
#mainArea article div.left2 {
	width: 300px;
	float: left;
	overflow:hidden;
}
#mainArea article div.left3 {
	width: 448px;
	float: left;
	overflow:hidden;
}
#mainArea article div.left4 {
	width: 480px;
	float: left;
	overflow:hidden;
}
#mainArea article div.left5 {
	width: 548px;
	float: left;
	overflow:hidden;
}
#mainArea article div.left6 {
	width: 468px;
	float: left;
	overflow:hidden;
}
#mainArea article div.left7 {
	width: 360px;
	float: left;
}
#mainArea article div.left8 {
	width: 215px;
	float: left;
}
#mainArea article div.left9 {
	width: 241px;
	float: left;
}
 #mainArea article div.right {
	width: 300px;
	float: right;
	overflow:hidden;
}
 #mainArea article div.right2 {
	width: 448px;
	float: left;
	overflow:hidden;
}
 #mainArea article div.right4 {
	width: 250px;
	float: right;
	overflow:hidden;
}
 #mainArea article div.right5 {
	width: 180px;
	float: right;
	overflow:hidden;
}

 #mainArea article div.right6 {
	width: 260px;
	float: right;
	overflow:hidden;
}
#mainArea article div.rigth7 {
	width: 360px;
	float: right;
}
#mainArea article div.rigth8 {
	width: 515px;
	float: right;
}

#mainArea div.double-line{border:solid 1px #CCC; overflow:hidden; padding:10px 0px 10px 15px;}
div.double-line ul{list-style:none; overflow:hidden; zoom:1;}
div.double-line ul li{margin:0 30px 0 0px; float:left;}

/* @group 制作実績 */

#works .worksCont {
	border-bottom: 1px dashed #CCC;
	margin: 0 0 30px 0;
}

#works .worksSum {
	width: 306px;
	float: left;
}

#works .worksSum figure {
	width: 280px;
	border: 1px solid #CCC;
	padding: 5px;
	margin: 0 0 6px 0;
}

#works .worksDetail {
	width: 442px;
	float: right;
}

#works .worksDetail h1 {
	margin: 0 0 16px 0;
}

#works .worksDetail .companyName,
#works .worksDetail h1 {
	font-size: 120%;
	font-weight: bold;
}

#works .worksDetail .siteUrl {
	background: url(images/production/works/ico_site-url.png) no-repeat center left #FFF;
	margin: 20px 0 0 0;
	padding: 0 0 0 24px;
}

#works .worksTags li {
	float: left;
	margin: 0 3px 3px 0;
}

#works .worksTags li {
	/width: 8em;
	/text-align: center;
}

#works .worksTags li {
	float: left;
	margin: 0 3px 3px 0;
}

#works .worksTags li a,
#works .worksTags li a:link {
	color: #555;
	border: 1px solid #CCC;
	display: block;
	text-decoration: none!important;
	padding: 0 6px;
	cursor: default;
}

#works .worksTags li a:hover {
	/*background: #999;
	color: #FFF;
	border-color: #777;*/
}

#works .wp-pagenavi {
	clear: both;
	font-size: 110%;
	text-align: center;
}

#works .wp-pagenavi a, .wp-pagenavi span {
	text-decoration: none!important;
	border: 1px solid #CCCCCC;
	padding: 6px 11px;
	margin: 2px;
	zoom:1;
}

#works .wp-pagenavi a:hover, .wp-pagenavi span.current {
	background: #666666;
	color: #fff;
}

#works .wp-pagenavi span.current {
	color: #fff;
}

/* その他の制作実績 */
#works .otherWorks {}
#works .otherWorks ul li {
	float: left;
	width: 370px;
}

/* @end */

/* @group Webサイト制作 */

#production #mainArea article section .capRight {
	text-align: right;
	line-height: 1.3;
	margin-bottom:20px;
}
#production .operationText {
	width:442px;
	float:left;
	margin-left:5px;
	display:inline;
}
#production .operationImg {
	width:198px;
	float:right;
	margin-right:39px;
	display:inline;
}
#production .solutionImg {
	width:492px;
	margin:0 auto;
}

/* @end */

/* @group Webシステム開発 */

.introduct {
	width:228px;
	border:#CCCCCC solid 1px;
	background:#F0F0F0;
	padding:10px;
}
#system #mainArea article section table{
	border-top:#E0E0E0 solid 1px;
	border-left:#E0E0E0 solid 1px;
	width:100%;
}
#system #mainArea article section table th,
#system #mainArea article section table td{
	border-bottom:#E0E0E0 solid 1px;
	border-right:#E0E0E0 solid 1px;
}

#system #mainArea article section table th {
	padding:20px 0;
	text-align:center;
	width:50%;
}
#system #mainArea article section table td p {
	padding:10px;
}
#system .idcText {
	width:442px;
	margin-left:5px;
	float:left;
	display:inline;
}
#system .idcImg {
	width:240px;
	float:right;
	margin-right:26px;
	display:inline;
}
/* @end */

/* @group 企画・コンサルティング */
#planning{
}

/* @end */

/* @group スマートフォン・モバイル */
#smartphone #mainArea article section p.phone {
	background:url(images/common/icon_phone.png) no-repeat 5px 3px;
	padding-left:20px;
}

/* @end */

/* @group SEO関連サービス */
#seo .knowhow h3 {
	padding-left:5px;
	margin-bottom:13px;
	font-size:116.6%;
	font-weight:bold;
}
#seo .knowhow table {
	width:740px;
	margin:0 auto;
    border-left:solid 1px #E0E0E0;
    border-bottom:solid 1px #E0E0E0;
}
#seo .knowhow table th,#seo .knowhow table td {
   padding:15px 12px;
   border-top:solid 1px #E0E0E0;
   border-right:solid 1px #E0E0E0;
   vertical-align:middle;
}
#seo .knowhow table th {
   background:#FF9D1B;
}
#seo .feature h3 {
   padding-left:5px;
   margin-bottom:15px;
}
#seo .flowInner {
   margin-right:5px;
   padding-top:53px;
   padding-bottom:25px;
   position:relative;
   background:url(images/seo/seo_sem/bg_linetop.png) top right no-repeat;
}
#seo .flowInner .flowText {
	margin-left:275px;
	padding:17px 0 23px 20px;
	background:url(images/seo/seo_sem/bg_line.png) no-repeat right bottom;
}
#seo .flowInner .flowImg {
	position:absolute;
	top:0;
	left:-4px;
}
#seo h3.lead{
	padding-left:8px;
	margin-bottom:24px;
}
#seo .listing_flow {
	padding-left:4px;
	margin-bottom:20px;
}
#seo p.reportImg {
	width:726px;
	margin:0 auto;
}
#seo .chinaText {
	width:442px;
	float:left;
}
#seo .chinaImg {
	width:227px;
	float:right;
	margin-right:35px;
	display:inline;
}
/* @end */

/* @group 過去の情報 */
#insidePage h3.old-info{
	border-bottom:#CCC solid 1px;
	padding-left:5px;
	margin-bottom:5px;
	font-size:140%;
	font-weight:bold;
}

#insidePage dl.history {
	margin-bottom: 20px;
	padding: 0 5px;
	overflow:hidden;
	zoom:1;
}

#insidePage dl.history dt{
	float:left;
	clear:both;
	width:9em;
	
}

#insidePage dl.history dd{
	margin-left:9em; 
	zoom:1;
}

/* @end */

/* @group 会社概要 */
#company {
}

#company table.cProfile {
	width: 740px;
	border-top: 1px solid #E0E0E0;
	border-bottom: 1px solid #E0E0E0;
}

#company table.cProfile th {
	width: 155px;
	border-right: 1px solid #E0E0E0;
	border-bottom: 1px solid #E0E0E0;
	padding: 13px 15px 15px 0;
	text-align: right;
	vertical-align: top;
}

#company table.cProfile td {
	border-bottom: 1px solid #E0E0E0;
	padding: 13px 0 15px 15px;
	text-align: left;
}

#company table.cProfile td .co_address {
	margin-bottom: 20px;
}

#company table.cProfile td ul.biz {
	list-style-type: disc;
	list-style-position: inside;
}

#company table.cProfile td ul.biz li {
	line-height: 1.5;
	padding-left: 1em;
	text-indent: -1em;
}

#company table.certification td {
	padding: 0 0 10px 0;
	border: 0;
	vertical-align: middle;
}

#company table.cProfile td ul.inList li {
	line-height: 1.5;
}

/* @end */

/* @group プライバシーポリシー */
.privacy h4 {
	margin-left:5px;
	margin-bottom:3px;
	font-weight:bold;
} 
.privacy .privacyText {
	margin-left:5px;
	margin-bottom:5px;
}
.privacy ol {
	margin-left:18px;
	padding-left:25px;
	list-style:decimal;
}
.privacy ol li {
	margin-bottom:8px;
}
.privacy ol li.last {
	margin-bottom:29px;
}
.privacy p.representative {
	 text-align:right;
	 margin-bottom:20px;
}
/* @end */

/* @group お問い合わせ */

#contact table#contactForm {
width:100%;
border-bottom:1px solid #E0E0E0;
margin-bottom:20px;
}
#contact table#contactForm th {
width:179px;
padding:1px 1px 1px 0;
border-top:1px solid #E0E0E0;
vertical-align:top;
}
#contact table#contactForm th span {
padding:12px 12px 12px 0;
display:block;
background:url(/wp-content/themes/east2011/images/company/bg_contact_th.png) no-repeat;
text-align:right;
}
#contact table#contactForm td {
border-top:1px solid #E0E0E0;
border-left:1px solid #E0E0E0;
padding:10px 0  10px 12px;
vertical-align:top;
}
#contact .formAttention {
color:#fff;
margin:-9px 0  6px -11px;
padding: 6px 8px;
background:url(/wp-content/themes/east2011/images/company/bg_tit_orange.png) repeat-y;
}
#contact table#contactForm td input.short {
width:300px;
}
#contact table#contactForm td input.long {
width:450px;
}
#contact table#contactForm td select {
width:300px;
}
#contact table#contactForm td.no-padding {
	padding:1px;
}
#contact #interest {
	width:100%;
}
#contact table#contactForm td #interest th, table#contactForm td #interest td {
	border:none;
}
#contact table#contactForm td #interest th {
	color:#fff;
	padding: 6px 8px;
	background:url(/wp-content/themes/east2011/images/company/bg_tit_blue.png) repeat-y;
	text-align:left;
}
#contact table#contactForm td #interest td {
	border-bottom:1px solid #E0E0E0;
}
#contact table#contactForm td #interest td .explain{
	display:block;
	padding-left:2em;
	font-size:85%;
	color:#666;
}
#contact table#contactForm td textarea {
	width:500px;
	height:100px;
}
#contact #confirm {
	text-align:center;
}
#contact label.error {
	color:#F00;
	font-weight:bold;
	padding-left:10px;
}

#contact .alertBox {
	border:3px double #F00;
	margin-bottom: 20px;
	padding:10px; 
	line-height:2; 
	font-size:110%; 
	font-weight:bold; 
	color:#F00;
	text-align:center;
}

#contact .personalInfo {
	margin: 0 10px 0 10px;
	padding: 12px;
	height: 263px;
	overflow: auto;
	border: 1px solid #000;
	background-color: #F5F5F5;
}
#contact .personalInfo h1 {
	margin-bottom: 15px;
	font-size: 140%;
	font-weight: bold;
}
#contact .personalInfo h2 {
	margin-bottom: 5px;
	font-weight: bold;
}
#contact .personalInfo p {
	margin-bottom: 10px;
}

#contact .personalInfo ol {
	margin-bottom: 10px;
	padding-left:30px;
}

#contact .personalInfo ol li{
	list-style-type:decimal;
	
	line-height: 1.4;
}

#contact .personalInfo .infoEnd {
	text-align: right;
}

#contact #agreement {
	width: 368px;
	margin: 0 auto;
	overflow: hidden;
}

#contact #agreement #disagree {
	width: 170px;
	float: left;
}

#contact #agreement #agree {
	width: 170px;
	float: right;
}

/* @end */

/* @group 採用情報 */
#insidePage .tit_orenge {
	background: #FF9900;
	margin-bottom: 10px;
	padding: 8px 0 7px 11px;
	color:#fff;
}
#insidePage table.entryTable {
	width: 748px;
	border-top: 1px solid #E0E0E0;
	border-bottom: 1px solid #E0E0E0;
	border-collapse:separate;
	border-spacing:0;
}
#insidePage table.entryTable th {
	width: 155px;
	border-top: 1px solid #E0E0E0;
	padding: 13px 15px 15px 0;
	text-align: right;
	vertical-align: top;
	line-height: 1.5;
}

#insidePage table.entryTable tr.condition th{
	background:#FFCC66;
	border:solid 1px #fff;
	border-left:0;
	padding: 13px 14px 0 0;
}
#insidePage table.entryTable tr.condition td {
	border-top:none;
}
#insidePage table.entryTable td {
	border-top: 1px solid #E0E0E0;
	border-left: 1px solid #E0E0E0;
	padding: 13px 0 15px 15px;
	text-align: left;
	vertical-align:top;
	line-height: 1.5;
}
#insidePage .entry {
	width:189px;
	margin:13px auto 0;
}

/*採用フォーム（仮）*/
#insidePage table#contactForm {
width:100%;
border-bottom:1px solid #E0E0E0;
margin-bottom:20px;
}
#insidePage table#contactForm th {
width:179px;
padding:1px 1px 1px 0;
border-top:1px solid #E0E0E0;
vertical-align:top;
}
#insidePage table#contactForm th span {
padding:12px 12px 12px 0;
display:block;
background:url(/wp-content/themes/east2011/images/company/bg_contact_th.png) no-repeat;
text-align:right;
}
#insidePage table#contactForm td {
border-top:1px solid #E0E0E0;
border-left:1px solid #E0E0E0;
padding:10px 0  10px 12px;
vertical-align:top;
}
#insidePage table#contactForm td.titBlueTop {
border-top: none;
border-left: none;
padding: 0 0 1px 0;
color: #fff;
}
#insidePage table#contactForm td.titBlue {
border-left: none;
padding: 30px 0 1px 0;
color: #fff;
}
#insidePage table#contactForm td.titBlueTop span,#insidePage table#contactForm td.titBlue span {
display: block;
padding:6px 0  7px 12px;
background:url(/wp-content/themes/east2011/images/company/bg_tit_blue.png) repeat-x;
}
#insidePage .formAttention {
color:#fff;
margin:-9px 0  6px -11px;
padding: 6px 8px;
background:url(/wp-content/themes/east2011/images/company/bg_tit_orange.png) repeat-y;
}
#insidePage table#contactForm td input.short {
width:300px;
}
#insidePage table#contactForm td input.long {
width:450px;
}
#insidePage table#contactForm td select {
width:300px;
}
#insidePage table#contactForm td.no-padding {
	padding:1px;
}
#insidePage #interest {
	width:100%;
}
#insidePage table#contactForm td #interest th, table#contactForm td #interest td {
	border:none;
}
#insidePage table#contactForm td #interest th {
	color:#fff;
	padding: 6px 8px;
	background:url(/wp-content/themes/east2011/images/company/bg_tit_blue.png) repeat-y;
	text-align:left;
}
#insidePage table#contactForm td #interest td {
	border-bottom:1px solid #E0E0E0;
}
#insidePage table#contactForm td #interest td .explain{
	display:block;
	padding-left:2em;
	font-size:85%;
	color:#666;
}
#insidePage table#contactForm td textarea {
	width:500px;
	height:100px;
}
#insidePage #confirm {
	text-align:center;
}
#insidePage label.error {
	color:#F00;
	font-weight:bold;
	padding-left:10px;
}

#insidePage .alertBox {
	border:3px double #F00;
	margin-bottom: 20px;
	padding:10px; 
	line-height:2; 
	font-size:110%; 
	font-weight:bold; 
	color:#F00;
	text-align:center;
}

#insidePage .personalInfo {
	margin: 0 10px 0 10px;
	padding: 12px;
	height: 263px;
	overflow: auto;
	border: 1px solid #000;
	background-color: #F5F5F5;
}
#insidePage .personalInfo h1 {
	margin-bottom: 15px;
	font-size: 140%;
	font-weight: bold;
}
#insidePage .personalInfo h2 {
	margin-bottom: 5px;
	font-weight: bold;
}
#insidePage .personalInfo p {
	margin-bottom: 10px;
}

#insidePage .personalInfo ol {
	margin-bottom: 10px;
}

#insidePage .personalInfo ol li{
	list-style-type: none;
	line-height: 1.4;
}

#insidePage .personalInfo .infoEnd {
	text-align: right;
}

#insidePage #agreement {
	width: 368px;
	margin: 0 auto;
	overflow: hidden;
}

#insidePage #agreement #disagree {
	width: 170px;
	float: left;
}

#insidePage #agreement #agree {
	width: 170px;
	float: right;
}



/* @end */

/* @group 検索結果ページ */

#resultSearch {
}

#resultSearch #mainArea{
	padding-bottom: 70px;
}

#resultSearch #content {
	padding-top: 20px;
}

#resultSearch #content .page-title {
	background: #F0F0F0;
	border: 1px solid #CCCCCC;
	margin-bottom: 5px;
	padding: 14px 12px;
	font-size: 110%;
}
#resultSearch #content .hitNum {
	text-align: right;
	font-size: 85%;
}
#resultSearch #resultPosts div{
	padding: 18px 24px 18px 10px;
	border-bottom: 1px dashed #CCCCCC;
}
#resultSearch #resultPosts div h3 a {
	display: block;
	padding-left: 14px;
	background: url(images/search/icon_red-dir.png) left center no-repeat;
	font-size: 110%;
	text-decoration: none;
}

#resultSearch .pageback {
	text-align: center;
	margin-top: 30px;
}

#resultSearch .entry-content {
	text-align: center;
	border: 1px solid #ccc;
	padding: 14px 0;
}
#resultSearch .entry-content input#s {
	width: 157px;
	height: 20px;
	margin-left: 20px;
	padding: 0 28px 0 28px;
	line-height:1.5;
	background: url(images/search/bg_search_w.png) top left no-repeat;
	color:#666;
	border: none;
}
#resultSearch .entry-content .notFoundMessage {
	margin-bottom: 15px;
}

/* @end */

/* @group フッター */

footer {
	z-index: 10;
	position: relative;
	margin-top: -6px;
	padding-top: 6px;
	background: url(images/footer/bg_top-shadow.png) repeat-x 0 top;
	color: #999999;
}

#footerTopWrap {
	background: #333;
}

#footerTop{
	width: 980px;
	margin: 0 auto;
	position: relative;
	padding:10px 0;
}

#contactBtn {
	width: 178px;
	height: 87px;
	position: absolute;
	top: -87px;
	left: 796px;
}

ul#fgNav {
	width: 980px;
	overflow: hidden;
	padding: 10px 0 0 0;
	background: url(images/footer/bg_fgnav.png) repeat-y left center;
}

ul#fgNav li.listBox {
	width: 176px;
	padding: 0 20px 0 0;
	float: left;
}

ul#fgNav li.listBox h2 {
	margin-bottom: 6px;
}

ul#fgNav li.listBox ul {
	font-size: 85%;
	margin-bottom: 20px;
}

ul#fgNav li.listBox ul li {
	margin-bottom: 5px;
}

ul#fgNav li.listBox ul li a {
	color: #999999;
}

#footerBottomWrap {
	background: #000;
}

#footerBottom {
	width: 980px;
	margin: 0 auto;
	padding: 20px 0 0 0;
	overflow: hidden;
}

#footerBottom h2 {
	margin-bottom: 10px;
}

#groupWrap {
	width: 100%;
	border-bottom: 1px dashed #333;
	margin-bottom: 12px;
	padding-bottom: 28px;
	overflow: hidden;
}

#groupWrap section {
	width: 319px;
	border-right: 1px solid #333;
	margin-right: 10px;
	float: left;
	overflow: hidden;
}
#groupWrap section.lastSec{
	border-right: none;
	margin-right: 0;
}
#groupWrap section p{
	width: 128px;
	margin-right: 12px;
	line-height: 0;
	float: left;
}

#groupWrap section p.subgroup{
	width: 76px;
	margin-right: 12px;
	line-height: 0;
	float: left;
}

#groupWrap section h3 {
	width: 179px;
	margin-bottom: 5px;
	float: left;
}

#groupWrap section address {
	width: 179px;
	font-size: 85%;
	line-height: 1.2;
	float: left;
}

#fsNav {
	margin-bottom: 18px;
	overflow: hidden;
	float: left;
}

#fsNav li {
	border-right: 1px solid #999;
	margin-right: 10px;
	padding-right: 10px;
	line-height: 1;
	float: left;
}

#fsNav li a {
	color: #999999;
}

#copyright {
	line-height: 1;
	float: right;
}

/* @end */


/* @group 調整 */
.mt10 {
	margin-top:10px;
}

.mt20 {
	margin-top:20px;
}

.mb0 {
	margin-bottom:0px !important;
}
.mb10 {
	margin-bottom:10px;
}

.font85 {
	font-size: 85%;
}
/* @end */

/* @group worksList */

.worksList {
	width:748px;
}

.worksListTitle {
	background:#e5e5e5;
	padding:4px 0 4px 15px;
	margin-bottom:10px;
}

.worksListIn {
	margin-left:5px;
	font-size:91.6%;
}

.worksListImg {
	width:738px;
	border-bottom: 1px dashed #CCC;
	padding-bottom:15px;
	margin-bottom:15px;
	overflow:hidden;
}

.worksListImg ul {
	width:750px;
}

.worksListImg li {
	float:left;
	margin-right:12px;
}

.worksListImg p {
	margin-top:10px;
}

.worksListImg p span {
	font-weight:bold;
}

.worksListTxt {
	width:738px;
	overflow:hidden;
}

.worksListTxt ul {
	width:750px;
}

.worksListTxt li {
	width:228px;
	float:left;
	padding-left:0.5em;
	text-indent:-0.5em;
	margin-right:14px;
}

/* @end */

/* @20191120追加 */
#topPage #mainArea article header p a img{
	padding-left:80px;
	padding-top: 18px;
}

#topPage #mainArea article header p a img:hover{
	padding-left:80px;
	padding-top: 18px;
	opacity: 0.5;
}

.side_otoiawase{
	margin: 18px 0px 13px 0px;
}

#topWorks img{
	margin-bottom: 5px;
}

/* ここからモーダルエリア@20191122追加 */
button{border: 0;}
#slideshow2 > li {
	transition-delay: 1s;
  }
.slideshow {
	list-style-type: none;
	position: relative;
  }
  
  .slideshow > li {
	opacity: 0;
	position: absolute;
	transition: opacity 3s ease-in-out;
  }
  
  .slideshow > li.showSlide {
	opacity: 1;
  }
  
  .slideshow > li > svg {
	position: absolute;
	right: -450px;
  }
  
  .modalButton_area {
	display: flex;
	align-items: center;
	width: 1140px;
	margin: 285px auto 0;
  }
  
  .modalButton_black {
	display: block;
	background: #000;
  }
  
  .modalButton > a {
	display: block;
	width: 100%;
	height: 100%;
  }
  
  .modalButton {
	margin-left: 80px;
	position: relative;
	height: 224px;
	width: 450px;
	box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.44);
	border-radius: 8px;
	transition: 0.5s;
	-webkit-transition: 0.5s;
  }
  
  .modalButton:hover .openButton {
	transform: scale(1.1);
	transition: 0.5s;
	-webkit-transition: 0.5s;
  }
  
  .modalButton:hover .im-plus-circle {
	animation: r2 1s linear infinite;
  }
  
  .modalButton_txtBox {
	position: absolute;
	color: #fff;
	text-align: left;
	width: 250px;
	top: 28px;
	left: 25px;
  }
  
  .modalButton_lead {
	padding-top: 17px;
	font-size: 14px;
	line-height: 22px;
  }
  
  .color-planningDesign {
	background: #D70062;
  }
  
  .color-systemOperation {
	background: #196CE5;
  }
  
  @keyframes r2 {
	0% {
	  transform: rotate(0deg);
	}
	100% {
	  transform: rotate(-360deg);
	}
  }
  
  .modalWrapper {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	height: 760px;
	width: 1080px;
	padding: 10px 30px;
	background-color: #fff;
  }
  
  .modalWrapper .planningdesign {
	background: #01ac5d;
  }
  
  .closeModal {
	position: absolute;
	top: 0.5rem;
	right: 1rem;
	cursor: pointer;
  }
  
  .openButton {
	cursor: pointer;
	position: absolute;
	top: 152px;
	left: -35px;
	padding: 10px 10px 10px 52px;
	height: 48px;
	width: 180px;
	background-color: white;
	border-radius: 24px;
	box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.44);
	font-size: 16px;
	text-align: left;
  }
  
  .im-plus-circle {
	position: absolute;
	width: 24px;
	height: 24px;
	top: 12px;
	left: 16px;
	line-height: 1;
  }
  
  .iziModal {
	height: 760px;
	min-width: 1080px;
  }
  
  .modal_content_contact {
	position: absolute;
	height: 49px;
	top: 42px;
	right: 50px;
	border-radius: 5px 5px 5px 5px;
	box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.44);
  }
  
  .modal_content_contact:hover {
	top: 38px;
	border-radius: 5px 5px 5px 5px;
	box-shadow: 0px 7px 7px 0px rgba(0, 0, 0, 0.44);
	transition: 0.3s;
	-webkit-transition: 0.3s;
  }
  
  .modal_content_close {
	position: absolute;
	cursor: pointer;
	top: -38px;
	right: 0;
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	line-height: 22px;
	border-bottom: 1px solid #fff;
	padding-bottom: 2px;
  }
  
  .modal_content_arrow-right {
	cursor: pointer;
	position: absolute;
	top: 50%;
	right: -32px;
  }
  
  .modal_content_arrow-left {
	cursor: pointer;
	position: absolute;
	top: 50%;
	left: -32px;
  }
  
  .iziModal-navigate > button {
	display: none !important;
  }

  /* hover追加@20191125追加 */
  .side_otoiawase a img:hover{
	opacity: 0.5;
}

.side_planning_design img:hover{
	opacity: 0.5;
}

.side_system img:hover{
	opacity: 0.5;
}

.side_member img:hover{
	opacity: 0.5;
}

.agentserver img:hover{
	opacity: 0.5;
}