/* CSS Document */
html,
body{
margin:0;
padding:0;
background-image:url(images/back.jpg);
font:"ＭＳＰゴシック", Osaka;
font-size:12px;
color:#333333;
text-align:left;
line-height:20px;
}
* html div#continer {
height:100%;
}

h1{font-size:18px;}
h2{font-size:16px;}
h3{font-size:14px;}

div#continer{
margin:0 auto;
position:relative;
min-height:100%;
width:900px;
}
body > #container {
height: auto;
}

/* ヘッダ部分 */

#header{
width:900px;height:51px;
margin-top:20px;
margin-bottom:0px;
margin-left:auto;
margin-right:auto;
text-align:left;
}

h1#header-left {
float:left;
height:51px;
width:257px;
margin:0px 143px 0 0;
text-decoration:none;
background-image:url(images/locomotion-logo.jpg);
}

ul#navigation li {
float:left;
	width:100px;
	height:40px;
	list-style-type:none;
	padding-left:0;
    margin-left:0;
}
ul#navigation li a{
	display:block;
	width:100px;
	height:40px;
	text-decoration:none;
	text-indent:-1500px;
}
ul#navigation li#menu1 a{background:url(images/product-off.jpg);}
ul#navigation li#menu1 a:hover{background:url(images/product-on.jpg);}
ul#navigation li#menu2 a{background:url(images/office-off.jpg);}
ul#navigation li#menu2 a:hover{background:url(images/office-on.jpg);}
ul#navigation li#menu3 a{background:url(images/terry-off.jpg);}
ul#navigation li#menu3 a:hover{background:url(images/terry-on.jpg);}
ul#navigation li#menu4 a{background:url(images/recruit-off.jpg);}
ul#navigation li#menu4 a:hover{background:url(images/recruit-on.jpg);}
ul#navigation li#menu5 a{background:url(images/home-off.jpg);}
ul#navigation li#menu5 a:hover{background:url(images/home-on.jpg);}

/* HOMEメイン部分 */

h1#main{
margin-left:auto;
margin-right:auto;
margin-bottom:20px;
width:900px;
text-align:right;
}

.main-left {
float:left;
width:526px;
margin:0 20px 20px 20px;
display:inline;
}

.main-right {
float:right;
width:310px;
margin:50px 20px 20px 0px;
display:inline;
}

#topics{
background-image:url(images/topics.jpg);
height:50px;
width:196px;
margin-right:314px;
}

#topics-text{
width:486px;
padding:10px 0 0 0px;
line-height:18pt;
}

#news-m{
width:526px;
background-image:url(images/new02.jpg);
}

#news-back{
width:486px;
height:auto;
padding:0 20px 0 20px;
}

#back-m{
width:310px;
background-image:url(images/back02.jpg);
}

#back-numbe-text{
width:270px;
padding:10px 0 0 0px;
}

#back-number-back{
width:270px;
height:auto;
padding:0 20px 0 20px;
}


/* 見出し部分 */

h1#midashi{
margin-left:auto;
margin-right:auto;
margin-bottom:25px;
width:900px;
text-align:center;
}

h2 {
background-image:url(images/asiato.jpg); 
background-repeat:no-repeat; 
padding-left:30px;
line-height:100%; 
}

/* 制作実績ページ */

.m-left {
float:left;
width:600px;
margin:0 20px 20px 40px;
display:inline;
}

.m-right {
float:right;
width:210px;
height:auto;
margin:0px 20px 20px 0px;
display:inline;
}


/* テリー伊藤ページ */


.tbotan-right {
width:210px;
height:24px;
margin-top:10px;
}

.text-ty{
width:580px;
padding:0 0 0 30px;
}

 /*  warp  */
#wrap {
float:left;
width:210px;
}
#content {
margin-right:0px;
}
#sidebar {
float:left;
margin-left:0px;
width:200px;
}
#movable {
width:200px;
}
 /*  warp design  */
#content .column {
margin-bottom:10px;
height:1000px;
}
code {
display:block;
margin:0px;
line-height:120%;
}
#movable {
height:210px;
}


/* ページトップ部分 */

#pagetop{
clear:both;
width:107px;
padding:0 0 0 790px;
}

a.p-top {
background-image:url(images/b-pegetop.jpg);
display:block;
width:107px;  /* 画像横幅 */
height:29px; /* 画像高さ */
text-indent: -9000px; /* 文字消す */
}

a.p-top:hover {
background-image:url(images/b-pegetop.jpg);
background-position: top right;
}


/* フッタ部分 */

#footer{
clear:both;
position:absolute;
	bottom:0px;
	padding:80px 0 0 0;
	margin-left:auto;
	margin-right:auto;
	height:29px;
	width:100%;
	color:#FFFFFF;
	text-align:center;
	text-indent:-9999px;
	background:url(images/back2.jpg);
}

#footer-m{
clear:both;
	bottom:0px;
	padding:80px 0 0 0;
	margin-left:auto;
	margin-right:auto;
	height:29px;
	width:100%;
	color:#FFFFFF;
	text-align:center;
	text-indent:-9999px;
	background:url(images/back2.jpg);
}