/*
link   #2288F1
blue   #1966B6
red    #FF0003
green  #148E28
orange #FF8900
*/


*{
	margin:0;
	padding:0;
	font-family: Verdana, Helvetica, "ＭＳ Ｐゴシック", Osaka, sans-serif;
	color:#555555;
	text-align:left;
}

body{
	scrollbar-arrow-color:#002B69;
	scrollbar-base-color:#ffffff;
	scrollbar-darkshadow-color:#2d3437;
	scrollbar-highlight-color:#dddddd;
	scrollbar-shadow-color:#eeeeee;
	scrollbar-track-color:#eeeeee;
	background:#e6e6e6 url(../images/bg/main.gif) repeat-y center;
	margin:0;
	padding:0;
	font-family:"ＭＳ Ｐゴシック";
}


table.mainT{
	width:950px;
	margin:0 auto;
}

table.mainT td.header{
	background:url(../images/bg/header.gif) no-repeat;
	height:97px;
}

img{
	border:none;
}

h1{
	background:#fff;
	font-weight:normal;
	color:#999;
	background:#f0f0f0 url(../images/bg/main.gif) repeat-y center;
	font-size:10px !important;
}

td.anime{
	text-align:right;
	background-color:#ffffff;
	height:310px;
	vertical-align:top;
}


#leftColumn{
	width:200px;
	background-color:#f2f2f2;
	vertical-align:top;
}

#centerColumn{
	width:504px;
	background-color:#ffffff;
	padding-left:10px;
	vertical-align:top;
}

#rightColumn{
	width:246px;
	background-color:#ffffff;
	padding-left:10px;
	vertical-align:top;
}

#twoColumn{
	width:750px;
	padding-left:10px;
	background-color:#ffffff;
	vertical-align:top;
}

#content ul.contents,
#twoColumn ul.contents{
	list-style:none;
	margin-top:15px;
	margin-left:15px;
}

#content ul.contents li,
#twoColumn ul.contents li{
	background:url(../images/icon/ico01.gif) no-repeat left 50%;
	padding-left:8px;
	line-height:155%;
	margin-bottom:4px;
}

#content ul.contents li a{
	color:#2288F1;
}

#content ul.contents li a:hover{
	color: #FF0003;
	text-decoration:none;
}

#rightColumn td{
	padding-top:10px;
}

td.homeAbout{
	background:url(../images/home/about.gif) no-repeat;
	height:99px;
	padding:7px 10px 0 103px;
	line-height:145%;
}

div.aboutUs{
	border:10px solid #eee;
	height:140px;
	margin-bottom:25px;
	padding:15px 15px 5px 15px;
}

div.aboutUs div{
	float:left;
	margin-right:15px;
}

div.aboutUs p{
	line-height:180%;
}

div.aboutUs div.more{
	float:right;
	margin-right:8px;
	
}

div.more a,
div.more a:link,
div.more a:active,
div.more a:visited{
	color:#2288F1;
	background:url(../images/icon/ico02.gif) no-repeat left 5px;
	padding-left:8px;
}

div.more a:hover{
	color:#FF0003;
}

div.staffBan{
	margin:25px 0 15px;
}


/*contents*/
#content h3{
	padding:10px 5px 8px 8px;
	margin:10px 0;
	border:1px solid #cccccc;
}

#content h3.misc{border-left:5px solid #ff8900;}
#content h3.about{border-left:5px solid #148E28;}
#content h3.case{border-left:5px solid #1966B6;}
#content h3.sub{border-left:5px solid #333333;}


#content h3.img{
	margin:0;
	padding:0;
	background:none;
	border:none;
}

#content div.header{
	margin:10px 0;
}

#content p.catch{
	font-size:14px;
}

#content p{
	line-height:155%;
	margin-bottom:15px;
}

#content hr{
	height:1px;
	color:#eeeeee;
	margin:15px 0;
	clear:both;
}

#content .img{
	margin-bottom:7px;
}

#content a,
#content a:link,
#content a:active,
#content a:visited{
	color:#2288f1;
}

#content a:hover{
	color:#ff0033;
}

#content div#entry h3 a{
	text-decoration:none;
	color:#fff
}


#content ul.warn{
	list-style:none;
	margin:0 0 0 15px;
}

#content ul.warn li{
	background:url(../images/icon/ico05.gif) no-repeat left 5px;
	line-height:155%;
	padding-left:12px;
}

