@charset "shift_jis";

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

body {
	margin: 0;
	padding: 0;
	font: 12px "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color: #00194C;
	background: #E1EAF9 url(../images/main_bg.jpg);
	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;
}

h1 { font-size: 10px; margin: 0px 60px; padding-top: 3px}
h2 { font-size: 1.2em; text-transform: uppercase;}
h3 { font-size: 1.2em; margin-bottom:12px;}
h4 { font-size: 1.2em; }
h5 { font-size: 12px; margin: 0px; color:#990000}
h6 { font-size: 12px; margin: 0px; color:#00194C}

p, h2, h3, h4, h5, h6 {
	/* margin: 10px 15px; */
	margin: 10px 0 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 #999;
 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 */
.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;}


/* end - table */



/***********************
	  LAYOUT
************************/
#wrap {
	width: 870px;
	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: 60px ; top: 30px;
	width: 320px;
	height: 52px;	
}

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

/* header menu */
#menu {	
	clear: both;
	width: 870px;
 height: 40px;
}

#menu ul {
	height: 40px;
	margin: 0px;
	padding: 0;
	margin-left: 35px;
}

#menu ul a {
	display: block;
	height: 40px;
	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(../images/navi.gif) -35px 0px;
	width: 123px;
}

li#menu1 a:hover,li#menu1-sty a {
	background: url(../images/navi.gif) -35px -40px;
	width: 123px;
}

	
li#menu2 a:link,li#menu2 a:visited {
	background: url(../images/navi.gif) -158px 0px;
	width: 122px;
}

li#menu2 a:hover,li#menu2-sty a{
	background: url(../images/navi.gif) -158px -40px;
	width: 122px;
}


li#menu3 a:link,li#menu3 a:visited {
	background: url(../images/navi.gif) -280px 0px;
	width: 121px;
}

li#menu3 a:hover,li#menu3-sty a {
	background: url(../images/navi.gif) -280px -40px;
	width: 121px;
}

li#menu4 a:link,li#menu4 a:visited {
	background: url(../images/navi.gif) -401px -0px;
	width: 122px;
}

li#menu4 a:hover,li#menu4-sty a {
	background: url(../images/navi.gif) -401px -40px;
	width: 122px;
}

li#menu5 a:link,li#menu5 a:visited {
	background: url(../images/navi.gif) -523px 0px;
	width: 122px;
}

li#menu5 a:hover,li#menu5-sty a{
	background: url(../images/navi.gif) -523px -40px;
	width: 122px;
}

li#menu6 a:link,li#menu6 a:visited {
	background: url(../images/navi.gif) -645px 0px;
	width: 190px;
}

li#menu6 a:hover,li#menu6-sty a{
	background: url(../images/navi.gif) -645px -40px;
	width: 190px;
}

/* content */
#content-wrap {
	clear: both;
	float: left;
	width: 870px;
 background: url(../images/sideline.gif) repeat-y; 
}

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

/* sidebar */
#sidebar {
	float: left;
	width: 234px;
	margin: 0; padding: 0;	
 background: url(../images/sideber.gif) repeat-y; 
}

#sidebar2 {
	float: left;
	width: 234px;
	margin: 0; padding: 0;	
 background: url(../images/sideber2.gif) repeat-y; 
}

#sidebar h1, #sidebar2 h1 {
	padding: 10px 0px 5px 10px;
	margin: 0;	
}

.sidebox {
	margin: 0px;	
}

#sidetxt {
	margin: 0px;	
}

/* sidebar menu */
#sidebar ul.sidemenu {
	list-style:none;
	margin: 0;
	padding: 0;		
}

#sidebar ul.sidemenu a {
	display:block;
	font-weight:normal;
	height: 45px;	
 width: 234px;
	text-decoration:none;
	text-indent: -9999px;
	overflow: hidden;
}

#sidebar2 ul.sidemenu {
	list-style:none;
	margin: 0;
	padding: 0;		
}

#sidebar2 ul.sidemenu a {
	display:block;
	font-weight:normal;
	height: 45px;	
 width: 234px;
	text-decoration:none;
	text-indent: -9999px;
	overflow: hidden;
}

li#sidemenu1 a:link,li#sidemenu1 a:visited {
	background: url(../images/side_manu.gif) 0px 0px;
}

li#sidemenu1 a:hover,li#sidemenu1-sty a {
	background: url(../images/side_manu.gif) -234px -0px;
}

	
li#sidemenu2 a:link,li#sidemenu2 a:visited {
	background: url(../images/side_manu.gif) 0px -45px;
}

li#sidemenu2 a:hover,li#sidemenu2-sty a{
	background: url(../images/side_manu.gif) -234px -45px;
}

li#sidemenu3 a:link,li#sidemenu3 a:visited {
	background: url(../images/side_manu.gif) 0px -90px;
}

li#sidemenu3 a:hover,li#sidemenu3-sty a {
	background: url(../images/side_manu.gif) -234px -90px;
}

li#sidemenu4 a:link,li#sidemenu4 a:visited {
	background: url(../images/side_manu.gif) 0px -135px;
}

li#sidemenu4 a:hover,li#sidemenu4-sty a {
	background: url(../images/side_manu.gif) -234px -135px;
}

li#sidemenu5 a:link,li#sidemenu5 a:visited {
	background: url(../images/side_manu.gif) -0px -180px;
}

li#sidemenu5 a:hover,li#sidemenu5-sty a{
	background: url(../images/side_manu.gif) -234px -180px;
}

.sidetxtbox {
	margin: 0px 20px 10px 30px;	
}

blockquote {
 background:url(../images/icon_arrow.gif) no-repeat;
 display:block;
 border:none;
	margin: 0; padding: 0;	
}

/* main */
#main {
	float: left;
	width: 570px;	
	margin: 0px 40px 45px 0px; padding: 0;	
}

#main2 {
	float: left;
	width: 550px;	
	margin: 0px 40px 45px 20px;
}

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

#main h4 {
	padding: 10px 0 5px 5px;
	margin: 0 0 0 22px;
}

#main ul li {
	list-style-image: url(file:///E|/現在進行形/東京技営/新しいフォルダ/bullet.gif);
}

.maincont {
	width: 570px;
}

.maintxt{
padding-left:12px;
padding-top: 2px;
}

.develop {
padding-left:10px;
padding-top: 2px;
margin-top:0px;
}

.develop img{
padding-top: 2px;
float:left;
margin-right:10px;
margin-top:5px;
margin-bottom:5px;
}

.develop p{
padding-left:278px;
padding-top: 2px;
color:#666;
}

.devetxt p{
padding-left:12px;
padding-top: 2px;
color:#666;}

p.dev_st {
font-size:14px;
font-weight:bold;
color: #00194C;
margin-bottom:5px;
}

.fcRed {
font-size:12px;
color:#FF0000;
font-weight:bold;
}



/* footer */
#footer {
	clear: both;
	margin: 0; padding: 12px 0 0 0;
	font: 12px "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	height: 50px;
	background: url(../images/footer-bg.gif) repeat-y;
	text-align: center;
}

#footer p {
	margin: 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; }
.align-center {	text-align: center; }

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

.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;}