@charset "shift_jis";

/* top elements */
* { padding: 0; margin: 0; }

html {
	overflow-y: scroll;
}

body {
	margin: 0;
	padding: 0;
	font: 12px "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color: #00194C;
	background: #FFF;
	background-repeat: repeat-x;
	text-align: center;
	height: 100%;
}

/* links */
a { background: inherit; color: #00194C; text-decoration: underline; }
a:hover { background: inherit; color: #FF4712; text-decoration: underline; }

/* headers */
p, h1, h2, h3 {
	font: 12px "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color: #00194C;
}

p {
	/* margin: 10px 15px; */
	line-height: 1.5em;
}


.font16 {font-size: 16px}


ul, ol {
	margin: 10px 30px;
	padding: 0 15px;		
}

/* images */
img {
 padding: 0px;
 border:0px;
}

img.float-right {
  margin: 0px;  
}

img.float-left {
  margin: 0px;
}

/* top - table */
#pdftable table {
	margin: 0px;	
}

#pdftable th {
	height: 150px;
	padding: 0px 10px 0px 10px;
	text-align: center;
	border: 0px;
}

#pdftable td {
	padding-left: 10px;
	padding-right: 10px;
	text-align: left;
	border: 0px;
}

/* profile - table */
#profile {
 border:1px solid #CCC;
 padding:15px;
}

.profile1{
 border:none;
}

.profile2{
 border-top:1px solid #999;
 border-right:1px solid #999;
}

.profile1 table, .profile2 table{
 width:100%;
 padding:0px;
}

.profile1 th {
 width:25%;
}

.profile1 td, .profile1 th {
	padding:1.0em;
	vertical-align:top;
	line-height: 1.5em;
 text-align:left
}

.profile1 td {
 width:75%;}

.profile1 td,.profile2 td {
 border-left:1px solid #999;}

.profile2 th,.profile2 td	{
	padding:0.5em;
	vertical-align:top;
	line-height: 1.5em;
 text-align:center;
 border-bottom:1px solid #999;
 border-left:1px solid #999;
}

/* works - table */
.works {
 border-top:1px solid #999;
 border-right:1px solid #999;
}

.works table{
 width:100%;
 padding:0px;
 vertical-align:top;
 line-height: 1.5em;
 text-align:left;
}

.works td, .works th{
 padding:0.5em 1.2em;
 font-weight:normal;
 border-bottom:1px solid #999;
 border-left:1px solid #999;
 text-align:left;
}

/* develop - table */
.develop {
 margin:20px 0px 0px 10px;
}
.develop td {
 padding-left:4px;
}

/* table - style - only */
.bb2 {
 border-bottom:2px solid #999;
}
/* end - table */

.service {
}

.service h2 {

}

/***********************
	  LAYOUT
************************/
#wrap {
	width: 800px;
	margin: 0px auto;
	}


/* header */
#header {
	position: relative;
	height: 83px;
	text-align: left;		
	margin: 0 0 0 0; 
 padding: 0px;	
}

#header .headerphoto {
	position: absolute;
	right: 15px ; top: 0px;
	width: 455px;
	height: 156px;
	background: url(file:///E|/現在進行形/東京技営/新しいフォルダ/headerphoto.jpg) no-repeat;	
}

#header #logo-box {
	position: absolute;
	left: 0px;
	top: 15px;
	width: 485px;
	height: 51px;
}

#header #contact-box {
	position: absolute;
	right: 0px;
	top: 20px;
	width: 211px;
	height: 52px;
}

/* header menu */
#menu {
	clear: both;
	width: 800px;
	height: 27px;
}

#menu ul {
	height: 27px;
	margin: 0px;
	padding: 0;
}

#menu ul a {
	display: block;
	height: 27px;
	text-decoration:none;
	overflow: hidden;
}

#menu li {
	float: left;
	list-style: none;
}

#menu li a {
	display: block;
	text-decoration: none;	
	text-indent: -9999px;
}

li#menu1 a:link,li#menu1 a:visited {
	background: url(../img/m_manu.gif) 0px 0px;
	width: 200px;
}

li#menu1 a:hover,li#menu1-sty a {
	background: url(../img/m_manu.gif) 0px -27px;
	width: 200px;
}

	
li#menu2 a:link,li#menu2 a:visited {
	background: url(../img/m_manu.gif) -200px 0px;
	width: 200px;
}

li#menu2 a:hover,li#menu2-sty a{
	background: url(../img/m_manu.gif) -200px -27px;
	width: 200px;
}


li#menu3 a:link,li#menu3 a:visited {
	background: url(../img/m_manu.gif) -400px 0px;
	width: 200px;
}