/******************************
faq
******************************/
#content dl.faq{
	margin:3px;
}

#content dl.faq dt{
	background:#f5f5f5 url(../images/icon/ico03.gif) no-repeat left top;
	padding:3px 0 3px 30px;
	color:#148E28;
	font-weight:bold;
	margin-bottom:7px;
	line-height:155%;
}

#content dl.faq dd{
	background:url(../images/icon/ico04.gif) no-repeat left top;
	padding:3px 0 2px 30px;
	margin-bottom:30px;
	line-height:155%;
}


/********************************
table css
********************************/
table.corp{
	width:100%;
	margin:10px 0;
}

table.corp th{
	width:20%;
	background:#f5f5f5 url(../images/bg/tableTh.gif) repeat-x bottom;
	padding:7px;
	text-align:left;
	line-height:155%;
}

table.corp td{
	width:80%;
	padding:7px;
	line-height:155%;
	background:#ffffff url(../images/bg/tableTd.gif) repeat-x bottom;
}


table.data{
	width:100%;
	margin:10px 0;
}

table.data th{
	background:#f5f5f5 url(../images/bg/tableTh.gif) repeat-x bottom;
	padding:7px;
	line-height:155%;
}

table.data td{
	padding:7px;
	line-height:155%;
	text-align:center;
	background:#ffffff url(../images/bg/tableTd.gif) repeat-x bottom;
	border-right:1px dotted #eeeeee;
}


table.aboutKnowledge{
	margin-bottom:15px;
	width:740px;
}

table.aboutKnowledge th{
	text-align:left;
	font-weight:normal;
	padding:5px;
	background:#f5f5f5 url(../images/bg/tableTh.gif) repeat-x bottom;
}

table.aboutKnowledge td{
	background:#ffffff url(../images/bg/tableTd.gif) repeat-x bottom;
	padding:5px;
	line-height:145%;
}

table.aboutKnowledge td.img{
	padding:0;
}

/*********************************
nav
*********************************/
div#footer dl{
	float:left;
	width:440px;
	margin:0 15px;
	padding:15px 0;
}

div#footer dt{
	margin:5px 5px 0 5px;
	color:#ccc;
}


div#footer dd{
	float:left;
	color:#aaa;
	margin:5px;
	font-size:11px;
	line-height:100%;
}

div#footer ul{
	display:inline;
}

div#footer ul li{
	font-size:11px;
	margin-bottom:3px;
}


/*********************************
inquiry
*********************************/
form table{
	width:99%;
	margin-top:7px;
}

form table th{
	width:25%;
	text-align:left;
	padding:7px 3px 7px 5px;
	font-weight:normal;
	background:#f5f5f5 url(../images/bg/tableTh.gif) repeat-x bottom;
}

form table th span{
	padding-left:10px;
}

form table th span.must{
	background:url(../images/bg/must.gif) no-repeat 3px left;
}

form table td{
	width:75%;
	padding:7px 5px;
	background:#ffffff url(../images/bg/tableTd.gif) repeat-x bottom;
	border-right:1px dotted #eeeeee;
}

