@charaset "UTF-8";


/* web css */
.introduction {background:url(img/background4.jpg) 0 0 repeat;
	padding:12px 14px;
	letter-spacing:.12em;
	line-height:1.3em;}

#webProduction {list-style:none;
	margin:20px 0 0;}
#webProduction li {float:left;
margin:0;
padding:0;
display:inline;}
#webProduction a {text-decoration:none;}


#servicePack {list-style:none;
	margin:30px 0 0;}
#servicePack li {border-bottom:1px dotted #777;
	padding:10px 0;
	letter-spacing:.08em;}
#servicePack strong {font-size:120%;
	color:#E91543;}
#servicePack img {display:block;
	margin:7px 0 0;}

.maintenace {width:570px;
	border:1px solid #444;
	margin:20px 0 5px;}
.maintenace tr ,
.maintenace td {border:1px solid #444;} 
.maintenace th ,
.maintenace td {padding:5px 10px;} 
.maintenace th {background-color:#d8d8d8;}
.maintenace td.headline {background-color:#e8e8e8;
	text-align:center;}
	
.rate {width:570px;
	border:1xp solid #aaa;
	margin:0 0 5px;}
.rate caption {padding:4px 8px;}
.rate th {width:200px;
	height:40px;
	font-weight:400;
	text-align:left;
	padding:4px 8px;
	background-color:#efefef;
	border:1px solid #aaa;}
.rate td {padding:4px 8px;
	border:1px solid #aaa;}
.rate .total {padding:6px 12px;
	text-align:right;
	font-weight:700;
	letter-spacing:.1em;}

.article {margin:0 0 20px;
	padding:10px 0 30px;
	border-bottom:1px solid #aaa;}
.article h4 {font-size:120%;
	font-weight:700;
	clear:both;
	margin:0;
	padding:0;}
.article dl {min-height:1px;
	margin:10px 0 0;}
.article dl:after {clear:both;
	display:block;
	content:'.';
	height:0;
	visibility:hidden;}
* html .article dl {height:1%;}
.article dt {float:left;
	display:inline;
	margin:0 20px 0 0;}
.article dd {margin:0 0 16px;
	font-size:85%;	}



.acWebArticle {
	width: 175px;
	height: 220px;
	margin: 0 12px 25px 0;
	*padding: 0 0 20px 0;
	float: left;
}

.acWebArticle h4 {
	font-size: 80%;
	clear: both;
	margin: 0 0 6px 0;
	padding: 0;
}

.acWebArticle h3 {
	font-size: 11px;
	*font-size: 10px;
	margin: 0 0 3px 0;
	*margin: 3px 0 3px 0;
	font-weight: bold;
}

.acWebArticle p{
	margin: 0;
}

.acWebArticle img{
	border: 1px solid #ccc;
}

.acWebArticle dl {
	font-size: 80%;
}

.acWebArticle dt {
	width: 24px;
	float: left;
	margin: 3px 4px 3px 0;
	padding: 0 0 0 3px;
	*padding: 1px 1px 0 3px;
	background: #f39800;
	color: #fff;
}

.acWebArticle dd {
	width: 142px;
	color: #666;
	float: left;
	margin: 3px 0;
	padding: 2px 0 0 0;
	*padding: 1px 0 0 0;
}



.month {font-weight:bold;font-size:120%;
        border-bottom:1px solid #000;
        padding:30px 10px 5px;}

.intext {margin:20px;}

.intext li {margin:5px 0;}

.imageLeft {float:left;margin:0 15px 5px 0;font-size:85%;}

.rightText {text-align:right;margin:20px 5px 0 5px;}

.campany th {text-align:left;vertical-align:top;border:1px solid  #aaa;
             padding:10px;background-color:#fafafa;}

.campany tr {border:1px solid  #aaa;background-color:#fff;}

.campany td {padding:10px;}

.campany {border:1px solid  #aaa;width:90%;margin:20px}

.map {margin:20px;text-align:center;}

.rec em {font-style:normal;color:#DD1919;}

.rec ol {margin:10px 30px 20px;}

.rectable th {text-align:left;vertical-align:top;border:1px solid  #000;
             padding:10px;background-color:#f3f3f3;}

.rectable tr {border:1px solid  #000;background-color:#fff;}

.rectable td {padding:10px;width:75%;}

.rectable {border:1px solid  #000;width:95%;margin:10px}

.imgcenter {margin:25px 20px 40px;text-align:center;}



.buta strong {color:#DD1919;}

.butatable th {text-align:left;vertical-align:top;border:1px solid  #000;
             padding:10px;background-color:#f3f3f3;}

.butatable tr {border:1px solid  #000;background-color:#fff;}

.butatable td {padding:10px;width:75%;}

.butatable {border:1px solid  #000;width:96%;margin:10px}

.imgtop {float:left;}

.bar {clear:both;text-align:center;margin:20px;}

.office h4 {font-weight:bold;font-size:110%;}

.office dl {margin:10px;font-weight:bold;}
.office dt {float:left;clear:both;padding-right:10px;}
.office dd {padding:6px 0 0 20px;}
.office p {margin:10px 0 40px;}

.purple {font-weight:bold;font-size:110%;margin:20px 0;}


.staff dl {margin:10px;}
.staff dt {margin:20px 0;}
.staff dd {margin:20px 0;}
.staff dt img {vertical-align:middle;margin-right:10px;}
.staff dd img {vertical-align:middle;margin-right:10px;}
.staff .interbu {15px 0;border-top:solid 1px #000;padding:5px 0 0 0;
                 font-weight:bold;}
.wpcf7 dt {font-weight:700;}
.wpcf7 dd {margin:5px 0 12px;}
.wpcf7 .wpcf7-list-item {display:block;
	font-size:86%;
	margin:1px 0;}

.number-list {padding-left:30px;}


/* category-4 */

.article2 {margin:0 0 20px;
	padding:10px 0 30px;
	border-bottom:1px solid #aaa;}
.article2 h4 {font-size:120%;
	font-weight:700;
	clear:both;
	margin:0;
	padding:0;}
.article2 dl {min-height:1px;
	margin:10px 0 0;}
.article2 dl:after {clear:both;
	display:block;
	content:'.';
	height:0;
	visibility:hidden;}
* html .article dl {height:1%;}
.article2 dt {float:left;
	display:inline;
	margin:0 20px 0 0;}

.article2 dt img {margin:20px 0;}

.article2 dd {margin:0 0 16px;
	font-size:85%;clear:both;}

.longtext {letter-spacing:0.08em;line-height:1.5em;}
.longtext h4 {font-size:120%;border-bottom:solid #000 1px;padding:40px 0 5px 15px;margin:0 0 15px;font-weight:bold;}
.longtext h3 {font-size:120%;margin:25px 0 15px;font-weight:bold;}

.longtext ul {padding:0 0 15px 25px;}
.longtext ul li {margin:20px 0;}

.longtext ol {padding:0 0 15px 25px;}
.longtext ol li {margin:20px 0;}

.longtext .imglist {list-style-type:none;padding:0;margin:0;}

.longtext .imglist li {list-style-type:none;padding:0;margin:0;}

.longtext .red {color:#DD1919;font-size:100%;font-weight:bold;padding:30px 0 20px;}

.longtext strong {margin:25px 0;}

.longtext  .blan {padding:15px 0;}

.comic img {margin:20px 0 0;}

.contents_b_top li {margin:0 0 10px 20px;}
.contents_b {border:1px solid #ccc;}
.contents_b dl {padding:5px 5px 5px 10px;}
.contents_b dt {clear:both;
	float:left;
	width:240px;
	height:90px;}
.contents_b dd {height:90px;}
.contents_b em {font-style:normal;
	line-height:2.5em;}

.other_img {margin:20px 0 0;}
.other_img li {float:left;
	list-style:none;
	margin:0 5px 3px 0;}

.education_b li {margin:0 0 5px 20px;}
.education_b dt {clear:both;
	float:left;
	width:150px;
	margin:0 0 5px 0;}
.education_b dd {	margin:0 0 5px 0;}
.education_b_seminar {margin:35px 0 20px;}
.education_b_tit {	border-bottom:1px solid #ccc;
	padding:0 0 3px 0;}

#slider {
position:relative;
margin: 0 0 10px;
}

#slider li{
position:absolute;
}

#slider ul, #slider li {
	margin:0;
	padding:0;
	list-style:none;
}
#slider, #slider li { 
	width:260px;
	height:244px;
	overflow:hidden; 
}


#nextBtn a , #prevBtn a {
background: #F11184;
color: #fff;
padding: 3px;
}

#prevBtn {
margin: 0 10px 0 0;
}

/* twitter */
.twitted {margin-bottom: 1.5em;
	border: 1px solid #888;}

.twitted h2 {margin: 0;
	padding: 0.3em 0.8em;
	font-size: 1em;
	color: #fff;
	background-color: #888;}

.twitted p.preLoader {margin: 0;
	padding: 1em 1em 1em 3em;
	background: transparent url("loader.gif") 1em center no-repeat;
	/* generate your own loader gif: http://www.ajaxload.info */}

.twitted ul#twitter_update_list {margin: 0;
	padding: 0 0.8em;
	list-style-type: none;}

.twitted ul#twitter_update_list li {margin: 0;
	padding: 0.8em 0 1em 0;
	border-bottom: 1px solid #ccc;}

.twitted ul#twitter_update_list li span {
	/* tweet content */
	display: block;}

.twitted ul#twitter_update_list li span a {
	/* links in tweet content */
	color: #00f;}

.twitted ul#twitter_update_list li a {
	/* timestamp link */
	color: #f00;}

.twitted ul#twitter_update_list li.firstTweet {
}

.twitted ul#twitter_update_list li.lastTweet {
	border-bottom: none;}

.twitted p.profileLink {display: block;
	margin: 0;
	padding: 0.3em 1em;
	color: #fff;
	background-color: #ddd;}

/* futsal */

.futsal dl{border-bottom:1px solid #999;
	padding:0 0 3px 0;
	margin:0 0 10px 0;}

.futsal dt{float:left;
	color:#999;
	width:130px;}

.futsal li{display:inline;}

.futsal ul{margin:0 0 50px 0;}

.futsal_info_in{float:left;
	margin:0 8px 0 0;}

.futsal_info img{padding:0 0 40px 0;}

.futsal_info dt{clear:both;
	float:left;
	width:80px;
	margin:0 0 10px 0;
	color:#BF0404;}

.futsal_info dd{float:left;
	width:300px;
	margin:0 0 10px 0;}


#request ul {margin:0 0 50px 20px;}

#request ul li {margin:0 0 8px 0;}


/* pickup contents */

.pickup {
line-height: 1.6em;
letter-spacing: 0.06em;
}

.pickup h3 {
margin: 0 0 15px;
}

.pickup .caption {
text-align: right;
font-size: 80%;
margin: 5px 0;
}

.pickup .point {
background: url(http://crebatec.co.jp/wp-content/themes/business-casual/img/icon_dotarrow_gr.gif) left center no-repeat;
margin: 25px 0 10px;
padding: 5px 0 5px 20px;
border-bottom: 1px solid #BFBFBF;
}

.pickup .imageSet {
margin: 25px 0;
text-align: center;
}

.pickup .btn {
margin: 10px auto 25px;
text-align: center;
}

.pickup .btn li {
display: inline;
}



/* maintenance */


.maintenance ul li {
line-height: normal;
letter-spacing: normal;
list-style-type: none;
}


.maintenance .section {
float: right;
width: 400px;
}

.maintenance .section em {
font-style: normal;
font-weight: bold;
}



.maintenance .imageList {
float: left;
margin: 0 0 25px;
}

.maintenance .imageList span {
font-size: 80%;
text-align: center;
display: block;
}

.maintenance .imageList li {
margin: 0 0 12px;
}




.whatService {
padding: 15px;
border: 4px solid #D51518;
}

.whatService dt {
border-bottom: 1px dotted #BFBFBF;
padding: 3px 0 3px 12px;
margin: 0 0 5px;
background: url(http://crebatec.co.jp/wp-content/themes/business-casual/img/icon_square_red.gif) left center no-repeat;
font-weight: bold;
}

.whatService dd {
margin: 0 0 15px;
}

.maintenance .bgSection {
background: #F9D4D4;
padding: 18px;
}

.maintenance .bgSection h4 {
margin: 0;
padding: 0;
background: #D51518;
}

.maintenance .bgSection .frameRed {
margin: 0;
padding: 15px;
background: #fff;
border-left: 4px solid #D51518;
border-right: 4px solid #D51518;
border-bottom: 4px solid #D51518;
}



.maintenance .bgSection ul {
margin: 15px 0;
font-size: 0;
}

.maintenance .bgSection ul li {
display: inline;
margin: 0 3px 0 0;
}

.maintenance .bgSection ul li.firstChild {
margin: 0 23px 0 0;
}



.maintenance .bgSection table {
background: #fff;
border-left: 4px solid #D51518;
border-right: 4px solid #D51518;
border-bottom: 4px solid #D51518;
width: 534px;
}

.maintenance .bgSection table th {
text-align: left;
padding: 5px;
font-weight: normal;
border-bottom: 1px solid #D51518;
}

.maintenance .bgSection table th span {
background: url(http://crebatec.co.jp/wp-content/themes/business-casual/img/icon_square_red.gif) left center no-repeat;
padding: 0 0 0 10px;
}

.maintenance .bgSection table td {
width: 100px;
text-align: center;
font-weight: bold;
border-left: 4px solid #D51518;
border-bottom: 1px solid #D51518;
}



.maintenance .pointList {
margin: 0 0 45px;
padding: 0 0 0 20px;
}

.maintenance .pointList li {
margin: 0 0 8px;
line-height: 1.6em;
letter-spacing: 0.06em;
}

/* image_sample */

#imageSample {
margin: 15px auto;
width: 572px;
}

#imageSample h1 {
font-weight: bold;
font-size: 120%;
color: #DD1919;
padding: 0 0 3px;
border-bottom: 1px dotted #ccc;
}

#imageSample p {
font-weight: bold;
margin: 20px 0 8px;
padding: 0 0 0 10px;
background: url(http://crebatec.co.jp/wp-content/themes/business-casual/img/icon_square_red.gif) left center no-repeat;
}

#imageSample ul li {
margin: 0 0 5px;
list-style-type: none;
}

#imageSample ul {
margin: 0 0 45px;
}

/* web */

.web .section {
float: left;
margin: 0 15px 60px 0;
padding: 0;
}

.web .section h4 {
margin: 0;
padding: 5px 0 0 0;
*padding: 2px 0 3px 0;
background: #F29600;
}

.web .result {
float: right;
margin: 10px;
}

.web .priceBtn li {
list-style: none;
display: inline;
margin: 0 6px;
}

.web .frameOrange {
margin: 0 0 25px 0;
padding: 15px;
background: #fff;
border-left: 4px solid #F29600;
border-right: 4px solid #F29600;
border-bottom: 4px solid #F29600;
}

.web .frameOrangeLang {
margin: 0;
padding: 15px;
background: #fff;
border-left: 8px solid #F29600;
border-right: 8px solid #F29600;
border-bottom: 8px solid #F29600;
}

.web .frameOrange ul {
margin: 8px 0 18px 23px;
font-size: 120%;
}

.web .frameOrange li {
margin: 6px 0;
list-style: none;
font-weight: bold;
color: #E47400;
}

.web .frameOrange em {
font-size: 120%;
font-weight: bold;
color: #E47400;
font-style: normal;
}

.web .price li {
display: inline;
margin: 0 3px 0 0;
}

.web .rate {
border: 4px solid #F29600;
}

.web .rate th {
border: 1px solid #F29600;
}

.web .rate th {
background: #f8e0bc;
}

.web #flow,
.dtp #flow {
margin: 70px 0 15px 0;
}

.web .flow {
border-top: 8px solid #F29600;
border-left: 8px solid #F29600;
border-right: 8px solid #F29600;
padding: 8px;
}

.web .flow_last {
border-top: 8px solid #F29600;
border-left: 8px solid #F29600;
border-right: 8px solid #F29600;
border-bottom: 8px solid #F29600;
padding: 8px;
}

.dtp .flow {
border-top: 8px solid #54C2F0;
border-left: 8px solid #54C2F0;
border-right: 8px solid #54C2F0;
padding: 8px;
}

.dtp .flow_last {
border-top: 8px solid #54C2F0;
border-left: 8px solid #54C2F0;
border-right: 8px solid #54C2F0;
border-bottom: 8px solid #54C2F0;
padding: 8px;
}


.web .flow img,
.web .flow_last img,
.dtp .flow img,
.dtp .flow_last img {
margin: 10px 0 0 10px;
}

.web .flowAr,
.dtp .flowAr {
float: left;

}

.web .chart,
.dtp .chart {
margin: 0 0 20px 0 
}

.cms .caption {
margin-bottom: 45px;
}

.cms .rateAll {
background: #CBE6A4;
}

.cms .rate {
border: 4px solid #44AF35;
}

.cms .rate th {
border: 1px solid #44AF35;
}

.cms .rate th {
background: #E2F9BD;
}

.cms .whatCms {
padding: 15px;
border: 4px solid #44AF35;
}

.cms .whatCms dt {
border-bottom: 1px dotted #BFBFBF;
padding: 3px 0 3px 12px;
margin: 0 0 5px;
background: url(http://crebatec.co.jp/wp-content/themes/business-casual/img/icon_square_green.gif) left center no-repeat;
font-weight: bold;
}

.cms .whatCms dd {
margin: 0 0 15px;
}

.cms .flow {
margin: 20px 0 0;
}

.cms .flow li {
float: left;
display: inline;
width: 145px;
}

.cms .flow em {
display: block;
text-align: left;
font-style: normal;
font-size: 90%;
color: #666;
}

.cms .flow .arw {
margin: 40px 16px 0;
width: 14px;
}

.cms .matchup {
border: 4px solid #44AF35;
text-align: center;
margin: 30px 0 50px;
}

.cms .matchup .leader {
font-weight: bold;
color: #44AF35;
margin: 15px  10px 0;
text-align: left;
}

.cms .matchup img {
margin: 8px 0;
}

.cms .type {
width: 570px;
border:4px solid #44AF35;
}

.cms .type th {
background: #8FBE20;
color: #fff;
border:1px solid #44AF35;
padding: 5px;
}

.cms .type td {
border:1px solid #44AF35;
padding: 5px;
vertical-align: top;
font-size: 90%;
}

.cms .type .wp,
.cms .type .mt {
width: 210px;
}

.cms .type .merit,
.cms .type .demerit {
background: #E2F9BD;
text-align: center;
vertical-align: middle;
font-weight: bold;
}

.cms .type ul {
padding: 5px;
}

.cms .type li {
list-style-type: square;
margin: 3px 0 3px 15px;
}

.cms .advantage,
.cms .case {
border: 4px solid #44AF35;
padding: 0 9px 0 9px;
}

.cms .case {
margin: 0 0 50px 0;
}

.cms .advantage dt {
margin: 8px 0 0;
}
.cms .advantage dd,
.cms .case dd {
border-bottom: 1px dotted #BFBFBF;
padding: 3px 0 3px 12px;
margin: 0 0 5px 3px;
background: url(http://crebatec.co.jp/wp-content/themes/business-casual/img/icon_square_green.gif) left center no-repeat;
}

.cms .advantage .lastChild,
.cms .case .lastChild {
border: none;
}

.cms .example {
border: 4px solid #44AF35;
margin: 0 0 40px 0;
}

.cms .example .site {
display: inline;
float: left;
margin: 15px;
}

.cms .example dt {
margin: 0;
padding: 0;
}

.cms .example dd {
margin: 0;
padding: 0;
font-size: 70%;
color: #666;
}

.cms .example p {
margin: 0 0 8px 0;
font-size: 90%;
}

.dtp .rateSheet {
margin: 50px 0 0 0;
}

.dtp .rateSheet table {
width: 570px;
margin: 0 0 30px 0;
border: 4px solid #54C2F0;
}

.dtp .rateSheet .lastChild {
margin: 0;
}

.dtp .rateSheet caption{
text-align: left;
font-weight: bold;
}

.dtp .rateSheet table th,
.dtp .rateSheet table td {
border: 1px solid #54C2F0;
padding: 8px;
}

.dtp .rateSheet table th {
background: #97D5E8;
color: #fff;
}

.dtp .rateSheet table td {
text-align: right;
}

.dtp .rateSheet .titleEntry,
.dtp .rateSheet .titlePrice {
width: 120px;
}

.dtp .rateSheet .matter {
background: #D2EDF7;
text-align: center;
font-weight: bold;
}

.dtp .rateSheet .price {
text-align: center;
}

.dtp .rateSheet .total {
font-weight: bold;
}

.dtp .rateSheet .totalPrice {
background: #D2EDF7;
}