@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:300px;
	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%;	}


.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{float:left;
	margin:0 8px 0 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;}