#content p.conversion{
	clear:both;
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #0099CC),
		color-stop(1, #006699)
	);
	background-image: -o-linear-gradient(bottom, #0099CC 0%, #006699 100%);
	background-image: -moz-linear-gradient(bottom, #0099CC 0%, #006699 100%);
	background-image: -webkit-linear-gradient(bottom, #0099CC 0%, #006699 100%);
	background-image: -ms-linear-gradient(bottom, #0099CC 0%, #006699 100%);
	background-image: linear-gradient(to bottom, #0099CC 0%, #006699 100%);
	
	margin:0 auto 25px;
	width: 710px;
	border: 2px solid #FFF;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
	-webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
	box-shadow:1px 1px 1px rgba(000,000,000,0.3);
	text-align:center;
	padding:15px 10px 10px;
}
#content p.conversion a{
	color: #FFF;
	text-shadow: 0px 0px 3px rgba(0,0,0,0.5);
	font-size:24px;
	display:block;
	text-decoration:none;
	text-align:center;
	padding:10px 0;
}
#content p.conversion a:hover{
	font-weight:bold;
}






/******************************
links
******************************/
ul.siteThumb {
	width:100%;
	font-size:10px;
	line-height:135%;
	text-align:center;
	list-style:none;
	margin:5px 0 20px 0;
	padding:0;
	position: relative;
	clear:both;
}

ul.siteThumb li {
	width:auto;
	margin:10px 23px 0 0;
	padding:0;
	_margin:10px 21px 0 0;/*IE Hack*/
	float:left;
	
}

ul.siteThumb li a, ul.siteThumb li a:hover {
	width:160px;
	margin:0;
	padding:0;
	display:block;
	border-bottom:none;
}

ul.siteThumb li a img {
	_margin-right:1px;
	margin-bottom:3px;
	border:1px solid #ccc;
	display:block;
	
}

ul.siteThumb li a:hover img {
	filter:alpha(opacity=50);
	border-top:1px solid #162b76;
}

ul.siteThumb li strong {
	_margin-right:1px;
/* mac ie */
	width:160px;
	height:2.7em;
	font-weight:normal;
	display:block;
	font-size:10px;
/* ------ */
/*\*/
	overflow:hidden;
/**/
}



/*トップページの事例*/
p.homeKawagoe{
	background:url(http://www.shinei-toso.com/images/header/case06.jpg) no-repeat;
	width:710px;
	height:370px;
	padding:15px;
}

p.homeKawagoe a{
	color:#fff !important;
	text-shadow:2px 2px 1px #333;
	font-size:24px;
	line-height:150%;
	text-decoration:none;
	display:block;
	width:710px;
	height:370px;
}



/**********************************
施工事例
**********************************/
table.caseT{
	width:100%;
}

table.caseT th{
	text-align:left;
	line-height:155%;
	background:#f5f5f5 url(../images/bg/tableTh.gif) repeat-x bottom;
	padding:5px;
	font-weight:normal;
}

table.caseT td{
	padding-right:10px;
	line-height:155%;
	padding:5px;
	background:#ffffff url(../images/bg/tableTd.gif) repeat-x bottom;
}

table.caseT td.img{
	padding:0;
	vertical-align:top;
}

table.caseT td ol{
	margin:0 0 0 25px;
}

table.caseT td ol li{
	margin-bottom:4px;
	margin-left:0px;
}

table.corp{
	width:100%;
	margin:10px 0;
}



table.caseDetail tr.txt td{
	text-align:center;
	padding:4px 2px 3px 2px;
}


/*****************************************
pophelp
*****************************************/
.pophelp {
	position: absolute;
	display: none;
	visibility: hidden;
	border: 3px solid #148E28;
	background: #ffffff;
	width: 300px;
	padding: 5px;
	line-height: 155%;
}

#twoColumn table.data th a img {
	margin-left:5px;
	margin-bottom:-2px;
}

#twoColumn table.data th a:link,
#twoColumn table.data th a:active,
#twoColumn table.data th a:visited,
#twoColumn table.data th a,
#twoColumn table.data th a:hover{
	color:#555555;
	text-decoration:none;
}

/*****************************************
misc
*****************************************/
div.staffImg{
	margin:10px 0 15px;
}

#twoColumn table.miscService{
	margin-top:10px;
	width:740px;
}

#twoColumn table.miscService td{
	line-height:145%;
	vertical-align:top;
}

#twoColumn table.miscService td img{
	margin-bottom:5px;
}

#twoColumn table.miscService ul.contents{
	margin:0px 5px 35px;
}

#twoColumn table.miscService ul.contents li{
	margin-bottom:1px;
}

ul.newsList li a,
ul.newsList li a:link,
ul.newsList li a:active,
ul.newsList li a:visited{
	font-size:12px;
	color:#2288F1;
	text-decoration:none;
	background:url(../images/icon/ico01.gif) no-repeat left 4px;
	padding-left:5px;
}

ul.newsList li a:hover{
	text-decoration:underline;
}

ul.newsList{
	margin-left:8px;
}


/*freoフォーム*/
fieldset{
	padding:15px;
}

dl.form dt{
	font-weight:bold;
	border-left:5px solid #666;
	padding-left:5px;
	margin-bottom:5px;
}

dl.form dd{
	margin-bottom:20px;
}
dl.form dd input[type=checkbox],
dl.form dd input[type=radio]{
	width:22px;
}


input{
	ime-mode:active;
	padding:2px;
}

textarea{
	width:500px;
	height:200px;
	ime-mode:active;
	padding:5px;
}

.checkRadio{
	width:24px;
	margin-bottom:-2px;
}

select{
	width:200px;
}

div.but{
	margin:15px;
	text-align:center;
}

span.must{
	color:red;
}




