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

/* ----------------------------------------------------*/

/*　WEB・モバイルサイト制作　専用スタイルシート　　　　*/

/* ----------------------------------------------------*/


/* --------------------------------------------------- */
/* 共通 */
/* --------------------------------------------------- */

/*index.htmlの枠消し*/
#seisaku div.article.idx{
	padding:0;
	border:none;
}

/*カテゴリリンク*/
.ctgLink{
 margin-top:20px;
}

dl.ctgLink dt{
 width:7em;
}

dl.ctgLink dd{
 margin-left:7em;
}

/* ---------------------------------------------------
　　制作トップ
 --------------------------------------------------- */
/*本文イメージ画像*/
#idx_sec01{
	background:url(img/idx_ph01.jpg) right top no-repeat;
	min-height:140px;
	margin:0 10px;
}

#idx_sec02{
	margin:0 10px;
}

#idx_sec03{
	background:url(http://www.supotant.com/service/img/one_idx_ph01.jpg) right top no-repeat;
	min-height:140px;
	margin:0 10px;
}


/* 共通 */

li {list-style:none;}

/*IE6*/
*html #idx_sec01{
	height:140px;
	background-position:right 15px;
}
*html #idx_sec03{
	height:140px;
	background-position:right 15px;
}

/*IE7*/
*:first-child+html #idx_sec01,
*:first-child+html #idx_sec03{
	background-position:right 15px;
}

#idx_sec01 p{
	width:390px;
}
#idx_sec03 p{
	width:360px;
}

/*企業様の声*/
#voice{
	padding-left:240px;
	background:url(../service/img/idx_ph05.jpg) left center no-repeat;
}

#voice dt{
	margin-top:10px;
	padding:3px;
	background-color:#F5F4EF;
	font-weight:bold;
}

#voice dd{
	margin-top:5px;
}

#voice dd.link{
	text-align:right;
}


/* --------------------------------------------------- */
/* 個別ページ */
/* --------------------------------------------------- */

/*お客様の声*/
.voices{
	padding:10px;
	margin-bottom:20px;
	border-bottom:dotted 1px #ccc;
}
.voices img{
	float:right;
	margin-left:20px;
	margin-bottom:10px;
	border:solid 1px #ccc;
	padding:3px;
}
.voices .company{
	font-size:14px;
	font-weight:bold;
	color:#8b4c00;
	margin-bottom:5px;
}
.voices dl{
	padding-top:15px;
	margin-bottom:20px;
}
.voices dt{
	font-weight:bold;
	border-left:solid 5px #841527;
	padding:3px 0 3px 7px;
	margin-bottom:10px;
}
.voices dd{
	padding:0 0 5px 15px;
	line-height:160%;
}
.voices p{
	clear:both;
}


/*参考価格表*/
#seisaku table.price01{
	border-top:1px solid #CCB0B0;
	border-left:1px solid #CCB0B0;
	border-collapse:collapse;
	border-spacing:0;
	background-color:#ffffff;
	empty-cells:show;
	margin:10px auto 20px 0;
	width:600px;
}
.price01 th{
    border-right:1px solid #CCB0B0;
    border-bottom:1px solid #CCB0B0;
    color:#666666;
    background-color:#FFF6F3;
    background-position:left top;
    padding:0.3em 1em;
    text-align:center;
}
.price01 td{
    border-right:1px solid #CCB0B0;
    border-bottom:1px solid #CCB0B0;
    padding:0.3em 1em;
	text-align:left;
}
.price01 td.center{
    border-right:1px solid #CCB0B0;
    border-bottom:1px solid #CCB0B0;
	text-align:center;
}
.price01 td.right{
    border-right:1px solid #CCB0B0;
    border-bottom:1px solid #CCB0B0;
	text-align:right;
}

#seisaku table.price02{
	border-top:1px solid #CCB0B0;
	border-left:1px solid #CCB0B0;
	border-collapse:collapse;
	border-spacing:0;
	background-color:#ffffff;
	empty-cells:show;
	margin:10px auto 0 0;
	width:600px;
}
.price02 th{
    border-right:1px solid #CCB0B0;
    border-bottom:1px solid #CCB0B0;
    color:#666666;
    background-color:#FFF6F3;
    background-position:left top;
    padding:0.3em 1em;
    text-align:center;
}
.price02 td{
    border-right:1px solid #CCB0B0;
    border-bottom:1px solid #CCB0B0;
    padding:0.3em 1em;
	text-align:left;
}
.price02 td.center{
    border-right:1px solid #CCB0B0;
    border-bottom:1px solid #CCB0B0;
	text-align:center;
}
.price02 td.right{
    border-right:1px solid #CCB0B0;
    border-bottom:1px solid #CCB0B0;
	text-align:right;
}
/*価格表の右側のボーダーを消す*/
.price02 td.center.ls{
    border-right:none;
}

/*フロート関連*/
#seisaku .mass{
	width:618px;
}

#seisaku .mass .text{
	width:385px;
	float:left;
	margin-right:5px;
}

/*お問合せから納品まで*/
.bdr{
	border:#ccc solid 1px;
	padding:10px;
	width:550px;
	margin:0 auto;
}
.bdr .ttl{
	font-weight:bold;
	text-align:center;
	font-size:14px;
	color:#333;
}
.bdr dl{
	margin-top:20px;
}
.bdr dt{
	font-weight:bold;
}
.bdr dd{
	line-height:1.4em;
}
img.arrow{
	width:76px;
	height:27px;
	margin:5px 280px;
}
.bdr_first{
	border:#ccc solid 1px;
	padding:10px;
	width:550px;
	margin:10px auto 0;
}
.bdr_first .ttl{
	font-weight:bold;
	text-align:center;
	font-size:14px;
	color:#333;
}