﻿@charset "utf-8";
/* CSS Document */

#content-body {
	font-size:82%;
}

#content-body td{
	word-wrap:break-word;
}


/*　★menu---------------------------------------------*/
#left #menu li.st {
	border:none;
	background: #FFFFFF;
}

/*　★submenu---------------------------------------------*/


div#submenu_tate {
	display:none;
}

/*　★テーブル用CSS---------------------------------------------*/
table.table_01{
	width:100%;
	border-collapse:collapse;
	border:none;
}
.table_01 th {
	color: #333333 ;
	padding:5px;
	background-color: #F2F2F2 ;
	border:1px solid #CCCCCC ;
}
.table_01 td {
	padding:5px;
	padding-bottom:30px;
	width:50%;
}
.table_01 td.border_bottom{
	border-bottom:1px dotted #CCCCCC ;
	padding:10px 5px;
	vertical-align:top;
}

table.table_02 {
	width:100% ;
	margin: 0 auto 40px auto ;
	padding:0 ;
	border:1px solid #CCCCCC ;
	border-collapse:collapse;
}

table.table_02 th {
	width:105px ;
	padding:10px ;
	color: #333333 ;
	line-height:1.6em;
	font-weight:normal ;
	text-align:center;
	background-color: #F2F2F2 ;
	border:1px solid #CCCCCC ;
}
table.table_02 th.midashi{
	background: #D9F2FF;
	color: #336699;
	text-align:center;
	width:auto;
}

table.table_02 td {
	padding:10px ;
	color:#333 ;
	line-height:1.6em;
	border:1px solid #CCCCCC ;
}

table.table_02 th span {
	padding:0 0 0 5px ;
	color:#F00 ;}

table.table_02 td span {
	padding:0 0 0 5px ;
	color:#666 ;}

table.table_02 td span.select {
	padding:0 ;
	display:block ;
	color:#333 ;}

#content-body table.table_03 {
	width:100% ;
	margin: 0 auto 40px auto ;
	border:1px solid #CCCCCC ;
	border-collapse:collapse;
}
#content-body table.table_03 td{
	padding:5px;
}


/*　★サービスページ　テーブル---------------------------------------------*/

.servise_table td a.hov {
	display:block;
	background-color:#FFF;
}

.servise_table td a.hov:hover img {
    cursor:pointer;
    filter: alpha(opacity=60);        /* ie lt 8 */
    -ms-filter: "alpha(opacity=60)";  /* ie 8 */
    -moz-opacity:0.6;                 /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.6;              /* Safari 1.x */
    opacity:0.6;
    zoom:1;
}


/* ★WEB納品実績ページ　テーブル------------------------------------------ */

.table01_web {
	width:720px;
	border-collapse:collapse;
	
}

.table01_web tr {
	border-bottom:dotted 1px #666;
	
}

.border-2px_web{
	width:100px;
	padding:10px;
	padding-left:50px;
	background: rgba(0, 0, 0, 0) url("img/i4e93ebdac260f.png") no-repeat scroll 40px center;
    color: #666;
}

.border-2px_web2{
	padding:10px;
}



/* ★リクルートページ------------------------------------------ */

#rec-box {
	width:500px ;
	margin:40px auto ;
	padding:20px 20px 0px 20px ;
	border:2px dotted #CCCCCC ;
	clear:both ;}

table{
	margin:0 auto;}
	
table td span.txt01 {
	padding:0 ;
	color:#333 ;
	font-weight:bold ;}

.clear_both{
	clear:both;
}

#content-body p.return_top{
	margin-bottom:20px;
}

/* ★CSRリンク------------------------------------------ */


.csr_table {
	background-color:#F4F4F4;
	text-align: center;
	border-left: 5px solid  #FFCC99;
	border-right: solid 10px #fff;
	width:108px;
	height:25px;
	padding:10px;
}

.csr_table2 {
	background-color:#fff;
	color: #ff6600;
	text-align: center;
	border-left: 5px solid  #FFCC99;
	border-right: solid 10px #fff;
	width:108px;
	height:25px;
	padding:10px;
}

.csr_table:hover {
	background-color: #F8E4C9;
	
}

.csr_table a {
	text-decoration: none;
	display:block;
	width:108px;
	height:25px;
	color:#000;
}


/*.csr_table a:hover {
	background-color:#09F;
	
}






/* ★サービス紹介リンク------------------------------------------ */


.service_table {
	background-color:#F4F4F4;
	text-align: center;
	border-left: 5px solid  #FFCC99;
	border-right: solid 10px #fff;
	width:135px;
	height:25px;
	padding:10px;
}

.service_table2 {
	background-color:#fff;
	color: #ff6600;
	text-align: center;
	border-left: 5px solid  #FFCC99;
	border-right: solid 10px #fff;
	width:135px;
	height:25px;
	padding:10px;
}

.service_table:hover {
	background-color: #F8E4C9;
	
}

.service_table a {
	text-decoration: none;
	display:block;
	width:135px;
	height:25px;
	color:#000;
}


/*.service_table a:hover {
	background-color:#09F;
	
}






/* ★フッタ------------------------------------------ */
#footer{
	padding-top:15px;
	padding-bottom:15px;
}


/* ie6用設定 -----------------------------------------------

　marginが倍になる IE6用hashタグで半分の値に上書き

---------------------------------------------------------- */

/* ?R???e???c???? lay04w.css */
* html #content-body {
	margin-left:12px
}

/* ?o?i?[?????@lay03.css */
* html #box.b-r {
	margin-right:15px
}

/* ★お問い合わせ------------------------------------------ */
#iframec {
	width: 770px;
	height: 1100px;
}



/* 緊急時のお問合せバナー */
.bn-emergency:hover img {
    cursor:pointer;
    filter: alpha(opacity=60);        /* ie lt 8 */
    -ms-filter: "alpha(opacity=60)";  /* ie 8 */
    -moz-opacity:0.6;                 /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.6;              /* Safari 1.x */
    opacity:0.6;
    zoom:1;
}

.bn-emergency img {
    margin-bottom:3px;
    margin-left:-7px;
}