li#menu3 a:hover,li#menu3-sty a {
	background: url(../img/m_manu.gif) -400px -27px;
	width: 200px;
}

li#menu4 a:link,li#menu4 a:visited {
	background: url(../img/m_manu.gif) -600px -0px;
	width: 200px;
}

li#menu4 a:hover,li#menu4-sty a {
	background: url(../img/m_manu.gif) -600px -27px;
	width: 200px;
}


/* content */
#content-wrap {
	clear: both;
	float: left;
	width: 800px;
}

#content {
	width: 800px;	
	clear: both;
	text-align: left;	
	padding: 0;
	margin: 0 auto;
}

/* main */
#main {
	width: 800px;	
	margin: 0; 
	padding: 0;	
}


#main h1 {
	padding: 10px 0 10px 0px;
	margin: 0 0 0 0px;
}

#main h2 {
line-height:1.2em;
margin-bottom:15px;
}

.maincont {
	width: 800px;
}

.maintxt1{
background:#FFF url(../img/m_pe01.gif) no-repeat top left;
padding-left:60px;
margin-bottom:15px;
}
.maintxt2{
background:#FFF url(../img/m_pe02.gif) no-repeat top left;
padding-left:60px;
margin-bottom:15px;
}
.maintxt3{
background:#FFF url(../img/m_pe03.gif) no-repeat top left;
padding-left:60px;
margin-bottom:30px;
}

#s_menu {
width:800px;
height:34px;
margin-bottom:10px;
}

#s_menu ul {
	height: 34px;
	margin: 0px;
	padding: 0;
}

#s_menu ul a {
	display: block;
	height: 34px;
	text-decoration:none;
	overflow: hidden;
}

#s_menu li {
	float: left;
	list-style: none;
}

#s_menu li a {
	display: block;
	text-decoration: none;	
	text-indent: -9999px;
}

li#s_menu1 a:link,li#s_menu1 a:visited {
	background: url(../img/s_manu.gif) 0px -34px;
	width: 400px;
}

li#s_menu1 a:hover,li#s_menu1-sty a {
	background: url(../img/s_manu.gif) 0px 0px;
	width: 400px;
}

	
li#s_menu2 a:link,li#s_menu2 a:visited {
	background: url(../img/s_manu.gif) -400px -34px;
	width: 400px;
}

li#s_menu2 a:hover,li#s_menu2-sty a{
	background: url(../img/s_manu.gif) -400px 0px;
	width: 400px;
}

.m_work {
padding-left:10px;
width:790px;
height:116px;
clear:both;
margin-bottom:15px;
}

.m_work img{
float:left;
margin-right:5px;
}
.m_work h3{
font-weight:bold;
font-size:15px;}

.m_w01 {
width:275px;
float:left;
margin-right:7px;
}
.m_w02 {
width:220px;
float:right;
}
.s_work {
height:275px;
margin-bottom:20px;
}
.s_work img {
margin-right:15px;
float:left;}

.s_work h1 img {
margin-bottom:20px;
}
.case {
float:left;
width:324px;
padding:20px 38px;
}

.case_ed {
float:left;
width:324px;
padding:20px 38px 15px 38px;
}

.line_001 {
 border-bottom:#CCC 2px solid;
	height:2px;
	clear:both;
}

hr {display:none;}



/* table - style - only */
.bt1p	{
 border-top:1px solid #999;}
.bgbb {
 border-bottom:1px solid #999;
 background-color:#EAEAEA;}
.bgbt {
 border-top:1px solid #999;
 background-color:#EAEAEA;}
.bgcol {background-color:#EAEAEA;}
.bonon {border-bottom:0px none;}

/* footer */
#footer {
	clear: both;
	margin: 0; padding: 12px 0 0 0;
	font: 12px "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	height: 50px;
	text-align: right;
}

#footer p {
	margin: 0 0 10px 0; padding: 0;
}

#footer a {
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
}

.f-10 {
 font-size:10px;
}
 
/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right {	text-align: right; }

/* additional classes */
.clear { clear: both; }
.gray  { color: #BFBFBF; }

.mb5 {margin-bottom: 5px;}
.mb10 {margin-bottom: 10px;}
.mb15 {margin-bottom: 15px;}
.mb20 {margin-bottom: 20px;}
.mb30 {margin-bottom: 30px;}
.mb40 {margin-bottom: 40px;}
.mb50 {margin-bottom: 50px;}
.ml10 {margin-left: 10px;}
.ml8 {margin-left: 8px;}
.ml2 {margin-left: 2px;}
.pa05 {padding-left: 5px;}
.vertical {vertical-align: middle;}