/*************************** page/service *****************************/
ul.service{}
ul.service li{
	list-style:none;
	float:left;
	background-color:#f9f9f9;
	padding:3px 0;
	width:240px;
	margin:5px 3px;
}


/**************http://www.shinei-toso.com/knowledge************/
dl.table{
	margin: 10px 0;
	padding: 0 2px 0px;
	border: 7px #eee solid;
}
dl.table dt {
	float: left;
	width: 15em;
	padding: 10px 0;
	font-weight: bold;
	text-indent: 5px;
	line-height: 150%;
}
dl.table dd {
	padding: 10px 0 10px 15em;
	line-height: 150%;
	border-bottom: 1px dotted #ccc;
}


div.knowledge{
	float:left;
}

dl.knowledge {
	margin: 0 0 15px;
	padding: 0 3px 10px;
	border: 7px #eee solid;
	margin-left:170px;
}
dl.knowledge dt {
	float: left;
	width: 8em;
	padding: 10px 0;
	font-weight: bold;
	text-indent: 2px;
	line-height: 150%;
}
dl.knowledge dd {
	padding: 10px 0 10px 8em;
	line-height: 150%;
	border-bottom: 1px #ccc dotted;
}


/************** case ************/
ul.case{
	margin:0 -7px 15px;
}

ul.case li{
	list-style:none;
	float:left;
	margin:0 7px;
	text-align:center;
}

div.comment{
	float:right;
	margin-left:15px;
}

div.caseBefore{
	float:right;
	margin:8px;
}

div.rightImg{
	float:right;
	margin:0 0 10px 10px;
	border:1px solid #ccc;
	text-align:center;
}


div.leftImg{
	float:left;
	margin:0 10px 10px 0;
	border:1px solid #ccc;
	text-align:center;
}

dl.case {
	margin: 0 0 15px;
	padding: 0 10px 0;
	border: 7px #eee solid;
}
dl.case dt {
	float: left;
	width: 8em;
	padding: 10px 0;
	font-weight: bold;
	text-indent: 2px;
	line-height: 150%;
}
dl.case dd {
	padding: 10px 0 10px 8em;
	line-height: 150%;
	border-bottom: 1px #ccc dotted;
}
dl.case dd ol{
	margin-left:25px;
}

p.size14{
	font-size:14px;
}

ol.policy{
	margin-left:35px;
}

ol.policy li{
	margin-bottom:7px;
	font-size:14px;
}

.blueTxt{color:#1966b6;}
.greenTxt{color:#148e28;}
.orgTxt{color:#e67c03;}

div#content.flow h3{
	font-size:16px;
	color:#148e28;
	border:none;
	padding:0;
	margin:5px 0 0 15px;
}







div#content.flow p{
	margin:1px 0 0 0px;
}

div#content.flow div.flow{
	float:left;
	margin:0 15px 20px 0;	
}

div.flowBlock{
	clear:both;
}

.staffImg{
	width:740px;
	height:258px;
}

.stf01{background:url(../images/img/staff_01.jpg) no-repeat;}
.stf02{background:url(../images/img/staff_02.jpg) no-repeat;}
.stf03{background:url(../images/img/staff_03.jpg) no-repeat;}
.stf04{background:url(../images/img/staff_04.jpg) no-repeat;}
.stf05{background:url(../images/img/staff_05.jpg) no-repeat;}
.stf06{background:url(../images/img/staff_06.jpg) no-repeat;}

div#content .staffImg h3{
	font-size:16px;
	border:none;
	margin-bottom:5px;
}

div#content .stf01 h3{color:#148e28; padding:43px 0 0 10px;}
div#content .stf02 h3{color:#1966b6; padding:43px 0 0 276px;}
div#content .stf03 h3{color:#e67c03; padding:43px 0 0 10px;}
div#content .stf04 h3{color:#1966b6; padding:43px 0 0 276px;}
div#content .stf05 h3{color:#148e28; padding:43px 0 0 10px;}
div#content .stf06 h3{color:#e67c03; padding:43px 0 0 276px;}


.staffImg dl {
	margin: 0;
	padding: 0;
}
.staffImg dl dt {
	float: left;
	width: 6em;
	padding: 0;
	font-weight: bold;
	text-indent: 13px;
	line-height: 250%;
}
.staffImg dl dd {
	padding: 0 0 0 6em;
	line-height: 250%;
	width:380px;
}

div#content .stf02 dl,
div#content .stf04 dl,
div#content .stf06 dl{
	margin-left:265px;
}