@charset "UTF-8";
/* CSS Document */

#main{
	width:804px;
	background-color:#221815;
	padding:30px;
	float:left;
	margin-bottom:10px;
	
}

.chartBox{
	width:800px;
	margin-bottom:10px;
	float:left;
}

.chartTextBox{
	width:450px;
	float:left;
}

.chartBox#intro2{
	width:800px;
	height:390px;
	float:left;
	background-image:url(../img/introZukai2.gif);
	background-repeat:no-repeat;
	background-position:0 80px;
}

.MiniBox{
	width:365px;
	float:left;
	margin-right:10px;
	margin-left:10px;
	margin-bottom:5px;
}

.MiniBox p{
	margin-top:0px;
	line-height:1.2em;
}

.MiniBox img{
	padding:0;
}

.chartBoxMain{
	text-align:center;
}

.chartBoxMain p{
	font-weight:bold;
	color:#ffffff;
	text-align:center;
	line-height:1.2em;
	font-size:1.2em;
}


/*
 about [
----------------------------------------------------------- */
#about .chartBox{
	border:1px solid #ffffff;
	margin-bottom:20px;
	text-align:center;
}

#about h2{
	margin-bottom:30px;
}


#about .MiniBox{
	text-align:left;
}


/*
 proposal [
----------------------------------------------------------- */
#proposal .chartTitleBox{
	width:800px;
	float:left;
}

#proposal .chartTextBox{
	width:735px;
	padding-left:65px;
	margin-top:0px;
}

#proposal dl{
}

#proposal dl dt{
	font-weight:bold;
	font-size:1.2em
}

#proposal dl dd{
	margin-bottom:1.2em;
}

/*
 proposalテーブル設定ここから [
----------------------------------------------------------- */
table.table211 {
	border: 1px #E3E3E3 solid;
	margin-top: 10px;
	margin-bottom: 1em;
	width: 500px;
	border-collapse: collapse;
	border-spacing: 0px;
	font-size: 100%;
  
}

table.table211 caption {
	margin-top: 1em;
	text-align: right;
	border-width: 1px 0 1px 1px;
}

table.table211 th,
table.table211 td {
	padding: 5px;
	border: #E3E3E3 solid;border-width: 0 0 1px 1px;
}

table.table211 th {
	text-align: center;
	white-space: nowrap;
	font-size: 92%;
	color: #FFF;
	background-color: #FF3300;
	line-height: 120%;
}

table.table211 td {
	text-align: center;
	white-space: nowrap;
}

table.table211 col.menu {
}

table.table211 col.etc {

}

table.table211 col.focus {
}


/*
 qa [
----------------------------------------------------------- */
#qa dl{
}

#qa dl dt{
	background-image:url(../img/qaQ.gif);
	background-repeat:no-repeat;
	padding-left:30px;
	padding-bottom:10px;
}

#qa dl dd{
	background-image:url(../img/qaA.gif);
	background-repeat:no-repeat;
	padding-left:30px;
	padding-bottom:5px;
	margin-bottom:20px;
}

/*
 case [
----------------------------------------------------------- */
#case .miniBoxTitle{
	width:365px;
	float:left;
	border:1px solid #FFFFFF;
	text-align:center;
	font-weight:bold;
	font-size:1.5em;
}

#case .chartBoxMain{
	width:500px;
	background-color:#FFCC99;
	padding:10px;
}

span.bold{
	font-weight:bold;
	font-size:1.5em;
	color:#FF0000;
}

#case h3{
	font-weight:bold;
	color:#FF0000;
	border:1px solid #FF0000;
	padding:3px;
}

.caseBox{
	width:760px;
	float:left;
	padding:15px;
	margin-bottom:10px;
	border-bottom:1px solid;
	border-bottom-color:#F00;
}

.typeCommentBox1,
.typeCommentBox2,
.typeCommentBox3,
.typeCommentBox4,
.typeCommentBox5,
.typeCommentBox6
{
	height:18px;
	line-height:18px;
	background-repeat:no-repeat;
	padding-left:110px;
	margin-bottom:10px;
}

.typeCommentBox1{
	background-image:url(../img/caseTypeIcom1.gif);
}

.typeCommentBox2{
	background-image:url(../img/caseTypeIcom2.gif);
}

.typeCommentBox3{
	background-image:url(../img/caseTypeIcom3.gif);
}

.typeCommentBox4{
	background-image:url(../img/caseTypeIcom4.gif);
}

.typeCommentBox5{
	background-image:url(../img/caseTypeIcom5.gif);
}

.typeCommentBox6{
	background-image:url(../img/caseTypeIcom6.gif);
}

#case p.caseTitle2{
	font-weight:bold;
	font-size:1.3em;
	margin-bottom:0px;
}

#case ul#typeOfBusiness li {
	float:left;
	display: inline;  
	padding-left: 10px;  
}

#case ul#typeOfBusiness li a{
	color:#FFFFFF;
}

#case .fileL{
	width:135px;
	padding:10px;
	border:1px solid #ffffff;
	float:left;
}

#case .fileL img{
	border:1px solid #666666;
	margin-top:5px;
}

#case p.fileName{
	font-weight:bold;
	border-bottom:1px solid #ffffff;
}

#case .fileR{
	width:580px;
	padding-left:10px;
	padding-right:10px;
	float:left;
}

#case .fileRImgBox{
	width:140px;
	float:right;
}

#case .fileRImgBox img{
	border:1px solid #666666;
}

#case .fileRImgBox p{
	font-size:0.8em;
	margin-left:20px;
	line-height:1.2em;
}

#case p.Attention{
	font-size:0.8em;
	line-height:1.2em;
}



/*
system[
----------------------------------------------------------- */
.systemBox{
	width:200px;
	height:370px;
	border:solid 1px #ffffff;
	float:left;
	margin-left:20px;
	padding:10px;
}

.systemBox ul{
	margin-left:30px;
	margin-bottom:10px;
}

/*
 ダウンロードボタン設定 [
----------------------------------------------------------- */
.btBox{
	margin-top:50px;
	width:520px;
	float:left;
	padding-left:140px;
	padding-right:140px;
}

ul#bt{
    list-style:none;
	margin-bottom:10px;
}

ul#bt li{
    list-style:none;
    float:left;
	margin-left:20px;
}

/*
問合せフォーム[
----------------------------------------------------------- */	
table.contact{
	width:500px;
    border-spacing:0;
    empty-cells:show;
}

.contact th{
	width:80px;
	color:#ffffff;
	background-position:left top;
	padding:5px;
	text-align:left;
}
.contact td{
    padding:5px;
	color:#ffffff;
}

.attentionBox{
	width:420px;
	padding-left:90px;
	font-size:80%;
}

#send .chartBox{
	height:400px;
}

#confirm .contact td{
    padding:5px;
	background-color:#FFFFFF;
	color:#000000;
	}
	
	#confirm .contact td#white{
    padding:5px;
	background-color:#221815;
	}